:root {
    --color-banner-background: #f6f6f6;
    --color-text: #000;
    --color-button-background: #7835ff;
	--color-button-text: #FFF;
    --color-button-shadow: #9966ff;
    --color-button-close: #000;
}

.gc-main-content:not(.with-left-menu) .top-notification-wrapper {
    display: none;
}

.common-banner-wrapper.hide_banners {
    display:none!important;
}

.info-wrapper .common-banner-wrapper {
    position: relative!important;
}

.common-banner-wrapper {
	left: 120px !important;
	bottom: 10px !important;
	z-index: 9999 !important;
	display: flex !important;
	position: fixed !important;
	justify-content: flex-end !important;
    align-items: center;
    overflow: hidden !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.3) !important;
}

.common-banner {
	display: flex !important;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 6px !important;
	background: var(--color-banner-background) !important;
    align-items: center;
}

.common-banner a {
	color: inherit !important;
	text-decoration: none !important;
    cursor: pointer;
    display: flex;
}

.common-banner .banner-logo {
	width: 70px !important;
    height: 70px !important;
    border-radius: 0%;
}

.common-banner .banner-wrapper-content {
	display: flex !important;
	align-items: center !important;
}

.common-banner .banner-title {
	font-size: 16px !important;
	font-weight: bold !important;
	margin: 0.4em 1.5em 0.4em 1.5em !important;
	line-height: 1.2em !important;
    font-style: italic;
    color: #f95f29;
}

.common-banner .banner-title p {
	font-size: 14px !important;
	font-weight: 500 !important;
	margin: 0.4em 0em 0em 0em !important;
	line-height: 1.1em !important;
    font-style: italic;
    color: var(--color-text);
}

.common-banner .banner-link {
	color: var(--color-button-text) !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: 600 !important;
    background: var(--color-button-background) !important;
	margin: 0em 0.8em 0em 0em;
	padding: 0.7em 0.7em 0.7em 0.7em !important;
	width: auto !important;
	text-align: center !important;
	border-radius: 50px !important;
	display: inline-block !important;
	box-shadow: 0 2px 8px 1px var(--color-button-shadow) !important;
    line-height: 1.2em !important;
    font-style: italic;
}

.common-banner .banner-close {
	color: var(--color-button-close) !important;
	line-height: 1 !important;
	font-size: 35px !important;
	margin-left: 7px !important;
	margin-top: 0px !important;
	font-weight: bold !important;
	display: inline-block !important;
    position: absolute !important;
	right: 6px !important;
	top:-2px !important;
}


@media (max-width: 768px) {
	.common-banner-wrapper {
		left: 5px !important;
		bottom: 50px !important;
	}
}

@media (max-width: 600px) {
	.common-banner {
		padding: 0.4em 0.4em 0.4em 0.4em;
		width: 365px !important;
	}
    
    .common-banner .banner-logo {
		width: 60px !important;
        height: 60px !important;
	}
    
	.common-banner .banner-title {
        font-size: 12px !important;
        margin: 0.2em 0.6em 0.2em 0.6em !important;
	}
    
    .common-banner .banner-title p {
        font-size: 11px !important;
	}

	.common-banner .banner-link {
        max-width:100px;
		width: auto !important;
		font-size: 10px !important;
		padding: 0.3em 0.4em 0.3em 0.4em !important;
		border-radius: 15px !important;
        margin: 0em 0.3em 0em 0em;
	}

	.common-banner .banner-close {
		position: absolute !important;
		right: 5px !important;
		top:-2px !important;
        font-size: 26px !important;
	}
}
@media (max-width: 370px) {
    .common-banner {
		padding: 0.4em 0.4em 0.4em 0.4em;
		width: 310px !important;
	}
    .common-banner .banner-title {
        font-size: 11px !important;
	}
        .common-banner .banner-title p , .common-banner .banner-link {
        font-size: 10px !important;
	}

	.common-banner .banner-close {
        font-size: 24px !important;
	}
}