/* ===================
	MANAGEMENT PORTAL
   =================== */



/* ----- MANAGEMENT NAVBAR ----- */
 .mlogo {
 	height: 75px;
 	padding: 10px;
 	margin: auto;
 }

 .manage .navbar-default,
 .add .navbar-default,
 .edit .navbar-default,
 .admin .navbar-default {
 	background-color: var(--cl);
 }

 .manage .navbar .container-fluid,
 .add .navbar .container-fluid,
 .edit .navbar .container-fluid,
 .admin .navbar .container-fluid {
 	width: 100%;
 	display: flex;
 }

 .manage .page-header,
 .add .page-header,
 .edit .page-header,
 .admin .page-header {
 	font-size: 1.6rem;
 	text-transform: uppercase;
 	color: var(--cd);
 	padding: 0px;
 	background-color: transparent;
 	text-align: left;
 	margin: 0px;
 }

 .manage .navbar-header,
 .add .navbar-header,
 .edit .navbar-header,
 .admin .navbar-header {
 	width: 20%;
 	padding: 0px 25px;
 	text-align: center;
 	margin: 0px;
 	padding: 0px;
 }

 .manage .navbar-collapse,
 .add .navbar-collapse,
 .edit .navbar-collapse,
 .admin .navbar-collapse {
 	align-self: flex-end;
 	width: 79%;
 	padding: 20px 60px;
 }


/* ----- MANAGEMENT SIDEBAR ----- */
 .management .content  {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: nowrap;
 	justify-content: flex-start;
 	align-items: flex-start;
 }

 .mleft, #block-msidebar {
 	width: 20%;
 	background-color: var(--cl);
 	height: 92vh;
 	padding: 25px;
 	position: fixed;
 	left: 0px
 }

 .mright {
 	width: 75%;
 	margin: 60px 60px 60px 23%;
 }

 .mcnt {
 	height: 83vh;
 	overflow: scroll;
 }

 .manage .navbar-right,
 #block-msidebar .navbar-right {
 	float: none !important;
 	margin: 0px;
 }

 .manage .navbar-nav > li,
 #block-msidebar .navbar-nav > li {
 	float: none;
 	width: 100%;
 }

 .manage .navbar-nav > li > a,
 #block-msidebar .navbar-nav > li > a {
 	display: inline-block;
 	width: 100%;
 	background-color: var(--cp);
 	padding: 10px;
 	border-radius: 4px;
 	color: var(--cw);
 	transition: var(--tr);
 }

 .manage .caret,
 #block-msidebar .caret {
 	float: right;
 	margin: 23px 0px;
 }

 .manage .field--name-field-navigation,
 #block-msidebar .field--name-field-navigation {
 	margin: 5px 0px 25px;
 }

 .manage .navbar-nav > li > a:hover,
 .manage .navbar-nav > li > a:focus,
 .manage .navbar-nav > li > a:active,
 #block-msidebar .navbar-nav > li > a:hover,
 #block-msidebar .navbar-nav > li > a:focus,
 #block-msidebar .navbar-nav > li > a:active {
 	background-color: var(--cs);
 }

 .mcreate, .mmanage, .madmin {
 	margin: 0px 0px 25px;
 	border: 0px;
 	box-shadow: none;
 }

 .manage .panel-heading,
 #block-msidebar .panel-heading {
 	text-transform: uppercase;
 	background-color: var(--cp);
 	border: 0px;
 }

 .manage .panel-heading a,
 .manage .panel-heading a:hover,
 .manage .panel-heading a:focus,
 .manage .panel-heading a:active,
 #block-msidebar .panel-heading a,
 #block-msidebar .panel-heading a:hover,
 #block-msidebar .panel-heading a:focus,
 #block-msidebar .panel-heading a:active {
 	color: var(--cw);
 	font-size: 1.1rem;
 	font-weight: 700;
 }

 .manage .field--name-field-icon,
 #block-msidebar .field--name-field-icon {
 	display: inline-block;
 	width: 25px;
 	vertical-align: middle;
 }

 .manage .field--name-field-link-title,
 #block-msidebar .field--name-field-link-title {
 	display: inline-block;
 	vertical-align: middle;
 }

 .manage .paragraph--type--icon-links a,
 #block-msidebar .paragraph--type--icon-links a {
 	display: inline-block;
 	width: 100%;
 	padding: 8px 15px;
 	font-size: 0.9rem;
 	margin: 0px;
 	transition: var(--tr);
 	border-radius: 2px;
 }

 .manage .paragraph--type--icon-links a:hover,
 .manage .paragraph--type--icon-links a:focus,
 .manage .paragraph--type--icon-links a:active,
 #block-msidebar .paragraph--type--icon-links a:hover,
 #block-msidebar .paragraph--type--icon-links a:focus,
 #block-msidebar .paragraph--type--icon-links a:active {
 	background-color: var(--cp);
 	color: var(--cw);
 }



/* ----- MANAGEMENT FOOTER ----- */
 .manage .field--name-field-footer,
 #block-msidebar .field--name-field-footer {
 	position: relative;
 }

 .novalde-foot {
 	display: inline-block;
 	font-size: 0.7rem;
 	color: var(--cg);
 	position: absolute;
 	bottom: -38px;
 	background-color: var(--cl);
 	padding: 5px 5px 0px;
 	width: 100%;
 	text-align: center;
 }


/* ----- ADD, EDIT, ADMIN PAGES STYLING ----- */

 .add .col-sm-3,
 .edit .col-sm-3,
 .admin .col-sm-3 {
 	width: 20%;
 }

 .add .col-sm-9,
 .edit .col-sm-9,
 .admin .col-sm-9 {
 	width: 80%;
 	padding: 60px;
 }