/**************************
******** GLOBAL CSS *******
***************************/

/*-------------------------
----- GLOBAL - SPINNERS ---
--------------------------*/

lightning-spinner {
	/*display: none;*/
}

.slds-spinner_container{
	z-index: 1;
}

.slds-spinner_container .slds-spinner_brand.slds-spinner.slds-spinner_medium{
	position: absolute !important;
	height: 100%;
	width: 100%;
	transform-origin: center;
	top: 0 !important;
	left: 0 !important;
	z-index: 1;
	transform: scale(1);
}

.slds-spinner_container .slds-spinner_brand.slds-spinner.slds-spinner_medium .slds-spinner__dot-a, .slds-spinner_brand.slds-spinner.slds-spinner_medium .slds-spinner__dot-b, .slds-spinner_brand.slds-spinner.slds-spinner_medium span{
	display :none;
}

.slds-spinner_container .slds-spinner_brand.slds-spinner.slds-spinner_medium:before, .slds-spinner_brand.slds-spinner.slds-spinner_medium:after{
	content : none;
}

.slds-spinner_container .slds-spinner_brand.slds-spinner.slds-spinner_medium:before{
	content: " ";
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid var(--lwc-brandNavigationBackgroundColor);
	border-color: var(--lwc-brandNavigationBackgroundColor) transparent var(--lwc-brandNavigationBackgroundColor) transparent;
	animation: ada-loading-dual-ring 1.2s linear infinite;
	background-color: transparent;
	position: absolute;
	top: calc(50% - 16px);
	left: calc(50% - 16px);
}

#ada-loading {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: red;
	z-index: 100000;
	background-color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

#ada-loading:after {
	content: " ";
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid var(--lwc-brandNavigationBackgroundColor);
	border-color: var(--lwc-brandNavigationBackgroundColor) transparent var(--lwc-brandNavigationBackgroundColor) transparent;
	animation: ada-loading-dual-ring 1.2s linear infinite;
}

@keyframes ada-loading-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*-------------------------
----- GLOBAL - RESETS ---
--------------------------*/

body{
	background-color: #F0F0F0;
	font-family: 'Montserrat' !important;
}

.cDTE_BaseThemeLayout a.skip-main{
	display: none;
}

#main.capricornContent {
	max-width: 480px;
	box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.3);
	margin-left: auto;
	margin-right: auto;
	font-family: "Montserrat";
	overflow-x: hidden;
	background-color: #FFF;
	min-height: calc(100vh - 40px);
}

header.capricornHeader, .capricornThemeLayout.cDTE_BaseThemeLayout .footer-container{
	display: none;
}

#main.capricornContent .comm-layout-column {
	padding: 0;
}

#main.capricornContent .ui-widget {
	margin: 0;
}

.forceCommunityRichText ol li, .forceCommunityRichText ul li{
	padding-left: 0 !important;
}

.forceCommunityRichText li:not(.ql-direction-rtl):before {
	margin-left: 0 !important;
}

.forceCommunityRichText ul>li:before {
	content: '' !important;
}

.forceCommunityRichText li:before {
	margin-right: 0 !important;
	width: auto !important;
}

/*-------------------------
------- GLOBAL - HW -------
--------------------------*/
.healthWarningContainer.dummy.cDTE_HealthWarning {
	display: none;
}

.healthWarningContainer.cDTE_HealthWarning {
	height: 40px !important;
	border: none !important;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 20 !important;
}

.healthWarningContainer.cDTE_HealthWarning .warning-label {
	display: none;
}

.healthWarningContainer.cDTE_HealthWarning .message-heading {
	font-size: 8px !important;
	color: #000;
	font-family: arial;
	font-weight: normal !important;
	margin: 0 !important;
	line-height: 8px !important;
}

.healthWarningContainer.cDTE_HealthWarning .message-description {
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
	font-family: arial;
	font-size: 8px !important;
	color: #666;
}

/*-------------------------
---------- MODALS ---------
--------------------------*/

#main.capricornContent .slds-modal .slds-modal__container{
	margin: 0 32px !important;
}

#main.capricornContent .slds-modal .slds-modal__header{
	height: 40px !important;
	display: flex !important;
	align-items: center !important;
	background-color: #F5F5F5 !important;
	font-weight: 600 !important;
	color: #000 !important;
	border-radius: 8px 8px 0 0 !important;
}

#main.capricornContent .slds-modal .slds-modal__header .slds-text-heading_medium{
	font-weight: 600 !important;
	width: 100% !important;
	text-align: center !important;
}

#main.capricornContent .slds-modal .slds-modal__content .modal_text{
	padding: 16px !important;
	background-color: #FFF !important;
}

#main.capricornContent .slds-modal .slds-modal__footer{
	background-color: transparent !important;
	display: flex !important;
}

#main.capricornContent .slds-modal .slds-modal__footer button.slds-button_neutral{
	color: #FFF !important;
	height: 40px !important;
	border-radius: 0 0 8px 8px !important;
	font-weight: 600 !important;
	background-color: #2980B9 !important;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) !important;
	flex-grow: 1 !important;
}

/*-------------------------
--------- CAROUSEL --------
--------------------------*/

#main.capricornContent .splide .splide__pagination{
	padding: 0;
}

#main.capricornContent .splide .splide__slide{
	overflow: hidden;
}

#main.capricornContent .splide .splide__slide:before{
	content : none !important;
}

#main.capricornContent .splide .splide__slide .slide-content{
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
}


#main.capricornContent .splide .splide__slide img.full-height{
	height: 100%;
	width: auto;
	max-width: none;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

#main.capricornContent .splide__slide .centered-text{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#main.capricornContent .splide__slide label, #main.capricornContent .cap label{
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 3px rgba(0, 0, 0, 1);
	padding: 4px 12px;
	border-radius: 21px;
	font-size: 11px;
}

#main.capricornContent .splide .splide__pagination__page{
	box-shadow: 0 0 0 1px #FFFFFF inset;
	opacity: 1;
	background-color: transparent;
}

#main.capricornContent .splide .splide__pagination__page.is-active{
	background-color: var(--lwc-brandNavigationBackgroundColor);
	transform: scale(1);
}

#main.capricornContent .splide.line-indicators .splide__pagination{
	position: absolute;
	top: 0;
	width: 100%;
	height: 3px;
	display: flex;
	padding: 0;
}

#main.capricornContent .splide.line-indicators .splide__pagination > li {
	flex-grow: 1;
	height: 100%;
	display: block;
}

#main.capricornContent .splide.line-indicators .splide__pagination > li:before{
	content: none !important;
}

#main.capricornContent .splide.line-indicators .splide__pagination > li > button{
	transform: scale(1);
	margin: 0;
	padding: 0;
	border-radius: 0;
	background-color: #FFF;
	height: 100%;
	display: block;
	width: 100%;
	box-shadow: 0 0 1px;
}

#main.capricornContent .splide.line-indicators .splide__pagination > li > button.is-active{
	background-color: var(--lwc-brandNavigationBackgroundColor);
	opacity: 1;
}

#main.capricornContent .ui-widget c-dte-iframe-container{
	position: fixed;
	width: 100%;
	top: 54px;
}

#main.capricornContent .ui-widget c-dte-iframe-container div{
	height: 100% !important;
}


/*---------------------------------
--------- COOKIE - CONSENT --------
---------------------------------*/

#onetrust-banner-sdk * {
	font-family: "Montserrat" !important;
}

#onetrust-banner-sdk{
	background-color: rgba(0, 0, 0, 0.8) !important;
	backdrop-filter: blur(2px);
}

#onetrust-consent-sdk #onetrust-policy-text{
	color: #FFF !important;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link{
	background-image: linear-gradient(#FFFFFF 0%, #F0F0F0 100%);
	box-shadow: rgba(87, 87, 87, 0.5) 0px 1px 2px 0px !important;
	padding: 13px 0px;
	border-radius: 16px;
}

#onetrust-consent-sdk #onetrust-accept-btn-handler{
	background-image: linear-gradient(rgb(46, 204, 113) 0%, rgba(39, 174, 96, 1) 100%) !important;
	box-shadow: rgba(87, 87, 87, 0.5) 0px 1px 2px 0px;
	padding: 14px 0px;
	border-radius: 16px;
	margin-bottom: 16px;
}


/*-------------------------
------- TWILIO CHAT -------
--------------------------*/

.twilioChatContainer.workingHours{
	border-radius: 0 !important;
	bottom: 40px !important;
	right: 0 !important;
	background-color: rgba(0, 0, 0, 0.8) !important;
	height: 54px !important;
	width: calc(100% / 6) !important;
	opacity: 0; 
	z-index: 50 !important;
}

.twilioChatContainer.workingHours.open{
	  width: 100% !important;
	right: 0 !important;
	height: calc(100% - 40px) !important;
	backdrop-filter: blur(3px);
	opacity: 1;
}

.twilioChatContainer.workingHours.forceHidden{
	display: none !important;
}

