:root {
	--blue: #007bff;
	--indigo: #674eec;
	--purple: #8445f7;
	--pink: #ff4169;
	--red: #c4183c;
	--orange: #fb7906;
	--yellow: #ffb400;
	--green: #17c671;
	--teal: #1adba2;
	--cyan: #00b8d8;
	--gray: #868e96;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #5A6169;
	--success: #17c671;
	--info: #00b8d8;
	--warning: #ffb400;
	--danger: #c4183c;
	--light: #FBFBFB;
	--dark: #212529;
}

::-webkit-scrollbar {
	width: 5px;
	height: 4px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(90, 97, 105, .5);
	border-radius: 10rem;
}

button:focus {
	outline: none;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.5;
	color: #3d5170;
	background: #f5f6f8;
	overflow-y: scroll;
}

.w-85pc {
	width: 85%;
}

.circle {
	border-radius: 50%;
}

.fl-right {
	float: right;
}

.fl-left {
	float: left;
}

.sidebar-nav {
	background: #FFF;
	transition: .9s all ease-in-out;
	position: fixed;
	top: 0;
	z-index: 1070;
	height: 100vh;
	box-shadow: 0 0.125rem 9.375rem rgba(90, 97, 105, .1),
				0 0.25rem 0.5rem rgba(90, 97, 105, .12),
				0 0.9375rem 1.375rem rgba(90, 97, 105, .1),
				0 0.4375rem 2.1875rem rgba(165, 182, 201, .1);
}

.navbar-logo {
	height: 3.75rem;
	border-bottom: 1px solid #e1e5eb;
	font-weight: 500;
	padding: .7rem 0;
	display: flex;
	place-items: center;
	justify-content: center;
}

.navbar-logo img {
	margin-right: 10px;
}

.navbar-logo span {
	transition: .9s all ease-in-out;
	opacity: 1;
}

.sidebar-nav .nav {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
}

.sidebar-nav .nav-link {
	border-bottom: 1px solid #e1e5eb;
	font-weight: 400;
	color: #3d5170;
	padding: .9375rem 1.5625rem;

	white-space: nowrap;
	min-width: 100%;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	
	will-change: background-color, box-shadow, color, padding;
	transition: box-shadow .2s ease, color .2s ease, background-color .2s ease, padding .2s ease;
	font-size: .85rem;
}

.sidebar-nav .nav-link i {
	margin-right: 10px;
}

.sidebar-nav .nav-link span {
	opacity: 1;
	will-change: opacity;
	transition: opacity .3s ease-in-out;
}

.sidebar-nav .nav-link.active,
.sidebar-nav .nav-link:hover {
	box-shadow: inset 0.1875rem 0 0 var(--green);
	background-color: var(--light);
	color: var(--green);
}

.content-main {
	transition: .3s all ease-in-out;
}

.user-bar {
	border-bottom: 1px solid #e1e5eb;
	box-shadow: 0 0.125rem 0.625rem rgba(90, 97, 105, .12);
	position: sticky;
	top: 0;
	background: #FFF;
	height: 3.75rem;
	z-index: 1;
}

.user-bar__nav {
	display: flex;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
	height: 3.75rem;
	border-left: 1px solid #e1e5eb;
}

.user-bar__nav .nav-item:first-child {
	border-left: 0;
	box-shadow: 0 0.125rem 9.375rem rgba(90, 97, 105, .1),
				0 0.25rem 0.5rem rgba(90, 97, 105, .12),
				inset 0 0.9375rem 1.375rem rgba(90, 97, 105, .1),
				0 0.4375rem 2.1875rem rgba(165, 182, 201, .1);
	font-size: 2rem;
	text-align: center;
	padding-top: 5px;
	color: var(--secondary);
}

.user-bar__nav .push-right {
	margin-left: auto;
}

.user-bar__nav .nav-item {
	border-left: 1px solid #e1e5eb;
	min-width: 3.75rem;
}

.user-bar__nav .nav-link,
.user-bar__nav .search {
	padding: .625rem;
}

.user-bar__nav .nav-link.profile {
	color: #000;
	font-size: .8125rem;
	font-weight: 400;
}

