/* ========================================================================
	CSS DONE BY		: NCS
	LAST UPDATED ON	:
======================================================================== */

/* ALL USABLE FONTS */
/*@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/


/* ICON FONT SETS */
/*@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css');
@import url('https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css');*/

/* ANIMATION ESSENTIAL */
@import url('animate.css');

/* LOCAL */
@import url('../../sgds/assets/dist/css/sgds-icons.css');
@import url('checkbox.css');


/* ====================================
	GENERAL
==================================== */

body {
	font-family: 'latoregular';
	font-weight: 400;
	position: relative;
	min-height: 100vh;
	color: #333;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
b, strong {
	font-weight: 600;
}
.no-scroll,
.no-scroll-1 {
	overflow: hidden;
}
.container,
.container-fluid {
	min-width: 320px;
}
.container-fluid {
	max-width: 1280px;
}

@media (min-width: 992px) {
	.no-scroll,
	.no-scroll-1 {
		overflow: visible;
	}
}


@media (max-width: 991px) {
	.container {
		width: 100%;
	}
}


/* ====================================
	BOOTSTRAP V4 PROPERTIES
==================================== */

.col {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.d-inline-block {
	display: inline-block!important;
}
.d-none {
	display: none!important;
}
.dropdown-item {
	display: block;
	width: 100%;
	padding: 4px 24px;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.dropdown-divider {
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef;
}

@media (min-width: 992px) {
	.d-lg-inline-block {
		display: inline-block!important;
	}
	.d-lg-none {
		display: none !important;
	}
}


/* ====================================
	RESET HEADER AND FOOTER
==================================== */

header {
	padding: 0;
	border: none;
}
footer {
	background: none;
	padding: 0;
}


/* ====================================
	HEADER - SGDS MASTHEAD
==================================== */

header {
	position: relative;
	width: 100%;
	top: 0;
}
header.fixed-top {
	z-index: 10;
}

.navbar-hidden .mobile-search-holder,
.navbar-hidden .right-header-dropdown {
	margin-top: 0 !important;
}

.sgds-masthead {
	background-color: #f0f0f0;
	padding: 2px 0;
	position: relative;
	z-index: 5;
	line-height: 1.5;
}
.sgds-masthead .sgds-icon {
	font-size: 22px;
}
.sgds-masthead .is-text {
	position: relative;
	font-size: 14px;
	top: -2px;
}
.sgds-masthead a {
	color: #666;
	float: left;
}
.sgds-masthead a:hover {
	text-decoration: none;
	color: #333;
}

.system-message {
	background-color: #BA1E1E;
	color: #FFF;
	padding-top: 12px;
	padding-bottom: 12px;
}
.system-message > div > * {
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}

@media (max-width: 991px) {
	.no-scroll header {
		top: 0 !important;
	}
}

/* ====================================
	HEADER LEFT - DSS CODE
==================================== */

.header-holder {
	background-color: #FFF;
	position: relative;
	z-index: 4;
}
.navbar-brand,
.navbar-menu {
	vertical-align: middle;
	padding: 0;
	margin: 0;
	transition: none;
}
.navbar-menu > div {
	display: flex;
	display: -ms-flexbox;
	align-content: flex-start;
}
.navbar-item-top-level-link > .navbar-link {
	color: #333;
	height: 80px;
	padding-left: 12px;
	padding-right: 12px;
	display: block;
	position: relative;
}
.navbar-item-top-level-link > .navbar-link:hover,
.navbar-item-top-level-link > .navbar-link:focus {
	text-decoration: none;
}
.navbar-item-top-level-link .navbar-link h6 {
	/*line-height: 80px;*/
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 400;
	display: table-cell;
	vertical-align: middle;
	width: 1%;
	height: 80px;
}
.navbar-item-top-level-link > .navbar-link > * {
	transform: translateY(0);
	transition: .3s;
	transform: rotate(0deg);
}

.navbar-item:hover .navbar-item-top-level-link > .navbar-link {
	text-decoration: none;
	/*background-color: rgba(0,0,0,.03);*/
}
.navbar-item:hover .navbar-item-top-level-link > .navbar-link > * {
	transform: translateY(-2px);
}
.navbar-item:hover .navbar-item-top-level-link > .navbar-link .sgds-icon.sgds-icon-chevron-down {
	display: inline-block;
	transform: rotate(-180deg);
	/*transition: .3s;*/
}
.navbar-item .navbar-link::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #333;
	height: 0;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
}
.navbar-item.active .navbar-link::before,
.navbar-item:hover .navbar-link::before {
	height: 4px;
	opacity: 1;
	visibility: visible;
}

.mobile-collapse-toggle {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
	width: 56px;
	text-align: center;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	background-color: #FFF;
	border: 0;
	box-shadow: none;
	outline: none !important;
}
.mobile-collapse-toggle:hover {
	text-decoration: none;
}
.mobile-collapse-toggle .sgds-icon {
	font-size: 24px;
	color: #666;
	display: inline-block;
	/*transition: .3s;*/
}
.mobile-collapse-toggle[aria-expanded="true"] .sgds-icon {
	transform: rotate(-180deg);
}

@media (min-width: 992px) {
	.header-holder {
		box-shadow: 0 16px 20px rgba(0,0,0,.1)
	}
	.header-holder .navbar-brand {
		float: none;
		height: auto;
		margin-right: 16px;
	}
	.navbar-brand,
	.navbar-menu {
		display: inline-block !important;
	}
	.mobile-collapse-toggle {
		display: none;
	}
	.navbar-menu {
		padding-top: 0 !important;
		margin-right: -30px;
	}
	.navbar-menu > div > .navbar-item + .navbar-item {
		margin-left: 1px;
	}
	.navbar-item-top-level-link {
		display: table-cell;
		vertical-align: middle;
	}
	.navbar-item-top-level-link .navbar-link {
		padding-left: 8px;
		padding-right: 8px;
	}
	.navbar-item-top-level-link .navbar-link h6 {
		font-size: 14px;
	}
	.navbar-dropdown {
		position: absolute;
		background-color: #FFF;
		width: 240px;
		box-shadow: 0 16px 20px rgba(0,0,0,.15);
		transition: .3s;
		display: inline-block !important;
		opacity: 0;
		visibility: hidden;
		border-top: 1px solid #E9ECEF;
		height: auto !important;
	}
	.navbar-menu .navbar-item:hover .navbar-dropdown {
		opacity: 1;
		visibility: visible;
	}
	.navbar-dropdown .navbar-item:first-child {
		margin-top: 8px;
	}
	.navbar-dropdown .navbar-item:last-child {
		margin-bottom: 8px;
	}
	.navbar-dropdown > a {
		display: block;
		padding: 12px 20px;
		color: #333;
	}
	.navbar-dropdown > a:hover {
		background-color: rgba(0,0,0,.03);
		text-decoration: none;
	}
}

@media (min-width: 1200px) {
	.navbar-menu {
		margin-right: 0;
	}
	.header-holder .navbar-brand {
		margin-right: 24px;
	}
	.navbar-item-top-level-link .navbar-link {
		padding-left: 12px;
		padding-right: 12px;
	}
	.navbar-item-top-level-link .navbar-link h6 {
		font-size: 16px;
	}
}

@media (max-width: 991px) {
	.header-holder {
		padding: 0;
	}
	.navbar-brand {
		display: flex;
		display: -ms-flexbox;
		height: 66px;
		align-items: center;
		position: absolute;
		width: 100%;
		left: 0;
		padding: 0 15px;
		box-shadow: 0 16px 20px rgba(0,0,0,.1);
		background-color: #FFF;
		z-index: 1;
	}
	.navbar-menu {
		display: none;
		position: fixed;
		z-index: 0;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #EEE;
		max-height: 100%;
		overflow: auto;
	}
	.navbar-menu > div {
		display: block;
	}
	.navbar-menu .navbar-item {
		margin-bottom: 2px;
	}
	.navbar-item-top-level-link {
		position: relative;
		background-color: #FFF;
	}
	.navbar-item-top-level-link > .navbar-link {
		height: auto;
		padding: 16px;
		padding-right: 64px;
	}
	.navbar-item-top-level-link .navbar-link h6 {
		line-height: 24px;
		height: auto;
	}
	.navbar-item .navbar-link::before {
		width: 0;
	}
	.navbar-item.active .navbar-link::before, 
	.navbar-item:hover .navbar-link::before {
		width: 5px;
		height: auto;
		top: 0;
		right: auto;
	}
	.navbar-item-top-level-link .navbar-link h6 > .sgds-icon.sgds-icon-chevron-down {
		display: none !important;
	}
	.navbar-item:hover .navbar-item-top-level-link > .navbar-link > * {
		transform: translateY(0);
		transform: translateX(.25rem);
	}
	.navbar-dropdown {
		box-shadow: inset 0 4px 5px 0 rgba(0,0,0,.1);
		margin-bottom: 2px;
		background-color: #FAFAFA;
	}
	.navbar-dropdown a {
		display: block;
		padding: 16px;
		padding-left: 24px;
		margin-bottom: 1px;
		color: #333;
	}
	.navbar-dropdown a:hover {
		text-decoration: none;
		background-color: rgba(0,0,0,.03);
	}
}

/* ====================================
	HEADER RIGHT - SITE ACTION
==================================== */

.header-actions-holder {
	margin-right: -15px;
}
.header-actions-holder ul,
.header-actions-holder li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.header-actions-holder li {
	display: block;
	float: right;
	margin-left: 1px;
}
.header-actions-holder li a {
	position: relative;
	display: block;
	height: 66px;
	width: 64px;
	text-align: center;
	color: #333;
	text-decoration: none;
	background-color: rgba(0,0,0,.02);
}
.header-actions-holder li a:hover {
	text-decoration: none;
}
.header-actions-holder li a:focus {
	text-decoration: none;
}
.hamburger-menu > span,
.hamburger-menu > span::before,
.hamburger-menu > span::after {
	display: block;
	position: absolute;
	width: 24px;
	height: 2px;
	background-color: #333;
	border-radius: 10px;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -12px;
}
.hamburger-menu .icon-bar::before,
.hamburger-menu .icon-bar::after {
	content: "";
	margin-top: 0;
}
.hamburger-menu .icon-bar::before {
	top: -7px;
}
.hamburger-menu .icon-bar::after {
	top: 7px;
}
.hamburger-menu .icon-bar,
.hamburger-menu .icon-bar:before,
.hamburger-menu .icon-bar:after {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.hamburger-menu[aria-expanded="true"] .icon-bar,
.mm-opening .hamburger-menu .icon-bar,
.menuOpen.hamburger-menu .icon-bar {
	width: 0;
	left: 50%;
	margin-left: 0;
}
.hamburger-menu[aria-expanded="true"] .icon-bar::before,
.mm-opening .hamburger-menu .icon-bar::before,
.menuOpen.hamburger-menu .icon-bar::before {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
	top: 0;
}
.hamburger-menu[aria-expanded="true"] .icon-bar:after,
.mm-opening .hamburger-menu .icon-bar:after,
.menuOpen.hamburger-menu .icon-bar::after {
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	transform: rotate(-225deg);
	top: 0;
}
.header-actions-holder > div {
	display: none;
}
.header-actions-holder .btn {
	transition: .3s;
}
.header-actions-holder .btn.btn-link {
	position: relative;
	color: #333;
	width: 48px;
	height: 80px;
	border-radius: 0;
	border: 0;
	line-height: 72px;
}
.header-actions-holder .btn.btn-link::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	background-color: rgba(0,0,0,.05);
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	transition: .3s;
	opacity: 0;
}
.header-actions-holder .btn:hover::before {
	opacity: 1;
	width: 48px;
	height: 48px;
}
.header-actions-holder .btn > .sgds-icon {
	font-size: 24px;
	display: inline-block;
	position: relative;
}
.btn-logout > .sgds-icon {
	transform: rotate(90deg);
}

.header-actions-holder > div > div:hover #btnSignIn {
	transform: translateY(-.125rem);
	box-shadow: 0 8px 16px rgba(0,0,0,.2) !important;
}

.header-actions-holder .btn-link.btn-notification {
	color: #333;
}
.header-actions-holder .btn-link.btn-notification:hover {
	color: #000;
}
.btn-notification::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #E20000;
	display: block;
	right: 15px;
	top: 12px;
	z-index: 2;
}
.btn-notification[aria-expanded="true"]::before {
	display: none;
}
.header-actions-holder .btn[aria-expanded="false"] .sgds-icon-cross,
.header-actions-holder .btn[aria-expanded="true"] span:not(.sgds-icon-cross) {
	visibility: hidden;
	opacity: 0;
	display: none;
	transition: .3s;
}
.header-actions-holder > div > div.d-inline-block {
	position: relative;
}