.twilioChatContainer .callButton{
	margin: 32px;
	display: none !important;
	background-image: linear-gradient(180deg, #2ECC71 0%, #27AE60 100%);
	color: #FFF;
	font-size: 13px;
	align-items: center;
	font-weight: 500;
	box-shadow: none;
	border-radius: 12px;
	justify-content: center;
	position: absolute;
	padding: 8px 16px;
	height: 32px;
	display: none;
	z-index: 1;
	padding-left: 40px;
}

.twilioChatContainer .callButton:before{
	content: "";
	background-image: url(base-menucall.png);
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	position: absolute;
	left: 0px;
	top: 0;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(48deg) brightness(106%) contrast(101%);
}

.twilioChatContainer.workingHours.open .callButton{
	display: flex !important;
}


/*-------------------------
--------- FEEDBACK --------
--------------------------*/

#main.capricornContent .myFeedbackContainer .ada-close{
	left: calc(50% - 25px);
	position: absolute;
	height: 50px;
	width: 50px;
	background-color: rgba(0, 0, 0, 0.7);
	display: block !important;
	bottom: 43px;
	border-radius: 50%;
	content: "p";
	color: #FFF;
}

#main.capricornContent .myFeedbackContainer .ada-close:after{
	height: 100%;
	width: 100%;
	content: "×";
	color: rgba(255, 255, 255, 0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	padding-bottom: 7px;
}

#main.capricornContent .myFeedbackContainer.inline .ada-close{
	display: none !important;
}

#main.capricornContent .myFeedbackContainer.inline{
	position: relative;
	padding: 0;
	margin-bottom: 24px;
	z-index: auto;
	background-color: #34495E;
	box-shadow: 0 10px 8px -10px rgba(0, 0, 0, 0.2) inset;
	margin-top: 24px;
}

#main.capricornContent .myFeedbackContainer.inline .taskPreview{
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	margin: 16px;
	margin-top: 32px;
	border-radius: 16px;
}

#main.capricornContent .myFeedbackContainer.inline .taskBottom .slds-grid_vertical{
	bottom: auto;
	top: 0;
}

#main.capricornContent .myFeedbackContainer.inline .taskBottom .slds-grid_vertical .cDTE_CoursesAwardShortText .uiOutputRichText b{
	bottom: 31px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	left: 25%;
	border-radius: 50px;
	background-color: #34495E;
	color: #FFF;
}

#main.capricornContent .myFeedbackContainer.inline .taskBottom .slds-grid_vertical .cDTE_CoursesAwardShortText .uiOutputRichText b:after{
	color: #FFF;
}

#main.capricornContent .myFeedbackContainer.inline .taskContent{
	padding-bottom: 0;
}

#main.capricornContent .myFeedbackContainer, #main.capricornContent .cDTE_MyFeedbackTaskView, #main.capricornContent .cDTE_MyFeedbackTaskResult{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	font-family: 'Almarai';
}