.user-bar__nav .profile-item {
	min-width: 10rem;
}

.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.notifications {
	position: relative;
	text-align: center;
}

.user-bar__nav i {
	font-size: 2rem;
	color: var(--gray);
}

.nav-add i {
	color: var(--success);
}

.notifications__count {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background-color: var(--red);
	border-radius: 50%;
	width: 16px;
	color: #FFF;
	height: 16px;
	text-align: center;
	font-size: .7rem;
}

.user-bar__nav .dropdown-menu {
	right: 0;
	margin-top: 0;
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding-top: 0;
}

.profile-item .dropdown-menu {
	transform: translate3d(-1px, 0, 0px) !important; /* Because Bootstrap / Popper break things otherwise. */
}

.dropdown-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dropdown-menu li hr {
	margin: .3rem 0;
}

.dropdown-menu-small {
	box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, .11),
				0 3px 10px rgba(0, 0, 0, .05),
				0 2px 3px rgba(0, 0, 0, .06);
}

.dropdown-menu-small a {
	display: block;
	padding: .375rem .875rem;
	font-size: .813rem;
	color: var(--dark);
}

.dropdown-menu-small a i {
	font-size: .813rem;
}

.dropdown-menu-small a:hover {
	background-color: #fafafb;
	transition: background-color 250ms cubic-bezier(.27,.01,.38,1.06), color 250ms cubic-bezier(.27,.01,.38,1.06);
	text-decoration: none;
}

.dropdown-menu-small a.notification {
	display: flex;
}

.light-icons i {
	color: var(--gray);
}

.logout a,
.logout a i {
	color: var(--red);
}

.notifications .dropdown-menu {
	min-width: 25rem;
	transform: translate3d(-340px, 0, 0) !important;
}

.notification {
	display: flex;
	padding: .375rem .875rem;
	font-size: .813rem;
	border-bottom: 1px solid #e1e5eb;
}

.notification__icon {
	padding: 0 5px;
}

.notification__content {
	padding: 0 .625rem;
}

.notification__title {
	font-size: .5625rem;
	color: #818ea3;
	letter-spacing: .0938rem;
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: 500;
}

.notification__content p {
	margin: 0;
	line-height: 1.5;
	font-size: .75rem;
}


.sidebar-nav.compact {
	width: 3%;
	overflow: hidden;
	transition: .1s all ease-in-out;
}

.sidebar-nav.compact + .content-main {
	width: 97%;
	margin-left: 3%;
	max-width: 100%;
	flex: 0 0 97%;
}

.toggleSideMenu {
	cursor: pointer;
}

.toggleSideMenu i {
	will-change: transform;
	transition: transform .6s ease;
}
.sidebar-nav.compact + .content-main .toggleSideMenu i {
	transform: rotate(180deg);
}


.sidebar-nav.compact .navbar-logo {
	justify-content: end;
	padding-left: 7px;
}

.sidebar-nav.compact .navbar-logo span {
	opacity: 0;
	transition: .1s all ease-in-out;
}

.sidebar-nav.compact .nav-link span {
	opacity: 0;
}

.sidebar-nav.compact .nav-link {
	padding: .9375rem 0 .9375rem 20px;
}

.page-title {
	font-size: 1.625rem;
	font-weight: 500;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.page-subtitle {
	letter-spacing: .125rem;
	color: #818ea3;
	font-size: .625rem;
	text-transform: uppercase;
}

.page-controls {
	margin-left: auto;
}
.page-controls.hasStatic {
	padding-right: 100px;
}

.btn-success {
	border-color: var(--green);
	background-color: var(--green);
}
.btn-success:hover {
	background-color: #14af64;
	border-color: #129857;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125)!important;
}


.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	background-clip: border-box;
	background-color: #fff;
	border: none;
	border-radius: 0.625rem;
	box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1),
				0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1),
				0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12),
				0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);
}

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

.card-small {
	box-shadow: 0 2px 0 rgba(90, 97, 105, 0.11),
				0 4px 8px rgba(90, 97, 105, 0.12),
				0 10px 10px rgba(90, 97, 105, 0.06),
				0 7px 70px rgba(90, 97, 105, 0.1);
}

