@font-face {
    font-family: 'Source Sans Pro';
    src: url('/s/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('/s/Dosis-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
  --company-color: #e95d0f;
  --secondary-company-color: #FF6F39;
  --text-color: #333333;
  --title-color: #ffffff;
  --a-hover-color: #727679;
  --secondary-bg-color:  rgb(112, 111, 111);
  --footer-color: #f9f9f9; /* rgb(249, 249, 249); */
  --highlight-color: Hotpink;
  --transparent: transparent;
  --main-font: 'Dosis';
  --site-padding: 6rem;
}

* ,
body,
h1,
h2,
h3,
h4,
h5,
h6,
legend,
p,
a {
	font-family: var(--main-font) !important;
}

p {
  color: var(--text-color) !important;
}  

a {
	color: var(--text-color) !important;
	outline: 0;
    font-weight: 700;
    text-decoration: none !important;
}

a:active, a:focus, a:hover {
    color: var(--a-hover-color) !important;
}

a.btn.btn-outline-secondary:hover {
	color: white !important;
	font-weight: unset;
}

.active>.page-link, .page-link.active, .form-check-input:checked {
    background-color: var(--company-color);
    border-color: var(--company-color);
}

#LogoBox {
    /* min-height: 5rem; */
}

#LogoBox img {
  max-height: 5.25rem;
  max-width: 10.5rem;
}

.btn {
	font-size: 95%;
	font-weight:400;
}

#HomePageBox #Presentation ul li {
    line-height: 1.675rem;
}

#HomePageBox #Presentation p:last-child {
    margin-bottom: calc(var(--site-padding) / 3) !important;
}

#HomePageBox #Presentation p a:last-child {
    color: white !important;
    background-color: var(--company-color) !important;
    border: 1px solid var(--company-color) !important;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    text-align: center;
	font-size: 1rem;
	font-weight: 400;
}

#WhistleblowingQuestion p {
    text-align: center !important;
}
#WhistleblowerLoginQuestion {
  margin-bottom: 1rem;
}

#ReceiptText {
  margin-bottom: 1rem;
}

div.modal-header {
	display: none;
}

div.modal-body {
	border-top-left-radius: calc(.3rem - 1px);
	border-top-right-radius: calc(.3rem - 1px);
	padding: .75rem .75rem 0 .75rem !important;
}

div.modal-footer {
	background-color: #fff;
	padding: 0 .75rem .75rem .75rem !important;
	border-top: none !important;
}

div.modal-footer .btn {
	padding: .275rem .5rem !important;
	font-size: 0.875rem !important;
}

a.btn.btn-outline-secondary#modal-action-cancel:hover {
    color: white !important;
    font-weight: 400;
}

.disclaimer-text {
  font-family: inherit;
  font-size: 0.875rem;
  overflow-y: auto;
  text-align: justify;
}

div.fieldAnswer div span:not(.entry-text.preformatted) {
    font-weight: bold;
}

span[data-ng-switch-when="selectbox|multichoice"] {
    font-weight: 400 !important;
}

div[data-ng-repeat="option in field.options"] > span {
    font-weight: 400 !important;
}

label[for=ReceiptCode] ~ div div.mt-md-1.text-center {
    margin-top: 1rem !important;
}

label[for=ReceiptCode].card-header {
    font-weight: bold;
	color: #DC0000;
}

#MessagesConsoleBox {
    position: relative;
    width: unset;
    min-width: unset;
    z-index: unset;
    top: inherit;
    padding: 0 1rem 1rem 1rem;
    font-weight: 700;
}

div#UserWelcomeMessage ul {
    background-color: gold;
	display: none;
}

div#UserWelcomeMessage p {
	font-weight: 400 !important;
}

#FooterBox {
	background-color: var(--footer-color) !important;
	text-align: center;
	border-top: 1px solid #f4f4f4;
    font-size: 0.85rem;
}

#CustomFooter p > strong {
    line-height: 2.75rem;
}

#CustomFooter p {
    line-height: 1.275rem;
}

.fa,
.fa-classic,
.fa-regular, 
.fa-solid, 
.far, 
.fas {
    font-family: 'Font Awesome 6 Free' !important;
}

.fa-solid.fa-square {
    font-weight: 400 !important;
}

[dir] .card-header,
.card-header {
	font-weight: bold !important; 
}

span#AssignSubmissionStatus > span {
    margin-right: 0.275rem;
}

