@charset "utf-8";
/* CSS Document */
.upload-list>ol>.error progress, .upload-list>ol>.error>.cell.language,
	.upload-list>ol>.error>.cell.size, .upload-list>ol>.error>.cell.type,
	section.content .complaint-messages .upload-list>ol>.error progress,
	section.content .complaint-messages .upload-list>ol>.error>.cell.size {
	visibility: hidden
}

.are-you-obliged-group {
	padding-left: 24px
}

body.modal-open{
overflow: auto !important;	
}


section.content {
	background-color: #f8f8f8;
	margin-top: 75px;
	padding-bottom: 20px
}

@media ( min-width :768px) {
	section.content {
		margin-top: 75px
	}
}

section.content nav {
	background-color: #f8f8f8;
	border-bottom: 1px solid #bbb;
	padding: 0 45px
}

section.content .navbar-nav>li {
	margin-bottom: -2px;
	border-radius: 0
}

section.content .navbar-nav>li>a {
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 10.2pt;
	text-transform: uppercase;
	color: #0a4045
}

section.content .navbar-nav>li>a:focus, section.content .navbar-nav>li>a:hover
	{
	padding-bottom: 13px
}

section.content .navbar-nav>li:first-child>a {
	margin-left: -15px
}

section.content .navbar-nav>li>a>.glyphicon {
	margin-right: 4px;
	top: 2px;
	font-size: 11pt
}

section.content .navbar-nav>.active {
	background-color: #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #bbb;
	font-weight: 700;
	color: #010101;
	cursor: default
}

section.content .navbar-nav>.active:focus>a, section.content .navbar-nav>.active:hover>a,
	section.content .navbar-nav>.active>a {
	background-color: transparent;
	padding-bottom: 15px
}

section.content .navbar-nav.navbar-right>li>a {
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	padding: 10px 15px 8px;
	font-size: 220%;
	color: #40668B
}

section.content .navbar-nav.navbar-right>li>a:focus, section.content .navbar-nav.navbar-right>li>a:hover
	{
	color: #0a4045
}

section.content .navbar-nav.navbar-right>li>a>.badge {
	position: absolute;
	background-color: #dc2425;
	border-radius: 12px;
	margin-top: -5px;
	margin-left: -15px;
	min-width: 24px;
	height: 24px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: 500
}

section.content .navbar-submenu {
	background-color: #fff;
	border-top: 1px solid #bbb;
	margin: -2px -45px 0;
	padding: 0 45px;
	clear: left
}

section.content .navbar-submenu .nav-tabs {
	border-bottom-width: 0
}

section.content .navbar-submenu .nav-tabs>li {
	margin: 0;
	padding: 12px 0
}

section.content .navbar-submenu .nav-tabs>li>a {
	background-color: transparent;
	border-color: #bbb;
	border-radius: 0;
	margin-right: 0;
	padding: 2px 15px 2px 40px;
	font-size: 9.2pt;
	text-transform: uppercase;
	color: grey;
	outline: 0;
	border-width: 0 1px 0 0
}

section.content .navbar-submenu .nav-tabs>li>a:focus, section.content .navbar-submenu .nav-tabs>li>a:hover
	{
	background-color: #fafafa;
	border-left-width: 1px;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-left: -1px;
	padding-top: 7px;
	padding-bottom: 7px
}

section.content .navbar-submenu .nav-tabs>li:first-child>a {
	border-left-width: 0;
	margin-left: -10px
}

section.content .navbar-submenu .nav-tabs>li:last-child>a {
	border-right-width: 0
}

section.content .navbar-submenu .nav-tabs>li>a>.glyphicon, section.content .navbar-submenu .nav-tabs>li>a>.icon
	{
	position: absolute;
	margin-right: 5px;
	margin-left: -28px;
	font-size: 150%
}

section.content .navbar-submenu .nav-tabs>li>a>.glyphicon {
	font-size: 110%;
	top: 3px
}

section.content .navbar-submenu .nav-tabs>li>a:focus>.glyphicon, section.content .navbar-submenu .nav-tabs>li>a:focus>.icon,
	section.content .navbar-submenu .nav-tabs>li>a:hover>.glyphicon,
	section.content .navbar-submenu .nav-tabs>li>a:hover>.icon {
	margin-top: 5px
}

section.content .navbar-nav+.navbar-submenu, section.content .navbar-submenu .nav-tabs>.active>a:focus>.icon,
	section.content .navbar-submenu .nav-tabs>.active>a:hover>.icon {
	margin-top: 0
}

section.content .navbar-submenu .nav-tabs>.active>a, section.content .navbar-submenu .nav-tabs>.active>a:focus,
	section.content .navbar-submenu .nav-tabs>.active>a:hover {
	background-color: transparent;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 2px;
	padding-bottom: 0;
	color: #020202
}

section.content .navbar-submenu .nav-tabs>li>a .badge {
	background: #dc2425 !important
}

section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification
	{
	border-bottom: 1px solid #bababa;
	padding: 7px;
	cursor: pointer;
	font-size: 12px
}

section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification:focus,
	section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification:hover
	{
	background-color: #F5F5F5
}

section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification>time
	{
	color: #909090
}

section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification>p
	{
	padding-top: 5px;
	clear: right;
	color: #505050
}

.notification a, .notification a:focus, .notification a:hover, section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification>a,
	section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification>a:focus,
	section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification>a:hover
	{
	text-decoration: none !important;
	color: #0a4045 !important
}

section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification-link
	{
	background-color: #f7f7f7;
	border-top: 1px solid #bababa;
	margin: -1px 0 -5px;
	padding: 8px 0 10px;
	text-align: center
}

section.content .navbar-nav.navbar-right>li>.dropdown-menu {
	border: 1px solid #CCC;
	width: 400px;
	max-height: 350px;
	overflow: auto
}

section.content .navbar-nav.navbar-right>li>.dropdown-menu:after,
	section.content .navbar-nav.navbar-right>li>.dropdown-menu:before {
	bottom: 100%;
	right: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

section.content .navbar-nav.navbar-right>li>.dropdown-menu:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #FFF;
	border-width: 10px;
	margin-left: -10px
}

section.content .navbar-nav.navbar-right>li>.dropdown-menu:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #CCC;
	border-width: 11px;
	margin-left: -11px
}

section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification-link>a
	{
	color: #428bca
}

section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification-link>a:focus,
	section.content .navbar-nav.navbar-right>li>.dropdown-menu>.notification-link>a:hover
	{
	text-decoration: none !important;
	color: #006599
}

@media ( min-width :992px) {
	section.content nav {
		padding: 0
	}
	section.content .navbar-submenu {
		margin: -2px 0 0;
		padding: 0
	}
}

section.content header {
	padding: 28px 45px 0;
	text-align: left
}

section.content header>h1 {
	max-width: 370px;
	margin: 0 0 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14pt;
	color: #606060
}

section.content header>h1>span {
	font-size: 11pt;
	letter-spacing: .2em
}

section.content header>h1>mark {
	display: block;
	background-color: transparent;
	margin-top: 3px;
	font-size: 16pt;
	color: #1F3856
}

section.content header>h1 em {
	font-size: 12.5pt;
	font-style: normal;
	font-weight: 400
}

section.content header>.status-row {
	margin-top: -48px
}

section.content header>.status-row .status-text {
	padding: 6px 0 12px;
	font-size: 12.5pt
}

section.content header>.status-row .status-text>.icon {
	margin-right: 4px;
	top: 3px;
	font-size: 125%
}

section.content header>.status-row.notified .status-text {
	color: #ff5c00
}

section.content header>.status-row.accepted .status-text {
	color: #01762e
}

section.content header>.status-row.pending .status-text {
	color: #2a6496
}

section.content header>.status-row.sent .status-text {
	color: #3485a6
}

section.content header>.status-row.info .status-text {
	color: #1282d6
}

section.content header>.status-row.draft .status-text {
	color: #fdba57
}

section.content header>.status-row.refused .status-text {
	color: #c63118
}

@media ( min-width :992px) {
	section.content header {
		margin-right: -15px;
		padding: 28px 0 0
	}
}

section.content .complaint-details {
	margin-bottom: -1px;
	padding-top: 2px
}

section.content .complaint-details .row {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bbb;
	margin: 0
}

section.content .complaint-details .row:before {
	position: relative;
	border-top: 1px solid #bbb;
	top: -2px;
	width: 100%
}

section.content .complaint-details dl {
	margin-bottom: 0;
	margin-left: -12px;
	padding: 10px 45px;
	overflow: hidden
}

section.content .complaint-details dl>dt {
	margin-right: 15px;
	font-weight: 400;
	color: #888;
	clear: left
}

section.content .complaint-details dl>dd {
	color: #333
}

section.content .complaint-details dl>dd.reference {
	color: #1F3856
}

section.content .complaint-details .resolution {
	background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/resolution-icon.png);
	background-position: 30px 20px;
	background-repeat: no-repeat;
	border: 1px solid #338690;
	margin: 25px -22px -51px;
	padding: 20px 85px
}

section.content .complaint-details .actions {
	margin-top: 20px;
	margin-right: -15px
}

section.content .complaint-details .actions .btn {
	padding: 2px 10px 4px;
	-webkit-box-shadow: inset 0 0 4px #fff;
	box-shadow: inset 0 0 4px #fff
}

section.content .complaint-details .actions .btn:focus, section.content .complaint-details .actions .btn:hover
	{
	background-color: #f2f2f2;
	-webkit-box-shadow: inset 0 0 7px #fff;
	box-shadow: inset 0 0 7px #fff
}

section.content .complaint-details .actions .btn-default {
	background-color: transparent
}

section.content .complaint-details .actions .btn .icon {
	background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/edit-complaint-icon.png);
	background-repeat: no-repeat;
	margin: 3px 10px -3px -2px;
	width: 18px;
	height: 18px
}

section.content .complaint-details .actions .btn .icon:before {
	content: ""
}

section.content .complaint-details .btn-print-complaint {
	margin: 15px 0 15px 45px
}

@media ( min-width :992px) {
	section.content .complaint-details {
		margin-bottom: 0
	}
	section.content .complaint-details dl {
		padding: 10px 0
	}
	section.content .complaint-details .btn-print-complaint {
		margin: 15px 0
	}
}

section.content .next-steps {
	background-color: #fff;
	border: 1px solid #bbb;
	min-height: 300px;
	overflow: hidden
}

section.content .next-steps .highlight {
	padding: 28px 48px 48px
}

section.content .next-steps .highlight h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16pt;
	color: #0a4045
}

section.content .next-steps .highlight p {
	color: #646464
}

section.content .next-steps .highlight .actions {
	margin-top: 32px
}

section.content .next-steps .highlight .actions .btn {
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase
}

section.content .next-steps .highlight .actions .btn-primary {
	background-color: #2D4D73;
	border-color: #2D4D73
}

section.content .next-steps .highlight .actions .btn-primary:focus,
	section.content .next-steps .highlight .actions .btn-primary:hover {
	background-color: #40668B;
	border-color: #40668B
}

section.content .next-steps .highlight .actions .btn-default {
	border-color: #2d6d78;
	color: #40668B
}

section.content .next-steps .highlight .actions .btn-default:focus,
	section.content .next-steps .highlight .actions .btn-default:hover {
	background-color: #fbfbfb;
	border-color: #0a4045;
	color: #0a4045
}

section.content .next-steps .highlight .actions span {
	display: inline-block;
	padding: 0 10px;
	color: #0b4b54
}

#div_solutionproposed {
	word-break: break-all
}

section.content .next-steps .sidebar {
	border-left: 1px solid #bbb;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
	padding-right: 38px;
	padding-left: 38px;
	text-align: center
}

section.content .next-steps .sidebar a {
	border-bottom: 1px solid #428bca
}

section.content .next-steps .sidebar a:focus, section.content .next-steps .sidebar a:hover
	{
	border-bottom-color: #2a6496;
	text-decoration: none
}

section.content .next-steps .sidebar .countdown {
	display: block;
	border-bottom: 1px solid #cecece;
	margin: 28px 10px 24px;
	padding-bottom: 24px;
	font-size: 10.5pt;
	text-transform: uppercase;
	color: #111
}

