@charset "utf-8";

.pc-article-content p,
.pc-article-content blockquote {
	margin: 1.5em 0;
}
.pc-article-content h1 {
	margin: 2em 0;
}
.pc-article-content h2 {
	margin: 1.5em 0;
}
.pc-article-content h3 {
	margin: 1.5em 0;
}
.pc-article-content h4 {
	margin: 1em 0;
}
.pc-article-content h5 {
	margin: 1em 0;
}
.pc-article-content h6 {
	margin: 1em 0;
}

.pc-article-content ul,
.pc-article-content ol {
	margin-left: 2em;
}
.pc-article-content li {
	list-style: unset;
	display: list-item;
	line-height: 1.6;
	font-size: 0.9em;
	margin: 0.5em 0;
}

.pc-article-content img {
	height: unset;
	width: unset;
}
.pc-article-content table p {
	margin: 0;
}
.pc-article-content table {
	width: 100% !important;
	border: 0;
}
.pc-article-content table td,
.pc-article-content table th {
	padding: 0.5em;
	border: 2px solid #ccc;
	vertical-align: top;
}

.cd-breadcrumb,
.cd-multi-steps {
	width: 90%;
	padding: 0.5em 1em;
	margin: 1em auto;
	background-color: #edeff0;
	border-radius: 0.25em;
}

.cd-breadcrumb::after,
.cd-multi-steps::after {
	clear: both;
	content: "";
	display: table;
}

.cd-breadcrumb li,
.cd-multi-steps li {
	display: inline-block;
	margin: 0.5em 0;
}

.cd-breadcrumb li::after,
.cd-multi-steps li::after {
	/* this is the separator between items */
	display: inline-block;
	content: "\00bb";
	margin: 0 0.6em;
	color: #959fa5;
}

.cd-breadcrumb li:last-of-type::after,
.cd-multi-steps li:last-of-type::after {
	/* hide separator after the last item */
	display: none;
}

.cd-breadcrumb li > *,
.cd-multi-steps li > * {
	/* single step */
	display: inline-block;
	/* font-size: 1.2rem; */
	color: #2c3f4c;
}

.cd-breadcrumb li.current > *,
.cd-multi-steps li.current > * {
	/* selected step */
	color: #96c03d;
}

.no-touch .cd-breadcrumb a:hover,
.no-touch .cd-multi-steps a:hover {
	/* steps already visited */
	color: #96c03d;
}

.cd-breadcrumb.custom-separator li::after,
.cd-multi-steps.custom-separator li::after {
	/* replace the default separator with a custom icon */
	content: "";
	height: 16px;
	width: 16px;
	background: url(../img/cd-custom-separator.html) no-repeat center center;
	vertical-align: middle;
}

.cd-breadcrumb.custom-icons li > *::before,
.cd-multi-steps.custom-icons li > *::before {
	/* add a custom icon before each item */
	content: "";
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: 0.4em;
	margin-top: -2px;
	background: url(../img/cd-custom-icons-01.html) no-repeat 0 0;
	vertical-align: middle;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
	/* change custom icon using image sprites */
	background-position: -20px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
	background-position: -40px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
	background-position: -60px 0;
}

.cd-breadcrumb.custom-icons li.current:first-of-type > *::before,
.cd-multi-steps.custom-icons li.current:first-of-type > *::before {
	/* change custom icon for the current item */
	background-position: 0 -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
	background-position: -20px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
	background-position: -40px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
	background-position: -60px -20px;
}

@media only screen and (min-width: 768px) {
	.cd-breadcrumb,
	.cd-multi-steps {
		padding: 0 1.2em;
	}

	.cd-breadcrumb li,
	.cd-multi-steps li {
		margin: 1.2em 0;
	}

	.cd-breadcrumb li::after,
	.cd-multi-steps li::after {
		margin: 0 1em;
	}

	/* .cd-breadcrumb li>*,
  .cd-multi-steps li>* {
    font-size: 1.2rem;
  } */
}

/* --------------------------------

  Custom icons hover effects - breadcrumb and multi-steps

  -------------------------------- */