#main.capricornContent .myFeedbackContainer .taskPreview, #main.capricornContent .cDTE_MyFeedbackTaskView .taskDetailContainer, #main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer{
	margin: 0;
	border: none;
	border-radius: 16px;
	box-shadow: 0 0 10px;
	background-color: #FFF;
	width: 100%;
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer{
	overflow: hidden;
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultHeader, #main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .points-label_text{
	display: none;
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultCard{
	border: none;
	border-radius: 16px 16px 0 0;
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultOptionLabel{
	color: #FFF;
	background-color: var(--lwc-brandNavigationBarBackgroundColor);
	padding: 16px;
	box-shadow: 0 5px 3px -3px inset rgba(0, 0, 0, 0.3), 0 -5px 3px -3px inset rgba(0, 0, 0, 0.3);
	justify-content: center;
}


#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultValues{
	padding: 16px;
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultValues .uiInputCheckbox{
	background-color: rgba(0, 0, 0, 0.04);
	border-radius: 13px;
	padding: 8px;
	text-align: right;
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultValues .uiInputCheckbox label:before{
	height: 100%;
	width: 100%;
	line-height: 30px;
	border-radius: 8px;
	font-size: 20px;
	background-color: rgb(0, 128, 0, 0.15);
	border-radius: 12px;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultValues .uiInputCheckbox label.wrongAnswer:before{
	background-color: transparent;
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultCard .task-name_image-overlay, #main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultCard .points_text{
	font-family: 'Almarai';
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultCard .earned_text{
	display: none;
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultCard .slds-align_absolute-center{
	
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultBottom{
	padding: 0;
	border: none;
}


#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultBottom .paginationButtons{
	padding: 0;
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultBottom .paginationButtons .slds-button_neutral{
	flex-basis: 100%;
	flex-grow: 1;
	max-width: none;
	background: linear-gradient(180deg, #2ECC71 0%, #27AE60 100%);
	height: 48px;
	border-radius: 0 0 16px 16px;
}

#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultBottom .paginationButtons .slds-button_neutral:nth-child(1){
	background-image: linear-gradient(0deg, #d9d9d9 0%, rgb(255 255 255) 100%);
	color: #444;
	border-radius: 0;
}
#main.capricornContent .cDTE_MyFeedbackTaskResult .taskResultContainer .resultBottom .paginationButtons .slds-button_neutral{
	border-radius: 0;
}


#main.capricornContent .cDTE_MyFeedbackTaskView .detailContent{
	max-height: 70vh;
	overflow: scroll;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .questionCard{
	background-color: transparent;
	border: none;
	margin: 0;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .detailHeader .taskHeader{
	padding: 0;
	margin: 0;
	background: linear-gradient(0, var(--lwc-brandNavigationBackgroundColor), var(--lwc-brandNavigationBarBackgroundColor));
	color: #FFF;
	border-radius: 16px 16px 0 0;
	border-bottom: none;
	align-items: stretch;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .detailHeader .taskHeader .backButton{
	padding: 16px;
	height: auto;
	width: 50px;
	transform: rotate(180deg);
	filter: brightness(0) invert(1);
}

#main.capricornContent .cDTE_MyFeedbackTaskView .detailHeader .taskHeader .backButton lightning-icon{
	display: none;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .detailHeader .taskHeader .backButton:after{
	content: "×";
	color: #FFF;
	font-size: 38px;
	line-height: 20px;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .detailHeader .taskHeader > span{
	padding: 16px;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .questionHeader img, #main.capricornContent .cDTE_MyFeedbackTaskResult .cardHeader img{
	max-height: 180px;
	width: auto;
	margin: auto;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .widget-indicators, #main.capricornContent .cDTE_MyFeedbackTaskResult .widget-indicators{
	margin: 8px;
	width: calc(100% - 16px);
	border-radius: 50px;
	overflow: hidden;
	background-color: #EEE;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .widget-indicators > span, #main.capricornContent .cDTE_MyFeedbackTaskResult .widget-indicators > span{
	margin: 0;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .widget-indicators .indicator-complete, #main.capricornContent .cDTE_MyFeedbackTaskResult .widget-indicators .indicator-complete{
	background-color: #27ae60;
	box-shadow: 1px 0 0 #DDD inset;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .widget-indicators .indicator-active, #main.capricornContent .cDTE_MyFeedbackTaskResult .widget-indicators .indicator-active{
	background-color: #27ae60;
	border-radius: 5px 0 0 5px;
	box-shadow: none;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .widget-indicators .indicator-pending, #main.capricornContent .cDTE_MyFeedbackTaskResult .widget-indicators .indicator-pending{
	background-color: transparent;
	box-shadow: 1px 0 0 #DDD inset;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .questionCard .questionValue{
	color: #FFF;
	background-color: var(--lwc-brandNavigationBarBackgroundColor);
	padding: 16px;
	box-shadow: 0 5px 3px -3px inset rgba(0, 0, 0, 0.3), 0 -5px 3px -3px inset rgba(0, 0, 0, 0.3);
	justify-content: center;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .questionCard .questionOptions{
	padding: 16px;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .questionCard .questionOptions input[type="text"]{
	text-align: center;
	border: 2px solid #DDD;
	background-color: #FAFAFA;
	border-radius: 6px;
	font-size: 20px;
	font-weight: bold;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .questionCard .questionOptions .uiInputCheckbox{
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 12px;
	padding: 8px;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .questionCard .questionOptions .uiInputCheckbox label{
	margin: 0 12px;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .questionCard .questionOptions .uiInputCheckbox input[type="checkbox"]{
	border-radius: 4px;
	height: 24px;
	width: 24px;
	margin: 8px;
	background-color: #FFF;
	border: 2px solid #DDD;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .questionCard .questionOptions .uiInputCheckbox input[type="checkbox"]:checked{
	background-color: var(--lwc-brandNavigationBarBackgroundColor);
	border: 2px solid var(--lwc-brandNavigationBarBackgroundColor);
}

#main.capricornContent .cDTE_MyFeedbackTaskView .questionCard .questionOptions .uiInputCheckbox input[type="checkbox"]:checked:after{
	right: 6px;
	top: 4px;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .questionCard .picture-upload{
	padding: 0;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .detailBottom{
	background: transparent;
	border: none;
	padding: 0;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .detailBottom > div:last-child{
	height: 64px;
	align-items: stretch;
	border: none;
	overflow: hidden;
	border-radius: 0 0 16px 16px;
	padding: 8px;
	gap: 8px;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .detailBottom .paginationBtn.slds-button_neutral{
	flex-basis: 48px;
	min-width: auto;
	max-width: 48px;
	flex-grow: 0;
	color: transparent;
	border-radius: 12px;
	background-image: url(base-iconbackblack.png);
	background-size: 20px;
	background-position: 12px center;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	background-color: #EEE;
}

#main.capricornContent .cDTE_MyFeedbackTaskView .detailBottom .paginationBtn.slds-button_brand{
	flex-basis: 100%;
	flex-grow: 1;
	max-width: none;
	border-radius: 12px;
	background: linear-gradient(180deg, #2ECC71 0%, #27AE60 100%);
}



#main.capricornContent .myFeedbackContainer .taskHeader img{
	height: 180px;
	width: auto;
	margin: auto;
	display: block;
}

#main.capricornContent .myFeedbackContainer .taskContent{
	background-color: #FAFAFA;
	padding: 0;
	padding-bottom: 42px;
}

#main.capricornContent .myFeedbackContainer .taskContent > div:not(.taskDescription){
	display: none;
}

#main.capricornContent .myFeedbackContainer .taskContent h1{
	font-size: 15px;
	font-family: 'Almarai';
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	color: var(--lwc-brandNavigationBarBackgroundColor);
	padding: 16px 8px;
	background-color: rgba(0, 0, 0, 0.02);
	box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3) inset, 0 -3px 3px -3px rgba(0, 0, 0, 0.3) inset;
}

#main.capricornContent .myFeedbackContainer .taskContent .taskDescription{
	padding: 24px;
	color: #444;
	text-align: center;
	background-color: #FFF;
}

#main.capricornContent .myFeedbackContainer .taskBottom{
	padding: 0;
}

#main.capricornContent .myFeedbackContainer .taskBottom .slds-grid_vertical{
	position: absolute;
	overflow: visible;
	bottom: 0;
	left: 0;
	width: 100%;
}

#main.capricornContent .myFeedbackContainer .taskBottom .slds-grid_vertical .cDTE_CoursesAwardShortText > span{
	display: none;
}

#main.capricornContent .myFeedbackContainer .taskBottom .slds-grid_vertical .cDTE_CoursesAwardShortText .uiOutputRichText{
	color: transparent;
}

#main.capricornContent .myFeedbackContainer .taskBottom .slds-grid_vertical .cDTE_CoursesAwardShortText .uiOutputRichText b{
	color: var(--lwc-brandNavigationBarBackgroundColor);
	z-index: 1;
	position: absolute;
	bottom: 72px;
	font-size: 20px;
	height: 40px;
	align-items: center;
	padding: 0 24px;
	width: 100%;
	background-color: #FAFAFA;
	display: flex;
	justify-content: center;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	left: 0;
}

#main.capricornContent .myFeedbackContainer .taskBottom .slds-grid_vertical .cDTE_CoursesAwardShortText .uiOutputRichText b:before{
	content: "+";
}

#main.capricornContent .myFeedbackContainer .taskBottom .slds-grid_vertical .cDTE_CoursesAwardShortText .uiOutputRichText b:after{
	content: "نقطة";
	color: var(--lwc-brandNavigationBackgroundColor);
	padding: 0 8px;
	font-size: 0.8em;
}

#main.capricornContent .myFeedbackContainer .taskBottom button.startBtn{
	border-radius: 12px;
	width: 100%;
	padding: 16px;
	background-image: linear-gradient(180deg, #2ECC71 0%, #27AE60 100%);
	font-size: 18px;
	margin: 8px;
	margin-top: 16px;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}



/*-------------------------
--------- CATALOG ---------
--------------------------*/

#main.capricornContent .cDTE_PrizeCatalog_Widget:not(.cDTE_PrizeComponent){
	padding: 0;
}

#main.capricornContent .cDTE_PrizeComponent{
	margin: 12px;
	margin-top: 0;
	background-color: var(--lwc-brandNavigationBarBackgroundColor);
	border-radius: 0 0 12px 12px;
}

#main.capricornContent .cDTE_PrizeComponent .prize_header{
	display: none;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId {
	display: grid;
	align-items: stretch;
	padding: 8px;
	grid-template-columns: calc(50% - 4px) calc(50% - 4px);
	justify-content: space-between;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div {
	margin-bottom: 8px;
	border: none;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
	position: relative;
	font-family: 'Almarai';
}


#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_main-content{
	margin: 0;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecatalog_out-of-stock .over-image-label{
	color: #e74c3c;
	transform: rotate(-25deg);
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_main-content .prize-details{
	width: 100%;
	padding: 0;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_main-content .prize-name_container{
	
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_main-content .prize-name_container .prizecomponent_name{
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FAFAFA;
	box-shadow: 0 -2px 3px -3px inset, 0 2px 3px -3px inset;
	padding: 0 8px;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_main-content .descriptionContainer{
	text-align: left;
	padding: 8px;
	color: #FFF;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_bottom-row{
	border-top: none;
	margin: 0;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_bottom-row .points_section{
	background-color: #FFF;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	width: 100%;
	margin: 0;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_bottom-row .points_section .points_block{
	display: none;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_bottom-row .points_section .points_value{
	color: var(--lwc-brandNavigationBarBackgroundColor);
	width: 100%;
	text-align: center;
	font-size: 17px;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_bottom-row .points_section .points_value lightning-formatted-number{
	display: flex;
	align-items: center;
	justify-content: center;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_bottom-row .points_section .points_value lightning-formatted-number:after{
	content: "نقطة";
	padding-right: 5px;
	padding-left: 0;
	font-family: 'Almarai';
	font-size: 12px;
	color: var(--lwc-brandNavigationBackgroundColor);
	font-weight: bold;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_bottom-row .buttonWrapper{
	margin: 0;
	display: block;
	width: 100%;
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_bottom-row .buttonWrapper .prizecomponent_heart-icon{
	position: absolute;
	top: 0;
	opacity: 0.5;
	transform-origin: top right;
	transform: scale(0.7);
}

#main.capricornContent .cDTE_PrizeComponent #prizeId > div .prizecomponent_bottom-row .buttonWrapper .slds-button{
	width: calc(100% - 16px);
	display: block;
	background-color: var(--lwc-brandNavigationBackgroundColor);
	border: none;
	padding: 12px 16px;
	margin: 8px;
	background-image: linear-gradient(0deg, var(--lwc-brandNavigationBarBackgroundColor), var(--lwc-brandNavigationBackgroundColor));
	border-radius: 5px;
}


/*-------------------------
----- WDIGET - PROFILE ----
--------------------------*/

#main.capricornContent .cDTE_MyDataWidgetComponent{
	margin: 16px;
	background-color: #FAFAFA;
	border-radius: 8px 8px 0 0;
	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	margin-bottom: 0;
}

#main.capricornContent .cDTE_MyDataWidgetComponent *{
	font-family: 'Montserrat';
	margin: 0;
	padding: 0;
	overflow: unset;
	white-space: normal;
	font-size: 12px;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_component-header, #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_section-separator{
	display: none;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .slds-p-horizontal_small, #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_additional-details{
	width: 100%;
	font-size: 12px;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_personal-details, #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_personal-address, #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_contact-fields .slds-p-horizontal_small, #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_additional-details .slds-p-horizontal_small{
	display: flex;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
	background-color: #FFF;
	align-items: center;
	justify-content: stretch;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_personal-details *:nth-child(1), #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_personal-address *:nth-child(1), #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_contact-fields .slds-p-horizontal_small *:nth-child(1), #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_additional-details .slds-p-horizontal_small *:nth-child(1){
	flex-basis: 50%;
	min-height: 36px;
	display: flex;
	justify-content: flex-end;
	text-align: right;
	align-items: center;
	padding: 9px;
	color: #777;
	height: 100%;
	background-color: #FAFAFA;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_personal-details *:nth-child(2), #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_personal-address *:nth-child(2), #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_contact-fields .slds-p-horizontal_small *:nth-child(2), #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_additional-details .slds-p-horizontal_small *:nth-child(2){
	flex-basis: 50%;
	line-height: 1.1em;
	display: flex;
	align-items: center;
	padding: 8px;
	color: #000;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_section-content.profile-pic_section .aboutme_profile-pic{
	background-color: #FFF;
	margin: 12px;
	height: 60px;
	width: 60px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_section-content.profile-pic_section .aboutme_user-name{
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: 500;
	padding: 26px 0;
	background-color: #FFF;
	border-radius: 8px 8px 0 0;
	color: #000;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_additional-details input{
	min-height: 24px;
	max-width: 24px;
	border: none;
	display: block;
	margin-left: 16px;
	border-radius: 4px;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
	background-color: transparent;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_additional-details input:checked:after{
	border-bottom: solid 2px red;
	border-left: solid 2px red;
	position: absolute;
	top: 6px;
	left: 5px;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section{
	background-color: transparent;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-form-element__label{
	padding: 12px 16px 4px 16px;
	display: block;
	color: #444;
	font-size: 10px;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-input, #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-select_container select{
	height: 32px;
	margin: 0 16px;
	width: calc(100% - 32px);
	border-radius: 4px;
	box-shadow: 0 0 0 1px #DDD inset;
	padding: 0 14px;
	font-weight: 500;
	color: #000;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-select_container{
	
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-select_container:before, #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-select_container:after{
	opacity: 0.3;
	right: 24px;
}


#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .tooltip-wrapper{
	position: absolute;
	right: 18px;
	top: 7px;
	transform: scale(0.8);
	z-index: 1;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .checkbox-element .slds-form-element__control.slds-grow{
	margin: 0 16px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-checkbox{
	padding: 16px;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-checkbox .slds-checkbox__label{
	display: flex;
	align-items: center;
	line-height: 1.1em;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-checkbox .slds-checkbox__label .slds-checkbox_faux{
	border-radius: 3px;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-checkbox .slds-checkbox__label .slds-form-element__label{
	padding: 0;
	margin-left: 16px;
	line-height: 1.1em;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .aboutme_edit-user-pic{
	top: -70px;
	right: 10px;
	height: 60px;
	width: 60px;
	overflow: hidden;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .aboutme_edit-title{
	height: 80px;
	background-color: #FFF;
	color: #000 !important;
	font-weight: 600;
	padding-left: 16px;
	display: flex;
	align-items: center;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .editpicture{
	top: -80px;
	height: 80px;
	right: 0;
	width: 80px;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .editpicture button{
	padding: 4px 8px;
	background-color: rgba(39, 174, 96, 0.9);
	font-weight: 800;
	color: #FFF;
	font-size: 10px;
	margin-top: 43px;
	text-shadow: 0px 0px 1px black;
	letter-spacing: normal;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .edittablogo .uploadbutton.edituploadbtn{
	padding: 0 16px;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .edittablogo .slds-file-selector__button, #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .edittablogo button{
	padding: 8px;
	font-size: 11px;
	letter-spacing: normal;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_action-buttons{
	padding: 24px 0;
	background-color: transparent;
	margin: 0 16px;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_action-buttons button{
	height: 40px;
	background: linear-gradient(180deg, #2ECC71 0%, #27AE60 100%);
	font-weight: 600;
	width: 60%;
	border-radius: 8px;
}

#main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_action-buttons .button-secondary{
	background: linear-gradient(180deg, #e74c3c 0%, #c0392b 100%);
	font-weight: 400;
	width: 36%;
	margin-right: 4%;
}

/*-------------------------
------ WDIGET - TASKS -----
--------------------------*/
/* Listing */
#tabsContainerDiv.cDTE_MyTask_Widget {
	padding: 16px;
}

#tabsContainerDiv.cDTE_MyTask_Widget *{
	font-family: Montserrat;
}

#tabsContainerDiv.cDTE_MyTask_Widget .wrapper-background {
	display: none;
}

#tabsContainerDiv.cDTE_MyTask_Widget .slds-theme_info.noTaskBox{
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 16px 0 32px 0;
	text-align: center;
}

#tabsContainerDiv.cDTE_MyTask_Widget lightning-tab-bar{
	width: 200%;
	display: block;
}

#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__nav {
	margin-top: 0;
	margin-left: 0;
	display: block;
	border-bottom: none;
	width: 50%;
	background-color: #FFF;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__nav:after {
	content:"";
	clear: both;
	display: table;
}

#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__overflow-button {
	display: none;
}

#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__item{
	width: 33.33333%;
	margin-left: 0 !important;
	text-align: center;
	float: left;
	height: 40px;
	box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
}

#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__item a, #tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__item a:focus{
	display: flex;
	align-items: center;
	justify-content: center;
	outline: none;
	box-shadow: none;
	color: #34495E;
	letter-spacing: normal;
	font-size: 10px;
	font-weight: 400;
}

#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__item:nth-child(2) a{color: #D35400;}
#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__item:nth-child(3) a{color: #27AE60;}

#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__item.slds-is-active a{
	color: #FFFFFF;
	background-color: #34495E;
	box-shadow: none;
}

#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__item:nth-child(2).slds-is-active a{background-color: #D35400;}
#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__item:nth-child(3).slds-is-active a{background-color: #27AE60;}

#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__content{
	padding: 16px 16px 0 16px;
	background-color: #34495E;
	border-radius: 0 0 16px 16px;
	box-shadow: 0 2px 6px -4px #000 inset;
}

#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__content:nth-of-type(2){background-color: #D35400;}
#tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__content:nth-of-type(3){background-color: #27AE60;}


#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer{
	margin: 0;
	padding: 0;
	padding-bottom: 0;
	border: none;
	position: relative;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article{
	margin: 0;
	border: none;
	background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.79) 100%);
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.50);
	border-radius: 6px;
	margin-bottom: 28px;
	background-color: transparent;
}

#tabsContainerDiv.cDTE_MyTask_Widget article .taskImage{
	border-radius: 12px 12px 0 0;
	overflow: hidden;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 16px 0;
	align-items: center;
}



#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .taskTitleOnly, #tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent header .touchpoint-label, #tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent br{
	display: none;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent header .positive-label.task-state_label, #tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent header .positive-label.completed-approved-label, #tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent header .warning-label.task-state_label{
	background: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
	height: 20px;
	display: flex;
	position: absolute;
	left: 16px;
	bottom: -8px;
	align-items: center;
	font-weight: 600;
	color: #FFF;
	padding: 0 8px;
	padding-left: 24px;
	border-radius: 14px;
	font-size: 10px;
	background-color: #44BE78;
	white-space: nowrap;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent header .warning-label.task-state_label{
	background-color: #d35400;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent header .positive-label.task-state_label:after, #tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent header .positive-label.completed-approved-label:after, #tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent header .warning-label.task-state_label:after {
	content: "";
	background-image: url(base-icontimer.png);
	height: 16px;
	width: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent header h2{
	display: flex;
	align-items: center;
	padding: 0px 16px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 8px;
	margin-bottom: 12px;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .mainContent .task-body{
	margin: 0;
	padding: 0 18px;
	font-size: 11px;
	color: #777;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .start-task_container{
	padding: 24px 16px;
	padding-top: 0;
	margin: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .start-task_container .start-task_label{
	background-image: linear-gradient(180deg, #2ECC71 0%, rgb(39 174 96) 100%);
	box-shadow: inset 0 1px 2px 0 rgba(87,87,87,0.50);
	border-radius: 6px;
	font-size: 12px;
	display: block;
	padding: 12px 16px;
	font-weight: 500;
	flex-grow: 1;
	text-align: center;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .theFooter{
	position: absolute;
	padding: 0;
	margin: 0;
	bottom: 0;
	right: 16px;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .theFooter *{
	margin: 0;
	padding: 0;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .theFooter .uiOutputText, #tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .slds-card__footer .footer_title{
	display: none;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .slds-card__footer{
	padding: 0;
	margin: 0;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .theFooter .points-text.value, #tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .slds-card__footer .points-text.value{
	background: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
	height: 20px;
	display: flex;
	position: absolute;
	right: 0px;
	bottom: -10px;
	align-items: center;
	font-weight: 600;
	color: #F39C12;
	padding-right: 24px;
	padding-left: 8px;
	border-radius: 14px;
	font-size: 10px;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .theFooter .points-text.value:before, #tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .slds-card__footer .points-text.value:before{
	content: "+";
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .theFooter .points-text.value:after, #tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .slds-card__footer .points-text.value:after{
	content: "";
	background-image: url(base-currency.png);
	height: 20px;
	width: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	box-shadow: 0 0 0 1px #FFF;
	border-radius: 50%;
}

#tabsContainerDiv.cDTE_MyTask_Widget .taskCardContainer article .submittedHeader .submitted-label {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	height: 24px;
	display: flex;
	position: absolute;
	left: 16px;
	bottom: -8px;
	align-items: center;
	font-weight: 400;
	color: #FFF;
	padding: 0;
	border-radius: 14px;
	font-size: 11px;
	background-color: #27AE60;
	white-space: nowrap;
	width: calc(100% - 32px);
	justify-content: center;
}

/* Details */
#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody{
	background-color: transparent;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard{
	background-color: #34495E;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .buttonContainer{
	padding: 0;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .buttonContainer .back-arrow_icon{
	display: none;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .buttonContainer .all-tasks{
	margin: 8px;
	background-color: rgba(0, 0, 0, 0.2);
	border: none;
	font-weight: 400;
	font-size: 12px;
	padding: 2px 16px;
	padding-left: 30px;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .buttonContainer .all-tasks:after{
	content: "";
	position: absolute;
	left: 0px;
	width: 30px;
	height: 100%;
	top: 0;
	background-image: url(base-iconback.png);
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 8px center;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .task-header_upper-content{
	position: absolute;
	right: 0;
	top: 0;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .task-header_upper-content .points-text{
	background: #FFFFFF;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.50);
	height: 20px;
	display: flex;
	position: absolute;
	right: 12px;
	top: 14px;
	align-items: center;
	font-weight: 600;
	color: #F39C12;
	padding-right: 24px;
	padding-left: 11px;
	border-radius: 14px;
	font-size: 11px;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .task-header_upper-content .points-text:before {
	content: "+";
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .task-header_upper-content .points-text:after {
	content: "";
	background-image: url(base-currency.png);
	height: 20px;
	width: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	box-shadow: 0 0 0 1px #FFF;
	border-radius: 50%;
}


#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .task-header_description{
	display: none;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionNumber h3{
	color: #FFF;
	font-size: 15px;
	text-align: center;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionPart {
	background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.79) 100%);
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.50);
	border-radius: 6px;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionPart .question_header-text{
	background-color: transparent;
	font-weight: normal;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionPart .questionOptions .cDTE_MyTask_Question{
	background-color: transparent;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionPart .questionOptions .picture-upload > label {
	background-color: transparent;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionPart .questionOptions .picture-upload > label > span  {
	background-color: #FFF;
	border-radius: 6px;
	box-shadow: 0 1px 2px 0 rgba(87,87,87,0.50);
	padding: 12px 16px;
	background-image: url(base-iconcapturephoto.png);
	padding-top: 70px;
	background-size: 40px;
	background-position: center 16px;
	background-repeat: no-repeat;
	color: #000;
	font-size: 10px;
	font-weight: 400;
	min-width: 140px;
	text-align: center;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionPart .questionOptions .picture-upload > label > span > span {
	font-weight: 400;
	font-size: 10px;
	letter-spacing: normal;
	text-align: center;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionPart .questionOptions .picture-upload .video-upload-component{
	background-color: transparent;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .buttonFooter{
	padding: 16px;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .buttonFooter .submit-task{
	width: 100%;
	border-radius: 6px;
	background-image: linear-gradient(180deg, #2ECC71 0%, rgb(39 174 96) 100%);
	box-shadow: 0 1px 2px 0 rgba(87,87,87,0.50);
	font-size: 12px;
	display: block;
	padding: 12px 16px;
	font-weight: 500;
	text-align: center;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .taskDecline .submit-header_text{
	padding: 6px 0;
	padding-right: 70px;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .taskDecline header .slds-text-heading_small{
	text-align: left;
	display: block;
	color: #FFF;
	font-size: 15px;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .taskDecline .declineBody{
	background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.79) 100%);
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.50);
	border-radius: 6px;
	background-color: transparent;
	font-weight: normal;
	padding-left: 24px;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .taskDecline .declineBody .slds-form-element__control.rejection-form{
	font-weight: bold;
	margin-left: -8px;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .declineButtons{
	padding: 24px 0;
	gap: 16px;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .declineButtons button.reject-task{
	flex-basis: 40%;
	border-radius: 6px;
	background-image: linear-gradient(180deg, #e74c3c 0%, #c0392b 100%);
	box-shadow: 0 1px 2px 0 rgba(87,87,87,0.50);
	font-size: 12px;
	display: block;
	padding: 12px 16px;
	font-weight: 500;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .declineButtons button.submit-task{
	flex-basis: 60%;
	border-radius: 6px;
	background-image: linear-gradient(180deg, #2ECC71 0%, rgb(39 174 96) 100%);
	box-shadow: 0 1px 2px 0 rgba(87,87,87,0.50);
	font-size: 12px;
	display: block;
	padding: 12px 16px;
	font-weight: 500;
	margin: 0;
}

#tabsContainerDiv.cDTE_MyTask_Widget #successMessage{
	border: none;
	border-radius: 6px;
	background-image: linear-gradient(180deg, #2ECC71 0%, rgb(39 174 96) 100%);
	font-size: 12px;
	padding: 12px 16px;
	font-weight: 500;
	padding-right: 52px;
	text-align: left;
	position: relative;
}

#tabsContainerDiv.cDTE_MyTask_Widget #successMessage .slds-float_right{
	position: absolute;
	right: 0;
	color: transparent;
	background-image: url(base-iconcheck.png);
	height: 100%;
	width: 50px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	top: 0;
	background-color: rgba(0, 0, 0, 0.05);
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .slds-modal[role="dialog"] .slds-modal__container{
	margin: 0 16px !important;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .slds-modal[role="dialog"] .slds-modal__container .slds-modal__header{
	font-size: 15px !important;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .slds-modal[role="dialog"] .slds-modal__container .slds-modal__header .slds-modal__close{
	right: 0 !important;
	height: 40px !important;
	width: 40px !important;
	border-radius: 50% !important;
	background-color: rgba(0, 0, 0) !important;
	top: -50px !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .slds-modal[role="dialog"] .slds-modal__container .slds-modal__content{
	margin: 0 !important;
	padding: 0 !important;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .slds-modal[role="dialog"] .slds-modal__container .slds-modal__content .cDTE_Video23{
	padding-bottom: 0 !important;
	height: calc(50vh) !important;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionImageBlock{
	background-color: #FFF !important;
	border-radius: 6px !important;
	margin-bottom: 12px !important;
	box-shadow: 0 0 3px #000 !important;
	overflow: hidden;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionPart .questionOptions{
	padding-bottom: 1px !important;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionPart .questionOptions .cDTE_MyTask_Question{
	padding: 8px !important;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionPart .questionOptions .slds-theme_default.slds-p-left_medium{
	margin: 8px !important;
	margin-top: 0 !important;
	border-radius: 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 8px !important;
	background-color: #27ae60 !important;
}

#tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .slds-card__body .taskQuestion .questionPart .questionOptions .slds-theme_default.slds-p-left_medium a{
	color: #FFF !important;
}


/*-------------------------
------ WDIGET - GDPR -----
--------------------------*/

#main.capricornContent .cDTE_GDPRGetMyData{
	margin: 16px;
	padding: 16px;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 16px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

#main.capricornContent .cDTE_GDPRGetMyData .GMD_opensModalWindow{
	width: 100%;
	border-radius: 16px;
	background: linear-gradient(180deg, var(--lwc-brandNavigationBackgroundColor), var(--lwc-brandNavigationBarBackgroundColor));
}



/*****************************
******** ADA Elements ********
******************************/

/*-------------------------
-------- SIDE MENU --------
--------------------------*/

.side-menu-overlay {
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	backdrop-filter: blur(0px);
	background-color: rgba(0, 0, 0, 0);
	pointer-events: none;
	transition: .5s backdrop-filter, .5s background-color;
}

.open .side-menu-overlay{
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(2px);
	pointer-events: all;
	
}

.side-menu-overlay .side-menu {
	width: 60%;
	height: 100%;
	box-shadow: 0 0 10px #000;
	backdrop-filter: blur(2px);
	background-color: rgba(255, 255, 255, 1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: .5s left ease-in-out;
	left: -100%;
	position: absolute;
}

.open .side-menu-overlay .side-menu{
	left: 0;
}

.side-menu-overlay .side-menu .account-block {
	flex-shrink: 0;
	height: 80px;
	display: flex;
	align-items: center;
	background-color: #FFF;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	background-image: linear-gradient(-160deg, var(--lwc-brandNavigationBarBackgroundColor), var(--lwc-brandNavigationBackgroundColor));
}

.side-menu-overlay .side-menu .account-block .profile-photo {
	width: 40px;
	height: 40px;
	background-image: url(base-profileicon.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	background-color: #CCCCCC;
	flex-shrink: 0;
	margin-right: 16px;
}

.side-menu-overlay .side-menu .account-block .greetings {
	color: #FFF;
	font-size: 10px;
	display: flex;
	flex-direction: column;
	text-align: right;
	flex-grow: 1;
	padding-right: 16px;
}

.side-menu-overlay .side-menu .account-block .greetings span {
	font-weight: 600;
}

.side-menu-overlay .side-menu .account-block .close-menu {
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(base-iconbackblack.png);
	height: 32px;
	width: 40px;
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: center;
	height: 54px;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.side-menu-overlay .side-menu .menu-block {
	flex-grow: 1;
	overflow-y: scroll;
}

.side-menu-overlay .side-menu .support-block {
	flex-shrink: 0;
}

.side-menu-overlay .side-menu .menu-item {
	display: flex;
	height: 40px;
	align-items: center;
	padding-left: 8px;
	box-shadow: 4px 0px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.03);
	color: #444;
	font-size: 11px;
	gap: 8px;
}

.side-menu-overlay .side-menu .menu-item:before {
	content: "";
	height: 40px;
	width: 30px;
	background-size: 16px auto;
	background-position: center;
	background-repeat: no-repeat;
}

.side-menu-overlay .side-menu .menu-item.selected {
	font-weight: 500;
	z-index: 1;
	position: relative;
	color: #FFF;
	background-color: #2980B9 !important;
}

.side-menu-overlay .side-menu .menu-item.selected:before {
	filter: invert(96%) sepia(98%) saturate(0%) hue-rotate(250deg) brightness(111%) contrast(100%);
}

.side-menu-overlay .side-menu .menu-item.logout {
	color: #e74c3c;
	background-color: #FFF;
	box-shadow: 4px 0px 0 rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(0, 0, 0, 0.03);
}

.side-menu-overlay .side-menu .menu-item.logout:before {
	filter: invert(35%) sepia(49%) saturate(2200%) hue-rotate(338deg) brightness(97%) contrast(87%);
}

.side-menu-overlay .side-menu .menu-item.has-items {
	background-color: #FFF;
	box-shadow: 4px 0px 0 rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(0, 0, 0, 0.03);
	position: relative;
}

.side-menu-overlay .side-menu .menu-item.has-items:after{
	content: "▼";
	position: absolute;
	height: 100%;
	width: 22px;
	right: 4px;
	font-size: 12px;
	top: 0;
	color: #DDD;
	transform: scaleY(0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease;
}

.side-menu-overlay .side-menu .menu-item.has-items.slideup:after{
	transform: rotate(90deg) scaleY(0.7);
}

.side-menu-overlay .side-menu .menu-item.sub-item {
	box-shadow: 7px 0px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.03);
	background-color: rgba(0, 0, 0, 0.03);
}

.side-menu-overlay .side-menu .menu-item.sub-item:before {
	width: 11px;
}

.side-menu-overlay .side-menu .menu-item.icon-chat {
	background-image: linear-gradient(180deg, #34495E 0%, #2C3E50 100%);
	color: #FFF;
	font-weight: 500;
	height: 56px;
	font-size: 13px;
	box-shadow: none;
}

.side-menu-overlay .side-menu .menu-item.icon-chat:before {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(319deg) brightness(102%) contrast(101%);
}

.side-menu-overlay .side-menu .menu-item.icon-call {
	background-image: linear-gradient(180deg, #2ECC71 0%, #27AE60 100%);
	color: #FFF;
	font-size: 14px;
	align-items: center;
	font-weight: 500;
	box-shadow: none;
}

.side-menu-overlay .side-menu .menu-item.icon-call:before {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(319deg) brightness(102%) contrast(101%);
}


/**************************
***** Global elements *****
***************************/

/*** GLOBAL - MAIN ***/

#main.capricornContent .ada-classic-header, #main.capricornContent .ada-service-header{
	position: fixed;
	top: 0;
	height: 54px;
	width: 100%;
	max-width: 480px;
	background-color: #FFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	z-index: 21;
	display: flex;
	gap: 16px;
	align-items: center;
}
#main.capricornContent .ada-classic-header.transparent{
	background-color: transparent;
	box-shadow: none;
}

#main.capricornContent .ada-classic-header.transparent.scrolled{
	background-color: rgba(0, 0, 0, 0.5);
}

#main.capricornContent .ada-header-placeholder {
	height: 54px;
	width: 100%;
	position: relative;
}

#main.capricornContent .ada-header-placeholder.drop-background:after{
	content: "";
	height: 120px;
	width: 100%;
	background-color: #2980B9;
	position: absolute;
	top: 100%;
	border-radius: 0 0 12px 12px;
	background-image: linear-gradient(0, var(--lwc-brandNavigationBackgroundColor), var(--lwc-brandNavigationBarBackgroundColor));
	z-index: 0;
}

#main.capricornContent .ada-classic-header .open-button{
	width: 80px;
	flex-shrink: 0;
	background-image:url(base-menuburger.png);
	background-repeat: no-repeat;
	background-size: auto 24px;
	background-position: 18px center;
	height: 100%;
}

#main.capricornContent .ada-classic-header.transparent .open-button{
	filter: brightness(0) invert(1);
}

#main.capricornContent .ada-classic-header .logo, #main.capricornContent .ada-service-header .logo{
	flex-grow: 1;
	background-image:url(base-logo.png);
	background-repeat: no-repeat;
	background-size: auto 38px;
	background-position: center;
	height: 100%;
}

#main.capricornContent .ada-classic-header.transparent .logo{
	filter: brightness(0) invert(1);
}

#main.capricornContent .ada-classic-header .points {
	min-width: 80px;
	background-image: url(base-currency.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 38px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-weight: bold;
	color: var(--lwc-brandNavigationBackgroundColor);
	height: 100%;
	font-size: 14px;
}


#main.capricornContent .ada-classic-header.transparent .points{
	color: #FFF;
}

#main.capricornContent .ada-service-header .back-button, #main.capricornContent .ada-classic-header .back-button {
	background-image: url(base-iconbackblack.png);
	flex-shrink: 0;
	width: 80px;
	background-repeat: no-repeat;
	background-size: auto 24px;
	background-position: 18px center;
	filter: brightness(0) invert(1);
	height: 100%;
}


#main.capricornContent .ada-service-header .logo {
	background-image: none;
	display: flex;
	align-items: center;
	padding-right: 80px;
	justify-content: center;
}

#main.capricornContent .ada-service-header .logo img {
	height: 60%;
}

#main.capricornContent .ada-classic-footer {
	position: fixed;
	bottom: 40px;
	height: 54px;
	width: 100%;
	max-width: 480px;
	background-color: #FDFDFD;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	z-index: 20;
	display: flex;
	padding: 0;
}

#main.capricornContent .footer-placeholder {
	height: 54px;
	width: 100%;
}

#main.capricornContent .ada-classic-footer > div {
	flex-basis: 20%;
	position: relative;
}

#main.capricornContent .ada-classic-footer > div > div{
	font-size: 8px;
	text-align: center;
	padding-top: 36px;
	font-weight: 400;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center 12px;
	color: #000;
	text-decoration: none;
	
}

#main.capricornContent .ada-classic-footer > div.active:after, #main.capricornContent .ada-classic-footer > .icon-support:after{
	content: attr(data-count);
	position: absolute;
	top: 8px;
	left: calc( 50% + 4px);
	height: 12px;
	line-height: 12px;
	width: 12px;
	background-color: red;
	font-size: 9px;
	font-weight: 400;
	text-align: center;
	border-radius: 50%;
	color: #FFF;
	box-shadow: 0 0 0 1px #fff;
}


#main.capricornContent .ada-classic-footer > .icon-support:after {
	height: 8px;
	width: 8px;
	top: 10px;
	left: calc( 50% + 6px);
	background-color: #AAA;
}

#main.capricornContent .ada-classic-footer > .icon-support > div {
	opacity: 0.3;
}

#main.capricornContent .ada-classic-footer > .icon-support.online:after {
	background-color: #16a085;
	color: transparent;
}

#main.capricornContent .ada-classic-footer > .icon-support.online[data-count]:not([data-count="0"]):after {
	color: #FFF;
	height: 12px;
	width: 12px;
	top: 8px;
	animation: blink-notification 0.5s linear infinite;
}

@keyframes blink-notification {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

#main.capricornContent .ada-classic-footer > .icon-support.online > div {
	filter: invert(61%) sepia(11%) saturate(4679%) hue-rotate(99deg) brightness(89%) contrast(69%);
	font-weight: 500;
	opacity: 1;
}

#main.capricornContent .ada-classic-footer > .selected {
	background-image: linear-gradient(0, var(--lwc-brandNavigationBarBackgroundColor), var(--lwc-brandNavigationBackgroundColor));
	border-radius: 3px 3px 0 0;
}


#main.capricornContent .ada-classic-footer > .selected:before{
	bottom: 0;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: rgba(255, 255, 255, 1);
	border-width: 5px;
	margin-left: -5px;
}

#main.capricornContent .ada-classic-footer > .selected div{
	font-weight: 400;
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
	transform: translateY(-3px);
}


/***** HOME - SLIDER ******/ 

#main.capricornContent .splide.home-slider {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	margin-bottom: 32px;
}

#main.capricornContent .splide.home-slider .splide__track, #main.capricornContent .home-slider-slide {
	overflow: visible !important;
}

#main.capricornContent .home-slider-slide .action-wrapper {
	position: absolute;
	height: 32px;
	bottom: -16px;
	width: 100%;
	display: flex;
	justify-content: center;
}

#main.capricornContent .home-slider-slide .action-wrapper .action {
	height: 100%;
	background-color: #FAFAFA;
	background-image: linear-gradient(180deg, #FEDB37 0%, #FDB931 100%);
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2em;
	font-size: 12px;
	color: #333;
	font-weight: 600;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	min-width: 40%;
}

#main.capricornContent .home-slider-slide .action-wrapper .action .arrow{
	background-image: url(base-iconbackblack.png);
	height: 1em;
	width: 1em;
	background-size: contain;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	margin-left: 0.5em;
}

/***** HOME - SECTION TITLE ******/ 

#main.capricornContent .ada-home-section-title{
	padding: 8px;
	font-size: 18px;
	text-align: center;
	color: #333;
	font-weight: bold;
	max-width: 80%;
	margin: auto;
	margin-top: 24px;
}

#main.capricornContent .ada-home-section-title span{
	color : var(--lwc-brandNavigationBackgroundColor);
}


/***** HOME - SKIN ******/ 

#main.capricornContent .ada-home-skin {
	height: 432px;
	position: relative;
	overflow: hidden;
	border-radius: 0 0 32px 32px;
}

#main.capricornContent .ada-home-skin img {
	height: 100%;
	width: auto;
	max-width: none;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

#main.capricornContent .ada-home-skin button {
	position: absolute;
	bottom: 16px;
	width: calc(100% - 32px);
	left: 16px;
	height: 48px;
	background-image: linear-gradient(180deg, #FEDB37 0%, #FDB931 100%);
	border-radius: 24px;
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #333;
	font-weight: 500;
	justify-content: center;
	border: none;
}

#main.capricornContent .ada-home-skin button:after {
	content: "";
	background-image: url(base-iconbackblack.png);
	height: 1em;
	width: 1em;
	background-size: contain;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	margin-left: 0.5em;
}




/***** HOME - FEEDBACK BANNER ******/ 

#main.capricornContent .ada-feedback-banner {
	padding: 1px;
	text-align: center;
	background-image: url(base-feedbackiconnegative.png), url(base-feedbackiconpositive.png), linear-gradient(360deg, #FFF 4%,  #FFFFFF 100%);
	background-position: left 11px, right bottom 11px, center;
	background-repeat: no-repeat, no-repeat, repeat;
	background-size: 46px auto, 48px auto, auto;
	padding-top: 32px;
	margin: 16px 0;
	border-radius: 16px;
}

#main.capricornContent .ada-feedback-banner h2 {
	color: #000;
	font-weight: 900;
	font-size: 13px;
	color: #252f4f;
	text-transform: uppercase;
	font-family: inherit;
}

#main.capricornContent .ada-feedback-banner p {
	padding: 12px 0 4px 0;
	font-size: 12px;
	color: #000;
	font-weight: 500;
}

#main.capricornContent .ada-feedback-banner button {
	background-image: linear-gradient(180deg, #2ECC71 0%, rgb(39 174 96) 100%);
	border: 0;
	padding: 8px 24px;
	border-radius: 50px;
	color: #FFF;
	font-weight: 600;
	font-size: 13px;
	margin: 16px;
}

/***** HOME - SECONDARY BANNER ******/ 

#main.capricornContent .home-secondary-banner {
	margin: 16px;
	overflow: hidden;
	position: relative;
	height: 160px;
	background-color: #FAFAFA;
	border-radius: 8px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	margin-top: 0px;
}

#main.capricornContent .home-secondary-banner img {
	height: 100%;
	width: auto;
	max-width: none;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

/***** HOME - SERVICES SLIDER ******/ 

#main.capricornContent .services-slider{
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
}

#main.capricornContent .services-slider .splide__track, #ada-home-services .splide__slide{
	overflow: visible !important;
}

#main.capricornContent .service-button{
	height: 60px;
	width: 160px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 25px 20px -20px, rgba(0, 0, 0, 0.2) 0px 0px 6px;
	border-radius: 8px;
	position: relative;
	background-size: cover;
	background-position: center;
}

#main.capricornContent .service-button > div {
	position: absolute;
	height: 60px;
	width: 60px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/***** HOME - BRANDS SLIDER ******/ 

#main.capricornContent .brands-slider{
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 0;
	margin-bottom: 16px;
}

#main.capricornContent .brands-slider .splide__track, #ada-home-brands .splide__slide{
	overflow: visible !important;
}

#main.capricornContent .brand-button{
	height: 160px;
	width: 160px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 25px 20px -20px, rgba(0, 0, 0, 0.2) 0px 0px 6px;
	border-radius: 8px;
	position: relative;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}


/***** TASKS - HEADER 

.tasks-header-wrapper{
	padding: 32px 0 16px 0;
	background-color: var(--lwc-brandNavigationBarBackgroundColor);
}

.tasks-header-wrapper .tasks-header{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	perspective: 500px;
	gap: 16px;
	color: #FFF;
	background-image: linear-gradient(-90deg, var(--lwc-brandNavigationBackgroundColor), var(--lwc-brandNavigationBarBackgroundColor));
}

.tasks-header-wrapper .tasks-header img{
	height: 60px;
	z-index: 1;
	transform-origin: left;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
	margin-top: -10px;
	margin-bottom: -10px;
	margin-right: 16px;
}

******/ 


/***** HOME - SPECIAL BANNER  ******/ 

.home-new-season-section{
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 25px 20px -20px;
	background-image: linear-gradient(180deg, #EEE 0%, #FFF 100%);
	justify-content: space-between;
	margin: 16px;
	margin-top: 12px;
	z-index: 1;
	position: relative;
}

.home-new-season-section .section-image{
	width: 100%;
	background-size: contain;
	background-position: right 16px center;
	background-repeat: no-repeat;
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));
	position: absolute;
	background-image: url(base-competitions.png);
	height: 60px;
	top: -36px;
}

.home-new-season-section .section-text{
	padding: 32px 16px 16px 8px;
	position: relative;
	overflow: hidden;
	height: 100px;
	display: flex;
	align-items: center;
	border-radius: 16px 16px 0 0;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	padding-left: 40%;
}

.home-new-season-section .section-text img{
	height: 100%;
	width: auto;
	max-width: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.home-new-season-section .section-cta{
	padding: 8px 16px;
	text-align: center;
	color: #FFF;
	display: flex;
	align-items: center;
	background-color: #004384;
	background-image: none;
	justify-content: center;
	border-radius: 0 0 12px 12px;
}

.home-new-season-section .section-cta:after{
	content: "";
	background-image: url(base-iconbackblack.png);
	height: 1em;
	width: 1em;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: auto;
	display: inline-block;
	filter: brightness(0) invert(1);
}


/*-------------------------
--------- ACCOUNT  --------
--------------------------*/

#main.capricornContent .ada-profile-actions > div{
	margin: 0 16px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	border-radius:8px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	margin-bottom: 16px;
}

#main.capricornContent .ada-profile-actions .edit-profile-button{
	height: 40px;
	background: linear-gradient(180deg, #2ECC71 0%, rgb(39 174 96) 100%);
	border-radius: 0 0 8px 8px;
	box-shadow: none;
	margin-bottom: 24px;
}

#main.capricornContent .ada-profile-actions .change-password-button{
	background: linear-gradient(180deg, #e74c3c 0%, #c0392b 100%);
}

#main.capricornContent .ada-profile-actions .edit-cookie-settings-button{
	background: linear-gradient(180deg, #34495e 0%, #2c3e50 100%);
}



/******************************
************* NEWS ************
*******************************/

#main.capricornContent .splide.news-slider{
	margin: 16px;
}

#main.capricornContent .splide.news-slider .splide__pagination{
	padding-left: 16px;
}

#main.capricornContent .news-slider.splide .splide__track{
	overflow: visible;
}

#main.capricornContent .news-slider.splide .splide__slide .slide-content{
	position: absolute;
	height: 100%;
	margin-left: 16px;
	width: calc(100% - 16px);
	border-radius: 16px;
	overflow: hidden;
}

/* NEWS - SECTIONS */

#main.capricornContent .ada-news-section{
	box-shadow: 6px 0 0 inset;
}

#main.capricornContent .ada-news-section .ada-news-section-header{
	font-weight: 600;
	padding: 12px 16px;
	background-color: rgba(0,0,0,0.03);
}