.card-body {
	min-height: 223px;
}
.card-body-table {
	min-height: auto;
}

.card-unpublished {
	opacity: .5;
}

.card-post__image {
	position: relative;
	min-height: 10.3125rem;
	border-top-left-radius: .625rem;
	border-top-right-radius: .625rem;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.card-title {
	font-weight: 500;
	margin-bottom: .75rem;
	height: 50px;
	overflow: hidden;
}

.text-fiord-blue {
	color: #3D5170;
}

.text-fiord-blue:hover {
	color: #2b394f!important;
}

.card-text {
	height: 64px;
	overflow: hidden;
	font-size: 15px;
}

.category-container{
	text-align: right;
	float: right;
	margin-top: 0.9375rem;
	margin-right: 0.9375rem;
}

.badge {
	padding: 0.375rem 0.5rem;
	font-size: 75%;
	font-weight: 500;
	display: block;
	width: fit-content;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	margin-bottom: 2px;
	float: right;
	clear: right;
}

.badge-pill {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	border-radius: 10rem;
}

.badge-info {
	color: #fff;
	background-color:var(--info);
}
.badge-info:hover {
	background-color: #117a8b;
}

.card-post--1 .card-post__category {
	text-transform: uppercase;
}

.card-post .card-body {
	padding: 1.5625rem 1.5625rem;
}

.card-post--1 .card-body {
	padding-top: 2.1875rem;
}

.category-list {
	width: fit-content;
	position: absolute;
	top: 39px;
	right: 15px;
	background-color: #117a8b;
	z-index: 1;
	border-radius: 5px;
	transition: .3s all ease-in-out;
	overflow: hidden;
	font-size: 75%;
	color: #FFF;
}

.category-list__content {
	padding: 0.375rem 0.5rem;
}

.category-item {
	display: block;
	padding: 3px;
}

.card-post--1 .card-post__author {
	transform: translateY(50%);
	margin-left: 1.5625rem;
	position: absolute;
	bottom: 0;
}

.card-post__author-avatar {
	width: 2.8125rem;
	height: 2.8125rem;
	box-shadow: 0 0 0 0.125rem #fff, 0 0.1875rem 0.4375rem rgba(90,97,105,.5);
	display: block;
	background-color: #FFF;
	background-position: center;
	background-size: cover;
	border-radius: 50%;
	text-indent: -9999px;
}

.card-post__author-avatar--small {
	width: 2.1875rem;
	height: 2.1875rem;
}

.text-muted {
	color: #868e96;
	font-size: 12px;
}

.trash a {
	float: right;
	color: var(--danger);
}

.static-side {
	position: fixed;
	top: 65px;
	right: 0;
}

.js-help-menu {
	cursor: pointer;
	display: block;
	margin-bottom: 5px;
	width: 100%;
	background: #FFF;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: .375rem .875rem;
	font-size: 75%;
	box-shadow: 0 0.125rem 9.375rem rgba(90, 97, 105, .1),
				0 0.25rem 0.5rem rgba(90, 97, 105, .12),
				0 0.9375rem 1.375rem rgba(90, 97, 105, .1),
				0 0.4375rem 2.1875rem rgba(165, 182, 201, .1);
}

.js-help-menu i {
	transition: .9s all ease;
}

.cheat-sheet__container,
.media__container {
	height: 84vh;
	position: absolute;
	right: 0;
	overflow: hidden;
	transition: .9s all ease;
	background: #FFF;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0 0.125rem 9.375rem rgba(90, 97, 105, .1),
				0 0.25rem 0.5rem rgba(90, 97, 105, .12),
				0 0.9375rem 1.375rem rgba(90, 97, 105, .1),
				0 0.4375rem 2.1875rem rgba(165, 182, 201, .1);
}

.cheat-sheet__container,
.cheat-sheet__content {
	width: 16vw;
}

.media__container,
.media__content {
	width: 34vw;
}

.cheat-sheet__content,
.media__content {
	height: 100%;
	padding: .5rem 1rem;
}

.cheat-sheet__content {
	overflow-y: scroll;
}

.media__content {
	padding-right: 0;
}

.cheat-sheet__content::-webkit-scrollbar-thumb,
.media__content::-webkit-scrollbar-thumb {
	background-color: rgba(23, 198, 113, .5);
}

.cheat-sheet__content .page-title {
	font-size: .825rem;
}

.card-header {
	background-color: #fff;
}

.card-small .card-header {
	padding: 1rem 1rem;
}

.card-header:first-child {
	border-radius: .625rem .625rem 0 0;
}

.border-bottom {
	border-bottom: 1px solid #e1e5eb;
}

.table {
	color: #5a6169;
}

.article-tabs {
	margin: -1.25rem;
	padding: 0;
	list-style: none;
	border-top-left-radius: .625rem;
	border-top-right-radius: .625rem;
	display: flex;
	margin-bottom: 1.25rem;
}

.article-tab {
	cursor: pointer;
	will-change: box-shadow, border;
	transition: box-shadow .3s ease-in-out, border .1s ease-in-out;
	padding: 1.25rem;
	flex-grow: 1;
	border: 1px solid #e1e5eb;
	border-bottom-width: 2px;
	border-top: 0;
	font-size: 85%;
	text-align: center;
}

.article-tab:first-child {
	border-top-left-radius: .625rem;
    border-left: 0;
}

.article-tab:last-child {
	border-top-right-radius: .625rem;
    border-right: 0;
}

.article-tab.active {
	cursor: default;
	border-bottom: 2px solid var(--green);
	box-shadow: 0 0.125rem 9.375rem rgba(90, 97, 105, .1),
				0 0.25rem 0.5rem rgba(90, 97, 105, .5),
				inset 0 0.9375rem 1.375rem rgba(90, 97, 105, .1),
				0 0.4375rem 2.1875rem rgba(165, 182, 201, .1);
}

.preview-container {
	position: sticky;
	top: 134px;
}

.article-preview {
	height: 84vh;
	overflow-y: scroll;
	font-size: 85%;
	color: #495057;
}

.form-control {
	padding: .8125rem .8125rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .375rem;
	color: #495057;
}
input[type="date"].form-control {
	padding: .375rem .75rem;
}

#Article {
	height: 72vh;
}

