html,body {
	padding:0;
	margin:0;
	/*background:url(https://nerdfighteria.info/images/ccscreencap.png) fixed;*/
}

#page {
	min-height:500px;
	padding:3px 5px;
}

input {margin-bottom:3px !important}

#page-header, #nav-drops, #content-footer {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eef8fc+0,d4e0e4+49,d4e0e4+49,e9eff1+66,f7fafb+100 */
	background: #eef8fc; /* Old browsers */
	background: -moz-linear-gradient(left,  #eef8fc 0%, #d4e0e4 49%, #d4e0e4 49%, #e9eff1 66%, #f7fafb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #eef8fc 0%,#d4e0e4 49%,#d4e0e4 49%,#e9eff1 66%,#f7fafb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #eef8fc 0%,#d4e0e4 49%,#d4e0e4 49%,#e9eff1 66%,#f7fafb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef8fc', endColorstr='#f7fafb',GradientType=1 ); /* IE6-9 */
	padding:5px 15px;
}

#nav-drops {
    padding:0;
}

#content-footer {
	margin-top:25px;
	text-align:center;
	padding:20px 15px;
}

#logo {
	width:125px;
	float:left;
}

#header {
	padding:3px 5px;
	margin-top:5px;
}

#header h1 {
	margin-top:20px !important;
	margin-bottom:0;
}

#title a {
	font-family:Niconne,serif;
	color:#000;
	text-decoration:none;
	margin-left:10px;
}

#debug-output {
	margin-top:150px;
	background:#fff;
}

#debug-output table {
	margin-top:50px;
	margin-left:25px;
}

#debug-output table td {
	border:1px solid #000;
	padding:5px;
	margin:3px;
	white-space:pre;
	vertical-align:top;
}

#home-video {
	position:absolute;
	z-index:-10;
}

#nav-container {
	margin-bottom:0;
	background:none !important;
	border:none !important;
}

#nav-container button {
	margin:4px 3px;
	opacity:.85;
}

#nav-container button:hover {
	opacity:1;
}

.nav-view {
	background:none !important;
	color:#000 !important;
	border:none !important;
	outline:none !important;
}

.nav-view:hover {
	background:#9cf !important;
	color:#000 !important;
}

.nav-edit {
	background:none !important;
	color:#000 !important;
	border:none !important;
}

.nav-edit:hover {
	background:#9cf !important;
	color:#000 !important;
}

.nav-discuss {
	background:#51a675 !important;
}

#content-body {
	background:#fff;
	margin-top:5px;
	padding:5px;
}

#content-body .row {
	margin:0;
}

.page-header {
	margin-top:0 !important;
	padding:0 40px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfeff+21,e3f8ff+100 */
	background: #fbfeff; /* Old browsers */
	background: -moz-linear-gradient(left,  #fbfeff 21%, #e3f8ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fbfeff 21%,#e3f8ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fbfeff 21%,#e3f8ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfeff', endColorstr='#e3f8ff',GradientType=1 ); /* IE6-9 */
}

.page-header img {
    height:88px;
    width:88px;
    border-radius:44px;
}

.page-header img:hover {
    box-shadow:#333 0px 6px 6px;
}

.page-header {
    cursor:default;
}

.video-header h1 a {
	color:#555;
}

h1 a:hover {
    text-decoration:none;
    text-shadow:#666 0px 6px 6px;
    color:#222;
}

.video-header h1 small {
	color:#444;
}

#content-body .video-row {
	margin-bottom:5px;
}

.video-row img {
	margin-right:10px;
	height:90px;;
	width:120px;
	float:left;
}

.video-row h3 {
	margin-left:10px;
	font-size:20px;
}

.video-tile {
	border:1px solid #fff;
	padding:3px;
	text-align:center;
}

.video-tile:hover {
	border:1px solid #333;
	background:#9cf;
}

.video-tile:hover a {
	color:#000;
}

.video-tile img {
	height:155px;
	width:215px;
	display:block;
}

.tab-content {
	padding:15px 10px;
}

.linklist-tab a {
	display:block;
	padding:3px 5px;
}

.linklist-tab a:hover {
	background:#9cf;
	color:#000;
}

.video-tile-title {
	display:block;
	min-height:3.5em;
	font-weight:bold;
	margin-top:4px;
}

.nav-item {
	padding:0;
    border-radius:4px;
	font-size:14px;
}

.nav-item img {
	height:36px;
	width:36px;
    display:inline-block;
    vertical-align:middle;
}