#main.capricornContent .ada-news-section .ada-news-caps{
	padding: 16px 0px 16px 16px;
	white-space: nowrap;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	margin-left: 6px;
}

#main.capricornContent .ada-news-section .ada-news-caps .cap{
	display: inline-block;
	margin-right: 16px;
	position: relative;
}

#main.capricornContent .ada-news-section .ada-news-caps .cap.video:before{
	content: "";
	background-image: url(base-playicon.png);
	position: absolute;
	height: 100%;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px;
	filter: invert(100%) sepia(8%) saturate(7458%) hue-rotate(181deg) brightness(113%) contrast(100%) drop-shadow(1px 1px 3px black);
	opacity: 0.6;
	z-index: 1;
}

#main.capricornContent .ada-news-section .ada-news-caps .cap.notification:after{
	content:"";
	position: absolute;
	right: -6px;
	top: -6px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: #c0392b;
	box-shadow: 0 0 0 2px #FFF;
}

#main.capricornContent .ada-news-section .ada-news-caps .cap .image-wrapper{
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
	position: relative;
}

#main.capricornContent .ada-news-section .ada-news-caps .cap .image-wrapper img{
	height: 100%;
	width: auto;
	max-width: none;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

#main.capricornContent .cap{
	width: 160px;
	height: 90px;
	border-radius: 8px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.50);
	background-color: #FFF;
}