section.content .next-steps .sidebar .countdown:first-line {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 45pt;
	font-weight: 700;
	line-height: 40pt;
	word-spacing: 20em;
	color: #1F3856
}

section.content .complaint-timeline {
	margin: 10px 0
}

section.content .complaint-timeline ol {
	padding: 0 20px
}

section.content .complaint-timeline ol>li {
	float: left;
	list-style-position: inside;
	list-style-type: none;
	width: 16.33%;
	text-align: center
}

section.content .complaint-timeline .step {
	padding: 20px 0 25px
}

section.content .complaint-timeline .step:before {
	position: absolute;
	background-color: #b5b5b5;
	border-radius: 5px;
	margin-top: 36px;
	margin-left: -5px;
	width: 10px;
	height: 10px;
	content: ""
}

section.content .complaint-timeline .step .popover {
	text-align: center
}

section.content .complaint-timeline .step details {
	padding: 0 25px;
	font-size: 9pt;
	color: #696969
}

section.content .complaint-timeline .step summary {
	margin: 0 -28px 21px;
	font-size: 11pt;
	color: #a0a0a0;
	cursor: default
}

section.content .complaint-timeline .step summary::-webkit-details-marker
	{
	display: none
}

section.content .complaint-timeline .step summary:after {
	display: block;
	position: relative;
	background-color: #b5b5b5;
	border-radius: 2px;
	margin-top: 18px;
	width: 100%;
	height: 4px;
	z-index: 0;
	content: ""
}

section.content .complaint-timeline .step.step-completed summary:after,
	section.content .complaint-timeline .step.step-completed:before {
	background-color: #2D4D73
}

section.content .complaint-timeline .step.step-completed details {
	color: #0b4b54
}

section.content .complaint-timeline .step.step-completed summary {
	color: #40668B
}

section.content .complaint-timeline .step.step-completed summary:after {
	z-index: 1
}

@media ( min-width :992px) {
	section.content .next-steps {
		margin-right: -15px
	}
}

section.content .complaint-section, section.content .complaint-section .sub-section
	{
	background-color: #fdfdfd;
	border: 1px solid #d8d8d8;
	margin-bottom: -1px;
	padding: 15px 45px 10px;
	overflow: visible
}

section.content .complaint-section .sub-section {
	background-color: #fff;
	margin: 5px 0 15px;
	padding: 10px 25px;
	clear: left
}

section.content .edit-complaint {
	position: relative;
	margin-top: -16px;
	margin-right: -15px;
	margin-bottom: 25px
}

section.content .edit-complaint>a {
	display: block;
	position: absolute;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 0 0 4px 4px;
	padding: 5px 12px;
	top: 0;
	right: 0;
	color: #777;
	cursor: pointer
}

section.content .complaint-section h1 {
	margin: 10px 0;
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 18pt;
	color: #aeaeae
}

section.content .complaint-section h2 {
	margin: 10px 18px 0;
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 14pt;
	color: #989898
}

section.content .complaint-section dl.representative {
	display: none;
	border-top: 1px solid #e1e1e8;
	margin: 10px 0 5px;
	padding-top: 6px
}

section.content .complaint-section dl dd.inline, section.content .complaint-section dl dt.inline,
	section.content .complaint-section dl.inline dd, section.content .complaint-section dl.inline dt
	{
	float: left
}

section.content .complaint-section dl dt {
	font-weight: 400;
	color: grey
}

section.content .complaint-section dl dt.inline, section.content .complaint-section dl.inline dt
	{
	clear: left;
	width: 25%
}

section.content .complaint-section dl dd {
	margin-bottom: 2px
}

section.content .complaint-section dl dd.inline, section.content .complaint-section dl.inline dd
	{
	width: 75%
}

section.content .complaint-section dl dt>label {
	font-weight: 400;
	margin-bottom: 3px;
	padding: 2px 0 0;
	color: grey
}

section.content .complaint-section dl dd>.form-control {
	background-color: transparent;
	border-radius: 3px;
	border-width: 0;
	margin-bottom: 2px;
	padding: 4px 6px;
	height: 25px;
	line-height: 1.5;
	-webkit-box-shadow: none;
	box-shadow: none
}

section.content .complaint-section button {
	background-color: #fff;
	border: 1px solid #e1e1e8;
	border-radius: 5px;
	margin-top: 5px;
	padding: 5px 10px;
	color: #777
}

section.content .complaint-section button, section.content .complaint-section dl dd>.form-control
	{
	display: none
}

section.content .complaint-section dl dd>span {
	display: block;
	margin-bottom: 2px;
	padding: 3px 7px 7px;
	height: 25px;
	clear: left
}

section.content .complaint-section dl dd>span>sub {
	font-size: 100%;
	bottom: 0
}

section.content .complaint-section dl dd>span>sub:before {
	content: "("
}

section.content .complaint-section dl dd>span>sub:after {
	content: ")"
}

section.content .complaint-section dl dd>input.name {
	float: left;
	width: 48%
}

section.content .complaint-section dl dd>input.name:last-of-type {
	margin-left: 2%;
	width: 50%
}

section.content .complaint-section dl dd>select.date {
	float: left;
	margin-left: 2%;
	width: 35%
}

section.content .complaint-section dl dd>select.date:first-of-type {
	margin-left: 0;
	width: 15%
}

section.content .complaint-section dl dd>select.date:last-of-type {
	width: 25%
}

section.content .complaint-section dl dd>input.city, section.content .complaint-section dl dd>input.zipcode
	{
	float: left
}

section.content .complaint-section dl dd>input.zipcode {
	width: 20%
}

section.content .complaint-section dl dd>input.city {
	margin-left: 2%;
	width: 78%
}

section.content .complaint-section.editable {
	padding-bottom: 40px
}

section.content .complaint-section.editable dl.representative {
	display: block
}

section.content .complaint-section.editable dl dd>input, section.content .complaint-section.editable dl dd>select
	{
	display: inline-block;
	background-color: #fff;
	border-width: 1px;
	padding: 3px 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow
		ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

section.content .complaint-section.editable dl dd>select {
	padding-left: 3px
}

section.content .complaint-section.editable dl dd>select[multiple] {
	height: 100px
}

section.content .complaint-section.editable dl dd>span {
	display: none
}

section.content .complaint-section .action button, section.content .complaint-section.editable button
	{
	display: inline-block
}

section.content .complaint-section .complaint-version {
	border-top: 1px solid #e4e4e4;
	clear: left
}

section.content .complaint-section .complaint-version h2 {
	margin-bottom: 10px !important;
	margin-left: 0 !important
}

section.content .complaint-section .document-list>ul {
	list-style: none;
	padding-left: 10px
}

section.content .complaint-section .document-list>ul>li {
	background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/file-icon.png);
	background-repeat: no-repeat;
	padding-left: 25px
}

section.content .withdraw-complaint {
	margin: 10px 40px 15px
}

section.content .withdraw-complaint button {
	background-color: #fff;
	border: 1px solid #e1e1e8;
	border-radius: 5px;
	margin-top: 5px;
	padding: 5px 10px;
	color: #777
}

section.content .withdraw-complaint button:hover {
	border-color: #cdcdcd;
	color: #565656;
	-webkit-box-shadow: inset 0 0 2px #ededed;
	box-shadow: inset 0 0 2px #ededed
}

@media ( min-width :992px) {
	section.content .complaint-section, section.content .complaint-section .sub-section
		{
		margin-right: -15px;
		margin-bottom: 15px;
		padding: 15px 25px 10px
	}
	section.content .edit-complaint {
		margin-right: -26px
	}
	section.content .edit-complaint>a {
		border-bottom-right-radius: 0
	}
	section.content .withdraw-complaint {
		margin: 0 -15px 15px 0
	}
}

section.content .complaint-messages {
	margin-right: -15px;
	padding: 0 45px
}

section.content .complaint-messages .nav-tabs {
	float: left;
	border-bottom-width: 0
}

section.content .complaint-messages .nav-tabs>li {
	float: none;
	position: relative;
	background-color: #fcfcfc;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-radius: 4px 0 0 4px;
	margin: 0 0 10px
}

section.content .complaint-messages .nav-tabs>.active {
	background-color: #fff;
	border-color: #bbb;
	margin-right: -1px;
	z-index: 1
}

section.content .complaint-messages .nav-tabs>li>a {
	background-color: transparent;
	border-width: 0;
	width: 125px;
	min-height: 148px;
	font-size: 10.5pt;
	line-height: 18px;
	text-align: center;
	color: grey
}

section.content .complaint-messages .nav-tabs>.active>a {
	color: #0b4b54
}

section.content .complaint-messages .nav-tabs>li>a>.icon {
	display: block;
	position: relative;
	margin: 12px auto 8px;
	border: 2px solid #aeaeae;
	border-radius: 32px;
	width: 64px;
	height: 64px;
	font-size: 320%;
	line-height: 56px;
	color: #aaa;
	-webkit-box-shadow: inset 0 0 2px rgba(170, 170, 170, .8);
	box-shadow: inset 0 0 2px rgba(170, 170, 170, .8)
}

section.content .complaint-messages .nav-tabs>.active>a>.icon {
	border-color: #436D95;
	color: #436D95;
	-webkit-box-shadow: inset 0 0 2px rgba(52, 117, 133, .8);
	box-shadow: inset 0 0 2px rgba(52, 117, 133, .8)
}

section.content .complaint-messages .nav-tabs>li>a>.contact-point {
	background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/contact-point-icon.png);
	background-repeat: no-repeat;
	border-width: 0
}

section.content .complaint-messages .nav-tabs>.active>a>.contact-point {
	background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/contact-point-icon-selected.png)
}

section.content .complaint-messages .message-list {
	background-color: #fff;
	border: 1px solid #bbb;
	margin: 0 0 25px 128px;
	padding: 15px 25px 40px;
	min-height: 600px;
	z-index: 0
}

section.content .complaint-messages .message-response {
	margin-right: -25px;
	padding-right: 10px;
	clear: right
}

section.content .complaint-messages .message-list>.btn {
	position: relative;
	margin-right: -15px;
	margin-bottom: -40px
}

section.content .complaint-messages .message-response>.panel {
	background-color: transparent;
	border-radius: 0;
	margin-right: -10px;
	margin-bottom: -10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
	overflow: hidden
}

section.content .complaint-messages .message-response>.panel.in {
	border-bottom: 1px solid #d8d8d8
}

section.content .complaint-messages .message-response>.panel .form-group>textarea
	{
	margin-top: 48px;
	height: 150px
}

section.content .complaint-messages .message-response>.panel .upload-panel
	{
	border: 1px solid #e4e4e4;
	margin: -5px 0 5px;
	padding: 8px 15px 0
}

section.content .complaint-messages .message-response>.panel .upload-panel .btn-file
	{
	position: relative;
	overflow: hidden
}

section.content .complaint-messages .message-response>.panel .upload-panel .btn-file input
	{
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	outline: 0;
	background: #fff;
	cursor: inherit;
	display: block
}

section.content .complaint-messages h1 {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	margin: 0 -25px 0 0;
	padding: 12px 5px 8px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10.5pt;
	font-weight: 600;
	text-transform: uppercase;
	color: #888
}

section.content .complaint-messages h1:first-of-type {
	border-top-width: 0;
	margin-top: 20px;
	padding-top: 0;
	color: #484848
}

section.content .complaint-messages h1>small {
	font-size: 10pt;
	font-weight: 400;
	text-transform: none;
	color: #484848
}

section.content .complaint-messages .message {
	position: relative;
	border-top: 1px solid #d8d8d8;
	margin-top: -1px;
	padding: 15px 20px;
	cursor: default
}

section.content .complaint-messages .message.unread-message {
	background-color: #f1f8f9
}

section.content .complaint-messages .message.unread-message:before {
	position: absolute;
	background-color: #f1f8f9;
	margin-top: -15px;
	width: 25px;
	height: 100%;
	left: 100%;
	content: ""
}

section.content .complaint-messages .message.own-message {
	padding-left: 48px
}