.saveItem button {
	border: 0;
	background-color: transparent;
	font-size: 2rem;
	width: 100%;
}

form {
	color: #495057;
	font-size: .875rem;
}

.custom-toggle .custom-control-input:not(:checked).is-valid~.custom-control-label::before,.was-validated .custom-toggle .custom-control-input:not(:checked):valid~.custom-control-label::before {
    background-color: #fff
}

.custom-toggle .custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-toggle .custom-control-input:valid~.custom-control-label::before {
    background-color: #17c671
}

.custom-toggle .custom-control-input.is-invalid~.custom-control-label::after,.was-validated .custom-toggle .custom-control-input:invalid~.custom-control-label::after {
    background-color: #eb8c95
}

.custom-toggle .custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-toggle .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 .313rem .719rem rgba(23,198,113,.1),0 .156rem .125rem rgba(0,0,0,.06)
}

.custom-toggle .custom-control-input:not(:checked).is-invalid~.custom-control-label::before,.was-validated .custom-toggle .custom-control-input:not(:checked):invalid~.custom-control-label::before {
    background-color: #fff
}

.custom-toggle .custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-toggle .custom-control-input:valid~.custom-control-label::before {
    background-color: #17c671
}

.custom-toggle .custom-control-input.is-invalid~.custom-control-label::after,.was-validated .custom-toggle .custom-control-input:invalid~.custom-control-label::after {
    background-color: #eb8c95
}

.custom-toggle .custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-toggle .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 .313rem .719rem rgba(196,24,60,.1),0 .156rem .125rem rgba(0,0,0,.06)
}

.custom-toggle {
    position: relative;
    padding-left: 3.75rem
}

.custom-toggle .custom-control-label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 3.125rem;
    height: 1.75rem;
    background: #fff;
    border-radius: 100px;
    border: .0625rem solid #e1e5eb
}