.right-header-dropdown {
	position: absolute;
	right: 0;
	background-color: #FFF;
	width: 240px;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 16px 20px rgba(0,0,0,.15);
	transition: .3s;
	text-align: left;
	border-top: 1px solid #E9ECEF;
}
.right-header-dropdown > .dropdown-item:first-child {
	margin-top: 8px;
}
.right-header-dropdown > .dropdown-item:last-child {
	margin-bottom: 8px;
}
.right-header-dropdown > a.dropdown-item {
	display: flex;
	display: -ms-flexbox;
	padding: 12px 20px;
	align-items: center;
}

.right-header-dropdown > a.dropdown-item:focus,
.right-header-dropdown > a.dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa;
}

.right-header-dropdown .dropdown-item.active,
.right-header-dropdown .dropdown-item:active {
	background-color: rgba(0,0,0,.03);
	color: inherit;
}
.right-header-dropdown > * .sgds-icon,
.right-header-dropdown > * .material-icons {
	margin-right: 8px;
	color: rgba(0,0,0,.5);
	font-size: 20px;
}
.header-dropdown-profile {
	margin-bottom: .5rem;
	padding-top: 8px;
	padding-bottom: 8px;
}
.header-dropdown-profile span {
	display: block;
}


@media (min-width: 992px) {
	.header-actions-holder {
		margin-right: 0;
	}
	.header-actions-holder > ul {
		display: none;
	}
	.header-actions-holder > div {
		display: table-cell;
		vertical-align: middle;
		height: 80px;
		text-align: right;
		width: 1%;
	}
}
@media (max-width: 991px) {
	.header-holder-elements > .row > div {
		min-height: 0;
	}
	.header-actions-holder {
		float: right;
		position: relative;
		z-index: 1;
	}
	.header-actions-holder > div,
	.header-actions-holder ul {
		display: table-cell;
		vertical-align: middle;
	}
	.header-actions-holder div {
		/*padding-right: 8px;*/
		display: none !important;
	}
	.header-actions-holder .btn-logout,
	.right-header-dropdown {
		display: none;
	}
}

/* ====================================
	HEADER - SEARCH FUNCTION
==================================== */

.mobile-search-holder  {
	background: #FFF;
}
.mobile-search-holder > div {
	padding-top: 16px;
	padding-bottom: 16px;
}

.mobile-search-holder .input-group > *,
.mobile-search-holder .input-group > * > *  {
	height: 40px;
	border: 0;
	margin: 0;
}
.mobile-search-holder .input-group .input-group-addon {
	padding: 0;
}
.mobile-search-holder .input-group > * {
	background: none;
}
.mobile-search-holder .input-group .sgds-icon {
	font-size: 24px;
	font-weight: 100;
	color: rgba(0,0,0,.5);
}
.mobile-search-holder .form-control {
	font-size: 20px;
	box-shadow: none;
}
.mobile-search-holder .form-control:focus {
	box-shadow: none;
	outline: none;
}
.mobile-search-holder .input-group > .input-group-append {
	position: relative;
	padding-left: 12px;
}
.mobile-search-holder .input-group > .input-group-append > .btn {
	border-radius: 4px;
	transform: translateY(0);
	transition: .3s;
	position: relative;
	z-index: 3;
	font-weight: 600;
}
.mobile-search-holder .input-group > .input-group-append > .btn:hover {
	transform: translateY(-.125rem);
	box-shadow: 0 8px 16px rgba(0,0,0,.2) !important;
}
.mobile-search-holder .input-group > .input-group-append > .btn > * {
	display: inline-block;
	overflow: hidden;
}
.mobile-search-holder .input-group .btn {
	font-weight: 600;
	transform: translateY(0);
	transition: .3s;
	position: relative;
	z-index: 4;
	padding-left: 16px;
	padding-right: 16px;
}
.mobile-search-holder .input-group .btn:hover {
	transform: translateY(-.125rem);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.2) !important;
}
.mobile-search-holder .input-group-addon {
	position: relative;
}
.clear-search {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	top: 50%;
	left: -40px;
	transform: translateY(-50%);
	z-index: 3;
	font-size: 24px;
	color: #666;
	transition: .3s;
	background-color: #FFF;
	opacity: 0;
	visibility: hidden;
}
.clear-search:hover {
	text-decoration: none;
	color: inherit;
}
.clear-search > .sgds-icon {
	position: relative;
	z-index: 2;
	display: inline-block;
	transition: .3s;
}
.clear-search:hover > .sgds-icon  {
	transform: rotate(-180deg);
}
.clear-search::before {
	content: '';
	position: absolute;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
	right: 0;
	top: 0;
	bottom: 0;
	left: -24px;
	width: auto;
	height: auto;
	z-index: 0;
}