section.content .complaint-messages .message blockquote {
	position: relative;
	border-left: 6px solid #787878;
	margin: 0 0 1px;
	padding: 0 20px
}

section.content .complaint-messages .message blockquote:before {
	position: absolute;
	background-color: #e2e2e2;
	width: 2px;
	height: 100%;
	left: 0;
	content: ""
}

section.content .complaint-messages .message.unread-message blockquote {
	border-left-color: #147382
}

section.content .complaint-messages .message.unread-message blockquote:before
	{
	background-color: #afdfe0
}

section.content .complaint-messages .message.own-message blockquote {
	border-left-color: #a2a2a2
}

section.content .complaint-messages .message.own-message blockquote:before
	{
	background-color: #e5e5e5
}

section.content .complaint-messages .message time {
	float: right;
	margin-right: -25px;
	font-size: 10.5pt;
	color: #101010
}

section.content .complaint-messages .message.message-read time {
	color: #404040
}

section.content .complaint-messages .message.own-message time {
	color: #606060
}

section.content .complaint-messages .message .mark {
	position: absolute;
	border-top: 1px solid #d8d8d8;
	margin-top: 25px;
	padding-top: 8px;
	width: 45px;
	right: -10px;
	text-align: center
}

section.content .complaint-messages .message .mark:before {
	position: absolute;
	border-top: 1px solid #fff;
	margin-top: -8px;
	width: 100%;
	content: ""
}

section.content .complaint-messages .message .mark>label {
	margin-bottom: 0;
	font-size: 9pt;
	font-weight: 400;
	line-height: 14px
}

section.content .complaint-messages .message .mark>input {
	margin-top: 4px;
	width: 16px;
	height: 16px
}

section.content .complaint-messages .message summary {
	padding: 15px 70px 10px 0;
	color: #484848
}

section.content .complaint-messages .message.own-message summary {
	color: grey
}

section.content .complaint-messages .message summary::-webkit-details-marker
	{
	display: none
}

section.content .complaint-messages .message details:not (>summary ) {
	display: none
}

section.content .complaint-messages .message summary .btn {
	margin-top: 10px;
	color: #428bca
}

section.content .complaint-messages .message summary .btn:focus, section.content .complaint-messages .message summary .btn:hover
	{
	background-color: #fbfbfb;
	color: #23527c
}

section.content .complaint-messages .message summary .btn .caret {
	margin-left: 5px
}

section.content .complaint-messages .message .document-list {
	position: relative;
	list-style: none;
	padding: 0 0 5px
}

section.content .complaint-messages .message .document-list>li {
	background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/attachment-icon.png);
	background-repeat: no-repeat;
	padding: 4px 32px
}

section.content .complaint-messages .message .document-list>li>a {
	color: #484848
}

section.content .complaint-messages .message .document-list>li>a:focus,
	section.content .complaint-messages .message .document-list>li>a:hover
	{
	color: #333
}

section.content .complaint-messages .message.own-message .document-list>li>a
	{
	color: grey
}

section.content .complaint-messages .message.own-message .document-list>li>a:focus,
	section.content .complaint-messages .message.own-message .document-list>li>a:hover
	{
	color: #686868
}

section.content .complaint-messages .upload-list {
	margin: -10px -20px 15px;
	clear: left
}

section.content .complaint-messages .upload-list>ol {
	padding: 0 10px
}

section.content .complaint-messages .upload-list>ol>li {
	list-style-type: none;
	border-bottom: 1px solid #e4e4e4;
	padding: 3px 0 5px;
	overflow: hidden;
	clear: left
}

section.content .complaint-messages .upload-list >ol > li:first-child {
	border-top: 1px solid #e4e4e4
}

section.content .complaint-messages .upload-list> ol >li > .cell {
	float: left;
	min-height: 24px;
	line-height: 18px
}

section.content .complaint-messages .upload-list> ol > li> .cell.icon {
	background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/file-icon.png);
	background-position: 10px 0;
	background-repeat: no-repeat;
	width: 5%
}

section.content .complaint-messages .upload-list> ol > li> .cell.name {
	width: 45%
}

section.content .complaint-messages .upload-list> ol> li> .cell.language {
	width: 25%
}

section.content .complaint-messages .upload-list > ol >li> .cell.size {
	margin: 0 10px;
	width: 10%;
	font-style: italic;
	color: #888
}

section.content .complaint-messages .upload-list>ol>li>.cell.remove {
	width: 5%;
	font-size: 150%;
	text-align: center;
	color: #aeaeae;
	cursor: pointer
}

section.content .complaint-messages .upload-list progress {
	float: right;
	margin: 2px 10px 0
}

.step, section.content .complaint-messages .message-response .form-group.inline>.control-label,
	section.content .complaint-messages .message-response .form-group.inline>.form-control
	{
	float: left
}

section.content .complaint-messages .upload-list>ol>li.error {
	background-color: #fff;
	border: 1px solid #ff9c00;
	margin: -1px 0 3px
}

section.content .complaint-messages .upload-list>ol>.error>.cell.icon:before
	{
	position: absolute;
	display: inline-block;
	font-family: 'ODR Glyphicons';
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	top: 7px;
	left: 15px;
	color: #933;
	content: "\e60c"
}

section.content .complaint-messages .upload-list>ol>.error>span {
	display: block;
	padding-left: 10px;
	font-style: italic;
	color: #FF9800;
	clear: left
}

section.content .complaint-messages .message-response .form-group.inline
	{
	overflow: hidden
}

section.content .complaint-messages .message-response .form-group.inline>.control-label
	{
	padding-right: 15px;
	font-weight: 400
}

section.content .complaint-messages .tab-pane>.btn.btn-block {
	padding: 8px 12px 6px;
	font-size: 8.5pt;
	text-transform: uppercase;
	color: grey
}

section.content .complaint-messages .tab-pane>.btn.btn-block:focus,
	section.content .complaint-messages .tab-pane>.btn.btn-block:hover {
	color: #686868
}

@media ( min-width :992px) {
	section.content .complaint-messages {
		padding-right: 0;
		padding-left: 0
	}
}

section.content .complaint-history {
	background-color: #fff;
	border: 1px solid #bbb;
	margin-bottom: 25px;
	padding: 20px 45px
}

section.content .complaint-history ul {
	padding: 0
}

section.content .complaint-history ul>li {
	border-left: 4px solid transparent;
	list-style-type: none;
	margin-bottom: 4px;
	padding: 4px 0 5px;
	font-size: 10.5pt;
	color: #989898
}

section.content .complaint-history ul>li:first-of-type {
	border-left-color: #363636;
	color: #333
}

section.content .complaint-history ul>li>time {
	display: inline-block;
	padding-left: 25px;
	width: 200px
}

@media ( min-width :992px) {
	section.content .complaint-history {
		margin-right: -15px;
		padding-right: 20px;
		padding-left: 20px
	}
}

section.content footer {
	position: relative;
	/*	background-color: #fbfbfb;
	border-top: 1px solid #d9d9d9;*/
	margin-bottom: -20px;
	/*	padding: 24px 20px;*/
	clear: both
}

section.content footer h1 {
	margin-top: 5px;
	margin-bottom: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15pt;
	color: #484848
}

section.content footer p {
	color: #646464
}

section.content footer li {
	margin-bottom: 4px;
	margin-left: -15px;
	list-style-type: none
}

section.content footer li a {
	color: #2D4D73
}

section.content footer li a:focus, section.content footer li a:hover {
	border-bottom: 1px solid #0a4045;
	text-decoration: none;
	color: #0a4045
}

section.content footer li a:before {
	position: absolute;
	margin-top: 2px;
	margin-left: -20px;
	font-family: 'ODR Glyphicons';
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	content: "\e610"
}

section.content footer .main-column {
	border-right: 1px solid #bbb;
	padding: 10px 25px 20px
}

section.content footer .side-column {
	border-left: 1px solid #bbb;
	margin-left: -1px;
	padding: 10px 25px 20px;
	text-align: center
}

section.content footer .side-column a {
	display: inline-block;
	background-color: #5d5d5d;
	border-radius: 4px;
	margin: 10px 0 0;
	padding: 12px 15px 10px;
	text-transform: uppercase;
	color: #fff
}

section.content footer .side-column a:focus, section.content footer .side-column a:hover
	{
	background-color: #404040;
	text-decoration: none
}

@media ( min-width :992px) {
	section.content footer h1 {
		margin-top: 20px
	}
	section.content footer li {
		margin-left: 15px
	}
}

.has-error>.form-control:after, .has-success>.form-control:after,
	.has-warning>.form-control:after {
	position: absolute;
	font-family: 'ODR Glyphicons';
	font-size: 180%;
	line-height: 1
}

.has-success>.form-control:after {
	color: #3c763d;
	content: "\e60b"
}

.has-warning>.form-control:after {
	color: #FF9800;
	content: "\e602"
}

.has-error>.form-control:after {
	color: #a94442;
	content: "\e60c"
}
.meeting-item, .metting-actions {
	margin-bottom: 1em
}

.meeting-item {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 1em
}

.meeting-item th {
	color: #999
}

.btn-yes.active {
	background-color: #5CB85C;
	border-color: #4CAE4C;
	color: #FFF;
	font-weight: 700
}

.btn-no.active {
	background-color: #C9302C;
	border-color: #AC2925;
	color: #FFF;
	font-weight: 700
}

.assignee-participation-accepted i {
	color: #5CB85C
}

.assignee-participation-refused i {
	color: #C9302C
}

.meeting-assignees-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.date-badge {
	background-color: #7AC3CC;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	text-align: center;
	font-weight: 700;
	border-radius: 5px;
	color: #FFF
}

.date-time, .step {
	color: #40668B;
	text-align: center
}