#main.capricornContent .ada-news-section.cover{
	position: relative;
	height: 160px;
	margin-bottom: 12px;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.3) inset;
	background-size: auto 100%;
	background-position: right;
}

#main.capricornContent .ada-news-section.cover .ada-news-caps{
	padding-top: 66px;
	padding-right: 120px;
	margin-left: 0;
	display: flex;
	overflow-x: scroll;
}

#main.capricornContent .ada-news-section.cover img.cover{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	max-width: none;
}

#main.capricornContent .ada-news-section.cover .cap{
	width: 140px;
	height: 80px;
	flex-shrink: 0;
}

#main.capricornContent .ada-news-section.cover .cap:not(.notification){
	order: 1;
}

/******************************
********** Journeys ***********
*******************************/

#journey-overlay{
	position: fixed;
	left: 0;
	top: 54px;
	height: calc(100% - 94px);
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 20;
	backdrop-filter: blur(2px);
	overflow: hidden;
}

#journey-overlay.video{
	z-index: 100;
	top: 0;
	height: calc(100% - 40px);
}

#journey-overlay .video, #journey-overlay .video iframe{
	height: 100%;
	width: 100%;
}

#journey-overlay .video .close-button{
	position: absolute;
	right: 12px;
	top: 12px;
	font-size: 50px;
	line-height: 50px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}