.custom-toggle .custom-control-label::after {
    content: '';
    position: absolute;
    top: .25rem;
    left: .25rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #e1e5eb;
    border-radius: 6.25rem;
    transition: 350ms
}

.custom-toggle .custom-control-input:checked~.custom-control-label::before {
    background: #17c671;
    border-color: #17c671
}

.custom-toggle .custom-control-input:checked~.custom-control-label::after {
    left: 2.875rem;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    background: #fff
}

.custom-toggle .custom-control-input:checked:disabled~.custom-control-label::before {
    background: #e9ecef;
    border-color: #e1e5eb
}

.custom-toggle .custom-control-input:checked:disabled~.custom-control-label::after {
    background: #e1e5eb
}

.custom-toggle .custom-control-input:active:not(:disabled)~.custom-control-label::after {
    width: 1.625rem
}

.custom-toggle .custom-control-input:active:not(:checked)~.custom-control-label::before {
    background-color: #fff
}

.custom-toggle .custom-control-input:disabled:active~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-toggle .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 .313rem .719rem rgba(23,198,113,.1),0 .156rem .125rem rgba(0,0,0,.06)
}

.custom-toggle .custom-control-input:focus:not(:checked)~.custom-control-label::before {
    box-shadow: 0 .313rem .719rem rgba(0,123,255,.1),0 .156rem .125rem rgba(0,0,0,.06)
}

.custom-toggle.custom-toggle-sm {
	/*padding-left: 2.625rem*/
	padding-left: 0;
}

.custom-toggle.custom-toggle-sm .custom-control-label::before {
    top: .1875rem;
    position: absolute;
    display: block;
    width: 2.1875rem;
    height: 1.125rem;
    background: #fff;
    border-radius: 100px;
    border: .0625rem solid #e1e5eb
}

.custom-toggle.custom-toggle-sm .custom-control-label::after {
    content: '';
    position: absolute;
    top: .375rem;
    left: .1875rem;
    width: .75rem;
    height: .75rem
}

.custom-toggle.custom-toggle-sm .custom-control-input:checked~.custom-control-label::after {
    left: 1.9375rem
}

.custom-toggle.custom-toggle-sm .custom-control-input:active:not(:disabled)~.custom-control-label::after {
    width: 1rem
}

.custom-toggle .custom-control-input:checked:disabled~.custom-control-label::after {
    background: #becad6
}

.custom-toggle > .custom-control-label {
	padding-left: 2.625rem;
}


.media__upload-container {
	border: 2px dashed #3d5170;
	/*padding: 2rem;*/
	/*text-align: center;*/
	margin-bottom: 15px;
	outline: none;
}