.date-badge .month {
	background: #40668B;
	box-shadow: 0 0 5px rgbab(0, 0, 0, .1);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.date-badge .day {
	font-size: 40px;
	border-bottom: 1px dotted;
	border-bottom-color: #CEE9EC
}

.date-badge .month, .date-badge .weekday {
	line-height: 2em
}

.send-message-to-adr {
	font-style: italic;
	font-size: 12px;
	line-height: 2.5
}

.attachments {
	font-size: 12px;
	border-top: 1px dotted #EEE;
	margin-top: 2em
}

.meeting-description {
	max-height: 300px;
	overflow-y: auto
}

.date-time {
	font-size: 12px;
	margin-top: 1em
}

.steps-bar {
	position: absolute;
	right: 0;
	top: 0;
	width: 75%;
	margin-top: 2em;
	margin-left: 0;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0
}

.step {
	box-sizing: border-box;
	padding: 6px;
	background: #FFF;
	white-space: nowrap;
	font-size: 11px;
	line-height: 18px;
	position: relative;
	border: 1px solid #CCC
}

.steps-bar .step:nth-child(1) {
	z-index: 7
}

.steps-bar .step:nth-child(2) {
	z-index: 6
}

.steps-bar .step:nth-child(3) {
	z-index: 5
}

.steps-bar .step:nth-child(4) {
	z-index: 4
}

.steps-bar .step:nth-child(5) {
	z-index: 3
}

.steps-bar .step:nth-child(6) {
	z-index: 2
}

.steps-bar .step:nth-child(7) {
	z-index: 1
}

.step:after, .step:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.step:after {
	border-color: transparent transparent transparent #FFF;
	border-width: 15px;
	margin-top: -15px
}

.step:before {
	border-color: transparent transparent transparent #CCC;
	border-width: 16px;
	margin-top: -16px
}

.step-done {
	background: #F2F2F2;
	color: rgba(89, 160, 171, 1);
	font-style: italic
}

.step-done:after {
	border-left-color: #F2F2F2
}

.step-current, .step-current:after {
	border-left-color: #2D4D73
}

.step-current {
	background: #2D4D73;
	font-weight: 700;
	color: #FFF
}

.steps-bar .step:nth-child(1) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.steps-bar .step {
	padding-left: 15px
}

.steps-bar .step:nth-child(7):after, .steps-bar .step:nth-child(7):before
	{
	border: none
}

@media ( max-width :1400px) {
	.steps-bar {
		position: relative;
		margin-top: 0;
		overflow: hidden;
		margin-bottom: 15px;
		width: 100%
	}
	.step {
		width: 14.285714%;
		padding-left: 0
	}
}

.step {
	width: 7%;
	padding-left: 3%
}

.step-short {
	display: inline-block
}

.step-title {
	position: relative;
	left: 10px;
	z-index: 100000;
	display: none
}

.step-current, .step-next {
	width: 32%
}

.step-current .step-title, .step-next .step-title {
	display: inline-block
}

.step-current .step-short, .step-next .step-short {
	display: none
}

@media ( max-width :1200px) {
	.steps-bar {
		position: relative;
		margin-top: 0;
		overflow: hidden;
		margin-bottom: 15px;
		width: 100%
	}
	.step {
		width: 7%;
		padding-left: 3%
	}
	.step-short {
		display: inline-block
	}
	.step-title {
		display: none
	}
	.step-current, .step-next {
		width: 36%
	}
	.step-current .step-title, .step-next .step-title {
		display: inline-block
	}
	.step-current .step-short, .step-next .step-short {
		display: none
	}
}

@media ( max-width :600px) {
	.steps-bar {
		position: relative;
		margin-top: 0;
		overflow: hidden;
		margin-bottom: 15px
	}
	.step-next .step-short {
		display: inline-block
	}
	.step-next .step-title, section.content .complaint-messages .nav-tabs>.active>a>.icon,
		section.content .complaint-messages .nav-tabs>.active>a>br {
		display: none
	}
	.step-next {
		width: 12%
	}
	.step-current {
		width: 60%
	}
	section.content .complaint-messages .nav-tabs {
		float: none
	}
	section.content .complaint-messages .nav-tabs>.active>a {
		width: auto;
		min-height: auto
	}
	section.content .complaint-messages .nav-tabs>li {
		border-right: 1px solid;
		border-radius: 4px
	}
	section.content .complaint-messages .message-list {
		margin-left: 0;
		padding: 15px
	}
	section.content .complaint-messages .message {
		padding: 0 !important
	}
	section.content .complaint-messages .message-list>.btn, section.content .complaint-messages h1
		{
		margin: 0
	}
	.translation-tool>.dropdown>button {
		white-space: nowrap
	}
	.upload-panel>div>div {
		word-break: break-all
	}
}

.outcomes-content {
	padding: 1.5em 0
}

.panel-heading, .panel-heading h4 {
	padding: 0
}

.panel-heading h4 a {
	display: block;
	padding: 1em;
	height: 100%;
	background: #FFF;
	text-decoration: none
}

.panel-heading h4 a.collapsed {
	background: 0 0
}

.panel-heading h4 a i {
	color: #CCC;
	margin-right: 1em
}

.panel-heading h4 a.collapsed:hover {
	background: #EEE
}

.outcomes-content .panel-heading .type {
	margin-left: 2em;
	color: #999
}

.outcomes-content .panel:nth-child(1) .panel-heading h4 a i, .vs-icon {
	color: #40668B
}

.outcomes-content .panel-heading .date {
	float: right
}

.outcomes-content .col-md-9 {
	max-height: 300px;
	overflow-y: auto
}

.outcomes-content .panel:nth-child(1) .panel-heading {
	font-weight: 700;
	color: #40668B
}

.attachments-list a, dd h2 {
	font-weight: 400
}

.inactive-meeting-list {
	border: 1px solid #CCC;
	background: #FFF;
	padding: 0 30px;
	margin-bottom: 30px
}

.inactive-meeting-list h3, .inactive-meeting-list table .meeting-name,
	.inactive-meeting-list table th {
	color: #666
}

.inactive-meeting-list table td {
	color: #999
}

.inactive-meeting-list th.date {
	width: 220px
}

.inactive-meeting-list td .done {
	color: #5cb85c
}

.inactive-meeting-list td .cancelled {
	color: #c9302c
}

.inactive-meeting-list td .overdue {
	color: #777
}

.inactive-meeting-list td .rejected {
	color: #c9302c
}

.ellipsisTable tbody tr td {
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.notification-nav-bar {
	position: relative;
	z-index: 1002
}

.short-version-description a {
	display: inline-block;
	margin: 4px 0 2px;
	font-size: 13px !important
}

textarea.trader-description {
	height: 250px !important
}

.complaint-versions-block {
	background: #FFF;
	padding: 50px 24px 400px
}

.propose-resolution-entities-btn {
	background: #40668B;
	color: #FFF;
	font-size: 18px;
	margin-left: 20%
}

.attachments-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.complaint-details-block {
	padding: 30px
}

.participant-details h5 {
	color: #999
}

.participant-details {
	background: #FFF;
	margin-top: 10px;
	border: 1px solid #CCC;
	color: #666;
	position: relative
}

.participant-details .edit-mode-group, .participant-details.edit-mode .view-mode-group
	{
	display: none
}

.participant-details .edit-mode-group.pull-right {
	margin: 16px 0
}

.participant-details.edit-mode .edit-mode-group {
	display: inline
}

.participant-details.edit-mode .edit-mode-group.save-contact-details {
	display: block;
	margin: 0 20px 20px;
	float: right
}

.participant-details.edit-mode td>span {
	display: none
}

.participant-details-wrapper {
	margin: 16px
}

.participant-table {
	width: 100%;
	font-size: 12px
}

.participant-table td, .participant-table th {
	padding: 1px 4px;
	vertical-align: top
}

.participant-table th i {
	color: #CCC
}

.edit-details {
	display: block;
	position: absolute;
	background-color: #f9f9f9;
	border: 1px solid #d8d8d8;
	border-radius: 0 0 0 4px;
	padding: 5px 12px;
	top: -2px;
	right: -1px;
	color: #777;
	cursor: pointer
}

.next-steps.complaint-details-block .complainant-version-td {
	width: 40%
}

.next-steps.complaint-details-block h2 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 16pt
}

.unread-messages {
	background: #C00;
	display: inline-block;
	border-radius: 20px;
	width: 25px;
	text-align: center;
	color: #FFF;
	height: 25px;
	line-height: 25px
}

.representative-details {
	position: relative;
	top: -20px
}

.no-representative {
	padding: 3px 10px;
	font-size: 13px;
	font-style: italic;
	background: #F5F5F5
}

#descriptionTranslationsModal .modal-dialog {
	width: 80%
}

#descriptionTranslationsModal table th {
	font-size: 12px;
	vertical-align: top
}

#descriptionTranslationsModal table td {
	width: 50%;
	font-size: 12px !important;
	color: #777
}

#descriptionTranslationsModal table td p {
	font-size: 12px !important;
	color: #777
}

#descriptionTranslationsModal table td:hover p {
	color: #333 !important
}

#descriptionTranslationsModal table .th-label {
	display: inline-block;
	margin-top: 4px
}

#entityReadOnlyModal .coverage {
	margin-top: 24px;
	color: #555;
	font-size: 13px
}

#entityReadOnlyModal .procedures {
	color: #555;
	font-size: 13px
}

#entityReadOnlyModal ul, #representativeReadOnlyModal ul {
	list-style: none;
	margin: 0;
	padding: 0
}

#entityReadOnlyModal .address {
	font-size: 16px
}

.small-form label {
	font-size: 10px
}

.edit-mode-group legend {
	font-size: 11px;
	border-bottom: none;
	margin-bottom: 0;
	margin-top: 10px;
	clear: both;
	padding-top: 10px
}

section.content .complaint-details .edit-mode-group .row, section.content .complaint-details .edit-mode-group .row:before
	{
	border-top: none !important;
	border-bottom: none !important
}

dd h2 {
	font-size: 14px;
	padding: 0;
	line-height: 20px;
	margin: 0
}

.feedback-message {
	/*font-size: 11px;*/
}

.has-error .control-label, .has-error select.form-control, .has-success .control-label,
	.has-success select.form-control, .has-warning .control-label,
	.has-warning select.form-control {
	font-size: 10px
}

.has-warning select.form-control, .has-warning select.ecl-select {
	font-size: 14px
}

.help-inline {
	font-size: 11px
}

.help-error {
	display: block;
	padding: 3px;
	clear: left;
	font-size: 14px
}

.has-warning .help-error {
	color: #FF9800
}

@media ( max-width :550px) {
	.steps-bar .step, .steps-bar .step:after, .steps-bar .step:before {
		display: none
	}
	.steps-bar .step-current {
		display: block;
		width: 100%
	}
	section.content .navbar-submenu .nav-tabs>li {
		margin-left: 0;
		clear: both;
		width: 100%;
		text-align: center
	}
	.step-title {
		white-space: normal;
		left: -7px
	}
}

@media ( max-width :650px) {
	section.content .navbar-submenu {
		margin: 0
	}
	#content .row, section.content .complaint-details .row {
		margin-right: 0;
		margin-left: 0
	}
	section.content .navbar-submenu .nav-tabs>li>a {
		border: none
	}
	section.content .next-steps.complaint-details-block {
		overflow: auto
	}
}

@media ( max-width :767px) {
	#notification-list .sr-only {
		width: auto;
		height: auto;
		clip: auto;
		font-size: 10.2pt;
		text-transform: none;
		color: #0A4045;
		margin-top: 3px
	}
	#notification-list .icon {
		color: #0A4045;
		font-size: 80%
	}
	#notification-list .badge {
		font-size: 10.2pt;
		position: relative;
		margin-left: 0;
		margin-right: 10px
	}
	section.content .navbar-nav>li>a {
		width: 100%;
		margin-left: 0 !important;
		color: #0A4045
	}
	.complaint-details-block {
		padding: 0
	}
	.complaint-details-block h2 {
		padding: 1em
	}
	section.content .next-steps .highlight {
		padding: 20px
	}
	.btn {
		white-space: normal
	}
}

@media ( max-width :400px) {
	.ms-container .ms-selection {
		float: none !important
	}
}

#consumer-representative legend {
	font-size: 12px;
	font-weight: 700;
	border-bottom: none
}

.popover {
	max-width: 370px !important;
	font-size: 12px
}

.sidebar-smallText {
	text-align: left !important;
	font-size: 12px;
	margin-top: 20px
}

.language {
	color: #1f3856;
	margin-left: 10px
}

#notification-list, #show-meeting {
	outline: 0
}

.continueDraft {
	margin: 5px 0 0;
	background-color: #fff;
	border: 1px solid #e1e1e8;
	border-radius: 5px;
	padding: 10px 12px 12px 10px;
	font-size: 10pt;
	text-transform: uppercase;
	color: #2D4D73;
	cursor: pointer
}

.continueDraft:hover {
	text-decoration: none;
	border-color: #cdcdcd;
	color: #565656;
	-webkit-box-shadow: inset 0 0 2px #ededed;
	box-shadow: inset 0 0 2px #ededed
}

.contactNationalPoint {
	background-color: #5d5d5d;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	margin: 10px 0 0;
	padding: 12px 15px 10px;
	text-transform: uppercase
}

.contactNationalPoint:hover {
	background-color: #404040;
	color: #fff;
	text-decoration: none
}

.panel-collapsed a:after, .panel-expanded a:after {
	margin-right: -25px
}