@media (min-width: 768px) {
	.mobile-search-holder .form-control {
		font-weight: 400;
		padding-left: 16px;
		padding-right: 16px;
	}
	.mobile-search-holder .input-group > .input-group-append > .btn {
		padding-left: 16px;
		padding-right: 16px;
	}
	.search-suggestions li a > .material-icons {
		width: 48px;
		text-align: center;
	}
	.mobile-search-holder .input-group .btn > i.fas {
		margin-left: 4px;
	}
}
@media (min-width: 992px) {
	.mobile-search-holder {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		box-shadow: 0 8px 8px rgba(0,0,0,.075);
		border-top: 1px solid rgba(0,0,0,0.05);
		transition: .3s;
	}
	.mobile-search-holder .input-group > *,
	.mobile-search-holder .input-group > * > *  {
		height: 44px;
	}
	.mobile-search-holder .input-group .btn,
	.mobile-search-holder .input-group > .input-group-append > .btn {
		min-width: 120px;
	}
}
@media (max-width: 991px) {
	.mobile-search-holder {
		transition: none;
		display: block !important;
		margin-bottom: 8px;
		margin-top: 0 !important;
		height: auto !important;
	}
}
@media (max-width: 767px) {
	.mobile-search-holder .input-group > .input-group-prepend .input-group-text {
		padding-right: 0;
		padding-left: 0;
	}
	.mobile-search-holder .input-group > .input-group-append > .btn > .material-icons {
		display: none;
	}
	.mobile-search-holder .input-group .btn span {
		display: none;
	}
}
@media (max-width: 575px) {
	.mobile-search-holder > div {
		padding-top: 12px;
		padding-bottom: 8px;
	}
	.mobile-search-holder .form-control {
		font-size: 16px;
	}
	.mobile-search-holder .input-group .btn {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* ====================================
	USER NAV FOR MOBILE
==================================== */

.mobile-admin-holder {
	display: none;
}

@media (max-width: 991px) {
	.mobile-admin-holder {
		display: block;
		margin-top: 8px;
		margin-bottom: 4px;
	}
	.mobile-admin-holder .navbar-link > h6 {
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		width: 100%;
	}
	.mobile-admin-holder .navbar-item.active .navbar-link::before, 
	.mobile-admin-holder .navbar-item:hover .navbar-link::before {
		display: none;
	}
	.mobile-admin-holder .navbar-item:hover .navbar-item-top-level-link > .navbar-link > * {
		transform: translate(0, 0);
	}
	.mobile-admin-holder .sgds-icon:not(.sgds-icon-chevron-down),
	.mobile-admin-holder .material-icons {
		margin-right: 8px;
		color: rgba(0,0,0,.5);
		position: relative;
		font-size: 20px;
		line-height: 20px;
		width: 24px;
		text-align: center;
	}
	.mobile-admin-holder .navbar-dropdown a {
		display: flex;
		display: -ms-flexbox;
		align-items: center;
	}
	.user-display-name {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}


/* ====================================
	FOOTER
==================================== */

footer {
	z-index: 1000;
	color: #FFF;
	width: 100%;
	position: absolute;
	bottom: 0;
}
footer ul,
footer li {
	padding: 0;
	margin: 0;
	list-style: none;
}
footer a {
	color: rgba(255,255,255,.5);
	font-size: 16px;
}
footer a:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
footer > .top-section {
	padding-top: 8px;
	padding-bottom: 24px;
}
footer > .top-section {
	background-color: #323232;
}
footer > .bottom-section {
	background-color: #191919;
}
.footer-header {
	padding: 16px 0;
}
.footer-header h5 {
	font-size: 20px;
	line-height: 1.25;
	font-weight: 600;
}
.footer-sitemap-links {
	margin-bottom: 24px;
}
.footer-sitemap-links h6 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 18px;
	line-height: 1.5;
}
.footer-sitemap-links h6 a {
	color: #FFF;
}
.footer-sitemap-links h6 a:hover {
	text-decoration: underline;
}
.footer-sitemap-links li + li {
	margin-top: 12px;
}

footer > .bottom-section {
	padding-top: 20px;
	padding-bottom: 20px;
}
.bottom-section .row > div > div {
	padding-top: 8px;
	padding-bottom: 8px;
}
.bottom-section p {
	margin: 0;
	color: rgba(255,255,255,.5);
}

.mindef-footer-social a {
	color: #FFF;
	display: inline-block;
}

@media (min-width: 768px) {
	.top-footer-links ul {
		text-align: right;
	}
	.top-footer-links li,
	.bottom-section li {
		display: inline-flex;
	}
	.top-footer-links li + li,
	.bottom-section li + li {
		margin-left: 24px;
	}
	.bottom-section .row > div > div > p {
		text-align: right;
	}
}
@media (min-width: 992px) {
	.mindef-footer-social {
		padding-top: 1rem;
		text-align: right;
	}
}
@media (max-width: 767px) {
	.top-footer-links li + li,
	.bottom-section li + li {
		margin-top: 12px;
	}
}

/* ====================================
	SITE ACTION HOLDER + BACK TO TOP
==================================== */

.site-action-holder {
	position: fixed;
	bottom: 0;
	right: .5rem;
	z-index: 3;
	transition: .3s;
}
.site-action-holder > ul {
	display: block;
	padding: 0;
	margin: 0;
}
.site-action-holder > ul > li {
	width: auto;
	height: 3.75rem;
	position: relative;
	margin-bottom: .75rem;
	list-style: none;
	background-color: rgba(255,255,255,1.0);
	border: 2px solid rgba(0,0,0,0.075);
	border-radius: .5rem;
	transition: all 0.3s ease;
	text-align: right;
	display: flex;
	display: -ms-flexbox;
	flex-direction: row-reverse;
	/*opacity: .75;*/
}
.site-action-holder li {
	list-style: none;
}
.site-action-holder > ul > li:hover {
	border-color: rgba(0,0,0,0.15);
	transform: translateY(-.125rem);
}
.site-action-holder > ul > li > a {
	width: calc(3.75rem - 4px);
	height: calc(3.75rem - 4px);
	position: relative;
	z-index: 3;
	color: rgba(0,0,0,.5);
	transition: all 0.3s ease;
	border-radius: .5rem;
	position: relative;
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
}
.site-action-holder > ul > li:hover > a {
	text-decoration: none;
	color: rgba(0,0,0,.75);
	box-shadow: 0 1rem 3rem rgba(0,0,0,.25)!important
}
.site-action-menu-btn {
	line-height: calc(3.75rem - 4px);
	text-align: center;
	transition: all 0.3s ease;
}
.site-action-menu-btn > .material-icons,
.site-action-menu-btn > .sgds-icon,
.site-action-menu-btn > .fas {
	font-size: 1.125rem;
	line-height: calc(3.75rem - 4px);
}
.site-action-menu-btn > .sgds-icon-cross {
	font-size: 1.5rem;
}
.site-action-menu-btn.dropdown-toggle::after {
	position: absolute;
	left: .25rem;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	opacity: .5;
	transition: .3s;
}
.site-action-holder > ul > li:hover .site-action-menu-btn.dropdown-toggle::after {
	opacity: .75;
}

.site-action-holder > ul > li.show:hover::before,
.site-action-holder > ul > li.show > a {
	border-radius: 0 .5rem .5rem 0;
}
.show .site-action-menu-btn.dropdown-toggle::after {
	transform: translateY(-50%) rotate(-90deg);
}

.site-action-sub-menu {
	position: relative;
	transition: all 0.3s ease;
	display: none;
	background-color: #FAFAFA;
	width: 0;
	z-index: 5;
	border-radius: .5rem 0 0 .5rem;
}
.show .site-action-sub-menu {
	display: inline-block;
	width: auto;
}
.site-action-holder > ul > li > div ul {
	padding: 0;
	margin: 0;
	display: flex;
	display: -ms-flexbox;
}
.site-action-sub-menu ul li a {
	display: flex;
	display: -ms-flexbox;
	width: calc(3.75rem - 4px);
	height: calc(3.75rem - 4px);
	justify-content: center;
	align-content: center;
	align-items: center;
	align-self: center;
	color: rgba(0,0,0,.5);
}
.site-action-sub-menu ul li:first-child a {
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem;
}
.site-action-sub-menu ul li a:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,.03);
	color: rgba(0,0,0,.75);
}
.site-action-sub-menu ul li a span.sgds-icon {
	font-size: 1.125rem;
}

.back-top {
	position: relative;
	width: 3.75rem;
	height: 3.75rem;
	display: block;
	background-color: #FFF;
	border: 2px solid rgba(0,0,0,0.1);
	z-index: 5;
	transition: all 0.3s ease;
	visibility: hidden;
	opacity: 0;
	border-radius: .5rem;
	margin-bottom: -4rem;
	float: right;
}
.back-top > div {
	display: table-cell;
	height: calc(3.75rem - 4px);
	width: 1%;
	text-align: center;
	vertical-align: middle;
	font-size: .75rem;
	transition: all 0.3s ease-in-out;
	font-weight: 600;
	letter-spacing: .01rem;
	color: rgba(0,0,0,.5);
}
.back-top > div > span.sgds-icon {
	font-size: 1.875rem;
	line-height: 1;
	display: block;
	margin-bottom: -.4rem;
	margin-top: -.15rem;
}
.back-top:hover {
	text-decoration: none;
	border-color: rgba(0,0,0,0.15);
	box-shadow: 0 1rem 3rem rgba(0,0,0,.25)!important;
	transform: translateY(-.125rem);
}
.back-top:hover > div {
	color: rgba(0,0,0,.75);
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	transition: all 0.3s ease-in-out;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
	width: 3.75rem;
	height: 3.75rem;
	margin-bottom: 1rem;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .75;
}
.no-touch .cd-top:hover {
	opacity: 1;
}