.media__files {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.media__file {
	min-width: 142px;
	position: relative;
	width: 23%;
	overflow: hidden;
	box-shadow: 0 0.125rem 9.375rem rgba(90, 97, 105, .1),
				0 0.25rem 0.5rem rgba(90, 97, 105, .12),
				0 0.9375rem 1.375rem rgba(90, 97, 105, .1),
				0 0.4375rem 2.1875rem rgba(165, 182, 201, .1);
}

.file__directory {
	cursor: pointer;
	margin-top: -5px;
	box-shadow: none;
	padding-left: 15px;
	color: #495057;
	width: 100%;
}

.file__directory .fa-stack {
	height: 7rem;
	width: 7rem;
}

.back-first {
	font-size: 7rem;
}

.back-second {
	color: #FFF;
	font-size: 3rem;
	margin-top: 30px;
	margin-left: -20px;
}

.dir-name {
	position: absolute;
	top: 33%;
	left: 20px;
	color: #FFF;
	width: 72%;
	text-align: center;
	font-size: 75%;
	padding: 5px;
	border-radius: 3px;
}

.is-file .media__img {
	padding-left: 14px;
}
.is-file .dir-name {
	pointer-events: none;
	background: rgba(0, 0, 0, .8);
}

.media__img {
	/*width: 100%;*/
	max-width: 100%;
	max-height: 112px;
	will-change: transform, border-radius;
	transition: transform .3s ease-in-out, border-radius .3s ease-in-out;
	cursor: pointer;
}

.copyToClipboard {
	animation: boing;
	animation-timing-function: ease;
	animation-duration: 1s;
	animation-iteration-count: 1;
}

.copyMessage {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70%;
	padding: .175rem .375rem;
	transform: translateY(-50%) translateX(-50%);
	background: rgba(255, 255, 255, .8);
	border-radius: 2rem;
	text-transform: uppercase;
	font-size: 75%;
	font-weight: 600;
	opacity: 0;
	will-change: opacity;
	transition: opacity .3s ease-in-out;
}
.copyMessage.show {
	opacity: 1;
}

@keyframes boing {
	0% { transform: scale(1); }
	50% { transform: scale(.8); border-radius: 2rem; }
	100% { transform: scale(1); border-radius: 0 }
}

.current-path {
	overflow-x: scroll;
	width: 60%;
	background: #e9ecef;
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-left: 1px solid #ced4da;
}

.path-tree {
	margin: 0;
	padding: 0;
	list-style: none;
}

.path-section {
	position: relative;
	display: inline-block;
	padding: 4px 3px 4px 10px;
}

.path-link {
	cursor: pointer;
	color: #495057;
}
.path-link:before,
.path-link:after {
	cursor: default;
	position: absolute;
	top: 4px;
}
.path-link:before {
	top: 4px;
	left: 0;
	content: '\\';
}

.path-section:first-child .path-link:before {
	content: '';
}

.path-section:last-child .path-link:after {
	right: -5px;
	content: '\\';
}

.create-dir {
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 4;
	font-size: 1.3rem;
	color: var(--green);
	background: #e9ecef;
	padding: 1px 5px;
	border: 0;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
	border-left: 1px solid #ced4da;
}

.iframe-media {
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

#addFolder:focus {
	outline: none;
	outline-style: none;
	box-shadow: none;
	border-color: #ced4da;
}

#UpdateSlug {
	border: 1px dashed var(--green);
	padding: 5px 10px;
	margin-left: 15px;
	cursor: pointer;
	background: var(--green);
	color: #FFF;
	border-radius: 3px;
	box-shadow: 0 0.125rem 9.375rem rgba(90, 97, 105, .1),
				0 0.25rem 0.5rem rgba(90, 97, 105, .12),
				0 0.9375rem 1.375rem rgba(90, 97, 105, .1),
				0 0.4375rem 2.1875rem rgba(165, 182, 201, .1);
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.09375rem + 2px);
}

select.form-control {
	padding: .4375rem .75rem;
}

.sidePhoto,
.sideField {
	width: 50%;
	display: inline-block;
}

.sidePhoto {
	float: left;
}

.sideField {
	float: right;
}

.user-bar {
	z-index: 2;
}

.search_container {
	position: fixed;
	right: 5%;
	width: 74%;
	padding: 15px 15px 0;
	will-change: top, width;
	transition: .3s all ease-in-out;
	background: #FFF;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	z-index: 1;
	box-shadow: 0 0 15px 10px rgb(90 97 105 / 50%);
}

.scroll-in {
	top: 60px;
}

.sidebar-nav.compact + .content-main .search_container.scroll-in {
	width: 87%;
}

.nav-item.search {
	cursor: pointer;
}

.search_container .btn {
	margin-top: 30px;
}

.view-article a {
	float: right;
	margin-right: 10px;
}

.control-icon {
	margin: 0 10px;
	text-shadow: 3px 3px 2px #CCC;
}
	.control-icon {
		text-shadow: 3px 3px 2px #999;
	}

.brief_approved {
	background-color: rgba(0, 128, 0, .2);
}

.input-group-text {
	padding: .175rem .75rem;
	width: 42px;
}



.indent-level-1 {
	margin-left: 3rem;
}

.indent-level-2 {
	margin-left: 6rem;
}


.clear-both {
	clear: both;
}

input.label-has-btn {
	margin-top: 2.5rem;
}

.qcl-note {
	font-style: italic;
	font-size: 12px;
}