.upload-list> ol > li .form-control, .upload-list> ol > li .ecl-select {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.custom-header {
	min-height: 40px;
	font-weight: 700
}

a[href="#upload-panel"] {
	color: #1f3856;
	font-weight: 700
}

main {
	clear: both
}

main header>ul {
	float: none;
	display: inline-block;
	margin: 130px auto 0;
	padding: 0
}

main header>ul>li {
	float: left;
	display: block;
	list-style-type: none;
	width: 48px;
	height: 138px;
	text-align: center
}

main header>ul>li.separator {
	border-bottom: 4px solid #fff;
	width: 70px;
	height: 25px
}

main header>ul>li>a {
	display: block;
	border: 4px solid #fff;
	border-radius: 25px;
	margin: 0 auto 35px;
	padding: 4px 0 2px;
	width: 48px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18pt;
	text-decoration: none;
	color: #fff
}

.modal .modal-body h1, main>.container>footer .quicktip h1 {
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial,
		sans-serif;
	font-weight: 700
}

main header>ul>li>a:focus, main header>ul>li>a:hover {
	text-decoration: none;
	color: #fff
}

main header>ul>li.has-error>a {
	background-color: #ed9c28;
	color: #fff
}

main header>ul>li.active>a {
	background-color: #fff;
	color: #4c8080
}

main header>ul>li.active.has-error>a {
	border-color: #ed9c28;
	color: #ed9c28
}

main aside .action, main header>ul>li>a>span {
	display: none
}

@media ( min-width :768px) {
	main header>ul {
		position: relative;
		margin: 180px 0 -70px
	}
	main header>ul>li.separator {
		width: 120px
	}
	main header>ul>li>a>span {
		display: block;
		position: absolute;
		margin: 50px 0 0 -50px;
		width: 140px;
		font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial,
			sans-serif;
		font-size: 14pt;
		line-height: 15pt;
		color: #1F3856
	}
}

@media ( min-width :992px) {
	main header>ul {
		position: relative;
		margin-top: 78px;
		margin-left: 35%
	}
}

main aside {
	margin-top: 0
}

main aside article {
	position: relative;
	min-height: 280px;
	text-align: center;
	z-index: 99
}

@media ( min-width :768px) {
	main aside {
		margin-top: 150px;
		padding-top: 120px
	}
	main aside:before {
		position: absolute;
		background-color: #fff;
		margin-top: -125px;
		width: 100%;
		height: 90px;
		left: 0;
		content: ""
	}
	main aside article {
		min-height: 150px
	}
}

@media ( min-width :992px) {
	main aside {
		background-color: #1F3856;
		padding-top: 40px
	}
	main aside:before {
		background-color: #1F3856;
		margin-top: 0;
		height: 100%;
		right: 100%;
		left: auto;
		top: 0
	}
	main aside article {
		min-height: 305px;
		text-align: left
	}
	main aside .action {
		display: block;
		position: relative;
		margin: -20px 0 20px;
		z-index: 100
	}
	main aside .action .next-step, main aside .action .previous-step {
		padding: 8px 12px;
		border: 1px solid #fff;
		background-color: transparent;
		background-repeat: no-repeat;
		font-size: 9.5pt;
		text-transform: uppercase;
		color: #fff;
		cursor: pointer;
		-webkit-box-shadow: inset 0 0 2px rgba(250, 250, 250, .8);
		box-shadow: inset 0 0 2px rgba(250, 250, 250, .8)
	}
	main aside .action .previous-step {
		float: left;
		margin-left: -15px;
		padding-left: 6px
	}
	main aside .action .next-step {
		float: right;
		margin-right: -15px;
		padding-right: 6px
	}
	main aside .action .next-step:focus, main aside .action .next-step:hover,
		main aside .action .previous-step:focus, main aside .action .previous-step:hover
		{
		background-color: #fff;
		color: #1F3856
	}
}

@media ( min-width :1200px) {
	main aside .action .next-step, main aside .action .previous-step {
		padding-right: 15px;
		padding-left: 15px
	}
	main aside .action .previous-step {
		padding-left: 10px
	}
	main aside .action .next-step {
		margin-right: -45px;
		padding-right: 10px
	}
}

main>.container>footer .quicktip {
	padding: 8px 0 10px 40px
}

main>.container>footer .quicktip .icon {
	float: left;
	margin: -10px 0 0 -60px;
	background-color: #aeaeae;
	padding-top: 7px;
	border-radius: 18px;
	width: 36px;
	height: 36px;
	font-size: 150%;
	text-align: center;
	color: #fff
}

main>.container>footer .quicktip h1 {
	margin: 0 0 10px;
	font-size: 12pt;
	color: #5f5f5f
}

main>.container>footer .quicktip p {
	font-size: 10pt;
	color: #4e4e4e
}

main>.container>footer .quicktip a {
	color: #010101
}

main>.container>footer .quicktip a:before {
	display: inline-block;
	padding-right: 5px;
	content: "\2192"
}

@media ( min-width :768px) {
	main>.container>footer {
		display: none
	}
	main>.container>section.content>.wrapper>form {
		background-color: #fff;
		padding: 1px 25px 20px 0
	}
	main>.container>section.content>.wrapper>.arrow, main>.container>section.content>.wrapper>.arrow:after
		{
		position: absolute;
		display: block;
		border-color: transparent;
		border-style: solid;
		width: 0;
		height: 0
	}
	main>.container>section.content>.wrapper>.arrow {
		border-width: 16px 16px 0;
		left: 50%;
		top: -1px;
		margin-left: -16px;
		border-top-color: rgba(3, 93, 103, .5)
	}
	main>.container>section.content>.wrapper>.arrow:after {
		border-width: 15px 15px 0;
		bottom: 1px;
		margin-left: -15px;
		border-top-color: #2C4D73;
		content: " "
	}
}

@media ( min-width :992px) {
	main>.container>footer {
		display: block
	}
	main>.container>section.content {
		margin-left: 300px;
		margin-right: -40px;
		padding: 0
	}
	main>.container>section.content>.wrapper {
		background-color: transparent;
		padding: 0 25px 0 0
	}
	main>.container>section.content>.wrapper>form {
		padding: 50px 40px 40px
	}
	main>.container>section.content>.wrapper>.arrow {
		display: none
	}
}

.modal .modal-body h1 {
	margin-bottom: 20px;
	font-size: 18pt;
	color: #898989
}

.modal .modal-body h2 {
	margin: 0 0 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15pt;
	font-weight: 700;
	color: #898989
}

.modal .modal-body p:not(.ecl-paragraph) {
	font-size: 11pt;
	line-height: 13pt;
	color: #484848
}

.modal .modal-body .form-group {
	margin-top: 0.3rem;
	margin-bottom:3rem;
}

.modal .modal-footer {
	background-color: #f6f6f6;
	border-top: 1px solid #dadada;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: inset 1px 0 1px #fff;
	box-shadow: inset 1px 0 1px #fff
}

.modal .modal-footer .btn.btn-primary {
	background-color: #2D4D73;
	border-color: #338b96
}

.modal .modal-footer .btn.btn-primary:hover {
	background-color: #2D4D73;
	border-color: #2D4D73
}

@media ( min-width :768px) {
	.modal .modal-body .form-group .help-inline {
		display: block !important;
		border-width: 0 !important;
		box-shadow: none !important;
		margin-top: 0 !important;
		padding-left: 32px !important;
		max-width: 100% !important;
		right: auto !important
	}
	.modal .modal-body .form-group .help-inline:after {
		position: absolute;
		left: 0
	}
	.modal .modal-body .form-group .help-inline .arrow {
		display: none !important
	}
}

form section {
	margin-top: -20px;
	outline: 0
}

@media ( min-width :768px) {
	form section {
		margin-top: 25px
	}
}

form section footer {
	background-color: transparent;
	padding: 15px 0 35px;
	text-align: center
}

form section footer>button {
	/*	border: 0;
	border-radius: 5px;
	background-color: #2D4D73;
	padding: 13px 20px 10px;
	font-size: 10.5pt;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer*/
	
}
/*form section footer>button:focus {
	outline: dotted thin;
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}*
/*form section footer>button:active {
	outline: 0;
	-webkit-box-shadow: inset 0 0 10px rgba(250,250,250,.6);
	box-shadow: inset 0 0 10px rgba(250,250,250,.6)
}*/
form section footer>button.next {
	padding-right: 15px
}

form section footer>.draft>button {
	/*background-color: transparent;
	border: 1px solid #aeaeae;
	border-radius: 5px 0 0 5px;
	padding: 13px 10px 10px;
	font-size: 10pt;
	text-transform: uppercase;
	color: #555;
	cursor: pointer*/
	margin-left: 0.63rem;
	margin-right: 0.63rem;
	margin-top: 0.5rem;
}

form section footer>.draft>button:first-of-type {
	margin-left: 0.3rem;
}

form section footer>.draft>button:last-of-type {
	/*border-radius: 0 5px 5px 0;*/
	margin-left: -5px
}

form section footer>.draft>button:only-of-type {
	/*border-radius: 5px;*/
	padding-right: 15px;
	padding-left: 15px
}

form section footer>.draft>button:hover {
	background-color: #efefef;
	color: #333;
	-webkit-box-shadow: inset 0 0 3px #fff;
	box-shadow: inset 0 0 3px #fff
}

form section footer>.next-steps {
	position: relative;
	background-color: #2D4D73;
	background-position: 50% 0;
	background-repeat: no-repeat;
	margin: 40px -40px -60px -50px;
	padding: 35px 20% 50px;
	color: #FFF
}

form section footer>.next-steps>.arrow, form section footer>.next-steps>.arrow:after
	{
	position: absolute;
	display: block;
	border-color: transparent;
	border-style: solid;
	width: 0;
	height: 0
}

form section footer>.next-steps>.arrow {
	border-width: 16px 16px 0;
	left: 50%;
	top: 0;
	margin-left: -16px;
	border-top-color: rgba(38, 126, 137, .5)
}

form section footer>.next-steps>.arrow:after {
	border-width: 15px 15px 0;
	bottom: 1px;
	margin-left: -15px;
	border-top-color: #fff;
	content: " "
}

form section footer>.next-steps>h1, form section>footer>.next-steps>p {
	color: #fff
}

form section footer>.next-steps>h1 {
	font-family: "Gill sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 21pt
}

.panel-collapsed a, .panel-expanded a, label {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

form section footer>.next-steps>p {
	font-size: 11pt
}

@media ( min-width :768px) {
	form section footer>.next-steps {
		margin: 40px -65px -80px -50px;
		padding: 40px 32%;
		clear: both
	}
	form section {
		margin-top: 40px
	}
	form section footer {
		margin-left: 0;
		padding-bottom: 55px;
		padding-left: 0;
		overflow: hidden
	}
	form section footer>button#submitBtn, form section footer>button.next {
		position: relative;
		margin-left: 0;
		display: block;
		left: auto;
		margin-bottom: 10px;
		float: right
	}
	form section footer>.draft {
		clear: both;
		float: right;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 20px
	}
}

@media ( min-width :1200px) {
	form section footer {
		padding: 40px 0
	}
}

select[multiple] {
	min-height: 90px
}

label {
	font-size: 12pt;
	font-weight: 400;
	line-height: 12pt;
	color: #333
}

.form-control {
	font-size: 11pt
}

.form-control.additional-field {
	margin-top: 10px
}

.form-horizontal .control-label {
	border-bottom-width: 0;
	min-height: 34px;
	font-size: 12pt
}

@media ( min-width :768px) {
	.form-horizontal .control-label, .form-horizontal .radio-inline {
		padding-top: 8px
	}
	.form-horizontal .control-label {
		padding: 8px 10px 0
	}
}

@media ( min-width :992px) {
	.form-horizontal .form-group {
		margin-left: -25px
	}
	.form-horizontal .control-label {
		padding-right: 15px;
		padding-left: 0
	}
}

@media ( min-width :1200px) {
	.form-horizontal .form-group {
		margin-left: -15px
	}
	.form-horizontal .control-label {
		padding-right: 15px;
		padding-left: 10px
	}
}

.radio input[type=radio], .radio-inline input[type=radio] {
	margin-top: 0
}

.amount-group, .date-group {
	overflow: hidden
}

.date-group .calendar, .date-group .form-control {
	float: left;
	margin-right: 2%;
	width: 34% !important
}

.date-group .form-control {
	padding-right: 8px;
	padding-left: 8px
}

.date-group .form-control:first-of-type {
	width: 24% !important
}

.date-group .form-control:last-of-type {
	width: 28% !important
}

.date-group .calendar {
	margin-right: 0;
	width: 8% !important;
	text-align: right
}

.date-group .calendar label {
	font-size: 180%;
	color: #a0a0a0;
	cursor: pointer
}

.date-group .calendar input {
	position: absolute;
	border-width: 0;
	margin-top: -2px;
	margin-left: -32px;
	width: 1px;
	height: 1px
}

.date-group .calendar input:focus {
	outline: 0
}

.ui-datepicker {
	font-size: 9.5pt
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover
	{
	margin-top: 1px;
	margin-left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	margin-right: 1px
}

.ui-datepicker .ui-state-highlight {
	background-color: #e0effb;
	background-image: none;
	border-color: #66afe9
}

.amount-group .form-control {
	float: left;
	margin-right: 2%;
	width: 53% !important
}

.amount-group .form-control:last-child {
	margin-right: 0;
	width: 45% !important
}

.form-horizontal .search-field {
	display: inline-block;
	width: 100%
}

.form-horizontal .search-field .form-control {
	background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/search-icon.png);
	background-position: 98% 50%;
	background-repeat: no-repeat
}

.form-horizontal .search-field .form-control.searching {
	background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/loading.gif);
	background-position: 97.5% 54%
}

