/* Fonts */
.osano-cm-window,
.osano-cm-dialog,
.osano-cm-description {
	color: #333333;
	font-family:
		Roboto,
		Helvetica,
		Arial,
		Hiragino Sans GB,
		STXihei,
		Microsoft YaHei,
		WenQuanYi Micro Hei,
		Hind,
		MS Gothic,
		Apple SD Gothic Neo,
		NanumBarunGothic,
		sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 19.6px */
}

.osano-cm-list-item__description {
	font-size: 14px;
}

.osano-cm-header {
	background: #e6ebf6;
	color: #000000;
	font-family:
		Roboto,
		Helvetica,
		Arial,
		Hiragino Sans GB,
		STXihei,
		Microsoft YaHei,
		WenQuanYi Micro Hei,
		Hind,
		MS Gothic,
		Apple SD Gothic Neo,
		NanumBarunGothic,
		sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%; /* 28.8px */
}

.osano-cm-content__message,
.osano-cm-label {
	color: #333333;
	font-family:
		Roboto,
		Helvetica,
		Arial,
		Hiragino Sans GB,
		STXihei,
		Microsoft YaHei,
		WenQuanYi Micro Hei,
		Hind,
		MS Gothic,
		Apple SD Gothic Neo,
		NanumBarunGothic,
		sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 20.8px */
}

.osano-cm-drawer-toggle .osano-cm-label {
	font-size: 16px;
	line-height: 130%; /* 20.8px */
}

.osano-cm-dialog .osano-cm-link {
	font-size: 16px;
}

.osano-cm-disclosure {
	font-size: 1em;
}

.osano-cm-info {
	max-width: 30em;
}

.osano-cm-dialog,
.osano-cm-info,
.osano-cm-info-dialog-header {
	background: #e6ebf6;
}

/* General Buttons */
.osano-cm-button {
	background-color: #0039a6;
	border-color: #0039a6;
	color: #ffffff;
}

.osano-cm-button:focus {
	background-color: #0039a6;
	outline: 1px #0039a6 dashed;
}

.osano-cm-button:hover {
	background-color: #002d72;
	box-shadow: 0px 2px 4px -2px #547ac380;
	box-shadow: 0px 4px 8px -1px #547ac380;
}

.osano-cm-button--type_deny {
	background-color: #0039a6;
	border-color: #0039a6;
	color: #ffffff;
}

.osano-cm-button--type_deny:focus {
	background-color: #0039a6;
	outline: 1px #0039a6 dashed;
}

.osano-cm-button--type_deny:hover {
	background-color: #002d72;
	box-shadow: 0px 2px 4px -2px #547ac380;
	box-shadow: 0px 4px 8px -1px #547ac380;
}

.osano-cm-view__button {
	font-size: 1em;
	margin: 1em 0 0;
	width: 100%;
}

/*  Toggle button colors */
/* OFF - enabled */
.osano-cm-toggle__switch {
	background-color: #767676;
}

.osano-cm-toggle__switch::after {
	background-color: #ffffff;
	border-color: #ffffff;
}

.osano-cm-toggle__switch::before {
	border-color: transparent;
}

/* OFF - hover */
.osano-cm-toggle__input:hover + .osano-cm-toggle__switch {
	background-color: #5c5c5c;
	border-color: transparent;
	box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.05);
}
.osano-cm-toggle__input:hover + .osano-cm-toggle__switch::before {
	border-color: #5c5c5c;
}

/* OFF - focus */
.osano-cm-toggle__input:focus + .osano-cm-toggle__switch {
	background-color: #767676;
	border-color: #767676;
	border-radius: 40px;
	outline: 1px #767676 dashed;
}
.osano-cm-toggle__input:focus + .osano-cm-toggle__switch::before {
	border-color: #767676;
}

/* ON - enabled */
.osano-cm-toggle__input:checked + .osano-cm-toggle__switch {
	background-color: #0039a6;
	border-color: transparent;
}

.osano-cm-toggle__input:checked + .osano-cm-toggle__switch::after,
.osano-cm-toggle__input:checked + .osano-cm-toggle__switch::before {
	border-color: transparent;
}

/* ON - hover */
.osano-cm-toggle__input:checked:hover + .osano-cm-toggle__switch {
	background-color: #002d72;
}
.osano-cm-toggle__input:checked:hover + .osano-cm-toggle__switch::before {
	border-color: transparent;
	/* Color shadows/shadow-blue */
	box-shadow:
		0px 4px 8px -1px rgba(84, 122, 195, 0.5),
		0px 2px 4px -2px rgba(84, 122, 195, 0.5);
}

/* ON - focus */
.osano-cm-toggle__input:checked:focus + .osano-cm-toggle__switch {
	background-color: #0039a6;
	border-radius: 40px;
	outline: 1px #0039a6 dashed;
}

/* OFF - inactive */
.osano-cm-toggle__input:disabled + .osano-cm-toggle__switch,
.osano-cm-toggle__input:disabled:focus + .osano-cm-toggle__switch,
.osano-cm-toggle__input:disabled:hover + .osano-cm-toggle__switch {
	background-color: #d7d7d9;
	border-color: #d7d7d9;
}