.nav-item a {
	margin-left:5px;
	color:#000;
    display:inline-block;
    vertical-align:middle;
    width:115px;
}

.nav-item:hover {
    background: linear-gradient(90deg, rgba(153,204,255,1) 0%, rgba(153,204,255,1) 66%, rgba(255,255,255,0) 100%);
}

.nav-item:hover a {
	color:#000;
}

.nav-header {
	font-weight:bold;
	display:block;
    text-align:center;
    padding:2px;
    border:1px solid #000;
    color:#222;
    background:none;
    cursor:default;
    margin:2px 0;
}

#nav-subs .panel {
	color: #000;
	border: none;
	background: none !important;
	box-shadow:none;
}

#searchbox {display:inline;	width:100px;}

#searchbox input {
	width:125px;
	display:inline;
	margin:3px 0 0 3px;
	opacity:.75;
}

#searchbox:hover input, #searchbox input:focus {
	opacity:1;
}

#content-body .video-imagerow {
	margin:6px 0;
	padding:6px 3px;
}

.video-imagerow:hover {
	background:#9cf;
}

.video-imagerow:hover a {
	color:#000;
}

.video-imagerow img {
	height:60px;
	width:90px;
	float:left;
	margin:0 5px; 5px 0;
}

.video-imagerow .video-imagerow-title a {
	font-size:14px;
	font-weight:bold;
}

th.numeric, td.numeric {
	text-align:right;
}

tr.history-current {
	font-weight:bold;
}

.description-body {
	font-size:16px;
	margin-left:100px;
}

#transcript-view {
	overflow:auto;
}

.media-tile {
	width:210px;
	margin:10px 0;
	text-align:center;
}

.media-tile:hover {
	background:#9cf;
}

.media-tile img {
	height:150px;
	width:210px;
}

.media-tile-text {
	color:#000;
	text-align:center;
	z-index:5;
	width:210px;
}

#recent-videos-chooser {
	width:210px;
}

#recent-videos {
	overflow:auto;
	padding:0 5px;
	width:250px;
     scrollbar-width:thin;
}

.channel-tile {
	opacity:.6;
}

.channel-tile:hover {
	opacity:1;
}

h1 {
	margin-top:0 !important;
}

.numCol {
	text-align:right;
}

.list-block:nth-child(even) {
	background:#ddd;
}

.intro {
	margin:0 0 15px 0;
	padding:5px;
	margin-top:0 !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfeff+21,e3f8ff+100 */
	background: #fbfeff; /* Old browsers */
	background: -moz-linear-gradient(left,  #fbfeff 21%, #e3f8ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fbfeff 21%,#e3f8ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fbfeff 21%,#e3f8ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfeff', endColorstr='#e3f8ff',GradientType=1 ); /* IE6-9 */

}

#login-captcha-answer,#register-captcha-answer,.captcha-part { display:inline;vertical-align:bottom;}
#login-captcha,#register-captcha { clear:both;margin:10px 0 3px 0; background:#fea; padding:5px 3px; }

#login-captcha-answer,#register-captcha-answer {
	border:none;
	border-bottom:1px solid #000;
	padding-bottom:0;
	background:none;
	color:#333;
}

.text-button {cursor:pointer;}
.text-button:hover {text-decoration:underline;}
#login-link, #register-link {outline:none;}
a.navbar-btn { margin-top:4px !important; }