@media only screen and (min-width: 768px) {
	.no-touch
		.cd-breadcrumb.triangle.custom-icons
		li:first-of-type
		a:hover::before,
	.cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before,
	.no-touch
		.cd-multi-steps.text-center.custom-icons
		li:first-of-type
		a:hover::before,
	.cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
		/* change custom icon using image sprites - hover effect or current item */
		background-position: 0 -40px;
	}

	.no-touch
		.cd-breadcrumb.triangle.custom-icons
		li:nth-of-type(2)
		a:hover::before,
	.cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before,
	.no-touch
		.cd-multi-steps.text-center.custom-icons
		li:nth-of-type(2)
		a:hover::before,
	.cd-multi-steps.text-center.custom-icons
		li.current:nth-of-type(2)
		em::before {
		background-position: -20px -40px;
	}

	.no-touch
		.cd-breadcrumb.triangle.custom-icons
		li:nth-of-type(3)
		a:hover::before,
	.cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before,
	.no-touch
		.cd-multi-steps.text-center.custom-icons
		li:nth-of-type(3)
		a:hover::before,
	.cd-multi-steps.text-center.custom-icons
		li.current:nth-of-type(3)
		em::before {
		background-position: -40px -40px;
	}

	.no-touch
		.cd-breadcrumb.triangle.custom-icons
		li:nth-of-type(4)
		a:hover::before,
	.cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before,
	.no-touch
		.cd-multi-steps.text-center.custom-icons
		li:nth-of-type(4)
		a:hover::before,
	.cd-multi-steps.text-center.custom-icons
		li.current:nth-of-type(4)
		em::before {
		background-position: -60px -40px;
	}
}

/* --------------------------------

  Multi steps indicator

  -------------------------------- */
@media only screen and (min-width: 768px) {
	.cd-multi-steps {
		/* reset style */
		background-color: transparent;
		padding: 0;
		text-align: center;
	}

	.cd-multi-steps li {
		position: relative;
		float: none;
		margin: 0.4em 40px 0.4em 0;
	}

	.cd-multi-steps li:last-of-type {
		margin-right: 0;
	}

	.cd-multi-steps li::after {
		/* this is the line connecting 2 adjacent items */
		position: absolute;
		content: "";
		height: 4px;
		background: #edeff0;
		/* reset style */
		margin: 0;
	}

	.cd-multi-steps li.visited::after {
		background-color: #96c03d;
	}

	.cd-multi-steps li > *,
	.cd-multi-steps li.current > * {
		position: relative;
		color: #2c3f4c;
	}

	.cd-multi-steps.custom-separator li::after {
		/* reset style */
		height: 4px;
		background: #edeff0;
	}

	.cd-multi-steps.text-center li::after {
		width: 100%;
		top: 50%;
		left: 100%;
		-webkit-transform: translateY(-50%) translateX(-1px);
		-moz-transform: translateY(-50%) translateX(-1px);
		-ms-transform: translateY(-50%) translateX(-1px);
		-o-transform: translateY(-50%) translateX(-1px);
		transform: translateY(-50%) translateX(-1px);
	}

	.cd-multi-steps.text-center li > * {
		z-index: 1;
		padding: 0.6em 1em;
		border-radius: 0.25em;
		background-color: #edeff0;
	}

	.no-touch .cd-multi-steps.text-center a:hover {
		background-color: #2c3f4c;
	}

	.cd-multi-steps.text-center li.current > *,
	.cd-multi-steps.text-center li.visited > * {
		color: #ffffff;
		background-color: #96c03d;
	}

	.cd-multi-steps.text-center.custom-icons li.visited a::before {
		/* change the custom icon for the visited item - check icon */
		background-position: 0 -60px;
	}

	.cd-multi-steps.text-top li,
	.cd-multi-steps.text-bottom li {
		width: 80px;
		text-align: center;
	}

	.cd-multi-steps.text-top li::after,
	.cd-multi-steps.text-bottom li::after {
		/* this is the line connecting 2 adjacent items */
		position: absolute;
		left: 50%;
		/* 40px is the <li> right margin value */
		width: calc(100% + 40px);
	}

	.cd-multi-steps.text-top li > *::before,
	.cd-multi-steps.text-bottom li > *::before {
		/* this is the spot indicator */
		content: "";
		position: absolute;
		z-index: 1;
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		height: 12px;
		width: 12px;
		border-radius: 50%;
		background-color: #edeff0;
	}

	.cd-multi-steps.text-top li.visited > *::before,
	.cd-multi-steps.text-top li.current > *::before,
	.cd-multi-steps.text-bottom li.visited > *::before,
	.cd-multi-steps.text-bottom li.current > *::before {
		background-color: #96c03d;
	}

	.no-touch .cd-multi-steps.text-top a:hover,
	.no-touch .cd-multi-steps.text-bottom a:hover {
		color: #96c03d;
	}

	.no-touch .cd-multi-steps.text-top a:hover::before,
	.no-touch .cd-multi-steps.text-bottom a:hover::before {
		box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
	}

	.cd-multi-steps.text-top li::after {
		/* this is the line connecting 2 adjacent items */
		bottom: 4px;
	}

	.cd-multi-steps.text-top li > * {
		padding-bottom: 20px;
	}

	.cd-multi-steps.text-top li > *::before {
		/* this is the spot indicator */
		bottom: 0;
	}

	.cd-multi-steps.text-bottom li::after {
		/* this is the line connecting 2 adjacent items */
		top: 3px;
	}

	.cd-multi-steps.text-bottom li > * {
		padding-top: 20px;
	}

	.cd-multi-steps.text-bottom li > *::before {
		/* this is the spot indicator */
		top: 0;
	}
}