div#TipInfoBox div.card-body table.table {
    margin-bottom: 0;
}

div.question-body div.description {
    line-height: 2.25rem;
    font-family: serif;
    opacity: .9;
    font-weight: 400;
}

fieldset#SubmissionStepContext div.selectCard img.contextImg {
    max-width: 100%;
	object-fit: scale-down
}

#SubmissionStepContext .selectCard .row:last-child > div {
  max-width: 100%;
  flex: 0 0 100%;
}

fieldset#SubmissionStepContext div.selectCard {
    height: auto;
    max-width: none;
    max-height: none;
    width: auto;
}

fieldset#SubmissionStepContext div.selectCard > .row:first-child {
    margin-bottom: 1rem;
}

fieldset#SubmissionStepContext div.selectCard {
    background-color: #ffffff !important;
}

fieldset#SubmissionStepContext div.selectCard:hover {
    background-color: transparent !important;
}

main#Content {
    padding-left: var(--site-padding) !important;
    padding-right: var(--site-padding) !important;
}

div#SubmissionStepContext .select-card:hover,
div#SubmissionStepContext .select-card.selected {
    background-color: var(--company-color);
    color: white;
}

form#SubmissionForm {
    margin-bottom: 1.125rem;
}

#TitleBox * {
	font-size: 1.5rem;
    color: var(--text-color);
    /* font-family: 'Open Sans', sans-serif !important; */
    font-weight: 700;
}

#Sidebar a.active, #Sidebar a:active.active, #Sidebar a:focus.active, #Sidebar a:hover.active {
    font-weight: 700;
	border: none;
}

#Sidebar a:hover {
	color: var(--company-color);
}

header#HeaderBox {
	padding-top: calc(var(--site-padding) / 2) !important;
	padding-left: var(--site-padding) !important;
	padding-right: var(--site-padding) !important;
	padding-bottom: 0 !important;
}

div#HeaderBox2 {
    color: var(--company-color) !important;	
}

[dir] .btn-primary {
    background-color: var(--company-color) !important;
    border-color: var(--company-color) !important;
}

[dir] .btn-primary:hover,
[dir] .btn-primary:active  {
    background-color: var(--company-color) !important;
    border-color: var(--company-color) !important;
}

.btn-primary {
    background-color: var(--company-color) !important;
    border-color: var(--company-color) !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus {
    color: white !important;
    font-weight: 400;
}

input:checked+.slider {
    background-color: var(--company-color);
    border: 1px solid var(--company-color);
}

.btn-danger:hover, .btn-danger:focus {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}

[dir] .btn-secondary:hover,
[dir] .btn-secondary:active  {
    background-color: var(--company-color) !important;
    border-color: var(--company-color) !important;
}

.btn-secondary {
    background-color: #efefef !important;
    border-color: #333333 !important;
}

[dir] .btn-secondary {
    background-color: #efefef !important;
    border-color: #333333 !important;
}

.btn-secondary:hover,
.btn-secondary:active  {
    background-color: var(--company-color) !important;
    border-color: var(--company-color) !important;
}

#LoginStatusBox span a {
    color: var(--company-color) !important;	
}

[dir=ltr] .custom-select, [dir=rtl] .custom-select, [dir] .form-control {
    background-color: transparent;
}

[dir] .alert-danger {
    background-color: #f8d7da;
    border-color: none;
}

.card-header {
    font-weight: bold;
	background-color: #ededed !important;
}

div.fieldAnswer div span:not(.entry-text.preformatted) {
    font-weight: bold;
}

span[data-ng-switch-when="selectbox|multichoice"] {
    font-weight: 400 !important;
}

div[data-ng-repeat="option in field.options"] > span {
    font-weight: 400 !important;
}

label#WhistleblowerLoginQuestion,
div#ReceiptText {
    margin-bottom: 1rem;
}

[dir] .btn-primary.disabled,
[dir] .btn-primary:disabled {
    background-color: #D0D0D0 !important;
    border-color: #c8d1e0 !important;
	color: #333333 !important;	
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #D0D0D0 !important;
    border-color: #c8d1e0 !important;
	color: #333333 !important;	
}

div.select-card div.description {
    color: unset;
}

/* Customers: Manager page*/
div#UserWelcomeMessage > ul {
    display: none;
}

div#Presentation {
    margin-bottom: 1rem !important;
}

div#SubmissionTabsContentBox.tab-content {
  padding-top: 0;
}