@media (max-width: 1199px) {
	.site-action-holder {
		bottom: .5rem;
		right: .25rem;
	}
}

/* ====================================
	SIDE NAV
==================================== */

.side-nav-holder {
	z-index: 1;
}
.side-nav-section {
	padding: 1rem;
	padding-left: 0;
}
.side-menu-holder {
	margin-right: -1rem;
	transition: .3s;
	top: 0;
}
.side-menu-holder a:hover {
	text-decoration: none;
}
.side-menu-dropdown-holder .card {
	border: 0;
	border-radius: 0;
}
.side-menu-dropdown-holder .card + .card {
	margin-top: .125rem;
}
.side-menu-dropdown-holder .card-header {
	position: relative;
	background: none;
	border: 0;
	border-radius: 0;
	padding: 0;
}
.side-menu-dropdown-holder .card-header::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	height: auto;
	background-color: #333;
	transition: .3s;
}
.side-menu-dropdown-holder .card-header a {
	display: block;
	padding: 1rem 1.25rem;
	padding-right: 3.5rem;
	color: #333;
	transform: translateY(0);
	transition: .3s;
}
.side-menu-dropdown-holder .card-header a > h6 {
	margin: 0;
	font-weight: 600;
}
.side-menu-dropdown-holder .card-header:hover a {
	text-decoration: none;
	transform: translateX(.125rem);
	background-color: rgba(0,0,0,.03);
}
.side-menu-dropdown-holder .card-header.active::before,
.side-menu-dropdown-holder .card-header:hover::before {
	width: .25rem;
}
.side-menu-dropdown-holder .card-header:hover a > * {
	transform: translate(0, 0);
}
.side-menu-dropdown-holder .mobile-collapse-toggle {
	display: block;
	background: none;
	width: 3.25rem;
}

.side-menu-dropdown-holder .card-body {
	padding: .25rem 1rem;
	margin-top: .125rem;
	border-top: 1px solid rgba(0,0,0,.05);
	border-bottom: 1px solid rgba(0,0,0,.05);
	background-color: rgba(0,0,0,0.0125);
}
.side-menu-dropdown-holder .card-body ul,
.side-menu-dropdown-holder .card-body li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}
.sside-menu-dropdown-holder .card-body li + li {
	border-top: 1px solid rgba(0,0,0,.05);
}
.side-menu-dropdown-holder .card-body li a {
	display: block;
	padding: .75rem 1.25rem;
	color: #333;
}
.side-menu-dropdown-holder .card-body li a:hover {
	font-weight: 600;
}
.side-menu-button-holder.animated {
	animation-duration: .3s;
}