/* --------------------------------

  Add a counter to the multi-steps indicator

  -------------------------------- */
.cd-multi-steps.count li {
	counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
	content: counter(steps) " - ";
}

@media only screen and (min-width: 768px) {
	.cd-multi-steps.text-top.count li > *::before,
	.cd-multi-steps.text-bottom.count li > *::before {
		/* this is the spot indicator */
		content: counter(steps);
		height: 26px;
		width: 26px;
		line-height: 26px;
		/* font-size: 1.4rem; */
		color: #ffffff;
	}

	.cd-multi-steps.text-top.count li:not(.current) em::before,
	.cd-multi-steps.text-bottom.count li:not(.current) em::before {
		/* steps not visited yet - counter color */
		color: #2c3f4c;
	}

	.cd-multi-steps.text-top.count li::after {
		bottom: 11px;
	}

	.cd-multi-steps.text-top.count li > * {
		padding-bottom: 34px;
	}

	.cd-multi-steps.text-bottom.count li::after {
		top: 11px;
	}

	.cd-multi-steps.text-bottom.count li > * {
		padding-top: 34px;
	}
}

pc_full_width {
	width: 100%;
	width: -moz-available;
	/* WebKit-based browsers will ignore this. */
	width: -webkit-fill-available;
	/* Mozilla-based browsers will ignore this. */
	width: fill-available;
}

.pc_message_box {
	background-color: #eee;
	float: left;
	padding: 0.5em;
	margin: 0.5em;
}

.pc_no_scroll {
	max-height: 100%;
	overflow: hidden;
}

.pc-element-with-no-space {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	min-height: none !important;
}

.pc_same_height_container {
	height: 200px;
	overflow: hidden;
}

.pc_same_height_container:hover {
	overflow: auto;
}

.pc_same_height_container:focus {
	overflow: auto;
}

.pc_message_box_mine {
	background-color: #bbb;
	float: right;
}

.pc-profile-image-div {
	float: left;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #fff;
}