div#SubmissionTabsContentBox.tab-content div.row label.title {
  margin-bottom: 0.275rem;
}

span#AssignSubmissionStatus > span {
    margin-right: 0.275rem;
}

.fw-400 {
	font-weight: 400 !important;
}

#TipInfoBox input.form-control {
  background-color: white !important;
  height: 37px;
}

src-tip-questionnaire-answers div.ng-star-inserted {
  margin-bottom: 1.5rem;
  line-height: 2rem;
}

src-tip-field span {
	font-weight: bold; 
}

src-tip-field-answer-entry {
  font-weight: bold; 
  text-decoration-line: underline;
  text-decoration-color: #aaa;
  text-decoration-thickness: 1px;
  text-decoration-style: solid;
  font-weight: unset;
}

src-tip-field span:not(.preformatted) {
  font-weight: bold;
}

src-tip-field span.preformatted, 
src-tip-field span.ng-star-inserted {
  font-weight: 400 !important;;
}

src-tip-questionnaire-answers dt {
  margin-bottom: 1rem;
}

.contextImg, .receiverImg {
    height: auto;
    width: auto;
    margin: 1rem 0 0.75rem 0;
}

/* CUSTOM PRESENTATION  */

div.disclaimer-text p {
	margin: 0;
}

#Presentation, #WhistleblowingQuestion > p {
    text-align: justify;
}

div#WhistleblowerLoginBox {
    margin-bottom: 3rem;
    margin-top: 3rem;
}

/* 2 STEP PRIVACY CUSTOMIZATION */

div div div div.title {
    font-size: 1.25rem;
    font-weight: bold;
}

div#SubmissionTabsContentBox.tab-content {
  padding-top: 0;
  margin-top: 2rem;
}

ul#SubmissionTabsNavigationBox {
    margin-top: 2rem;
}

div.question-body div div > blockquote {
    margin: 0;
    line-height: 0.875rem;
    margin-bottom: 0.75rem;
}

/* CC CUSTOMIZATION 

#FooterBox {
	background-color: var(--company-color);
}

#CustomFooter p, #AttributionClause, #AttributionClause a {
    color: white !important;
}

div.question > label span.title ~ i:before {
    content: "\f05a" !important;
    color: var(--company-color);
}

li.nav-item.ng-star-inserted button span.step-index.step-index-selected {
    vertical-align: middle;
    padding: 0.25rem;
    color: #fff;
    background-color: var(--company-color);
    border-color: var(--company-color);
}

li.nav-item.ng-star-inserted button span.step-label {
	color: var(--text-color);
}

#tip-action-reminder i.fa-bell::before {
  color: var(--secondary-company-color);
  margin: 0;
}

*/

/* MEDIA QUERIES */

@media screen and (max-width: 1023px) {	
	:root {
		--site-padding: 2rem;
	}
	
	div#WhistleblowerLoginBox {
		margin-bottom: calc(var(--site-padding) / 2) !important;
		margin-top: calc(var(--site-padding) / 2) !important;
	}
	
	main#Content {
		padding-left: var(--site-padding) !important;
		padding-right: var(--site-padding) !important;
	}
	
	header#HeaderBox {
		padding-top: calc(var(--site-padding) / 2) !important;
		padding-left: var(--site-padding) !important;
		padding-right: var(--site-padding) !important;
		padding-bottom: 0 !important;
	}
	
	div#HeaderBox2 {
    color: var(--company-color) !important;
    padding-top: 1.5rem;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
	

	div#SubmissionTabsContentBox.tab-content {
		padding: 0;
	}
	
	#TitleBox * {
        margin: 0;
        padding-top: calc(var(--site-padding) / 4);
    }
	

	#WhistleblowingQuestion p,
	label#WhistleblowerLoginQuestion
	{
		text-align: justify !important;
	}
	
	#HomePageBox #Presentation p:last-child {
		margin-bottom: calc(var(--site-padding) / 3) !important;
	}
	
	#LoginStatusBox, #LanguagePickerBox .form-control {
		padding: 0 0 1em 0;
	}

	div#Sidebar {
		padding-left: 0;
	}

	div.navbar-collapse div.navbar-nav {
		padding: var(--site-padding) !important;
	}
	
	#SubmissionStepContext div.select-card {
		width:100% !important;
	}
	
	#SubmissionStepContext .col-md-6 {
		min-width: 100%; 
	}
}