.twitter-typeahead {
	width: 100%
}

.tt-dropdown-menu {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 1px;
	padding: 5px 0;
	width: 100%;
	max-height: 150px;
	overflow-y: auto
}

.tt-suggestion {
	padding: 6px 12px
}

.tt-suggestion.tt-cursor {
	background-color: #efefef;
	cursor: pointer
}

.tt-suggestion>p {
	margin: 0 !important
}

.form-horizontal .form-control.city, .form-horizontal .form-control.zipcode
	{
	float: left;
	margin: 10px 0
}

.form-horizontal .form-control.zipcode {
	margin-right: 2%;
	width: 30% !important
}

.form-horizontal .form-control.city {
	width: 68% !important
}

.form-inline.split .form-group {
	margin: 0
}

@media ( min-width :768px) {
	.amount-group, .date-group {
		overflow: visible
	}
	.form-inline.split .form-group {
		float: left;
		margin-right: 2%;
		width: 48%
	}
	.form-inline.split .form-group:last-child {
		margin-right: 0;
		width: 50%
	}
	.form-inline .form-group input.form-control {
		width: 100%
	}
}

@media ( min-width :992px) {
	.amount-group, .date-group {
		width: 75%
	}
	.amount-group .ecl-select{
       margin-left: 0.6rem !important;
    }	
}

@media ( min-width :1200px) {
	.amount-group, .date-group {
		width: 75%
	}
	.amount-group .ecl-select{
	   margin-left: 0.6rem !important;
	}
}

.form-group.optional select.form-control, select.form-control.optional {
	color: #999
}

.form-control.optional:focus, .form-group.optional .form-control:focus {
	filter: alpha(opacity = 100);
	opacity: 1
}

.form-group.optional select.form-control:focus, select.form-control.optional:focus
	{
	color: #555
}

.form-control.optional:-moz-placeholder, .form-group.optional .form-control:-moz-placeholder
	{
	color: #bbb
}

.form-control.optional::-moz-placeholder, .form-group.optional .form-control::-moz-placeholder
	{
	color: #bbb;
	opacity: 1
}

.form-control.optional:-ms-input-placeholder, .form-group.optional .form-control:-ms-input-placeholder
	{
	color: #bbb
}

.form-control.optional::-webkit-input-placeholder, .form-group.optional .form-control::-webkit-input-placeholder
	{
	color: #bbb
}

.form-group .form-control[disabled], .form-group select.form-control[disabled]
	{
	background-color: #f8f8f8;
	color: #888;
	filter: alpha(opacity = 100);
	opacity: 1
}

.panel-collapsed, .panel-expanded {
	margin: 0 0 20px
}

.panel-collapsed a, .panel-expanded a {
	display: block;
	position: relative;
	padding: 8px 0;
	font-size: 12pt;
	text-decoration: none;
	color: #909090
}

.panel-collapsed a {
	border-bottom: 1px solid #c3c3c3
}

.panel-collapsed a:after, .panel-expanded a:after {
	float: right;
	display: inline-block;
	font-family: 'ODR Glyphicons';
	font-size: 140%;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	color: #bcbcbc;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.panel-collapsed a:after {
	content: "\e60f"
}

.panel-expanded a:after {
	content: "\e60e"
}

.panel-collapsed .panel-inner, .panel-expanded .panel-inner {
	padding-top: 15px;
	background-color: #fafafa;
	border: 1px solid #c3c3c3;
	/*border-radius: 4px;*/
	margin-right: -0.3rem;
    margin-left: -1.5rem;
}
.panel-inner.noLeftMargin{
    margin-left: 0rem;
}


.panel-collapsed .panel-inner {
	margin-top: -1px
}

.panel-collapsed .panel-inner .form-group, .panel-expanded .panel-inner .form-group
	{
	margin-right: -10px;
	padding-right: 10px;
	padding-left: 15px
}

.panel-collapsed .panel-inner .form-inline .form-group, .panel-expanded .panel-inner .form-inline .form-group
	{
	margin-right: 1%;
	padding-right: 0;
	padding-left: 0
}

.panel-expanded .panel-inner .table, .panel-expanded .panel-inner .table>tbody>tr>td,
	.panel-expanded .panel-inner .table>tbody>tr>th, .panel-expanded .panel-inner .table>tfoot>tr>td,
	.panel-expanded .panel-inner .table>tfoot>tr>th, .panel-expanded .panel-inner .table>thead>tr>td,
	.panel-expanded .panel-inner .table>thead>tr>th {
	border-right-width: 0;
	padding: 6px
}

.panel-expanded .panel-inner .table, .panel-expanded .panel-inner .table>tbody>tr>td:first-child,
	.panel-expanded .panel-inner .table>tbody>tr>th:first-child,
	.panel-expanded .panel-inner .table>tfoot>tr>td:first-child,
	.panel-expanded .panel-inner .table>tfoot>tr>th:first-child,
	.panel-expanded .panel-inner .table>thead>tr>td:first-child,
	.panel-expanded .panel-inner .table>thead>tr>th:first-child {
	border-left-width: 0
}

.panel-expanded .panel-inner .table>thead>tr>td, .panel-expanded .panel-inner .table>thead>tr>th
	{
	border-bottom-width: 1px
}

@media ( min-width :992px) {
	.panel-collapsed, .panel-expanded {
		margin-right: -0.2rem
	}
}

.upload-list {
	margin: 20px 0 10px;
	clear: left
}

.upload-list>ol {
	padding: 0 10px
}

.upload-list>ol>li {
	list-style-type: none;
	border-bottom: 1px solid #d2d2d2;
	padding: 10px 0 5px;
	overflow: hidden;
	clear: left
}

.upload-list>ol>li:first-child {
	border-top: 1px solid #d2d2d2
}

.upload-list>ol>li>.cell {
	float: left;
	min-height: 24px;
	line-height: 18px
}

.upload-list>ol>li>.cell.icon {
	background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/file-icon.png);
	background-position: 10px 0;
	background-repeat: no-repeat;
	width: 5%
}

.upload-list > ol >li >.cell.name {
	width: 45%;
}

.upload-list> ol >li > .cell.size {
	width: 10%;
	font-style: italic;
	color: #888
}

.upload-list > ol > li >.cell.language,
 .upload-list > ol > li >.cell.type {
	padding: 0 5px;
	width: 18%
}
.upload-list > ol> li > .cell.remove {
	width: 1rem;
	font-size: 150%;
	text-align: center;
	color: #aeaeae;
	cursor: pointer;
	float: right;
}
.upload-list > ol > li > .cell.remove:hover,
.upload-list > ol > li > .cell.remove:focus {    
    color: #004494;
    border: 1px dotted #aeaeae;
}
.upload-list progress {
	float: right;
	margin: 2px 10px 0
}

.upload-list select {
	display: none
}
.upload-list select.ecl-select{	
	padding: 0.0rem  0.3rem !important;
  /*  margin: 0rem !important;*/
    max-width: 11.0rem;
}
.upload-list>ol>li .form-group {
	margin-bottom: 0
}

.upload-list>ol>li .form-control {
	display: block;
	margin-top: -5px;
	font-size: 10.5pt
}

.upload-list>ol>li.error {
	background-color: #fff;
	border: 1px solid #ff9c00;
	margin: -1px 0 3px
}

.upload-list>ol>.error>.cell.icon:before {
	position: absolute;
	display: inline-block;
	font-family: 'ODR Glyphicons';
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	top: 7px;
	left: 15px;
	color: #933;
	content: "\e60c"
}

.upload-list>ol>.error>span {
	display: block;
	padding-left: 10px;
	font-style: italic;
	color: #FF9800;
	clear: left
}

.panel-expanded .panel-inner .table ul {
	margin-bottom: 0;
	padding: 0
}

.panel-expanded .panel-inner .table ul li {
	list-style-type: none
}

.panel-expanded .panel-inner .table ul li a:before {
	display: inline-block;
	font-family: 'ODR Glyphicons';
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	content: "\e602"
}

.panel-collapsed .panel-inner .help-block, .panel-expanded .panel-inner .help-block
	{
	margin-left: 25px
}

.group-summary {
	position: relative;
	border-bottom: 1px solid transparent;
	margin-top: 10px
}

.group-summary.with-arrow {
	border-bottom: 1px solid #c3c3c3 !important;
	margin-bottom: 50px
}

.group-summary>.panel-collapsed, .group-summary>.panel-expanded {
	margin-bottom: 0
}

.group-summary>.panel-collapsed a, .group-summary>.panel-expanded a {
	display: inline;
	font-size: 11pt;
	font-weight: 700;
	color: #428bca
}

.group-summary>.panel-collapsed a {
	border-bottom-width: 0
}

.group-summary>.panel-collapsed a:after, .group-summary>.panel-expanded a:after
	{
	display: none
}

.group-summary .help-block {
	background-image: none;
	margin-bottom: -18px;
	padding-bottom: 35px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11pt;
	font-weight: 400;
	line-height: 1.2;
	color: #909090
}

.group-summary .help-block.warning {
	color: #565656
}

.group-summary .arrow, .group-summary .arrow:after {
	position: absolute;
	display: block;
	border-color: transparent;
	border-style: solid;
	width: 0;
	height: 0
}

.group-summary .arrow {
	border-width: 16px 16px 0;
	border-top-color: rgba(0, 0, 0, .25);
	margin-left: -16px;
	bottom: -16px;
	left: 50%
}

.group-summary .arrow:after {
	border-width: 15px 15px 0;
	margin-left: -15px;
	bottom: 1px;
	border-top-color: #fff;
	content: " "
}

.group-summary ~.alternate-group .form-group .control-label {
	filter: alpha(opacity = 70);
	opacity: .7
}

.group-summary ~.alternate-group.collapse ~footer {
	padding-top: 15px
}

.group-summary ~.alternate-group.collapse.in ~footer {
	padding-top: 40px
}

@media ( min-width :768px) {
	.group-summary {
		margin-right: 10px;
		right: -10px
	}
}

.search-block {
	padding: 0 5px 10px
}

.search-block .form-group {
	margin-bottom: 5px
}

.search-block .col-sm-1, .search-block .col-sm-10, .search-block .col-sm-11,
	.search-block .col-sm-2, .search-block .col-sm-3, .search-block .col-sm-4,
	.search-block .col-sm-5, .search-block .col-sm-6, .search-block .col-sm-7,
	.search-block .col-sm-8, .search-block .col-sm-9 {
	padding-right: 5px;
	padding-left: 5px
}

.search-block .btn.col-sm-offset-4 {
	margin-left: 32.5%
}

.search-result table {
	margin-bottom: 0
}

.search-result .selected-rows>tbody>tr>td {
	background-color: #dfe8f6
}

.search-result .btn {
	margin-top: 10px;
	margin-bottom: 10px
}

.feedback-message {
	position: relative;
	margin: 0 auto 25px;
	padding-bottom:1.1rem;

}

.feedback-message>ul {
	/*border-radius: 10px;
	padding: 10px 20px;
	background-color: #FF9800;
	border-color: #FF9800;
	color: #000;*/
}

.feedback-message:empty, 
.feedback-message  ul:empty {
	display: none;
}

.feedback-message>ul>li {
/*	list-style-type: none;*/
	padding-left: 24px
}

.feedback-message>ul>li:before {
	/*font-family: 'ODR Glyphicons';
	content: "\e610"*/
}

.feedback-message>ul>li>a {
	/*color: inherit;*/
	cursor: pointer;
	margin-left: -1.1rem;
}