.parent-post { display:none; }
.parent-post-title { background:#ddd !important; }
.parent-post-body {}
.parent-post-footer {}
.post-delete {margin-left:15px;}

.child-post {margin-top:10px;}
.child-post-title { background:#f0f0f0 !important; }
.child-post-body {}
.child-post-footer {}

.loglist-item {}
.loglist-date {font-weight:bold;}
.loglist-desc {margin-left:10px;}

.discussion-link {
	margin:5px 2px;
	border:1px solid #888;
	border-radius:3px;
	color:#999;
	padding:4px 6px;
	cursor:pointer;
}

.discussion-link:hover { background:#9cf; color:#000; }
.discussion-link-active { border:1px solid #333; color:#000;}
.discussion-link-postby {border-bottom:1px dashed #999;margin-bottom:3px;}
.discussion-link-snippet {}
.discussion-link-replies {border-top:1px dashed #999;margin-top:3px;text-align:right;}
#discussion-pager {margin-top:15px;text-align:center;}
#discussion-pager a {font-size:14px; padding:6px 3px;}
#discussion-pager a:hover {}
.discussion-pager-current {font-weight:bold;border:1px solid #000;padding:6px 3px;margin:0 3px;}

.sp-container {}
.sp-title {}
.sp-btn-container {}
.sp-btn-container button {margin-bottom:5px;}
.sp-correction {}
.sp-suggestion {margin-left:10px;}
.sp-snippet {margin-bottom:10px !important;}
.sp-highlight {font-weight:bold;}

.searchsnippet-container {max-height:100px;overflow:auto;}
.searchsnippet-item {border-bottom:1px solid #ccc;padding-bottom:3px;margin-bottom:3px;}

.modal .error {
	padding:3px 5px;
	background:#fcc;
	display:none;
}

.reset-password {text-align:right;margin-top:10px;}
.reset-password-instruction {text-align:left;display:none}
#reset-password-btn {display:none;margin-top:5px;}

.expand-all {text-align:center;margin-bottom:10px;}
.section-wrapper {margin-top:15px;}
.section-header {cursor:pointer;padding-bottom:2px;border-bottom:1px solid #ccc;}
.section-content {margin-bottom:10px;}

.transcript-buttons {margin:10px 0;}
.transcript-status .btn {opacity:.5}
.transcript-status .btn.active {opacity:1}
#transcript-success,#category-success,.msg-success {display:none;background:#cfc;padding:3px;margin:3px;}
#transcript-error,#category-error,.msg-error {display:none;background:#fcc;padding:3px;margin:3px;}

.hidden-delete {font-size:14px;cursor:pointer;width:30px;text-align:center;}
.hidden-delete i {visibility:hidden;}
.hidden-delete:hover i {visibility:visible}

.admin-section {padding:3px;margin:5px 0;}
.inline-admin-section {width:135px !important;}

.btn-group i {visibility:hidden;}
.btn-group .active i {visibility:visible;}
.btn-group label {}
.toggler .btn {opacity:.3;min-width:120px;}
.toggler .btn.active {opacity:1}

#postback-msg {display:none;}

#split-chunks {max-height:700px;overflow:auto;}
.split-chunk {border:1px solid #aaa; margin:10px 0; background:#eee; padding:3px;}
.split-chunk-text {height:50px;width:95%;overflow:auto;background:#ddd;border:1px solid #999;padding:2px;}
.split-chunk-title {font-weight:bold;}
.split-chunk-buttons {}
.split-chunk-buttons button {display:none;}
.split-chunk-status {}
.split-lock {}
.split-unlock {}
.split-complete {}
.split-reopen {}
#collab-current {font-weight:bold;text-align:center;}

#guide {}
.guide {}
.method-name {
	margin:5px 2px;
	border:1px solid #888;
	border-radius:3px;
	color:#999;
	padding:4px 6px;
	cursor:pointer;
}
.method-name:hover {background:#9cf; color:#000;}
.method-name.active {border:1px solid #333; color:#000;}

.pref-channel {padding:3px;}
.pref-channel img {float:left;margin-right:5px;height:88px;width:88px;}

#video-results {}
#video-results td {border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:4px 2px;vertical-align:top;}
#video-results tr:nth-child(even) {background:#eef;}

.message-toc-container {margin:5px 3px;padding:10px 15px;border:1px solid #aaa;color:#888;cursor:pointer;}
.message-toc-container:hover {border:1px solid #666;color:#444;background:#9cf;}
.message-thread-container {display:none;padding:10px;overflow:auto;}
.message-body-container {padding:5px;margin:10px 5px;border:1px solid #999;}
.message-body {}
.message-header {border-bottom:1px solid #ccc;color:#888;margin:5px 0px;}
.message-received {margin-right:50px;background:#eee;}
.message-sent {margin-left:50px;}

.pref-name {font-weight:bold;}
.pref-btns {display:block;}
.pref-btns label {opacity:.6}
.pref-btns label.active {opacity:1}
.pref-desc {}

#home-channellist {}
#home-channellist img {height:88px;width:88px;margin:2px 1px;}

.logrow {}
.logrow-date {font-weight:bold;}
.logrow-text {}

#search-form {border:none !important}
#search-form .panel-heading {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfeff+21,e3f8ff+100 */
	background: #fbfeff; /* Old browsers */
	background: -moz-linear-gradient(left,  #fbfeff 21%, #e3f8ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fbfeff 21%,#e3f8ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fbfeff 21%,#e3f8ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfeff', endColorstr='#e3f8ff',GradientType=1 ); /* IE6-9 */
	color:#000;
	border:none !important;
}
#search-form input {margin:3px;}
#search-result-error {display:none;padding:4px 8px;margin:4px;}
#search-results {margin-top:15px;display:none;}
#search-results .panel-heading {font-weight:bold;}
#search-results-container {}
.chooser-option {}
.group-links {margin-left:10px;}
.group-links a, .grouplink a {padding:3px 6px;border:1px solid #fff;}
.group-links a:hover, .grouplink a:hover {background:#fff;border:1px solid #333;}
.group-view .panel {border:1px solid #ccc !important}
.group-view .panel-heading {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eef8fc+0,d4e0e4+49,d4e0e4+49,e9eff1+66,f7fafb+100 */
	background: #eef8fc; /* Old browsers */
	background: -moz-linear-gradient(left,  #eef8fc 0%, #d4e0e4 49%, #d4e0e4 49%, #e9eff1 66%, #f7fafb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #eef8fc 0%,#d4e0e4 49%,#d4e0e4 49%,#e9eff1 66%,#f7fafb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #eef8fc 0%,#d4e0e4 49%,#d4e0e4 49%,#e9eff1 66%,#f7fafb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef8fc', endColorstr='#f7fafb',GradientType=1 ); /* IE6-9 */
	border:none !important;
	color:#000 !important;
	font-weight:bold !important;
}
.grouplink {
	border-radius:3px;
	display:block;
	border:1px solid #ccc;
	background-image:-webkit-linear-gradient(top,#fff 0,#ddd 100%);
	background-image:-o-linear-gradient(top,#fff 0,#ddd 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ddd', GradientType=0);
	background-image:linear-gradient(to bottom,#fff 0,#ddd 100%);
	padding:6px 9px;
	margin:5px 0;
	text-decoration:none;
}
.grouplink:hover {
	border:1px solid #aaa;
	background:#ccc;
	text-decoration:none;
	color:#fff;
	transition:background .6s, border .6s;
}

/*
 * Colors from https://github.com/theaqua/BrandButtons
 */
.grouplink-facebook:hover {
	border:1px solid #4863ae;
	background:#4863ae;
}
.grouplink-google-plus:hover {
	border:1px solid #dd4a38;
	background:#dd4a38;
}
.grouplink-steam:hover {
	border:1px solid #000000;
	background:#000000;
}
.grouplink-tumblr:hover {
	border:1px solid #374a61;
	background:#374a61;
}
.grouplink-twitter:hover {
	border:1px solid #46c0fb;
	background:#46c0fb;
}
.grouplink-youtube:hover {
	border:1px solid #ff0000;
	background:#ff0000;
}
.grouplink-other:hover {
	border:1px solid #F0a41F;
	background:#F0a41F;
	color:#000;
}
#map {
	width: 800px;
	height: 450px;
	border:1px solid #333;
	border-radius:3px;
	box-shadow:2px 2px 2px #333;
}

.mce-edit-area {border-right:1px solid #cacaca !important;}

.groups-browse {border:none !important;}
.groups-browse .panel-heading {
	color:#000 !important;
	border:none !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfeff+21,e3f8ff+100 */
	background: #fbfeff; /* Old browsers */
	background: -moz-linear-gradient(left,  #fbfeff 21%, #e3f8ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fbfeff 21%,#e3f8ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fbfeff 21%,#e3f8ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfeff', endColorstr='#e3f8ff',GradientType=1 ); /* IE6-9 */
}
.groups-drilldown {}
.chooser-column {margin:0 !important;padding:0 !important;}
.chooser-column-header {background:#9cf;text-align:center;font-weight:bold;font-size:14px;padding:10px 0;}
.chooser-column-header-text {font-weight:bold;}
.chooser-column-body {padding-top:10px;}
.chooser-column-body-inner {height:80%; max-height:500px; overflow:auto; clear:both;}
.chooser-option {padding:5px;cursor:pointer;border:2px solid #ddd;border-left:2px solid #fff;border-right:2px solid #fff;}
.chooser-option:hover {}
.chooser-current-selection {border:2px solid #9cf; background:#eef; font-weight:bold;}
.node-name {}
.column-filter {margin-left:5px;display:none;}
.chooser-category-link {margin-left:10px;}
.chooser-group-create {margin-left:10px;}
.chooser-interest-create {margin-left:10px;}
.chooser-interest-rename {margin-left:10px;}
.chooser-node-delete {margin-left:10px;}
.chooser-option {}
.chooser-option-has-groups {}
.node-count {}
.chooser-option {}
.chooser-option-empty {}
.chooser-group-scope {padding:10px 15px;font-weight:bold;}
.group-links {}
.glyphicon-link {}
#group-list {background:#eee;}
#groups-header {}
#group-edit-container .panel {
	border:1px solid #aaa;
}
#group-edit-container .panel-heading {
	color:#000 !important;
	border:none !important;
	font-weight:bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eef8fc+0,d4e0e4+49,d4e0e4+49,e9eff1+66,f7fafb+100 */
	background: #eef8fc; /* Old browsers */
	background: -moz-linear-gradient(left,  #eef8fc 0%, #d4e0e4 49%, #d4e0e4 49%, #e9eff1 66%, #f7fafb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #eef8fc 0%,#d4e0e4 49%,#d4e0e4 49%,#e9eff1 66%,#f7fafb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #eef8fc 0%,#d4e0e4 49%,#d4e0e4 49%,#e9eff1 66%,#f7fafb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef8fc', endColorstr='#f7fafb',GradientType=1 ); /* IE6-9 */
}

.admin-spell-item {margin:5px 0;padding:5px 10px;}
.admin-spell-item:nth-child(even) {background:#eee;}
.admin-spell-word {display:block;float:left;width:150px;font-weight:bold;padding-top:5px;}
.admin-spell-btns {margin-left:25px;}

#admin-areas a { padding:10px; display:block; }
#admin-areas a:hover { background:#9cf; }

.mediagrid-item {text-align:center; min-height:260px !important;}
.mediagrid-a {}
.mediagrid-title {margin:5px 0;font-weight:bold;min-height:3.3em;}
.mediagrid img {width:240px;height:160px;}

.vidresults-filters {margin:10px 0;}
.vidresults-filters select {padding:5px 10px;width:200px;}


#calendar-container th {
	text-align:center;
}

#calendar-container th, #calendar-container td {
	border-spacing:0;
	vertical-align:top;
}

#calendar {
	width:100%;
	margin:0px;
}

.calendar-video {
	cursor:default;
}

.calendar-schedule {
	
}

.calendar-nav a {
	margin:10px 25px;
}

.calendar-month {
	font-weight:bold;
}

.calendar-day-block {
	 border:1px solid #999;
	 padding:3px;
}

.calendar-day-title {
	background:#ccc;
	padding-left:10px;
	margin-bottom:2px;
}

.calendar-video-link {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background:#fff;
}

.calendar-day-videos {
	 height:100px;
	 overflow:auto;
}

.user-makeadmin,.user-deadmin,.user-activate,.user-deactivate {
	margin:5px;
	display:block;
	width:150px;
}

select.form-control-inline {padding:4px 6px;border-radius:2px;}

#top-transcribers-list {}
#top-transcribers-list li {padding:4px 2px;}
#top-transcribers-list li:hover {background:#9cf;}

#ddl-top-transcribers {width:150px;padding:4px 6px;margin:5px 0;}

.draft-warning {padding:5px 0;margin:3px 0;background:#9cf;}

#debug-output-1, #debug-output-2 {width:700px;overflow:auto;}

#collab-progress {width:100%;margin:5px 0 10px 0;}
.collab-progress-chunk {border-right:1px solid #fff;height:20px;background:#f99;display:inline-block;vertical-align:top;padding:3px 0;margin:0;font-size:11px;text-align:center;}
.chunk-progress-complete {background:#9d9;}

#home-incomplete-transcripts li:nth-child(n+6) {
    display:none;
}

#home-incomplete-transcripts:hover li:nth-child(n+6) {
    display:list-item;
}

#nav-article a {
    width:auto;
}

.tox-statusbar__branding {
    font-size:9px !important;
}

.tox-statusbar {
    height:auto !important;
}

.tag-warnings {
    clear:both;
}

.tag-warning-content {
    padding: 4px 8px;
    border: 1px solid #333;
    display: inline-block;
    vertical-align: top;
    background: #eaa77b;
    border-radius: 3px;
}

.tag-warning-trigger {
    padding: 4px 8px;
    border: 1px solid #333;
    display: inline-block;
    vertical-align: top;
    background: #e89696;
    border-radius: 3px;
}

.tag-warning-content:hover {
    background: #d06620;
}

.tag-warning-trigger:hover {
    background: #d12e2e;
}