@media screen and (min-width: 1024px) {
	:root {
		--site-padding: 3rem;
	}
	
	div#WhistleblowerLoginBox {
		margin-bottom: calc(var(--site-padding) / 2) !important;
		margin-top: calc(var(--site-padding) / 2) !important;
	}
	
	main#Content {
		padding-left: var(--site-padding) !important;
		padding-right: var(--site-padding) !important;
	}
	
	header#HeaderBox {
		padding-top: calc(var(--site-padding) / 2) !important;
		padding-left: var(--site-padding) !important;
		padding-right: var(--site-padding) !important;
		padding-bottom: 0 !important;
	}
	
	div#SubmissionTabsContentBox.tab-content {
		padding: 0;
	}
	
	#TitleBox * {
        margin: 0;
        padding-top: calc(var(--site-padding) / 4);
    }

	#WhistleblowingQuestion p,
	label#WhistleblowerLoginQuestion
	{
    text-align: justify !important;
}
	
	#LoginStatusBox, #LanguagePickerBox .form-control {
		padding: 0 0 1em 0;
	}

	div#Sidebar {
		padding-left: 0;
	}

	div.navbar-collapse div.navbar-nav {
		padding: var(--site-padding) !important;
	}
	
}

@media screen and (min-width: 1280px) {
	:root {
		--site-padding: 4rem;
	}
	
	div#WhistleblowerLoginBox {
		margin-bottom: calc(var(--site-padding) / 2) !important;
		margin-top: calc(var(--site-padding) / 2) !important;
	}
	
	main#Content {
		padding-left: var(--site-padding) !important;
		padding-right: var(--site-padding) !important;
	}
	
	header#HeaderBox {
		padding-top: calc(var(--site-padding) / 2) !important;
		padding-left: var(--site-padding) !important;
		padding-right: var(--site-padding) !important;
		padding-bottom: 0 !important;
	}
	
	div#SubmissionTabsContentBox.tab-content {
		padding: 0;
	}
	
	#TitleBox * {
        margin: 0;
        padding-top: calc(var(--site-padding) / 4);
    }

	#WhistleblowingQuestion p,
	label#WhistleblowerLoginQuestion
	{
    text-align: justify !important;
}
	
	#LoginStatusBox, #LanguagePickerBox .form-control {
		padding: 0 0 1em 0;
	}

	div#Sidebar {
		padding-left: 0;
	}

	div.navbar-collapse div.navbar-nav {
		padding: var(--site-padding) !important;
	}
}

@media screen and (min-width: 1920px) {
	:root {
		--site-padding: 6rem;
	}
	
	div#WhistleblowerLoginBox {
		margin-bottom: calc(var(--site-padding) / 2) !important;
		margin-top: calc(var(--site-padding) / 2) !important;
}
	
	main#Content {
		padding-left: var(--site-padding) !important;
		padding-right: var(--site-padding) !important;
	}
	
	header#HeaderBox {
		padding-top: calc(var(--site-padding) / 2) !important;
		padding-left: var(--site-padding) !important;
		padding-right: var(--site-padding) !important;
		padding-bottom: 0 !important;
	}
	
	div#SubmissionTabsContentBox.tab-content {
		padding: 0;
	}
	
	#TitleBox * {
        margin: 0;
        padding-top: calc(var(--site-padding) / 4);
    }

	#WhistleblowingQuestion p,
	label#WhistleblowerLoginQuestion
	{
		text-align: justify !important;
	}
	
	#LoginStatusBox, #LanguagePickerBox .form-control {
		padding: 0 0 1em 0;
	}

	div#Sidebar {
		padding-left: 0;
	}

	div.navbar-collapse div.navbar-nav {
		padding: var(--site-padding) !important;
	}
}

/* No presentation text */
markdown#WhistleblowingQuestion p {
    text-align: center !important;
}

/* Indra */

header#HeaderBox {
	background-color: var(--secondary-bg-color);
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
}

header#HeaderBox {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 8.5rem;
    align-content: center;
    border-top: 3rem solid #313840;
}

#LogoBox {
    min-height: 0;
	margin: 0 !important;
	margin-right: 2rem !important;
}

#LogoBox img {
    width: 100%;
}

#TitleBox * {
	margin: 0;
	padding: 0;
	color: var(--title-color) !important;
	letter-spacing: 2px;
}

#HeaderBox1 {
    display: inline-flex;
    align-items: center;
	width: 100%;
}