@media ( min-width :768px) {
	.feedback-message {
		width: 75%;
		left: 12%
	}
	
/*	.feedback-message>ul {
		margin-top: 20px;
		margin-bottom: 30px
	}*/
}

.has-error .radio-inline, .has-success .radio-inline, .has-warning .radio-inline
{
	margin-bottom: 15px;
}

.has-warning .form-control, .has-warning .form-control:focus {
	background-color: #fcf7f2;
	border-color: #e46b00
}

.has-error .control-label, .has-error select.form-control, .has-success .control-label,
	.has-success select.form-control, .has-warning .control-label,
	.has-warning select.form-control {
	color: #555
}

.has-warning .radio-inline {
	color: #FF9800
}

.has-error .radio-inline:last-child:after, .has-error>div:not (.radio-group
	):after, .has-success .radio-inline:last-child:after, .has-success>div:not
	(.radio-group ):after, .has-warning .radio-inline:last-child:after,
	.has-warning>div:not (.radio-group ):after {
	position: absolute;
	font-family: 'ODR Glyphicons';
	font-size: 180%;
	line-height: 1
}

.has-error>div:not (.radio-group):after, .has-success>div:not (.radio-group):after, .has-warning>div:not (.radio-group):after {
	top: 5px;
	right: 21px
}

.has-error .radio-inline:last-child:after, .has-success .radio-inline:last-child:after,
	.has-warning .radio-inline:last-child:after {
	margin-left: 5px;
	top: 0
}

.has-success .radio-inline:last-child:after, .has-success>div:not (.radio-group):after {
	color: #3c763d;
	content: "\e60b"
}

.has-warning .radio-inline:last-child:after, .has-warning>div:not (.radio-group):after {
	color: #FF9800;
	content: "\e602"
}

.has-error .radio-inline:last-child:after, .has-error>div:not (.radio-group):after {
	color: #a94442;
	content: "\e60c"
}

.has-error .form-control.optional, .has-warning .form-control.optional {
	border-color: #ccc
}

.help-inline {
	display: block;
	padding: 0 15px;
	clear: left
}

.has-warning .help-inline {
	color: #FF9800
}

@media ( min-width :768px) {
	.has-error .radio-inline:last-child:after, .has-success .radio-inline:last-child:after,
		.has-warning .radio-inline:last-child:after {
		left: 150px;
		top: 1px
	}
	.has-error>div:not (.radio-group ):after, .has-success>div:not (.radio-group
		):after, .has-warning>div:not (.radio-group ):after {
		right: -15px
	}
	.help-inline {
		display: none;
		position: absolute;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: 6px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
		margin-top: 45px;
		padding: 8px 12px;
		max-width: 250px;
		right: -75px;
		font-size: 10.2pt;
		z-index: 999
	}
	.help-inline .arrow, .help-inline .arrow:after {
		position: absolute;
		display: block;
		border-color: transparent;
		border-style: solid;
		width: 0;
		height: 0
	}
	.help-inline .arrow {
		border-width: 0 11px 11px;
		left: 72%;
		top: -11px;
		margin-left: -11px;
		border-bottom-color: rgba(0, 0, 0, .25)
	}
	.help-inline .arrow:after {
		border-width: 0 10px 10px;
		top: 1px;
		margin-left: -10px;
		border-bottom-color: #fff;
		content: " "
	}
	.has-success .help-inline {
		border-color: rgba(60, 118, 61, .5)
	}
	.has-success .help-inline .arrow {
		border-bottom-color: rgba(60, 118, 61, .5)
	}
	.has-warning .help-inline {
		border-color: rgba(228, 107, 0, .5)
	}
	.has-error .help-inline {
		border-color: rgba(132, 53, 52, .5)
	}
	.has-warning .help-inline .arrow {
		border-bottom-color: rgba(132, 53, 52, .5)
	}
	.has-error:hover .help-inline, .has-success:hover .help-inline,
		.has-warning:hover .help-inline, .panel-inner .table .has-error:hover .help-inline,
		.panel-inner .table .has-success:hover .help-inline, .panel-inner .table .has-warning:hover .help-inline
		{
		display: block
	}
	.col-sm-6 ~.help-inline {
		margin-right: 26%
	}
	.radio-group ~.help-inline {
		margin-top: 38px;
		margin-left: 95px;
		width: 150px;
		left: 50%
	}
	.representative .radio-group ~.help-inline {
		margin-left: 87px;
		left: 25%
	}
	.representative .s-radio-group ~.help-inline {
        margin-left: 87px;
        left: 25%
    }
	.radio-group ~.help-inline .arrow {
		left: 50%
	}
	.s-radio-group ~.help-inline .arrow {
        left: 50%
    }
	.form-inline.split .help-inline {
		margin-top: 4px;
		right: -45px
	}
	.upload-list .help-inline {
		margin: 5px 0 0;
		top: auto;
		right: auto
	}
	
    .has-textarea ~ .help-inline{
        right: -80px;
    }    
    .help-inline .arrow {
        border-width: 11px;
        left: 72%;
        top: -11px;
        margin-left: -11px;
        border-bottom-color: rgba(0, 0, 0, 0.25);
        border-top-width: 0;
    }
    .help-inline .arrow:after {
        border-width: 10px;
        top: 1px;
        margin-left: -10px;
        border-bottom-color: #fff;
        border-top-width: 0;
        content: " ";
    }
    
    /* display error message */
    .has-success:hover .help-inline,
    .has-warning:hover .help-inline,
    .has-error:hover .help-inline,
    .panel-inner .table .has-success:hover .help-inline,
    .panel-inner .table .has-warning:hover .help-inline,
    .panel-inner .table .has-error:hover .help-inline {
        display: block;
    }
    
    /* manage viewport boundaries */
    /* TODO: Find a better way to manage theses exceptions */
    .col-sm-6:not(.three-radiogroup) ~ .help-inline {
        margin-right: 26%;
    }
    
    .complaint-radiogroup ~ .help-inline {
        margin-right: 8%;
    }   
    
    .complaintTrader-radiogroup ~ .help-inline {
        margin-right: 25%;
    }   
    .complaintTrader-radiogroup3 ~ .help-inline {
        margin-right: 30%;
    }   
    .radio-group ~ .help-inline {
        margin-top: 38px;
        margin-left: 95px;
        width: 150px;
        left: 50%;
    }
    .s-radio-group:not(.are-you-obliged-group) ~ .help-inline {
        margin-top: 38px;
        margin-left: 95px;
        width: 150px;
        left: 81%;
    }   
    .are-you-obliged-group ~ .help-inline {
        margin-top: 2.6rem;
        margin-left: 5.5rem;
        width: 8.45rem;
        left: 72%;
    }   
    .representative .s-radio-group ~ .help-inline {
        margin-left: 87px;
        left: 47%;
        margin-top: 2.6rem;
    }
    .radio-group ~ .help-inline .arrow {
        left: 50%;
    }
    .representative .s-radio-group ~ .help-inline .arrow {
    
    }
    .form-inline.split .help-inline {
        margin-top: 4px;
        right: -45px;
    }   
    .upload-list .help-inline {
        margin: 5px 0 0;
        top: auto;
        right: auto;
    }
    .has-success .help-inline:before, .has-warning .help-inline:before {
        background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/layout/error-arrow-top.png)
    }
    .has-success .help-inline {
        border-color: rgba(60, 118, 61, .5)
    }
    .has-warning .help-inline {
        border-color: rgba(228, 107, 0, .5)
    }
    .has-error .help-inline {
        border-color: rgba(132, 53, 52, .5)
    }
    .has-error:hover .help-inline, .has-success:hover .help-inline,
        .has-warning:hover .help-inline {
        display: block !important
    }
    section.content .complaint-section:not (.editable ) dl dd>.help-inline {
        display: none !important
    }
    section.content .complaint-messages .has-warning .help-inline {
        display: block !important;
        position: relative;
        border-width: 0;
        border-radius: 0;
        box-shadow: none;
        margin-top: 0;
        padding: 5px 28px;
        max-width: 100%;
        left: 0
    }
    section.content .complaint-messages .has-warning .help-inline:before {
        position: absolute;
        background-image: none;
        margin: -3px 0 0;
        left: 0;
        font-family: 'ODR Glyphicons';
        font-size: 150%;
        line-height: 1;
        color: #FF9800;
        content: "\e602"
    }
    .participant-details .help-inline {
        left: 2%
    }
    .participant-details .help-inline:before {
        top: 3px
    }
    
div.has-success .ecl-text-input:after, div.has-success .ecl-select:after, div.has-success .ecl-textarea:after {
    color: #3c763d !important;
    content: "\e60b" !important;
}

div.has-warning input.ecl-text-input:after, div.has-warning select.ecl-select:not(.language-options):after, div.has-warning .ecl-textarea:after {
    color: #FF9800 !important;
    content: "\e602" !important;
}

div.has-error .ecl-text-iput:after, div.has-error .ecl-select:after, div.has-error .ecl-textArea:after{
    color: #a94442;
    content: "\e60c";
}

.has-success > div:not(.radio-group):after,
.has-warning > div:not(.radio-group):after,
.has-error > div:not(.radio-group):after, 
.has-success .radio-inline:last-child:after,
.has-warning .radio-inline:last-child:after,
.has-error .radio-inline:last-child:after {
    position: absolute;
    font-family: 'ODR Glyphicons';
    font-size: 180%;
    line-height: 1;
}
.has-warning > div:not(.ecl-form-label):not(.special-validation):after, 
.has-warning > div.date-group:after, .has-warning > div.s-radio-group:after, 
.has-warning .radio-inline:last-child:after {
    color: #FF9800;
    content: "\e602";
    position:absolute;
    right:-1.0rem;
    top:0.5rem;    
}
 .has-warning > div.s-radio-group:after{ 
       right:-1.75rem !important;
 }
}

@media ( min-width :1200px) {
	.radio-group ~.help-inline {
		margin-left: 100px
	}
}

.popover.right {
	margin-left: -175px !important;
	margin-right: 5px !important
}

.content-with-popover {
	position: relative !important;
	z-index: 1000 !important
}

.content-with-popover .popover.left {
	margin-left: 0 !important
}

.content-with-popover .popover.top {
	margin-left: 80px !important
}

.content-with-popover label[rel~=tooltip] { //
	background: #FFF;
	cursor: pointer;
	position: relative;
	margin-right: -2px;
	padding-right: 25px
}

.content-with-popover label[rel~=tooltip]:hover {
	background: #EEE;
	cursor: pointer;
	position: relative
}

.address-group input {
	margin-bottom: 10px
}

.address-group label {
	/*font-size: 12px;
	color: #555;*/
	width: 100%;
	color: #404040;
	display: block;
	font-size: .89rem;
	font-weight: 700;
	margin-bottom: 0;
	padding: 0 0 0.2rem 0;
	text-align: left;
}

.empty-message {
	padding: 10px;
	color: #C00
}

@media ( max-width :767px) {
	form section footer .draft, form section footer button#submitBtn, form section footer button.next
		{
		float: none;
		margin: 5px auto
	}
	form section footer .draft button, form section footer button#submitBtn,
		form section footer button.next {
		width: 80%
	}
}

.modal .adr-list {
	max-height: 300px;
    overflow-y: auto;
	padding: 1.0rem;
	/*overflow-x: scroll;*/
}

#searchADRModal .modal-dialog {
	width: 70%
}

#representativesModal .modal-dialog {
	width: 50%
}
/*
.search-adr-form-ctrls {
	float: right;
	margin-right: 16px
}
.complaint-versions-table {
	width: 100%;
	margin-bottom: 30px
}

.complaint-versions-table td, .complaint-versions-table th {
	vertical-align: top;
	padding: 5px 10px;
	border-bottom: 1px solid #F2F2F2
}

.complaint-versions-table tbody th {
	text-align: right;
	width: 20%;
}

.complaint-versions-table tbody th, .version-sub-title {
	font-size: 12px;
	color: #666;
	font-weight: 400 !important
}
*/

	
.versions-table tr:hover td, .versions-table tr:hover th {
	background: #f1f1f1
}