.pc-breadcrumb {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.pc-breadcrumb > li {
	display: inline-block;
}

.pc-breadcrumb > li + li::before {
	padding-left: 0.5em;
	padding-right: 0.5em;
	content: "/";
}

.pc-breadcrumb > .pc-breadcrumb-active {
	list-style: none;
}

/* FORM */

.pc-form-one-fieldset-at-a-time fieldset {
	display: none;
}

.pc-form-one-fieldset-at-a-time fieldset.pc-form-fieldset-1 {
	display: block;
}

.pc-form label {
	font-weight: bolder;
	display: block;
	margin: 1em 0 1em 0;
	color: #000;
}

.pc-form input[type="text"],
.pc-form input[type="password"],
.pc-form input[type="search"],
.pc-form input[type="file"],
.pc-form input[type="submit"],
.pc-form textarea,
.pc-form select {
	outline: none;
	font-size: 16px;
	padding: 0.5em;
	/*	-webkit-appearance: none;
 	box-sizing: border-box;
 */
	border: 2px solid #ccc;
	border-radius: 4px;
}

.pc-form input[type="text"],
.pc-form input[type="password"],
.pc-form input[type="search"],
.pc-form input[type="file"],
.pc-form textarea,
.pc-form select {
	width: 100%;
	max-width: 600px;
	background-color: #f8f8f8;
	color: #333333 !important;
}

.pc-form input[type="submit"] {
	background-color: #999;
	padding: 0.5em;
	color: #fff;
	border: none;
}

.pc-form input[type="submit"]:hover {
	background: #333333;
}

.pc-form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.pc-form legend {
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em;
	max-width: 100%;
}

.pc-btn-parent {
	display: flex;
	flex-wrap: wrap;
}

.pc-btn-parent a,
.pc-btn,
.pc-element-like-btn,
.pc-btn,
.pc-form button {
	color: #333;
	background-color: #ccc;
	border: 1px solid #aaa;
	padding: 1em;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	flex-basis: 33.33%;
	display: inline-block;
	padding-left: 4em;
}

.pc-btn-parent a:before,
.pc-btn:before {
	content: "\f0c1";
	padding: 4px;
	margin-right: 0.5em;
}

.pc-btn-parent a:hover,
.pc-btn:hover,
.pc-element-like-btn:hover,
.pc-btn:hover,
.pc-form button:hover {
	background-color: grey;
	color: white;
}

/*PC FORM STYLE 2*/

.pc-form2 {
	/* font-family: 'open_sansregular', arial, sans; */
	/*Dont remove this. defaces some parts of design*/
	/*max-width: 500px;*/
	margin: 0 auto;
	padding: 30px;
	background: #ffffff;
	color: #000;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
}

.pc-form2 legend,
.pc-form2 h2 {
	background: inherit;
	text-transform: uppercase;
	color: inherit;
	font-size: 21px;
	font-weight: 100;
	padding: 21px 0;
	border-top: 0;
	border-bottom: 0;
	display: block !important;
}

.pc-form2 input[type="text"],
.pc-form2 input[type="date"],
.pc-form2 input[type="datetime"],
.pc-form2 input[type="email"],
.pc-form2 input[type="number"],
.pc-form2 input[type="search"],
.pc-form2 input[type="time"],
.pc-form2 input[type="url"],
.pc-form2 input[type="password"],
.pc-form2 textarea,
.pc-form2 select {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	width: 100%;
	padding: 7px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	background-color: inherit;
	color: inherit;
	margin-bottom: 10px;
}

.pc-form2 input[type="checkbox"],
.pc-form2 input[type="radio"] {
	margin-bottom: 10px;
}

.pc-form2 textarea {
	resize: none;
	overflow: hidden;
}

.pc-form2 input[type="button"],
.pc-form2 .pc-submit-btn,
.pc-form2 input[type="submit"] {
	-moz-box-shadow: inset 0px 1px 0px 0px #45d6d6;
	-webkit-box-shadow: inset 0px 1px 0px 0px #45d6d6;
	box-shadow: inset 0px 1px 0px 0px #45d6d6;
	background-color: #2cbbbb;
	border: 1px solid #27a0a0;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	/* font-family: 'open_sansregular', sans-serif; */
	font-size: 14px;
	padding: 8px 18px;
	line-height: unset;
	text-decoration: none;
	text-transform: uppercase;
}

.pc-form2 input[type="button"]:hover,
.pc-form2 input[type="submit"]:hover {
	background: linear-gradient(to bottom, #34caca 5%, #30c9c9 100%);
	background-color: #34caca;
}

.pc-form2 fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.pc-form2 label {
	/*text-transform: uppercase;*/
	display: inline-block;
	margin: 1em 0 1em 0;
	color: #000;
	font-weight: bold;
	display: block;
}

.pc-form2 label.clearTransformation {
	display: inline-block;
	font-weight: normal;
	margin: 0;
}

.pc-form2 label.clearTransformation > .pc_give_space {
	margin-left: 1em;
	margin-right: 1em;
}

.pc-form2 label label {
	font-weight: normal;
	margin: 0;
}

/* CLASSES */
/*@import "default/classes.css";  */

/* CLASSES */
.Ayoola_Page_Layout_Edit_File_middle {
	padding: 1em;
	background-color: #eee;
	/*border: 1px groove #333;*/
}

@media screen and (max-width: 480px) {
	.pc-btn-parent a,
	.pc-btn,
	.pc-element-like-btn {
		width: 100%;
		width: -moz-available;
		/* WebKit-based browsers will ignore this. */
		width: -webkit-fill-available;
		/* Mozilla-based browsers will ignore this. */
		width: fill-available;
		text-align: center;
	}
}

.pc-btn-small-parent a,
.pc-btn-small {
	font-size: smaller;
	padding: 0.5em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

.pc-hide-children-parent:hover > .pc-hide-children-children {
	display: inline-block;
}

.pc-hide-children-children {
	display: none;
}

.section_editable {
	display: block;
	padding: 0.5em;
	margin: 0.5em;
}

.hidden {
	display: none;
}

.pc-notify-info,
.pc-notify-normal,
.goodnews,
.pc-notify-warning,
.badnews,
.pc-heading,
.noRecord {
	font-family: "open_sansregular", sans-serif;
	padding: 1em 3em;
	margin-top: 0;
	margin-bottom: 0;
}

.pc-notify-info:before,
.pc-notify-normal:before,
.goodnews:before,
.pc-notify-warning:before,
.badnews:before,
.pc-btn:before,
.pc-btn-parent a:before,
.noRecord:before,
.pc-heading:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: -2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pc-notify-info:after,
.pc-notify-normal:after,
.goodnews:after,
.pc-notify-warning:after,
.badnews:after,
.pc-btn:after,
.pc-btn-parent a:after,
.noRecord:after,
.pc-heading:after {
	content: " ";
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	margin-left: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pc-notify-info:before,
.pc-notify-normal:before {
	content: "\f05a";
}

.pc-heading:before {
	content: "\f05a";
	display: none;
	margin-right: 1em;
	margin-left: 0;
	padding: 1em 0;
}

.pc-heading {
	padding: 1.5em 0;
}

.goodnews:before {
	content: "\f00c";
}

.pc-notify-warning:before {
	content: "\f071";
}

.badnews:before,
.noRecord:before {
	content: "\f057";
}

.pc-notify-info {
	color: #00529b;
	background-color: #bde5f8;
}

.pc-notify-normal {
	color: inherit;
	background-color: inherit;
}

.goodnews {
	color: #4f8a10;
	background-color: #dff2bf;
}

.pc-notify-warning {
	color: #9f6000;
	background-color: #feefb3;
}

.badnews,
.noRecord {
	color: #d8000c;
	background-color: #ffbaba45;
	border: 1px solid #ffbabaa3;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Ensures the wrapper takes full viewport height */
}


.main-content {
    flex: 1; /* Pushes the footer to the bottom */
}

.fixed-footer {
    margin-top: auto;
}

.pc-well {
	margin-bottom: 50px;
	min-height: 20px;
	padding: 19px;
	background-color: #e6eaed;
	color: #000;
	border-radius: 0;
	border-left: 0;
	border-right: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.pc-well p,
.pc-well h1,
.pc-well h2,
.pc-well h3,
.pc-well h4,
.pc-well h5,
.pc-well h6,
.pc-well li {
	color: inherit;
}
.bg-fixed {
	background-attachment: fixed;
	background-size: cover;
}

@supports (-webkit-overflow-scrolling: touch) {
	.bg-fixed {
		background-attachment: scroll;
	}
}

.defaultnews,
.normalnews,
.boxednews,
.selectednews,
.fullnews,
.centerednews {
	display: inline-block;
	border: 1px solid transparent;
	border-radius: 0.1em;
}

.section_editable {
	display: block;
	padding: 0.5em;
	margin: 0.5em;
}

.fullnews {
	width: 100%;
}

.centerednews {
	text-align: center;
}

.boxednews {
	cursor: pointer;
	display: inline-block;
}

.defaultnews {
	border-color: #c2e254;
	background: #fffcbe;
	border-radius: 0.5em;
	color: #000 !important;
}

.normalnews {
	border-color: transparent;
	color: initial;
	background: initial;
	cursor: initial;
}

.selectednews {
	border-color: #ccc;
	color: #000;
	background: #eee;
}

/* Small Forms Elements */

.smallFormElements input[type="text"],
.smallFormElements input[type="password"],
.smallFormElements input[type="submit"],
.smallFormElements select {
	max-width: 180px;
}

.smallFormElements label {
	display: inline;
}

.title_bar,
.status_bar {
	background-color: #999;
	padding: 1em;
	color: #fff;
	border-top: 1px groove #000;
	border-top-style: groove;
	border-right: 1px groove #000;
	border-right-style: groove;
	border-left: 1px groove #000;
	border-left-style: groove;
	cursor: default;
	opacity: 0.1;
	border-style: groove;
}

.title_bar:hover {
	background-color: #618bd4;
}

.status_bar {
	padding: 2px;
	border-top: 0 solid transparent;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	/* Better to do this with a button on the interface */
	/*      position: absolute;
     width: 100%;
     z-index: 1000000000;
 */
}

.title_button,
a.title_button,
a.title_button:link,
a.title_button:active,
a.title_button:hover,
a.title_button:visited {
	background-color: transparent;
	float: right;
	color: #fff !important;
	padding: 0 0.5em 0 0.5em;
	text-decoration: none;
}

.title_button:hover,
a.title_button:hover {
	background-color: #3366cc;
	color: #fff !important;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.status_bar > .title_button:hover {
	background-color: #aaa;
	color: #fff !important;
	cursor: pointer;
	cursor: hand;
}

.close_button {
	padding: 0 1em 0 1em;
	background-color: #777;
	color: #fff !important;
}

.title_bar:hover > .close_button {
	padding: 0 1em 0 1em;
	background-color: #c75050;
	color: #fff !important;
}

.close_button:hover {
	background-color: #cc3333;
	cursor: pointer;
	cursor: hand;
}

.pc_theme_parallax_background {
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));

	padding: 4em 1.5em;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	color: #fff !important;
	background-color: #444;
}

.pc_theme_parallax_background h1,
.pc_theme_parallax_background h2,
.pc_theme_parallax_background p {
	color: #fff !important;
}

.pc_theme_parallax_background a {
	color: #eee !important;
}

.pc_page_object_specific_item {
	display: none;
}

.pc_page_widgetmode .pc_page_object_specific_item {
	display: block;
}

.pc_page_widgetmode_popup .status_bar,
.pc_page_widgetmode_popup .title_bar {
	position: absolute;
	left: 0;
	width: 100%;
	width: -moz-available;
	/* For Mozzila */
	width: -webkit-fill-available;
	/* For Chrome. */
	z-index: 100000;
}

.pc_add_widget_button {
	height: unset;
	height: initial;
}

.pc_page_layout_grid {
	min-height: unset !important;
	min-height: initial !important;
}

.pc_page_object_insert_button_area,
.pc_page_object_inner_settings_area,
.pc_page_object_inner_settings_area2 {
	border: 1px solid #ccc;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.5em;
}

.pc_page_object_insert_button_area:hover,
.pc_page_object_inner_settings_area:hover,
.pc_page_object_inner_settings_area2:hover {
	border: 1px groove #444;
}

.pc_page_object_inner_settings_area select {
	max-width: 100%;
}

.pc_page_object_insert_button_area:hover select,
.pc_page_object_inner_settings_area:hover select,
.pc_page_object_inner_settings_area2:hover select {
	border-color: #444;
}

.DragContainer,
.OverDragContainer {
	display: block;
	z-index: 10000;
}

.DragBox,
.OverDragBox,
.DragDragBox,
.miniDragBox {
	/* border: #ccc 1px solid; */
	display: block;
	cursor: move;
	/*padding-top:0.5em;
  padding-bottom:0.5em;*/
}

.DragBox:hover > .title_bar,
.DragBox:hover > .status_bar {
	/* 	display:block;
 */
	opacity: 1;
}

.OverDragBox,
.DragDragBox {
	background-color: #ffff99;
}

.DragDragBox {
	filter: alpha(opacity=50);
	background-color: #ff99cc;
}

.pc_container {
	max-width: 1170px;
}

.pc_give_space {
	margin: 1em;
}

.pc_give_space_top_bottom {
	margin-top: 1em;
	margin-bottom: 1em;
}

.pc_give_space_right {
	margin-right: 1em;
}

.pc_give_space_left {
	margin-left: 1em;
}

.pc_inline_block {
	text-align: center;
	display: inline-block;
	width: 120px;
	margin: 0.5em 0;
}

.pc_inline_block_o {
	display: inline-block;
}

.pc_container {
	/*    padding-right: 15px;
    padding-left: 15px;
*/
	margin-right: auto;
	margin-left: auto;
}

/* Spotlight Object
 */
.spotLight {
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 94%;
	position: fixed;
	overflow: visible;
	z-index: 200001;
	width: 100%;
	height: 95%;
}

.spotLight > iframe > html > body {
	border: 1px inset #ccc;
}

.spotLightContainer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 200000;
}

.spotLightBackground {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 200000;
	filter: alpha(opacity=80);
	opacity: 0.8;
	overflow: visible;
	background-color: #fff;
}

.spotLightLink {
	color: blue;
	font-weight: lighter;
}

/* HEADERS */
/*@import "default/headers.css";*/

img {
	max-width: 100%;
}

/* LINKS */
/* @import "default/links.css";


/* LINKS */

a img {
	border: none;
}

a {
	text-decoration: none;
	color: #17b;
}

h1 {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

h2 {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

h3 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

p {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

ul {
	padding-left: 3em;
}

/* TABLE */
/*@import "default/table.css";*/

/* TABLE */

.pc-table caption,
.pc-table {
	width: 100%;
	padding: 0.5em;
	overflow: scroll;
	text-align: left;
	border-spacing: 0;
}

.pc-table tr {
	color: #000;
}

.pc-table .pc-table-row1 {
	background-color: #eee;
}

.pc-table .pc-table-row2 {
	background-color: #ccc;
}

.pc-table th,
.pc-table td {
	padding: 1em 1em;
	text-align: left;
}

.pc-table th {
	background-color: #fff;
	color: #333;
	text-transform: uppercase;
	text-align: left;
	padding: 1.5em 1em;
}
.pc-table td {
	font-size: small;
}

/*@import "../fonts/opensans_regular/stylesheet.css";*/

@font-face {
	font-family: "open_sansregular";
	src: url("../fonts/opensans_regular/OpenSans-Regular-webfont.woff")
		format("woff");
	font-weight: normal;
	font-style: normal;
}

.pc_posts_option_items {
	color: inherit;
	margin-right: 2em;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
	display: inline-block;
}

.pc-row {
	min-height: 100px;
}

#Ayoola_Access_Login_form_id_container form {
	padding: 3em;
}
.pc-cart-row {
	display: flex;
	justify-content: space-between;
	padding: 0.2em 0;
	font-size: smaller;
}
.pc-cart-row > div,
.pc-cart-row > span,
.pc-cart-row > input {
	border: 1px solid #ccc;
	padding: 1em;
	width: 100%;
	margin: 0 0.5em;
}

.pc-cart-row > .multiple-cart-column {
	flex-basis: 10%;
	text-align: left;
	width: 50px;
}
.pc-cart-row > .item-cart-column {
	flex-basis: 30%;
	text-align: left;
}
.pc-cart-row > .delete-cart-column {
	text-align: center;
	flex-basis: 5%;
}
.pc-cart-row > .x-cart-column {
	flex-basis: 30%;
	max-width: 30%;
	overflow: auto;
	text-align: right;
}