#journey-overlay .journey{
	height: 100%;
	width: 100%;
}

#journey-overlay .journey .slide{
	height: calc(100% - 32px);
	width: calc(100% - 32px);
	margin: 16px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	border-radius: 16px;
	background-size: 100% auto;
	position: relative;
}

#journey-overlay .journey .slide .buttons{
	height: 56px;
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 8px;
	display: flex;
	gap: 8px;
}

#journey-overlay .journey .slide .buttons .button{
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(180deg, var(--actions-gradient-begin) 0%, var(--actions-gradient-end) 100%);
	border-radius: 8px;
	font-size: 14px;
	color: var(--actions-color);
	font-weight: 600;
}

#journey-overlay .journey .slide .buttons .button.back{
	width: 40px;
	flex-grow: 0;
	background-image: url(base-iconbackblack.png), linear-gradient(180deg, var(--actions-gradient-begin) 0%, var(--actions-gradient-end) 100%);
	background-size: 20px, contain;
	background-repeat: no-repeat;
	background-position: 8px, center;
}




/******************************
********** CAMPAIGNS **********
*******************************/

#main.capricornContent .ada-campaign-cover {
	height: 360px;
	position: relative;
	overflow: hidden;
}

#main.capricornContent .ada-campaign-cover img {
	height: 100%;
	width: auto;
	max-width: none;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