@media (min-width: 768px) {
	.side-nav-holder {
		padding-right: .125rem;
		height: auto;
	}
	.navbar-hidden + div + section .side-nav-holder {
		top: 0 !important;
		transition: .3s;
	}
	.side-nav-section.side-nav-filter {
		border-bottom: 1px solid #EEE;
		background-color: #FFF;
		position: relative;
		z-index: 2;
		margin-bottom: .5rem;
	}
	.js-is-sticky .side-nav-menu-holder {
		max-height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.side-nav-menu-holder {
		padding-bottom: 1rem;
	}
	.side-menu-button-holder {
		display: none;
	}
	.side-menu-toggle-holder a {
		display: block;
		padding: 0;
		align-items: center;
		color: rgba(0,0,0,.5);
	}
	.side-menu-toggle-holder a:hover {
		text-decoration: none;
		color: rgba(0,0,0,.75);
		font-weight: 600;
	}
}
@media (min-width: 992px) {
	.side-nav-section.side-nav-filter {
		margin-top: 1rem;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.side-nav-section {
		margin-left: -1rem;
		padding-left: 1rem;
	}
	.side-menu-holder {
		margin-left: -1rem;
	}
	.side-menu-dropdown-holder .card-header.active::before, 
	.side-menu-dropdown-holder .card-header:hover::before {
		width: .3125rem;
	}
}
@media (max-width: 767px) {
	.side-nav-holder {
		min-height: auto !important;
		position:  relative !important;
		top: 0 !important;
	}
	.side-menu-button-holder {
		margin: 0 -15px;
		padding: 15px;
		border-bottom: 2px solid #EEE;
	}
	.side-menu-button-holder button {
		width: 100%;
		font-weight: 600;
	}
	.side-menu-button-holder button .sgds-icon {
		display: inline-block;
		transition: transform .3s;
	}
	.side-menu-button-holder button.btn-outline-dark:hover,
	.side-menu-button-holder button.btn-outline-dark[aria-expanded="true"] {
		color: #FFF;
		background-color: #343A40;
	}
	.side-menu-button-holder button.btn-outline-dark[aria-expanded="true"] {
		text-shadow: 0 .125rem 0 rgba(0,0,0,.75);
	}
	.side-menu-button-holder button[aria-expanded="true"] .sgds-icon {
		transform: rotate(-180deg);
	}
	.menu-is-opened,
	.side-menu-button-holder button[aria-expanded="true"] .menu-is-closed {
		display: none;
	}
	.side-menu-button-holder button[aria-expanded="true"] .menu-is-opened {
		display: inline-block;
	}

	.side-menu-holder.sticky {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10;
		background: #EEE;
		padding: 0;
		margin: 0;
	}
	.side-menu-holder.sticky .side-menu-button-holder {
		margin: 0;
		padding: 1rem;
		background-color: #FFF;
		box-shadow: 0 1rem 2.5rem rgba(0,0,0,.1);
		position: relative;
		z-index: 2;
	}
	.side-menu-holder.sticky .side-menu-dropdown-holder {
		position: relative;
		z-index: 1;
		max-height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;

		margin-top: -78px;
		padding-top: 78px;
	}
	.side-menu-control {
		margin-top: .5rem;
		margin-bottom: .25rem;
	}
	.side-menu-control .card-header a {
		display: block;
	}
	.side-menu-control .card-header a > * {
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		line-height: 1.5rem;
	}
	.side-menu-control .card-header:hover a {
		transform: none;
		transition: none;
	}
	.side-menu-control .card-header::before {
		display: none;
	}
	.side-menu-dropdown-holder .card-header.active::before, 
	.side-menu-dropdown-holder .card-header:hover::before {
		width: .3125rem;
	}
	.side-menu-control .card-header a .material-icons {
		margin-right: .5rem;
		color: rgba(0,0,0,.5);
		position: relative;
		font-size: 1.25rem;
		line-height: 1.25rem;
		width: 1.5rem;
		text-align: center;
	}
}

/* ====================================
	SIDE NAV BECOMES STICKY
==================================== */

@media (min-width: 768px) {
	.side-menu-holder.sticky-menu {
		position: fixed;
		top: 0;
		padding-top: 1rem;
		padding-bottom: 1rem;
		width: calc(33.333333% - 30px - 2px);
		max-height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
}
@media (min-width: 1200px) {
	.side-menu-holder.sticky-menu {
		position: fixed;
		width: calc(1200px / 4 - .75rem);
	}
}


/* ====================================
	COMPONENT - PAGE HEADER
	PAGE TITLE + BREADCRUMB
==================================== */

.page-header-holder {
	padding: 1.5rem 0;
	position: relative;
	z-index: 2;
	background-color: #46679F;
	background: linear-gradient(45deg, rgba(28,60,113,1) 0%, rgba(70,103,159,1) 100%)
}
.breadcrumb-holder {
	margin-top: .25rem;
	margin-bottom: 1rem;
	font-size: .9375rem;
}
.breadcrumb-holder .breadcrumb {
	background: none;
	padding: 0;
	margin: 0;
}
.breadcrumb-holder .breadcrumb-item,
.breadcrumb-holder .breadcrumb-item.active,
.breadcrumb-holder .breadcrumb-item a {
	color: #FFF;
}
.breadcrumb-holder .breadcrumb-item + .breadcrumb-item::before {
	color: #DDD;
}
.breadcrumb-holder .breadcrumb-item.active {
	font-weight: 400;
	color: #DDD;
}

.page-title-holder {
	color: #FFF;
}
.page-title {
	font-weight: 400;
}

@media (max-width: 767px) {
	.breadcrumb-holder .breadcrumb-item+.breadcrumb-item {
		padding-left: .25rem;
	}
	.breadcrumb-holder .breadcrumb-item + .breadcrumb-item::before {
		padding-right: .25rem;
	}
	
	h1.page-title {
		font-size: 2.5rem;
	}
}


/* ====================================
	CONTENT STRUCTURE
==================================== */

.page-structure-holder {
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

/* ====================================
	COMPONENT - TABLE
==================================== */

.table-holder {
	position: relative;
	margin-bottom: 1.5rem;
}
.table-holder::before,
.table-holder::after {
	content: '';
	position: absolute;
	top: 1px;
	bottom: 1px;
	width: 2rem;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.table-holder::before {
	left: 0;
	background: linear-gradient(90deg, rgba(0,0,0,.15) 0%, rgba(255,255,255,0) 75%);
}
.table-holder::after {
	right: 0;
	background: linear-gradient(-90deg, rgba(0,0,0,.15) 0%, rgba(255,255,255,0) 75%);
}
.table-holder.table-shadow-left::before,
.table-holder.table-shadow-right::after {
	opacity: 1;
	visibility: visible;
}


.table-responsive > .table {
	margin-bottom: 0;	
}
.table th,
.table td {
	border-color: #DDD !important; 
}
.table tbody td {
	vertical-align: middle;
}

.table-bordered {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #CCC;
	border-radius: 0;
}
.table-bordered thead th {
	background-color: #FFF;
}
.table-bordered thead td, 
.table-bordered thead th {
	border-bottom-width: .0625rem;
}
.table-bordered thead tr th:not(:last-child),
.table-bordered thead tr td:not(:last-child) {
	border-right: none;
}
.table-bordered tbody tr:not(:last-child) td {
	border-bottom: none;
}
.table-bordered tbody tr td:not(:last-child) {
	border-right: none;
}

.rounded > .table-bordered {
	border-radius: .5rem;
}
.rounded > .table-bordered thead tr:first-child th:first-child {
	border-top-left-radius: .5rem; 
}
.rounded > .table-bordered thead tr:first-child th:last-child {
	border-top-right-radius: .5rem; 
}
.rounded > .table-bordered tbody tr:last-child td:first-child {
	border-bottom-left-radius: .5rem; 
}
.rounded > .table-bordered tbody tr:last-child td:last-child {
	border-bottom-right-radius: .5rem; 
}

.table-hover tbody tr:hover {
	background-color: rgba(0,0,0,.02);
}

.typo-table thead th {
	white-space: nowrap;
}
.typo-table thead th:not(:first-child),
.typo-table tbody td:not(:first-child) {
	text-align: center;
}
.typo-table tbody td > * {
	margin-bottom: 0;
}



/* ====================================
	COMPONENT - CARD STYLE TABLE
==================================== */

.table-cards table {
	border-collapse: separate;
	border-spacing: 0 .75rem;
	margin-bottom: 0;
}
.table-cards table thead th {
	border-top: 0;
	border-bottom-width: .0625rem;
}
.table-cards table tbody tr {
	box-shadow: 0 .125rem 0 rgba(0,0,0,.15);
	border-radius: .5rem;
}
.table-cards table tr.selected {
	background-color: rgba(70, 103,159, .15);
}
.table-cards table tr td {
	border-width: 1px 0;
	border-style: solid;
	border-color: #DDD;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.table-cards table tr td:first-child {
	border-radius: .5rem 0 0 .5rem;
	border-left-width: 1px;
}
.table-cards table tr th:first-child,
.table-cards table tr td:first-child {
	padding-left: 1.5rem;
}
.table-cards table tr th:first-child .custom-radio-checkbox,
.table-cards table tr td:first-child .custom-radio-checkbox {
	margin: 0;
}
.table-cards table tr td:last-child {
	border-radius: 0 .5rem .5rem 0;
	border-right-width: 1px;
}
.table-cards table tr th:last-child,
.table-cards table tr td:last-child {
	padding-right: 1.5rem;
}
.table-cards .btn.btn-action {
	background-color: rgba(0, 0, 0, 0.05);
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0;	
}
.table-cards .btn.btn-action:hover,
.table-cards .btn.btn-action:focus {
	color: #333;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.1);
}
.table-cards .btn.btn-action .sgds-icon {
	font-size: 1.25rem;
	color: #666;
}
.table-cards .btn.btn-action > span:not(.sgds-icon) {
	color: #333;
}
.table-cards .dropdown .dropdown-menu {
	border-radius: .5rem;
	border-color: rgba(0, 0, 0, 0.05);
	box-shadow: 0 1rem 1.25rem rgba(0,0,0,.15);
	padding-top: .5rem;
	padding-bottom: .5rem;
	min-width: 12.5rem;
	left: auto;
	right: 0;
}
.table-cards .dropdown .dropdown-item {
	display: flex;
	display: -ms-flexbox;
	padding: .5rem 1.25rem;
	align-items: center;
}
.table-cards .dropdown .dropdown-item .sgds-icon {
	margin-right: .5rem;
	color: rgba(0,0,0,.5);
	font-size: 1.25rem;
}
.table-bottom-info-holder {
	margin-top: .5rem;
	padding: .75rem 0;
	border-top: 1px solid #dee2e6;
	display: none;
	overflow: hidden;
}

.table-cards table tr td > .table-label {
	display: none;
}


@media (max-width: 991px) {
	.table-cards table thead {
		display: none;
	}
	.table-cards table tr {
		display: block;
		padding: .5rem;
		margin-bottom: .5rem;
		border: 1px solid #dee2e6;
	}
	.table-cards table tr td {
		display: block;
		border: 0;
	}
	.table-cards table tr td:first-child {
		padding-left: .75rem;
	}
	.table-cards table tr td > .table-label {
		display: block;
		font-weight: 600;
		color: rgba(0, 0, 0, 0.5);
	}
	.table-cards .btn.btn-action {
		width: 100%;
	}
	.table-cards .dropdown .dropdown-menu {
		left: 0;
		right: auto;
		width: 100%;
	}
}

/* ====================================
	COMPONENT - TABLE (DATA SORT)
==================================== */

.data-sort-table table.dataTable {
	border: 0;
}
.rounded > .dataTables_wrapper .table-bordered thead tr:first-child th:first-child {
	border-top-left-radius: .5rem; 
}
.rounded > .dataTables_wrapper .table-bordered thead tr:first-child th:last-child {
	border-top-right-radius: .5rem; 
}
.rounded > .dataTables_wrapper .table-bordered tbody tr:last-child td:first-child {
	border-bottom-left-radius: .5rem; 
}
.rounded > .dataTables_wrapper .table-bordered tbody tr:last-child td:last-child {
	border-bottom-right-radius: .5rem; 
}

.data-sort-table table.dataTable thead th {
	position: relative;
	background-image: none !important;
}
.data-sort-table table.dataTable th:focus {
	box-shadow: none;
	outline: none;
}
.data-sort-table table.dataTable thead th.sorting:after,
.data-sort-table table.dataTable thead th.sorting_asc:after,
.data-sort-table table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 50%;
	right: .75rem;
	display: block;
	font-family: FontAwesome;
	transform: translateY(-50%);
	font-size: 0.75rem;
}
.data-sort-table table.dataTable thead th.sorting:after {
	content: "\f0dc";
	color: #ddd;
}
.data-sort-table table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
}
.data-sort-table table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
}
.data-sort-table table.dataTable thead th, 
.data-sort-table table.dataTable thead td {
	padding: .75rem;
	padding-right: 2rem;
	white-space: nowrap;
}
.data-sort-table table.dataTable thead th.sorting_asc,
.data-sort-table table.dataTable thead th.sorting_desc, 
.data-sort-table table.dataTable thead td.sorting_asc,
.data-sort-table table.dataTable thead td.sorting_desc,
.data-sort-table table.dataTable tbody td.sorting_1,
.data-sort-table table.dataTable th:hover {
	background-color: rgba(0, 0, 0, 0.03);
}


/* ====================================
	COMPONENT - TABLE (NO LINE BREAK)
==================================== */

.scrolling-table th,
.scrolling-table td {
	white-space: nowrap;
	min-width: 7.5rem;
}


/* ====================================
	CONTENT - FONT OPTIONS
==================================== */

.font-selection-holder {
	display: block;
	margin-bottom: 1.5rem;
}
.font-selection-holder a {
	color: #333;
	display: inline-block;
	transition: .3s;
	border-radius: .5rem;
	margin-right: .5rem;
	margin-bottom: .5rem;
	overflow: hidden;
}
.font-selection-holder a:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,.02);
	transform: translateY(-.125rem);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
}
.font-selection-single {
	background-color: #FFF;
	width: 10rem;
	height: 12.5rem;
	display: flex;
	border: 1px solid #DDD;
	text-align: center;
	justify-content: center;
	border-radius: .5rem;
	padding: .25rem 1rem 1rem;
	flex-direction: column;
	transition: .3s;
}
.font-selection-single > div {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	align-self: center;
}
.font-selection-single > div > * {
	line-height: 1.25;
}
.font-select-icon > div {
	width: 2.5rem;
	height: 2.5rem;
	padding: .25rem;
	background-color: #EEE;
	border-radius: 50%;
	font-size: .875rem;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	transition: .3s;
}
.font-select-icon > div > .material-icons {
	color: rgba(0,0,0,.15);
	transition: .3s;
}