.version-inline-group input, .version-inline-group select {
	float: left;
	width: auto;
	margin-right: 10px
}

.short-version-description * {
	font-size: 12px !important
}

.adr-name {
	font-weight: 700
}
/*
.adr-table td, .adr-table th {
	border-right: 1px solid #EEE
}

.adr-table {
	border: 1px solid #EEE;
	margin-left: 0
}

.adr-table tr th:first-child {
	width: 30px
}
*/
#step-2 fieldset .pull-left, #step-3 fieldset .pull-left {
	margin: 8px
}

#step-3 fieldset legend {
	font-size: 12pt;
	padding-left: 10px;
	padding-right: 15px;
	border-bottom: none;
	text-align: right
}
#sectorModalBtn {
	margin-top: 0.5rem;
	}
/*
#sectorModalBtn {
	display: inline-block;
	margin-top: 5px;
	border-radius: 5px;
	padding: 8px 10px;
	text-decoration: none;
	border: 1px solid #337AB7;
	color: #FFF;
	background: #337AB7
}

#sectorModalBtn:hover {
	color: #337AB7;
	border: 1px solid #337AB7;
	background: #FFF
}
*/
#header-suggestions {
	padding: 0.3rem;
	font-weight: 700;
	border-bottom: 1px solid #DDD;	 
	}

.removeADR {
	cursor: pointer
}

#entityChooseContent .tab-pane {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden
}

#consLanguage {
	width: 80%
}

.resetInfoBtn {
	background: #fff;
	border: 1px solid #AAA
}

form section footer>button.next {
	position: relative;
	margin-left: 0;
	float: right;
	left: 0;
	margin-bottom: 10px
}

form section footer>.draft {
	clear: both;
	float: right;
	margin-left: 0;
	margin-right: 0
}

.has-warning .s-radio-group {
	border: 1px solid #E46B00;
	border-radius: 4px
}

.radio-inline-obliged-group {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer
}

.radio-inline-obliged-group+.radio-inline-obliged-group {
	margin-top: 0;
	margin-left: 10px
}

.radio-inline-obliged-group.disabled, fieldset[disabled] .radio-inline-obliged-group
	{
	cursor: not-allowed
}

.are-you-obliged-group {
	height: 45px;
	padding-top: 10px
}

.supportBtn {
	display: inline-block;
	float: right;
	background-color: #333;
	border: 1px solid #333;
	border-radius: 5px;
	margin: 0 10px 20px 0;
	padding: 10px 15px;
	font-size: 11pt;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	outline: dotted thin;
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}

.supportBtn:focus, .supportBtn:hover {
	color: #fff;
	text-decoration: none
}

.supportBtn.active, .supportBtn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 10px rgba(255, 255, 255, .5)
}

/**New CSS*/
.content-with-popover * {
	font-size: 98%;
}

main header>ul>li>a {
	border: 3px solid #000;
	margin: 0 10 35px;
	width: 48px;
	font-size: 18pt;
	color: #000 !important;
	line-height: 1.42857143 !important;
}
main header>ul>li.active>a {
	color: #fff;
	background-color: #ffd617 !important;
}
main header>ul>li.separator[aria-hidden="true"] {
	display: block;
	border-bottom: 3px solid #000;
}
main header>ul {
	margin-top: 5px;
	margin-left: 0px;
}

main header>ul>li>a>span {
	margin-top: 25px;
	color: #004494;
}
main header>ul>li>a>span:hover, main header>ul>li>a>span:focus {
	text-decoration: underline;
}

#aside-section * {
    font-size: 98%;
}

#article-slide, #quicktips, #help-link {
    margin-top: 30px;
    background-color: #ffffff;
}

footer .quicktip {
    padding: 3px;
}

section.content {
	margin-top: 2.2rem;
	padding-right: 5px;
	background-color: #ffffff;
}

div.calendar[aria-hidden='true'] {
	display: block;
}

select.combined-select:not(.align-left ){
	margin-left: 0.3rem;
	margin-top: 0;
	padding-left: 0.3rem;
}

.date-group .calendar {
	padding-top: 0.4rem;
	vertical-align: middle;
	padding-left: 0.40rem;
}

.content-with-popover .ecl-text-input {
	padding-top: 0.56rem;
	padding-bottom: 0.56rem;
}

a[data-help="modal"]>i[aria-hidden="true"] {
	display: block;
}

select[multiple] {
	background: #fff !important;
	width: 100% !important;
}

main .ecl-text-input, main .ecl-select {
	margin-top: 0rem;
}
form footer .ecl-button{
	margin-right:0.01rem;
	margin-left:0.01rem;
} 
form footer .ecl-button:first-of-type {  
    margin-left:0.1rem;
} 
form section footer .ecl-link {
    margin-right: 1.0rem;
    margin-left: 0.1rem;
    margin-top: 1.2rem;
    vertical-align: middle;
}
@font-face {
    font-family: 'ODR Glyphicons';
    src: url('https://ec.europa.eu/consumers/odr/resources/public/fonts/odr-glyphicons.eot');
    src: url('https://ec.europa.eu/consumers/odr/resources/public/fonts/odr-glyphicons.eot?#iefix') format('embedded-opentype'),
         url('https://ec.europa.eu/consumers/odr/resources/public/fonts/odr-glyphicons.woff') format('woff'),
         url('https://ec.europa.eu/consumers/odr/resources/public/fonts/odr-glyphicons.ttf') format('truetype'),
         url('https://ec.europa.eu/consumers/odr/resources/public/fonts/odr-glyphicons.svg#odr-glyphicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

div.has-error .ecl-text-input:after, div.has-success .ecl-text-input:after,  div.has-warning input.ecl-text-input:after,
    div.has-error .ecl-select:after, div.has-success .ecl-select:after, div.has-warning select.ecl-select:after,
    div.has-error .ecl-textArea:after, div.has-success .ecl-textarea:after, div.has-warning .ecl-textarea:after {
    position: absolute !important;
    font-family: 'ODR Glyphicons' !important;
    font-size: 180% !important;
    line-height: 1 !important;
}


.form-group .ecl-text-input, .form-group .ecl-select, .form-group .ecl-textArea, .form-group .s-radio-group{
	padding-right:2.0rem;		
} 
.are-you-obliged-group {	
	padding-top:0.2rem;
	padding-left:0.2rem;
	height:auto;
}
.are-you-obliged-group *{
	margin-left: 0.4rem !important;	
}
.are-you-obliged-group input[type=radio]:first-of-type{
	margin-top:-0.5rem;	
}
.modal-dialog span[aria-hidden="true"]{
	display:block;
}
select.ecl-select.additional-field{
	margin-top:0.5rem;	
}
.has-warning .ecl-text-input, .has-warning .ecl-select, .has-warning .ecl-textarea{
	border-color:#ff9800;
}

.modal.modal-wide .modal-dialog {
    width: 90%;
    height: calc(100% - 40px);
}
.modal-body {
    max-height: calc(100vh - 145px);
 /*   overflow-y: auto;*/
}
.modal-body.sectorWrapper{
	overflow-x: hidden;
	overflow-y: scroll !important;
}
.modal-body.privacyScroll{
	overflow-x: hidden;
	overflow-y: scroll !important;
}

section.content-with-popover *[aria-hidden="true"]:not(#consumer-representative):not(#adr-list-panel),  div.modal *[aria-hidden="true"]:not(.ecl-tabs__tabpanel){
    display:block !important;	
}

#consumer-representative[aria-hidden="true"], #adr-list-panel[aria-hidden="true"]{
    display:none;	
}

#consumer-representative[aria-hidden="false"], #adr-list-panel[aria-hidden="false"], #adr-list-panel[aria-hidden="false"]:not(.ecl-tabs__tabpanel){
    display:block !important;	
}
#consumer-representative[aria-hidden="true"], #adr-list-panel[aria-hidden="true"],#adr-list-panel[aria-hidden="true"]{
    display:none !important;   
}

 main *[aria-hidden="false"], div.modal *[aria-hidden="false"]{
    display:none;  
}

main *:not(span.icon), .modal *:not(span.icon), main *:not(i), .modal *:not(i), #aside-section *:not(i), #aside-section *:not(span.icon){
	font-family:Arial,sans-serif !important;	
}

#GlyphQuestion{
	font-family: 'Glyphicons Halflings' !important;
}	

#GlyphCalendar{
	font-family: 'Glyphicons Halflings' !important;
}

#GlyphArrow{
font-family: 'ODR Glyphicons'!important; 
}

#aside-section .item p,  #aside-section .item h1{
    float:left;
 }
.representativeListItem{	
	font-weight:700; 
	color:#004494; 
	padding-top:0.4rem;
}
#complaintFrm .form-group .ecl-form-label{
	text-align:right;
	
}
#complaintFrm .address-group .ecl-form-label{
    text-align:left;    
}
#aside-section header h1, #aside-section footer .quicktip h1{
	text-align:left;
	
}
.question-label{  
    padding-top: 0.55rem;
}
#article-slide header .heading--icon, .tab-content .heading--icon{
	position: relative;
    background-position: 0 0.1rem;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    padding-right: 0.3rem;   
    padding-left: 2.7rem;
    padding-bottom: 0.66rem;
    overflow: hidden;
}
#article-slide header .heading--icon.consumer-user {      
    background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/consumer-icon.png);    
} 
#article-slide header .heading--icon.trader-user {      
    background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/trader-icon.png);    
}
#article-slide header .heading--icon.purchase-details {      
    background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/purchase-icon.png);    
} 
#article-slide header .heading--icon.detail--icon {      
    background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/detail-icon.png);    
}
.tab-content .heading--icon.warning--icon {      
    background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/warning-icon-new.png);    
} 
.tab-content .heading--icon.is--quicktip {      
    background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/quicktip-icon.png);    
}
.tab-content .heading--icon.privacy-statement {		
    background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/privacystatement-icon.png);    
}
.tab-content .heading--icon.get-support {       
    background-image: url(https://ec.europa.eu/consumers/odr/resources/public/images/icons/get-support-icon.png);    
}
#help-link a.ecl-button {
    padding: 0.2rem 0.3rem;      
}

 ul.user-tab-menu .ecl-navigation-list__link[aria-selected="true"] {  
  background-color:#ffd617;
  border:2px solid #9f9f9f;
  border-bottom:none;
  color: #404040;
 }
 
 
section.ecl-tabs__tabpanel[aria-hidden=true] {
	display:none
}

section.ecl-tabs__tabpanel[aria-hidden=false] {
	display:block
}

.modal .extend-y .modal-body {
    max-height: calc(100vh - 185px);
    overflow-y: auto;
}
#BootstrapContextualHelpDescLabel{ 
	 
 }
#BootstrapContextualHelpDescLabel, #BootstrapContextualHelpDescLabel p{	
	font-size: 98% !important;
    line-height: 1.5;
    max-width: 50em;   
    color: rgb(64,64,64);
}
#file-upload.panel-collapsed a,
#file-upload.panel-expanded a{    	
    color: #004494;    
}
#file-upload.panel-collapsed a{
    border-bottom: 2px solid #004494;
}
#file-upload.panel-collapsed a:after,
#file-upload.panel-expanded a:after{ 
    color: #000;
	background: #ffd617;
	width: 1.55rem;
	height: 1.55rem;
	padding-top: 0.2rem;	
	padding-left: 0.12rem;
	margin-right: 0rem;
	margin-top: -0.2rem;
}
#file-upload.panel-collapsed a:focus,
#file-upload.panel-expanded a:focus,
#file-upload.panel-collapsed a:hover,
#file-upload.panel-expanded a:hover{ 
	color: #666666;
}
.ecl-link.next{
    margin-right:0.5rem;	
    margin-top:0.5rem;
}
section.content footer .ecl-button.saveDraftBtn{
	padding: .45rem 0.5rem;	
	margin-top: 0.3rem;
}
section.content footer .ecl-button.traderInfoBtn{
	padding: .45rem 0.5rem;
	margin-left:6.5rem;
}
.close-button{
	margin-top:-0.5rem;
	margin-right:0.35rem;
	padding:0.18rem;	
	font-size:12pt;
}