#main.capricornContent .ada-campaign-text{
	padding: 24px;
	color: #000;
	text-align: center;
}


#main.capricornContent .ada-campaign-cta {
	margin: 16px;
	position: relative;
	background-color: #FAFAFA;
	border-radius: 8px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

#main.capricornContent .ada-campaign-cta.animated-border{
	padding: 3px;
	overflow: hidden;
	box-shadow: none;
	border-radius: 10px;
}

#main.capricornContent .ada-campaign-cta.animated-border:before{
	content: '';
	display: block;
	background: conic-gradient(#ffffff, #ffdd00, #369ed1, #ffffff, #ffdd00, #369ed1, #ffffff);
	width: calc(100% * 1.41421356237);
	padding-bottom: calc(100% * 1.41421356237);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	animation: spinning-border 3s linear infinite;
}

@keyframes spinning-border {
  from {transform: translate(-50%, -50%) rotate(0);}
  to   {transform: translate(-50%, -50%) rotate(360deg);}
}


#main.capricornContent .ada-campaign-cta .image-wrapper{
	position: relative;
	border-radius: 8px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	height: 52px;
}

#main.capricornContent .ada-campaign-cta .image-wrapper img {
	height: 100%;
	width: auto;
	max-width: none;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}


#main.capricornContent .ada-campaign-video {
	margin: 16px;
	overflow: hidden;
	position: relative;
	height: 128px;
	background-color: #FAFAFA;
	border-radius: 8px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