a.selected .font-selection-single {
	background-color: #EEE;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.1);
	border-color: rgba(0,0,0,.2);
}
a.selected .font-select-icon > div {
	/*background-color: #46679F;*/
	background-color: #28a745;
	box-shadow: 0 .125rem .125rem rgba(0,0,0,.25);
}
a.selected .font-select-icon > div > .material-icons {
	color: #FFF;
	text-shadow: 0 .125rem 0 rgba(0,0,0,.5);
}

.font-example h4 > span {
	display: none;
}


@media (max-width: 991px) {
	.font-selection-holder a {
		display: block;
		float: none;
		margin-right: 0;
	}
	.font-selection-single {
		width: auto;
		height: auto;
		padding: .25rem 1.25rem;
		flex-direction: row-reverse;
		justify-content: flex-end;
	}
	.font-selection-single > div {
		flex-direction: row;
		align-items: baseline;
	}
	.font-selection-single > div:first-child > div {
		font-size: 3rem;
		width: 5rem;
	}
	.font-selection-single > div > * {
		margin: 0;
		padding: 0 .25rem;
	}
	.font-select-icon {
		padding-right: 1rem;
	}
	.font-select-icon > div {
		width: 1.75rem;
		height: 1.75rem;
	}
	.font-select-icon > div > .material-icons {
		font-size: 1.25rem;
	}
}
@media (max-width: 575px) {
	.font-selection-single {
		padding-left: .75rem;
		padding-right: .5rem;
	}
	.font-selection-single > div:first-child > div {
		font-size: 2.5rem;
		width: 4rem;
	}
	.font-select-icon {
		padding-right: .25rem;
	}
}

/* ====================================
	CONTENT - COLOUR PALETTE
==================================== */

.color-palette-holder {
	margin-bottom: 1.5rem;
}
.color-palette-single {
	text-align: center;
	justify-content: center;
	background-color: #FFF;
	width: 10rem;
	display: inline-block;
	border-radius: .5rem;
	margin-right: .5rem;
	margin-bottom: .5rem;
	border-color: #DDD;
	transition: .3s;
}
.color-palette-single:hover {
	transform: translateY(-.125rem);
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,.1);
}
.color-palette-single .card-body {
	background-color: #FFF;
	border-radius: 0 0 .5rem .5rem;
	padding: .5rem;
	border-top: 1px solid rgba(0,0,0,.125);
	color: #6C757D;
	font-weight: 600;
}
.card-colour {
	justify-content: center;
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	height: 10rem;
	border-radius: .5rem .5rem 0 0;
	background-color: #EEE;
	color: #FFF;
}
.card-colour.bg-primary {
	background-color: #46679F !important;
}
.card-colour.alert {
	border: 0;
}
.card-colour.alert-success {
	color: #155724;
	background-color: #d4edda;
}
.card-colour.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
}
.card-colour.alert-warning {
	color: #856404;
	background-color: #fff3cd;
}
.card-colour.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
}

@media (max-width: 767px) {
	.color-palette-single {
		width: 7.25rem;
		margin-right: .25rem;
	}
	.card-colour {
		height: 7rem;
	}
	.card-colour > .display-3 {
		font-size: 2.5rem;
	}		
}

/* ====================================
	COMPONENT - FORM ELEMENTS
==================================== */

.form-holder label .sgds-icon-circle-question {
	font-size: 1.25rem;
	color: #46679F;
	transition: .3s;
	color: rgba(0,0,0,.5);
	position: relative;
	top: .125rem;
}
.form-holder label .sgds-icon-circle-question:hover {
	color: rgba(0,0,0,.75);
}
.form-holder .input-group-text {
	border-color: #CCC;
	background-color: rgba(0,0,0,.05);
	color: #666;
	min-width: 3rem;
	justify-content: center;
}
.form-holder .input-group-text > .sgds-icon {
	font-size: 1.25rem;
}
.form-holder .custom-file-label {
	color: rgba(0,0,0,.5);
	margin: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 5.5rem;
}
.form-holder .custom-file-label::after {
	background-color: #46679F;
	color: #FFF;
	transition: .3s;
	font-weight: 600;
}
.form-holder .custom-file-input:hover {
	cursor: pointer;
}
.form-holder .form-text {
	margin-top: .5rem;;
}
.form-field-text-limit-counter {
	text-align: right;
	font-size: .875rem;
	margin-top: .5rem;
}
.form-control.flat-date-picker,
.form-control.flat-time-picker,
.form-control.flat-date-n-time-picker,
.form-control.flat-date-range-picker {
	background-color: #FFF;
}
.form-control.flatpickr-input[readonly] {
	color: #333;
}
.form-control.flatpickr-input[readonly]:hover {
	cursor: pointer;
}

.has-error .invalid-feedback {
	display: block;
	font-weight: 600;
}
.has-error .custom-radio-checkbox.with-border.is-invalid {
	border: 2px solid #dc3545;
}
.has-error .custom-radio-checkbox:not(.with-border).is-invalid label {
	color: #dc3545;
}
.has-error .custom-radio-checkbox:not(.with-border).is-invalid + .invalid-feedback {
	padding-left: 2rem;
	margin-top: -.5rem;
}


/* ====================================
	COMPONENT - RICH TEXT EDITOR - 
	QUILL
==================================== */

.quill-editor-wrapper .ql-toolbar.ql-snow {
	font-family: inherit;
	border-radius: .25rem .25rem 0 0;
	padding: .75rem;
}
.quill-editor-wrapper .ql-toolbar.ql-snow .ql-formats {
	margin-right: 1rem;;
}
.quill-editor-wrapper .ql-snow.ql-toolbar button, 
.quill-editor-wrapper .ql-snow .ql-toolbar button { 
	margin: 0;
	padding: .5rem;
	height: 2.25rem;
	width: 2.25rem;
}
.quill-editor-wrapper .ql-container {
	font-size: 1rem;
	border-radius: 0 0 .25rem .25rem;
	font-family: inherit;
	height: 15rem;
}
.quill-editor-wrapper .ql-editor {
	padding: .75rem 1rem;
}
.quill-editor-wrapper .ql-editor.ql-blank::before {
	color: rgba(0,0,0,.25);
	font-style: normal;
}
.quill-editor-wrapper .ql-editor h1 {
	font-size: 2.5rem;
}
.quill-editor-wrapper .ql-editor h2 {
	font-size: 2rem;
}
.quill-editor-wrapper .ql-editor h3 {
	font-size: 1.75rem;
}
.quill-editor-wrapper .ql-editor h4 {
	font-size: 1.5rem;}
.quill-editor-wrapper .ql-editor h5 {
	font-size: 1.25rem;
}
.quill-editor-wrapper .ql-editor h6 {
	font-size: 1rem;
}

/* ====================================
	COMPONENT - CUSTOM SELECT -
	SELECT 2
==================================== */

.select-2-holder .select2-container {
	width: 100% !important;
}
.select-2-holder .select2-container .select2-selection--single {
	height: calc(1.65em + .75rem + .5rem);
	border-color: #CCC;
	border-radius: .25rem;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	border-radius: .25rem;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.select-2-holder .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: calc(1.65em + .5rem - 2px);
	padding: .375rem 2.25rem .375rem .75rem;
}
.select-2-holder .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	width: 2rem;
}
.select-2-holder .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #333 transparent transparent transparent;
}
.select-2-holder .select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #333 transparent;
}

.select2-container--default .select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: #CCC;
}
.select2-container--default .select2-dropdown {
	box-shadow: 0 1rem 1.25rem rgba(0,0,0,.15);
	border-radius: 0 0 .25rem .25rem;
}
.select2-container--default .select2-search--dropdown {
	padding: .5rem .75rem;
	border-bottom: 1px solid #CCC;
}
.select2-results {
	padding: .25rem 0;
}
.select2-results__option {
	padding: .5rem .75rem;
}
.select2-results__option + .select2-results__option {
	margin-top: .0625rem;
}

.select-2-holder .select2-container .select2-selection--multiple {
	min-height: calc(1.65em + .75rem + .5rem);
	border-color: #CCC;
	border-radius: .25rem;
}
.select-2-holder .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	line-height: calc(1.65em + .125rem);
	padding-left: .5rem;
	padding-right: .5rem;
}
.select-2-holder .select2-container .select2-search--inline .select2-search__field {
	margin-top: .5rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-top: .375rem;
	margin-right: .375rem;
	font-weight: 600;
	font-size: .875rem;
	border-radius: .25rem;
	padding: 0 .375rem;
	padding-right: .5rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	font-size: 1rem;
	margin-right: .25rem;
}

