﻿.btn-edit-content,
.btn-admin {
	color: #ffffff !important;
	background-color: #c82333 !important;
	border: 1px solid #bd2130 !important;
	border-radius: 0;
	font-size: 80%;
}

.edit-article-container {
	z-index: 99;
}

.btn-admin-toggle {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9000 !important;
	padding: .3em 1.1em 0.3em 1.1em;
	font-size: 1.15rem;
}

.control-edit-button-container {
	z-index: 999;
}

.btn-fm {
	max-width: 200px;
}

div#admin-section {
	position: fixed;
	right: 5px;
	top: 30px;
	z-index: 9000 !important;
	text-align: left;
	border: 3px solid #ffffff;
	color: #ffffff;
	background-color: #6E6E6E;
	padding: 24px 28px 20px;
	box-shadow: 0px 4px 10px #3e3e3e;
	line-height: 1.6;
}

	div#admin-section a {
		color: #ffffff;
	}

	div#admin-section h4 {
		margin-bottom: 10px;
	}

.admin-link {
	color: #ffffff;
	font-size: 14px;
}

/************ RICH CONTENT BLOCK ***************/
.admin-view {
	font-size: 13px;
	line-height: 21px;
	padding: 0 8px;
}

	.admin-view .btn {
		font-size: 13px;
		padding-top: 4px;
		padding-bottom: 4px;
	}

		.admin-view .btn.active {
			background-color: #007bff !important;
			border-color: #007bff !important;
		}

	.admin-view .btn-danger,
	.admin-view .btn-danger:hover
	{
		color: #fff;
	}

	.admin-view .admin-header {
		padding-top: 20px;
		padding-bottom: 10px;
		background-color: #ddd;
	}

		.admin-view .admin-header input[type=text] {
			height: calc(1.5em + .75rem + 2px);
			border: 1px solid #CCC;
			font-size: 13px;
		}

	.admin-view .form-group input[type=text],
	.admin-view .form-group input[type=number],
	.admin-view .form-group select {
		height: calc(1.5em + .75rem + 2px);
		border: 1px solid #CCC;
		font-size: 14px;
	}

	.admin-view .form-group label {
		font-size: 12px;
		line-height: 18px;
		align-items: center;
		letter-spacing: 0px;
		text-transform: inherit;
		margin-top: 0;
	}

	.admin-view .form-check-inline {
		margin-top: 4px;
	}

	.admin-view .form-check-input {
		position: relative;
	}

	.admin-view .input-group {
		padding-top: 2px;
	}

	.admin-view .form-group input[type=text],
	.admin-view .form-group input[type=number],
	.admin-view .form-group input[type=password],
	.admin-view .form-group input[type=email] {
		font-size: 14px;
	}

.admin-view select.form-control {
	height: auto;
}

.fixed-top-custom {
	position: fixed;
	width: 800px;
	top: 130px;
	z-index: 1030;
	left: 50%;
	margin-left: -400px;
}

.admin-view table {
	font-size: 13px;
}

.admin-view table img {
	max-width: 120px;
}

.admin-view table .btn-sm {
	padding: 2px 5px;
	font-size: 11px;
}

.admin-view .form-control.invalid {
	box-shadow: 0 0 0 1px rgb(255 0 0 / 50%);
}

.admin-view .form-group.invalid label {
	color: rgb(255, 0, 0);
}

.page-adminlist .card {
	flex-direction: column;
}

.radio-button-style input[type="radio"] {
	display: none;
}

.radio-button-style span {
	display: inline-block;
	padding: 9px;
	text-transform: uppercase;
	border: 2px solid #00E6A1;
	border-radius: 3px;
	color: #777777;
	margin-right: 7px;
	cursor: pointer;
}

.radio-button-style input[type="radio"]:checked + span {
	background-color: #00E6A1;
	color: #000000;
}

.admin-view .badge {
	padding: 0.7em 1em 0.5em 1em;
	font-weight: 400;
}

.admin-view .form-group input[type=text] {
	background-color: #ffffff;
}

.admin-view .badge-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

/* Content Tiles - Admin */
.content__tiles .form-group.col-md-4,
.sg__content__tiles .form-group.col-md-4 {
	display: flex;
	align-items: center;
}

.content__tiles .form-group .btn-info,
.sg__content__tiles .form-group .btn-info {
	border-radius: 3rem;
}

.timeline-scroll__container .btn-save,
.content__tiles .btn-save,
.sg__content__tiles .btn-save,
.timeline-scroll__container .btn-cancel,
.content__tiles .btn-cancel,
.sg__content__tiles .btn-cancel {
	padding: 0.5rem 2rem .4rem 2rem;
	border-radius: 2rem;
}

	.timeline-scroll__container .btn-save:before,
	.content__tiles .btn-save:before,
	.sg__content__tiles .btn-save:before {
		content: 'SAVE';
	}

	.timeline-scroll__container .btn-save:hover,
	.content__tiles .btn-save:hover,
	.sg__content__tiles .btn-save:hover {
		background-color: #1e7e34 !important;
		border-color: #1c7430 !important;
	}

.timeline-scroll__container .fa-save:before,
.content__tiles .fa-save:before,
.sg__content__tiles .fa-save:before {
	content: '';
}

.timeline-scroll__container .btn-cancel:before,
.content__tiles .btn-cancel:before,
.sg__content__tiles .btn-cancel:before {
	content: 'CANCEL';
}

.timeline-scroll__container .btn-cancel:hover,
.content__tiles .btn-cancel:hover,
.sg__content__tiles .btn-cancel:hover {
	background-color: #ffc107 !important;
	border-color: #ffc107 !important;
}

.timeline-scroll__container .fa-redo:before,
.content__tiles .fa-redo:before,
.sg__content__tiles .fa-redo:before {
	content: '';
}