#main.capricornContent .ada-campaign-video img {
	height: 100%;
	width: auto;
	max-width: none;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

#main.capricornContent .ada-campaign-video:after{
	content: "";
	background-image: url(base-playicon.png);
	position: absolute;
	height: 100%;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px;
	filter: invert(100%) sepia(8%) saturate(7458%) hue-rotate(181deg) brightness(113%) contrast(100%) drop-shadow(1px 1px 3px black);
	opacity: 0.6;
}


/****************************************
********** CUSTOM NPS CAMPAIGN **********
*****************************************/

#main.capricornContent #ada-nps-slider{
	overflow: hidden;
	margin-bottom: 50px;
	direction: rtl;
}

#main.capricornContent #ada-nps-slider:before{
	content: "";
	width: 103%;
	right: 0;
	position: absolute;
	top: -60px;
	height: 60px;
	background-color: #FFF;
	z-index: 3;
	transform-origin: right top;
	transform: rotate(-6deg);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#main.capricornContent #ada-nps-slider:after{
	content: "";
	width: 103%;
	left: 0;
	position: absolute;
	bottom: -60px;
	height: 60px;
	background-color: #FFF;
	z-index: 3;
	transform-origin: left bottom;
	transform: rotate(-6deg);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#main.capricornContent #ada-nps-slider .splide__arrow.splide__arrow--next{
	background: #FFF;
	height: 50px;
	width: 30px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	left: 0;
	border-radius: 0px 8px 8px 0px;
}

#main.capricornContent #ada-nps-slider .splide__arrow.splide__arrow--prev{
	background: #FFF;
	height: 50px;
	width: 30px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	right: 0;
	border-radius: 8px 0px 0px 8px;
}

#main.capricornContent #ada-nps-slider .ada-campaign-cta{
	bottom: 54px;
	position: absolute;
	width: calc(100% - 32px);
}






/******************************
****** Arabic Adjustments *****
*******************************/

html[lang^="ar-"] {
	direction : rtl;
	font-family : "Almarai" !important;
}

html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent *,
html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_section-content.profile-pic_section .aboutme_user-name,
html[lang^="ar-"] #tabsContainerDiv.cDTE_MyTask_Widget * ,
html[lang^="ar-"] body.comm-page-custom-registration .cDTE_SelfRegistration * ,
html[lang^="ar-"] body.comm-page-custom-registrationistration-confirmation #LoginNew .ada-registration-confirmation .registration-card ,
html[lang^="ar-"] body.comm-page-custom-registrationistration-confirmation #LoginNew .ada-registration-confirmation .registration-card h2 ,
html[lang^="ar-"] #onetrust-banner-sdk * ,
html[lang^="ar-"] body ,
html[lang^="ar-"] #main.capricornContent,
html[lang^="ar-"] body.comm-page-custom-registration .cDTE_SelfRegistration .slds-form-element__label,
html[lang^="ar-"] body.comm-page-custom-registration-confirmation #LoginNew .ada-registration-confirmation .registration-card h2,
html[lang^="ar-"] body.comm-page-custom-registration-confirmation #LoginNew .ada-registration-confirmation .registration-card {
	font-family : "Almarai" !important;
	direction: rtl !important;
	text-align: right;
}

html[lang^="ar-"] body.comm-page-custom-registration .cDTE_SelfRegistration .slds-select_container:before, html[lang^="ar-"] body.comm-page-custom-registration .cDTE_SelfRegistration .slds-select_container:after{
	right: auto !important;
	left: 10px!important;
}

html[lang^="ar-"] .cDTE_HealthWarning.healthWarningContainer .health-warning_wrapper .message-heading{
	font-family: 'Almarai';
	text-align: center !important;
	display: block;
	font-size: 11px !important;
	padding-top: 10px;
	padding-bottom: 6px;
}

html[lang^="ar-"] [dir="ltr"]{
	direction: rtl;
}

html[lang^="ar-"] .side-menu-overlay .side-menu{
	left: auto;
	right: -100%;
	transition: .5s right ease-in-out;
}

html[lang^="ar-"] .open .side-menu-overlay .side-menu{
	left: auto;
	right: 0;
}

html[lang^="ar-"] .side-menu-overlay .side-menu .menu-item{
	box-shadow: -4px 0px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.03);
	padding-left: 0;
	padding-right: 8px;
	font-size: 13px;
}

html[lang^="ar-"] .side-menu-overlay .side-menu .menu-item.has-items{
	box-shadow: -4px 0px 0 rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(0, 0, 0, 0.03);
}

html[lang^="ar-"] .side-menu-overlay .side-menu .menu-item.sub-item {
	box-shadow: -7px 0px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.03);
}

html[lang^="ar-"] .side-menu-overlay .side-menu .account-block .close-menu,
html[lang^="ar-"] .side-menu-overlay .side-menu .menu-item.icon-logout:before{
	transform: rotate(180deg);
}

html[lang^="ar-"] .side-menu-overlay .side-menu .menu-item.selected{
	background-image: linear-gradient(-90deg, var(--lwc-brandNavigationBarBackgroundColor), var(--lwc-brandNavigationBackgroundColor));
}

html[lang^="ar-"] #main.capricornContent .ada-classic-header .open-button{
	background-position: right 18px center;
}

html[lang^="ar-"] #main.capricornContent .ada-classic-header .points{
	margin-right: 0;
	margin-left: 10px;
	padding-right: 0;
	padding-left: 38px;
	background-position: left 12px center;
}

html[lang^="ar-"] #main.capricornContent .home-slider-slide .action-wrapper .action .arrow{
	transform: rotate(0);
	margin-left: 0;
	margin-right: 0.5em;
}

html[lang^="ar-"] #tabsContainerDiv.cDTE_MyTask_Widget .slds-tabs_default__item{
	float: right;
}

html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_section-content.profile-pic_section .aboutme_profile-pic{
	float: right;
}

html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .aboutme_edit-user-pic{
	right: auto;
	left: 10px;
}

html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .editpicture{
	right: auto;
	left: 0;
}

html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .aboutme_edit-title{
	padding-left: 0;
	padding-right: 16px;
}

html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .tooltip-wrapper{
	right: auto;
	left: 18px;
}

html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-select_container:before, html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-select_container:after{
	right: auto;
	left: 24px;
}

html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_edit-section .slds-checkbox .slds-checkbox__label .slds-form-element__label{
	margin-left: auto;
	margin-right: 16px;
}

html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_action-buttons .button-secondary{
	margin-right: 0;
	margin-left: 4%;
}

html[lang^="ar-"] #main.capricornContent .cDTE_MyDataWidgetComponent .aboutme_additional-details input{
	margin-left: 0;
	margin-right: 16px;
}

html[lang^="ar-"] #tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .buttonContainer .all-tasks{
	padding-left: 16px;
	padding-right: 30px;
}

html[lang^="ar-"] #tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .buttonContainer .all-tasks:after{
	left: auto;
	right: 0;
	transform: rotate(180deg);
}

html[lang^="ar-"] #tabsContainerDiv.cDTE_MyTask_Widget #successMessage{
	padding-left: 52px;
	padding-right: 16px;
	text-align: right;
}

html[lang^="ar-"] #tabsContainerDiv.cDTE_MyTask_Widget #successMessage .slds-float_right{
	right: auto;
	left: 0;
}

html[lang^="ar-"] #tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .taskDecline .submit-header_text{
	padding-right: 0;
	padding-left: 70px;
}

html[lang^="ar-"] #tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody .taskPopUpCard .taskDecline header .slds-text-heading_small{
	text-align: right;
}

html[lang^="ar-"] #tabsContainerDiv.cDTE_MyTask_Widget #taskHeaderBody header .taskPopUpHeaderData .task-header_upper-content{
	right: auto;
	left: 0;
}

html[lang^="ar-"] #main.capricornContent .ada-service-header .back-button{
	transform: rotate(180deg);
}

html[lang^="ar-"] #main.capricornContent .ada-service-header .logo{
	padding-right: 0;
	padding-left: 80px;
}

html[lang^="ar-"] .twilioChatContainer.workingHours{
	right: auto !important;
	left: 0 !important;
}

html[lang^="ar-"] #main.capricornContent .ada-service-header .back-button, html[lang^="ar-"] #main.capricornContent .ada-classic-header .back-button{
	transform: rotate(180deg);
}

html[lang^="ar-"] .side-menu-overlay .side-menu .menu-item.has-items:after{
	left: 4px;
	right: auto;
}

html[lang^="ar-"] #main.capricornContent .ada-feedback-banner h2{
	font-size: 18px;
}

html[lang^="ar-"] #main.capricornContent .ada-feedback-banner p{
	font-size: 14px;
}

html[lang^="ar-"] #main.capricornContent .ada-feedback-banner button{
	font-size: 15px;
}

html[lang^="ar-"] #main.capricornContent .ada-classic-footer > div > div {
	font-size: 10px;
	padding-top: 35px;
	background-position: center 10px;
}