/* ====================================
	COMPONENT - CUSTOM SELECT -
	BOOTSTRAP MULTI SELECT
==================================== */

.multiselect-holder .multiselect {
	width: 100%;
	border: 1px solid #CCC;
	height: calc(1.65em + .75rem + .5rem);
}
.multiselect-holder .multiselect.dropdown-toggle::after {
	border-top-width: .3125rem;
	border-right-width: .25rem;
	border-left-width: .25rem;
	vertical-align: middle;
	margin-top: -.15625rem;
}
.multiselect-holder .multiselect.dropdown-toggle[aria-expanded="true"]::after {
	transform: rotate(180deg);
}
.multiselect-holder .multiselect:focus {
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.multiselect-holder .multiselect-container {
	width: 100%;
	padding: .25rem 0;
	box-shadow: 0 1rem 1.25rem rgba(0,0,0,.15);
}
.multiselect-holder .multiselect-container>li+li {
	margin-top: .0625rem;
}
.multiselect-holder .multiselect-container>li>a>label {
	display: block;
	padding: .5rem .75rem;
	color: #333;
}
.multiselect-holder .multiselect-container>li>a:hover,
.multiselect-holder .multiselect-container>li>a:focus {
	background-color: rgba(0,0,0,.05);
	text-decoration: none;
	cursor: pointer;
}
.multiselect-holder .multiselect-container>li>a:focus {
	outline: none;
	box-shadow: none;
}
.multiselect-holder .multiselect-container>li>a:hover label {
	background-color: rgba(0,0,0,.05);
}
.multiselect-holder .multiselect-container>li>a>label>input[type=checkbox] {
	margin-right: .5rem;
}
.multiselect-holder .multiselect-container>li.active>a label {
	background-color: rgba(0,0,0,.1);
}


/* ====================================
	COMPONENT - RICH TEXT EDITOR -
	SUMMERNOTE
==================================== */

.summernote-editor-wrapper .note-editor.note-frame {
	border-color: #CCC;
	border-radius: .25rem;
}
.summernote-editor-wrapper .note-toolbar {
	z-index: 1;
	border-bottom: 1px solid #CCC;
}
.summernote-editor-wrapper .note-toolbar .btn {
	border: 1px solid #CCC;
	padding-left: .5rem;
	padding-right: .5rem;
	min-width: 2.5rem;
}

.summernote-editor-wrapper .note-popover .popover-content .dropdown-menu, 
.summernote-editor-wrapper .panel-heading.note-toolbar .dropdown-menu {
	min-width: 15rem;
}
.summernote-editor-wrapper .dropdown-menu li {
	display: block;
}
.summernote-editor-wrapper .dropdown-menu li a {
	display: block;
	padding: .25rem .75rem;
	color: #333;
}
.summernote-editor-wrapper .dropdown-menu li a:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,.02);
}
.note-popover {
	display: none;
}

/* ====================================
	COMPONENT - BUTTONS
==================================== */

.btn-holder  > .btn {
	margin-bottom: .75rem;
	transition: .3s;
}
.btn-holder  > .btn:hover {
	transform: translateY(-.125rem);
}
.btn-holder  > .btn:not(.btn-link):hover {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.2) !important;
}
@media (max-width: 767px) {
	.btn-holder > .btn {
		width: 100%;
	}
}

/* ====================================
	COMPONENT - COLLAPSE (ACCORDION)
==================================== */

.collapse-holder {
	margin-bottom: 2rem;
}
.collapse-holder .card .collapse.show {
	transition: .3s;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
}
.collapse-holder .card + .card {
	margin-top: .5rem;;
}
.collapse-holder .card .card-header {
	position: relative;
	padding-top: .875rem;
	padding-bottom: .875rem;
	padding-right: 3.5rem;
	background-color: #FFF;
}
.collapse-holder .card .card-header h5 {
	transition: .3s;
	font-size: 1.125rem;
}
.collapse-holder .card .card-header *  {
	margin: 0;
}

.collapse-holder .card .card-header a {
	display: block;
	margin: -.875rem -1.25rem;
	margin-right: -3.5rem;
	padding: .875rem 1.25rem;
	padding-right: 3.5rem;
	color: #333;
}
.collapse-holder .card .card-header a:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,.03);
	transition: .3s;
}
.collapse-holder .card .card-header a:hover h5 {
	transform: translateX(.125rem);
}
.collapse-holder .card .card-header button,
.collapse-holder .card .card-header a .sgds-icon {
	position: absolute;
	right: .5rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.25rem;
	width: 3rem;
	height: 3rem;
	background: none;
	border: 0;
	outline: none;
	transition: .3s;
}
.collapse-holder .card .card-header a .sgds-icon {
	text-align: center;
	line-height: 3rem;
}
.collapse-holder .card .card-header a[aria-expanded="true"] {
	background-color: rgba(0,0,0,.03);
}
.collapse-holder .card .card-header button[aria-expanded="true"],
.collapse-holder .card .card-header a[aria-expanded="true"] .sgds-icon {
	transform: translateY(-50%) rotate(-180deg);
}

.collapse-holder .card .card-body {
	box-shadow: inset 0 0.1252rem 0.125rem 0 rgba(0,0,0,.05);
}


/* ====================================
	CONTENT - ICON TABLE
==================================== */

.icon-table-holder {
	margin-bottom: 1.5rem;
}
.icon-holder-single {
	text-align: center;
	justify-content: center;
	background-color: #FFF;
	width: 7rem;
	display: inline-block;
	border-radius: .5rem;
	margin-right: .25rem;
	margin-bottom: .5rem;
	border-color: #DDD;
	transition: .3s;
	overflow: hidden;
}
.icon-holder-single:hover {
	transform: translateY(-.125rem);
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,.1);
}
.icon-holder-single .card-icon {
	justify-content: center;
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	height: 5.5rem;
	border-radius: .5rem .5rem 0 0;
	background-color: #EEE;
}
.icon-holder-single .card-icon .sgds-icon {
	font-size: 2rem;
	font-weight: 100;
}
.icon-holder-single .card-icon span[class*="sgds-icon-"] {
	display: none;
}
.icon-holder-single .card-body {
	background-color: #FFF;
	border-radius: 0 0 .5rem .5rem;
	padding: .375rem;
	border-top: 1px solid rgba(0,0,0,.125);
	color: #6C757D;
	height: 3.5rem;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	font-weight: 600;
	justify-content: center;
}

/* ====================================
	COMPONENT - TAB
==================================== */

.tab-holder {
	margin-bottom: 1.5rem;
	overflow: hidden;
}
.tab-holder .scrtabs-tab-container,
.tab-holder .scrtabs-tabs-fixed-container {
	height: auto;
}
.tab-holder .scrtabs-tab-container {
	position: relative;
	overflow: hidden;
	flex-direction: row;
	margin: 0;
}
.tab-holder .scrtabs-tabs-fixed-container {
	overflow: visible;
}
.tab-holder .scrtabs-tab-scroll-arrow {
	border: 0;
	width: 3rem;
	height: calc(4rem + 1px);
	line-height: calc(4rem + 1px);
	text-align: center;
	padding: 0;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #DDD;
	position: relative;
	z-index: 2;
	color: #333;
	transition: .3s;
}
.tab-holder .scrtabs-tab-scroll-arrow:hover {
	background-color: rgba(0,0,0,.15);
}
.scrtabs-tab-scroll-arrow-left {
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.75) 100%);
	box-shadow: .25rem .5rem .5rem rgba(0, 0, 0, 0.05), .75rem 1rem 1rem rgba(0, 0, 0, 0.03);
}
.scrtabs-tab-scroll-arrow-left:hover {
	box-shadow: .25rem .75rem .75rem rgba(0, 0, 0, 0.1), .75rem 1rem 1.25rem rgba(0, 0, 0, 0.05);
}
.scrtabs-tab-scroll-arrow-right {
	background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.75) 100%);
	box-shadow: -.25rem .5rem .5rem rgba(0, 0, 0, 0.05), -.75rem 1rem 1rem rgba(0, 0, 0, 0.03);
}
.scrtabs-tab-scroll-arrow-right:hover {
	box-shadow: -.25rem .5rem .75rem rgba(0, 0, 0, 0.1), -.75rem 1rem 1.25rem rgba(0, 0, 0, 0.05);
}
.tab-holder .scrtabs-tab-scroll-arrow > .sgds-icon {
	font-size: 1rem;
	display: inline-block;
	transition: .3s;
}
.tab-holder .scrtabs-tab-scroll-arrow:hover > .sgds-icon {
	transform: translateY(-.125rem);
}