.osano-cm-toggle__input:disabled + .osano-cm-toggle__switch::after,
.osano-cm-toggle__input:disabled:focus + .osano-cm-toggle__switch::after,
.osano-cm-toggle__input:disabled:hover + .osano-cm-toggle__switch::after {
	background-color: #ffffff;
	border-color: #ffffff;
}

.osano-cm-toggle__input:disabled + .osano-cm-toggle__switch::before,
.osano-cm-toggle__input:disabled:hover + .osano-cm-toggle__switch::before {
	border-color: transparent;
}

.osano-cm-toggle__input:disabled:focus + .osano-cm-toggle__switch::before {
	border-color: #d7d7d9;
	border-radius: 40px;
	outline: 1px #d7d7d9 dashed;
}

/* ON - inactive */
.osano-cm-toggle__input:disabled:checked + .osano-cm-toggle__switch,
.osano-cm-toggle__input:disabled:checked:focus + .osano-cm-toggle__switch,
.osano-cm-toggle__input:disabled:checked:hover + .osano-cm-toggle__switch {
	background-color: #8aa4d6;
	border-color: #8aa4d6;
	box-shadow: none;
}

.osano-cm-toggle__input:disabled:checked + .osano-cm-toggle__switch::after,
.osano-cm-toggle__input:disabled:checked:focus + .osano-cm-toggle__switch::after,
.osano-cm-toggle__input:disabled:checked:hover + .osano-cm-toggle__switch::after {
	background-color: #ffffff;
	border-color: #ffffff;
}

.osano-cm-toggle__input:disabled:checked + .osano-cm-toggle__switch::before,
.osano-cm-toggle__input:disabled:checked:hover + .osano-cm-toggle__switch::before {
	border-color: transparent;
}

.osano-cm-toggle__input:disabled:checked:focus + .osano-cm-toggle__switch::before {
	border-color: #8aa4d6;
	border-radius: 40px;
	outline: 1px #8aa4d6 dashed;
}

.osano-cm-toggle__switch:before {
	border-radius: 0px;
	border-width: 0px;
	bottom: 0px;
	box-sizing: border-box;
	left: 0px;
	right: 0px;
	top: 0px;
}

/* Disclosure Links */
.osano-cm-disclosure__list:first-of-type::after {
	background-color: #0039a6;
}

.osano-cm-disclosure__toggle,
.osano-cm-expansion-panel__toggle {
	color: #0039a6;
}

.osano-cm-disclosure__toggle:hover,
.osano-cm-disclosure__toggle:active,
.osano-cm-expansion-panel__toggle:hover,
.osano-cm-expansion-panel__toggle:active {
	color: #0039a6;
}

.osano-cm-disclosure__toggle:focus,
.osano-cm-expansion-panel__toggle:focus {
	color: #002d72;
}

/* Disclosure Links */
.osano-cm-disclosure__list:first-of-type::after {
	background-color: #0039a6;
}

.osano-cm-disclosure__toggle,
.osano-cm-expansion-panel__toggle {
	color: #0039a6;
}

.osano-cm-disclosure__toggle:hover,
.osano-cm-disclosure__toggle:active,
.osano-cm-expansion-panel__toggle:hover,
.osano-cm-expansion-panel__toggle:active {
	color: #0039a6;
}

.osano-cm-disclosure__toggle:focus,
.osano-cm-expansion-panel__toggle:focus {
	color: #002d72;
}

/* Links */
.osano-cm-link {
	color: #0039a6;
}

.osano-cm-link:hover,
.osano-cm-link:active {
	color: #0039a6;
}

.osano-cm-link:focus {
	color: #002d72;
}

/* Widget */
.osano-cm-widget__outline {
	fill: #fff;
	stroke: #002d72;
}

.osano-cm-widget__dot {
	fill: #0039a6;
}

.osano-cm-widget:focus {
	outline: none;
	outline-offset: 0;
}

/* Close button */
.osano-cm-close {
	color: #e6ebf6;
	stroke: #0039a6;
}

.osano-cm-close:focus {
	background-color: #e6ebf6;
	border-color: #e6ebf6;
	stroke: #002d72;
}

.osano-cm-close:hover {
	stroke: #0039a6;
}

.osano-cm-close:focus:hover {
	stroke: #002d72;
}

/* Hide the floating cookie widget icon */
.osano-cm-widget {
	display: none !important;
}
/* Override global white text for ACS - highest specificity */
.osano-cm-info.osano-cm-info--open .osano-cm-header,
.osano-cm-dialog .osano-cm-header {
	color: #000000 !important;
}
.osano-cm-info.osano-cm-info--open .osano-cm-label,
.osano-cm-dialog .osano-cm-label,
label.osano-cm-label {
	color: #333333 !important;
}
.osano-cm-info.osano-cm-info--open .osano-cm-drawer-toggle .osano-cm-label,
.osano-cm-drawer-toggle label {
	color: #333333 !important;
}
.osano-cm-info.osano-cm-info--open .osano-cm-disclosure__toggle,
.osano-cm-disclosure__toggle {
	color: #0039a6 !important;
}