.tab-holder .nav-tabs {
	border-bottom-color: #DDD;
	white-space: nowrap;
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
}
.tab-holder .nav-tabs .nav-item {
	margin-bottom: 0;
}
.tab-holder .nav-tabs .nav-item + .nav-item {
	margin-left: .0625rem;
}
.tab-holder .nav-tabs .nav-link,
.tab-holder .nav-tabs .nav-item.show .nav-link, 
.tab-holder .nav-tabs .nav-link.active {
	border: 0;
}
.tab-holder .nav-tabs .nav-link {
	padding: 1.25rem 1rem;
	position: relative;
	border-radius: 0;
	font-weight: 600;
	transition: .3s;
}
.tab-holder .nav-tabs .nav-link:hover {
	background-color: rgba(0,0,0,.03);
}
.tab-holder .nav-tabs .nav-link span {
	color: #999;
	display: inline-block;
	transition: .3s;
}
.tab-holder .nav-tabs .nav-link:hover span {
	color: #666;
}
.tab-holder .nav-tabs .nav-link:hover span {
	transform: translateY(-.125rem);
}
.tab-holder .nav-tabs .nav-link::before {
	content: '';
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	height: 0;
	background-color: #333;
	transition: .3s;
}
.tab-holder .nav-tabs .nav-item.show .nav-link span, 
.tab-holder .nav-tabs .nav-link.active span {
	color: #333;
}
.tab-holder .nav-tabs .nav-link:hover::before,
.tab-holder .nav-tabs .nav-item.show .nav-link::before, 
.tab-holder .nav-tabs .nav-link.active::before {
	height: .25rem;
}
.tab-holder .tab-content {
	margin: 1.5rem 0 .25rem;
}
.tab-holder.card .tab-content {
	padding: 0 1rem .5rem;
}


/* ====================================
	COMPONENT - TOGGLE SWITCH
==================================== */

.toggleSwitchHolder {
	display: flex;
	display: -ms-flexbox;
}
.toggleSwitchHolder label.el-switch {
	margin: 0;
	height: calc(1.5rem + .25rem);
}
.toggleSwitchHolder .el-switch .el-switch-style {
	width: calc(3rem + .25rem);
	height: calc(1.5rem + .25rem);
	border-radius: 1rem;
	background-color: rgba(0,0,0,0.15);
}
.toggleSwitchHolder .el-switch .el-switch-style:before {
	width: 1.5rem;
	height: 1.5rem;
	left: 0.125rem;
	top: 0.125rem;
	box-shadow: 0.0625rem 0.0625rem 0.25rem rgba(0,0,0,0.25), 0.25rem 0.25rem 0.5rem rgba(0,0,0,0.25); 
}
.toggleSwitchHolder .el-switch > input[type="checkbox"]:checked + .el-switch-style {
	background-color: #46679F;
}
.toggleSwitchHolder.material-switch .el-switch .el-switch-style {
	width: 2.5rem;
	height: .75rem;
}
.toggleSwitchHolder.material-switch .el-switch .el-switch-style:before {
	width: 1.25rem;
	height: 1.25rem;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.toggleSwitchHolder.material-switch .el-switch > input[type="checkbox"]:checked + .el-switch-style {
	background-color: #ABBFD9;
}
.toggleSwitchHolder.material-switch .el-switch > input[type="checkbox"]:checked + .el-switch-style::before {
	background-color: #46679F;
}


/* ====================================
	COMPONENT - PROGRESS STEPS
==================================== */

.progress-steps-holder {
	margin-bottom: 1.5rem;
}
.progress-step-single {
	display: block;
	text-align: center;
	padding: 1rem 0;
}
.progress-step-number {
	display: block;
	position: relative;
	height: 3rem;
	margin-bottom: 1rem;
	transition: .3s;
}
.progress-step-number::before,
.progress-step-number::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 50%;
	height: .125rem;
	transform: translateY(-50%);
	background-color: #F0F0F0;
	z-index: 1;
	transition: .3s;
}
.progress-step-number::before {
	left: -5px;
}
.progress-step-number::after {
	right: -5px;
}
.progress-steps-holder > div > div:first-child .progress-step-number::before,
.progress-steps-holder > div > div:last-child .progress-step-number::after {
	display: none;
}
.progress-step-number > div {
	display: inline-block;
	width: 3rem;
	height: 3rem;
	background-color: #F0F0F0;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	line-height: 3rem;
	font-size: 1.5rem;
}
.progress-step-number > div > .sgds-icon {
	display: none;
}
.progress-done .progress-step-number > div,
.progress-done .progress-step-number::before,
.progress-done .progress-step-number::after,
.progress-current .progress-step-number::before {
	background-color: #46679F;
	color: #FFF;
}
.progress-current .progress-step-number > div {
	border: .125rem solid #46679F;
	line-height: calc(3rem - .125rem);
	background-color: #FFF;
	color: #46679F;
}
.progress-done .progress-step-number > div > span:not(.sgds-icon-ellipsis),
.progress-current .progress-step-number > div > span:not(.sgds-icon-check) {
	display: inline-block;
}
.progress-step-info > * {
	margin: 0;
}

.chevron-progress .progress-step-single {
	background-color: #F0F0F0;
	height: 4rem;
	padding: 0;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	margin: 0 -.3125rem;
}
.chevron-progress .progress-step-single::before {
	position: absolute;
	content: '';
	border-width: 2rem 0 2rem 1rem;
	border-style: solid;
	border-color: #F0F0F0 #F0F0F0 #F0F0F0 transparent;
	left: -.375rem;
}
.chevron-progress .progress-step-single::after {
	position: absolute;
	content: '';
	border-top: 2rem solid transparent;
	border-bottom: 2rem solid transparent;
	border-left: 1rem solid #F0F0F0;
	right: -.375rem;
	top: 0;
	z-index: 2;
}
.chevron-progress > div > div:first-child .progress-step-single {
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem;
	margin-left: 0;
}
.chevron-progress > div > div:last-child .progress-step-single {
	border-top-right-radius: .5rem;
	border-bottom-right-radius: .5rem;
	margin-right: 0;
}
.chevron-progress > div > div:first-child .progress-step-single::before,
.chevron-progress > div > div:last-child .progress-step-single::after {
	display: none;
}

.chevron-progress .progress-step-number {
	display: none;
}
.chevron-progress .progress-done .progress-step-number,
.chevron-progress .progress-current .progress-step-number {
	height: auto;
	display: inline-block;
	margin: 0;
}
.chevron-progress .progress-step-number::before,
.chevron-progress .progress-step-number::after {
	display: none;
}
.chevron-progress .progress-done {
	background-color: #46679F;
	color: #FFF;
}
.chevron-progress .progress-done::before {
	border-color: #46679F #46679F #46679F transparent;
}
.chevron-progress .progress-done::after {
	border-left-color: #46679F;
}
.chevron-progress .progress-done .progress-step-number > div,
.chevron-progress .progress-current .progress-step-number > div {
	display: inline-block;
	background: none;
	margin: 0;
	margin-right: .75rem;
	background-color: #FFF;
	width: 2.25rem;
	height: 2.25rem;
	line-height: calc(2.25rem - .125rem);
	font-size: 1.25rem;
	color: #46679F;
	border: .125rem solid #FFF;
}
.chevron-progress .progress-current .progress-step-number > div {
	border-color: #666;
	color: #666;
	background: none;
}

@media (max-width: 991px) {
	.progress-steps-holder > div > div.col {
		display: block;
		flex: none;
	}
	.progress-step-single {
		text-align: left;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: .25rem 0;
	}
	.progress-step-number,
	.progress-step-info {
		margin: 0;
	}
	.progress-step-number {
		height: calc(2.5rem + 1rem);
		width: calc(2.5rem + 1rem);
		padding: .5rem;
	}
	.progress-step-number::before,
	.progress-step-number::after {
		left: 50%;
		top: auto;
		height: 50%;
		width: .25rem;
		transform: translateX(-50%);
		background-color: #F0F0F0;
		z-index: 1;
	}
	.progress-step-number::before {
		top: -.25rem;
	}
	.progress-step-number::after {
		bottom: -.25rem;
	}
	.progress-step-number > div {
		text-align: center;
	}
	.progress-step-info {
		padding-left: 1.5rem;
	}
	.chevron-progress .progress-step-single {
		border-radius: .5rem;
		margin: 0;
		margin-bottom: .5rem;
		justify-content: flex-start;
		padding-left: .75rem;
		padding-right: .75rem;
	}
	.chevron-progress .progress-step-single::before,
	.chevron-progress .progress-step-single::after {
		display: none;
	}
	.chevron-progress .progress-step-number {
		text-align: center;
		width: 3rem;
		padding: 0;
		/*display: inline-block;*/
	}
	.chevron-progress .progress-step-info {
		padding-left: 0;
	}
}


/* ====================================
	COMPONENT - MODAL (POP-UPS)
==================================== */

.modal {
	padding: 0 !important;
}
@media (min-width: 576px) {
	.modal {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.modal-dialog.modal-lg {
		max-width: 800px;
	}
}



/* adeded by shah */

/* hero banner inc, responsiveness to main content */
@media screen and (min-width: 800px) {
	/* for vline-content-body body-content container home-page */
	.vline-content-body{
		width: 100% !important;
	}
}