/* #region Common */
input:-webkit-autofill,
input:-webkit-autofill:focus textarea:-webkit-autofill,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus { border: 0 none; -webkit-text-fill-color: #707070; -webkit-box-shadow: 0 0 0 1000px #eee inset; box-shadow: 0 0 0 1000px #eee inset; transition: background-color 5000s ease-in-out 0s; }

::-webkit-scrollbar { width: 12px; }

::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #909090; border-radius: 10px; }

::-webkit-scrollbar-thumb { background-image: linear-gradient(90deg, #fbc811, #ee7623); border-radius: 10px; }

	::-webkit-scrollbar-thumb:hover { background-image: linear-gradient(90deg, #fbc811, #ee7623); }

html { position: relative; min-height: 100%; }

body { margin-bottom: 70px; }

body,
html {
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #24356f;
}

dir,
menu,
ul { list-style-type: none !important; padding: 0 !important; }

a,
a:active,
a:focus,
a:hover { text-decoration: none; color: #707070; }

	a.down:active,
	a.down:focus,
	a.down:hover { color: #ee7623; }

hr { border-top: 1px solid #707070; }

footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 10px 0;
	font-size: 0.9rem;
	background-color: #24356f;
	color: #fff;
	height: 70px;
}
footer a{
	color:#fff;
}
footer a:hover {
	color:#fff;
}
h1, h2, h3, h4, h5, h6 { font-weight: 700; }

	h2.page-title {
		color: #68acdf;
		text-align: center;
		margin: 0;
	}

		h2.page-title.left { text-align: left; }

h4 { font-size: 15px; }

	h4.lina {
		color: #68acdf;
		text-align: left;
	}

.main {
	margin: 160px 0 80px;
}

.bg-image {
	position: absolute;
	left: 50%;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: -1;
	background: url('/images/bg_NERI.jpg') no-repeat center;
	max-width: 1921px;
	transform: translateX(-50%);
}

.mt-0 { margin-top: 0; }

.mt-1 { margin-top: 1rem; }

.mt-2 { margin-top: 2rem; }

.mt-3 { margin-top: 3rem; }

.mb-0 { margin-bottom: 0; }

.mb-1 { margin-bottom: 1rem; }

.mb-2 { margin-bottom: 2rem; }

.mb-3 { margin-bottom: 3rem; }

.ml-2 { margin-left: 2rem; }

.page-content { margin: 0 auto; text-align: center; width: 100%; overflow: hidden; }

.abstract { text-align: center; margin: 40px 0; padding: 0; }

.loader { display: none; bottom: 0; height: 100%; left: 0; margin: auto; overflow: auto; position: absolute; right: 0; top: 0; width: 100%; background: url(/images/preloader.gif) 50% 50% no-repeat rgba(0, 0, 0, 0.3); z-index: 1; }

.w-100 { width: 100%; }

.pad-1 { padding: 1rem; }

.d-inline-block { display: inline-block; }

.d-inline-flex { display: inline-flex; }

.d-flex-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; }

.d-flex-auto { -webkit-flex: auto; -ms-flex: auto; flex: auto; }

.w-05 { width: 5%; }

.text-bold { font-weight: 700; }

.text-orange {
	color: #24356f;
}

.text-doc-website { color: #ec6a0e; }

	.text-doc-website svg { fill: #ec6a0e; }

.text-doc-cadenas { color: #00f; }

	.text-doc-cadenas svg { fill: #00f; }

.text-doc-datasheet { color: #e01522; }

	.text-doc-datasheet svg { fill: #e01522; }

.text-doc-price { color: #722EA3; }

	.text-doc-price svg { fill: #722EA3; }

.btn-multi { margin-bottom: 5px; }

.cad-list .list-group-item > span { margin-right: 10px; background: 0 0; }

.list-group-item-btn-cad.active,
.list-group-item-btn-cad:active,
.list-group-item-btn-cad:focus,
.list-group-item-btn-cad:hover { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 255, 0.8); box-shadow: inset 0 3px 5px rgba(0, 0, 255, 0.8); background: rgba(0, 0, 255, 0.7); color: #fff; }

.cad-list .list-group-item.active,
.cad-list .list-group-item.active:focus,
.cad-list .list-group-item.active:hover { z-index: 2; color: #fff; background-color: rgba(0, 0, 255, 0.7); border-color: rgba(0, 0, 255, 0.8); }

.welcome { margin-bottom: 40px; color: #ee7623; font-weight: 600; line-height: 20px; }
/* #endregion */

/* #region Bootstrap override */
.btn-block { margin: 40px 0 20px; }

.btn-primary {
	background-color: #68acdf;
	color: #24356f;
	border-radius: 0;
	border-color: #68acdf;
	font-size: 1.15rem;
	text-transform: uppercase;
	font-weight: 700;
 
	padding: 12px;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	.btn-primary.active,
	.btn-primary.active.focus,
	.btn-primary.active:focus,
	.btn-primary.active:hover,
	.btn-primary:active,
	.btn-primary:active.focus,
	.btn-primary:active:focus,
	.btn-primary:active:hover,
	.btn-primary:focus,
	.btn-primary:hover,
	.open > .dropdown-toggle.btn-primary.focus,
	.open > .dropdown-toggle.btn-primary:focus,
	.open > .dropdown-toggle.btn-primary:hover {
		color: #fff;
		background-color: #24356f;
		border-color: #24356f;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.btn-primary.btn-xs { padding: 2px 10px; font-size: 0.9rem; }

.btn.fancy-down { color: #fff; border: 1px solid #ee7623; line-height: 28px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.de .btn.fancy-down { font-size: 13px; }

.btn.fancy-down:active,
.btn.fancy-down:focus,
.btn.fancy-down:hover { background-color: #fff; color: #ee7623; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.btn.fancy-down svg { float: left; margin-right: 3px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.btn.fancy-down:active svg,
.btn.fancy-down:focus svg,
.btn.fancy-down:hover svg { fill: #ee7623; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.btn-info { background-color: #552a0c; color: #fff; border: 0 none; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; right: 60px; }

	.btn-info:active,
	.btn-info:focus,
	.btn-info:hover { background-color: #552a0c; border-color: #552a0c; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.btn-sm { font-size: 1rem; padding: 8px; }

.btn-primary.bg-doc-website { color: #fff; background-color: #ec6a0e; border: 1px solid #ec6a0e; }

	.btn-primary.bg-doc-website:active,
	.btn-primary.bg-doc-website:focus,
	.btn-primary.bg-doc-website:hover { color: #ec6a0e; background-color: #fff; border-color: #ec6a0e; }

.btn.fancy-down.bg-doc-website:active svg,
.btn.fancy-down.bg-doc-website:focus svg,
.btn.fancy-down.bg-doc-website:hover svg { fill: #ec6a0e; }

.btn-primary.bg-doc-cadenas { color: #fff; background-color: #00f; border: 1px solid #00f; }

	.btn-primary.bg-doc-cadenas:active,
	.btn-primary.bg-doc-cadenas:focus,
	.btn-primary.bg-doc-cadenas:hover { color: #00f; background-color: #fff; border-color: #00f; }

.btn.fancy-down.bg-doc-cadenas:active svg,
.btn.fancy-down.bg-doc-cadenas:focus svg,
.btn.fancy-down.bg-doc-cadenas:hover svg { fill: #00f; }

.btn-primary.bg-doc-datasheet { color: #fff; background-color: #e01522; border: 1px solid #e01522; }

	.btn-primary.bg-doc-datasheet:active,
	.btn-primary.bg-doc-datasheet:focus,
	.btn-primary.bg-doc-datasheet:hover { color: #e01522; background-color: #fff; border-color: #e01522; }

.btn.fancy-down.bg-doc-datasheet:active svg,
.btn.fancy-down.bg-doc-datasheet:focus svg,
.btn.fancy-down.bg-doc-datasheet:hover svg { fill: #e01522; }

.btn-primary.bg-doc-price { color: #fff; background-color: #722EA3; border: 1px solid #722EA3; }

	.btn-primary.bg-doc-price:active,
	.btn-primary.bg-doc-price:focus,
	.btn-primary.bg-doc-price:hover { color: #722EA3; background-color: #fff; border-color: #722EA3; }

.btn.fancy-down.bg-doc-price:active svg,
.btn.fancy-down.bg-doc-price:focus svg,
.btn.fancy-down.bg-doc-price:hover svg { fill: #722EA3; }

.text-danger,
.validation-summary-errors { color: #e01522; font-size: 0.9rem; font-weight: 600; }

.navbar-fixed-top {
	background-color:  #24356f;
	padding: 0;
	margin: 0;
	z-index: 3;
}

.footer.navbar-fixed-bottom { z-index: 3; }

.navbar-brand {
	float: left;
	height: auto;
	padding: 11px 8px;
	background: #fff;
}
.navbar-brand img{
	max-width:225px;	
}

.nav > li > a:focus,
.nav > li > a:hover { background-color: transparent; }

.tooltip-inner { padding: 6px; background-color: #fff; }

.popover { max-width: 20rem; z-index: 10000; }

.panel { border: 0 none; }

.panel-group .panel { border-radius: 0;background:transparent; }

.panel-default { border-color: transparent; }

.panel-heading { padding: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.panel-default > .panel-heading { color: #707070; background-color: #fff; border-color: #ddd; }

.panel-body { 
	padding: 0;
	background:#fff;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: transparent; }

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0 none; }

.panel-group .panel-footer { background-color: #fff; border-top: 1px solid #ddd; }

.panel-default > .panel-heading .badge {
	color: #68acdf;
	background-color: #fff;
}

.btn-group.downloads a { border-radius: 4px !important; margin: 0 6px 10px 6px !important; }

.dl-horizontal dd,
.dl-horizontal dt { line-height: 1.2rem; padding-bottom: 6px; }

.dl-horizontal dt { white-space: normal; text-align: left; width: 30%; font-size: 0.9rem; }

.dl-horizontal dd { margin-left: 33%; }

.table-hover > tbody > tr:hover {
	background-color: #24356f;
	color: #fff;
}

.form-control { background-color: #fff; color: #707070; border: 1px solid #ee7623; }

	.form-control[disabled],
	.form-control[readonly],
	fieldset[disabled] .form-control { background-color: #f9f9f9; color: #707070; border: 1px solid #707070; }

span.caret { color: #ee7623; }

select { background-color: #fff; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }

	select.form-control { background-image: linear-gradient(45deg, transparent 50%, #ee7623 50%), linear-gradient(135deg, #ee7623 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; }

		select.form-control:focus { background-image: linear-gradient(45deg, #ee7623 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #ee7623 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; border-color: #ee7623; outline: 0; }

		select.form-control.grey { border: 1px solid #707070; background-image: linear-gradient(45deg, transparent 50%, #707070 50%), linear-gradient(135deg, #707070 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); }

			select.form-control.grey:focus { background-image: linear-gradient(45deg, #707070 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #707070 50%), linear-gradient(to right, #ccc, #ccc); border-color: #707070; }

	select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

.list-group { margin-bottom: 10px; }

.list-group-item { padding: 5px 15px; border: 0 none; }

.checkbox-inline,
.radio-inline { font-size: 0.85rem; padding: 10px 0; }
	.checkbox-inline.one-row input[type="checkbox"] { margin-top: 10px; }

	.checkbox-inline a {
		text-decoration: underline;
		color: #24356f;
		font-weight: 700;
		display: inline-block;
		padding-top: 10px;
	}

.wd-content .checkbox-inline { padding: 10px 20px 10px 10px; font-size: 1rem; font-weight: 700; }

.wd-content .radio-inline { padding: 0 0 18px; }

.nav-tabs { border-bottom: 0 none; }
/* #endregion */

/* #region Forms */
.form-signin-wrapper { margin-top: 110px; margin-bottom: 80px; }

	.form-signin-wrapper a { font-size: 0.9rem; }

.form-signin { position: relative; padding: 64px 130px 24px; margin: 0 auto; background-color: #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; max-width: 25vw; }
	.form-signin.register { max-width: 45vw; }
	.form-signin .form-title {
		position: absolute;
		display: block;
		top: -16px;
		left: 0;
		width: 100%;
		text-align: center;
		font-size: 2rem;
		color: #24356f;
		font-weight: 700;
		line-height: 28px;
	}

	.form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; text-align: center; background-color: rgba(0, 0, 0, 0); border: 0 none; box-shadow: none; border-radius: 0; border-bottom: 1px solid #ccc; }

		.form-signin .form-control:focus { z-index: 2; }

	.form-signin input[type="text"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

	.form-signin input[type="password"] { border-top-left-radius: 0; border-top-right-radius: 0; }

.form-register-wrapper { margin-top: 50px; margin-bottom: 80px; }

	.form-register-wrapper a { font-size: 0.9rem; }

.form-signin.register { padding: 30px 30px 10px; }

	.form-signin.register select { text-align-last: center; }

.form-register-wrapper .btn-block { margin: 0 0 10px; }

.radiocheck-container { display: block; position: relative; padding-left: 32px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

	.radiocheck-container.radio-only { margin-left: 37%; }

	.radiocheck-container input[type="checkbox"],
	.radiocheck-container input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

.radiocheck-mark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #ccc; }

	.radiocheck-mark.radio { border-radius: 50%; }
	.radiocheck-mark.radiofilter { top: -10px; }

.carousel-filters {
	max-height: 68vh;
	overflow-y: scroll;
	border: 1.5px solid #24356f;
}
	.carousel-filters .filters-caption {
		color: #68acdf;
		padding: 15px 0;
	 
		font-weight: bold;
		font-size: 1.2em;
		border-radius: 4px 4px 0 0;
		text-transform: uppercase;
	}
.filters-caption button {
	border-radius: 0;
	border: 1px solid #24356f;
	color: #24356f;
}
	.filters-caption button:hover {
		color: #fff;
		background-color: #68acdf;
		border-color: #68acdf;
	}
.carousel-filters .filters-group {
	padding: 10px 0;
	margin-bottom: 20px;
	 
/*	background-color: #fff;*/
}
		.carousel-filters .filters-group h4 { margin: 0; }

ul.filter-display { list-style-type: disc !important; padding: 4px !important; list-style-position: inside; margin-bottom: 0; }
	ul.filter-display li {
		color: #24356f;
		font-size: 75%;
		line-height: 1.1;
		margin: 6px 0 0;
	}

.radiocheck-container:hover input ~ .radiocheck-mark {
	background-color: #24356f;
}

.radiocheck-container input:checked ~ .radiocheck-mark {
	background-color: #68acdf;
}

.radiocheck-mark:after { content: ""; position: absolute; display: none; }

.radiocheck-container input:checked ~ .radiocheck-mark:after { display: block; }

.radiocheck-container .radiocheck-mark:after { left: 7px; top: 4px; width: 5px; height: 10px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.radiocheck-container .radiocheck-mark.radio:after { left: 5px; top: 5px; width: 8px; height: 8px; border-radius: 50%; background: #fff; }
/* #endregion */

/* #region Menu */
a.nav-button {	color: #68acdf;	padding-right: 30px !important;
}

.navbar-right { margin-top: 20px !important; }

	.navbar-right h4,
	.navbar-right h5 { color: #fff; }

	.navbar-right h4 { font-size: 1.3rem; line-height: 14px; margin-bottom: 0; }

	.navbar-right h5 { font-size: 0.85rem; line-height: 17px; }

#lang-menu-wrapper {
	text-align: center;
	background-color: #24356f;
	padding: 2em 0;
	margin-bottom: 1em;
	height: 121px;
}
	margin-bottom: 1em;
}

.steps-nav {  display: block; margin: 0 2em !important; overflow: hidden; box-sizing: border-box; }

	.steps-nav li.active {
		border-bottom: 6px solid #68acdf;
	}

.step-counter {
	color: #fff;
	font-size: 42px;
	font-weight: bold;
	padding: 67px 25px 30px;
	display: inline-block;
}

	.step-counter.home {
		font-size: 42px;
		padding: 55px 25px 24px;
	}
	.step-counter.home a { color: #ffffff; }

.bottom {
	bottom: 0;
	position: absolute;
	padding: 15px;
	bottom: 0;
	position: absolute;
	padding: 15px;
	font-size: 12px;
	color: #24356f;
}

	.bottom a { padding: 0.5rem 0 0; font-size: 0.8rem; }

.cbp-spmenu .bottom a { display: inline; }

	.cbp-spmenu .bottom a:active,
	.cbp-spmenu .bottom a:hover { background: 0 0; }
/* #endregion */

/* #region Wizard */
.owl-carousel .owl-stage-outer { padding: 8px 0; }

.owl-carousel .owl-item img.thumb { width: auto; margin: 0 auto; }

.owl-carousel.spacer .owl-item img.thumb { display: inline-block; width: 4rem; }

.carousel-scroll .item,
.owl-carousel .item { padding: 4px; }

.owl-carousel.nospacer { margin-top: 1em; }

	.owl-carousel.nospacer .owl-stage { margin: 0 auto; }

	.carousel-scroll .item-content,
	.owl-carousel.nospacer .item-content {
		border: 1.5px solid #24356f;
		cursor: pointer;
		background-color: #fff;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		padding: 4px;
	}

		.carousel-scroll .item-content:hover,
		.owl-carousel.nospacer .item-content:hover {
			-webkit-box-shadow: 0 0 2px 2px rgba(36, 53, 111, 0.5), 0 0 4px 4px rgba(36, 53, 111, 0.5);
			-moz-box-shadow: 0 0 2px 2px rgba(36, 53, 111, 0.5), 0 0 4px 4px rgba(36, 53, 111, 0.5);
			box-shadow: 0 0 2px 2px rgba(36, 53, 111, 0.5), 0 0 4px 4px rgba(36, 53, 111, 0.5);
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}

	.owl-carousel.nospacer .item img { border-bottom: 1px solid #eee; }

.carousel-scroll { margin-top: 6px; }

.carousel-scroll-list { height: 40em; position: relative; overflow-y: scroll; margin: 2em 19%; width: 62%; }

.carousel-scroll-list2 { position: relative; overflow-y: scroll; margin: 2em 0; max-height: 68vh; }
.side-filters { margin: 1em; }

.carousel-scroll .item { width: calc(20% - 10px); display: inline-block; }

	.carousel-scroll .item img { border-bottom: 1px solid #eee; }

.carousel-scroll .item-content {
	margin-bottom: 10px;
	text-align: center;
	border: 1.5px solid #24356f;
}

.owl-carousel.spacer { margin-top: 0; }

	.owl-carousel.spacer h4 { padding-bottom: 10px; }

.item-content { background-color: #eee; padding: 10px; }

.carousel-scroll .item-content.selected,
.owl-carousel .item-content.selected {
	border: 2px solid #24356f;
}

.owl-theme .owl-dots .owl-dot span { width: 1.8rem; height: 0.6rem; margin: 1rem 0.4rem; background: #ccc; border-radius: 0.6rem; }

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: #ee7623; }

.image-preview { height: 9em; background-color: transparent; }

.values-list { max-height: 26em; overflow-y: scroll; padding: 0 10px; }

.value-item { background: #fff; border: 1px solid #ddd; margin: 6px 0; padding: 6px 10px; min-height: 5.2rem; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 4px; }

	.value-item:hover { -webkit-box-shadow: 1px 1px 3px 1px #ee7623; -moz-box-shadow: 1px 1px 3px 1px #ee7623; box-shadow: 1px 1px 3px 1px #ee7623; border: 1px solid #ee7623; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

	.value-item.active { border: 2px solid #ee7623; }

	.value-item img.thumb { width: 60px; float: left; margin-right: 10px; display: inline-block; }

	.value-item h3 { text-align: left; padding: 0 0 0 5rem; margin: 0; font-size: 1rem; line-height: 1.2rem; }

.item-text-outer .item-content { display: table; height: 100%; }

.item-text-inner { display: table-cell; text-align: center; vertical-align: middle; background-color: #fff; }

.item-text-content { background: #eee; width: 60%; margin: 0 auto; padding: 16px 24px; font-weight: 700; }

.item-abstract {
	background-color: #fff;
	padding: 0.5em;
	text-align: center;
	overflow: hidden;
	font-size: 0.9em;
	color: #24356f;
}

.carousel-scroll .item-abstract { height: 8rem; }

.owl-carousel .item-abstract { height: 5rem; }

.nav-bottom { width: 100%; padding: 0 10%; }

	.nav-bottom button, #accordion-buttons button{
		min-width: 160px;
		background-color: #68acdf;
		color: #24356f;
		border-color: #68acdf;
		border-radius: 0;
	}
		#accordion-buttons button:hover {
			color: #fff;
			background-color: #24356f;
			border-color: #24356f;
		}
	.footer-sel .val {
	border: 0.05em solid #68acdf;
	border-radius: 0;
	height: 2rem;
	width: 7rem;
	font-size: 0.6rem;
	line-height: 2rem;
	margin: 0 auto;
	font-weight: 700;
	white-space: nowrap;
}

	.footer-sel .val.selected {
		background:#68acdf;
	 
		color: #fff;
	}

.footer-sel .key { font-size: 0.6rem; color: #fff; }
/* #endregion */

/* #region Cadenas */
.accordion-toggle {
	display: table;
	width: 100%;
	background-color: transparent;
	border: 1px solid #24356f;
}

	.accordion-toggle:focus,
	.accordion-toggle:focus:after,
	.accordion-toggle:focus > span,
	.accordion-toggle:hover,
	.accordion-toggle:hover:after,
	.accordion-toggle:hover > span {
		background-color: #24356f;
		color: #fff;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.accordion-toggle.collapsed.disabled,
	.accordion-toggle.collapsed.disabled:after { color: #999; cursor: not-allowed; }

.panel-content { padding: 1rem; }

.accordion-toggle:after {
	font-family: FontAwesome;
	content: "\f077";
	float: right;
	color: #24356f;
	padding: 0.5rem 1rem 0.5rem 0;
}

.accordion-toggle.collapsed:after { content: "\f078"; }

.panel-title { margin-bottom: 2px; }

.item-code { display: table-cell; float: left; width: 5%; text-align: center; padding: 0.5rem 1rem; color: #fff; font-weight: 600; margin-top: 2px; }

	.item-code.grey { font-weight: 700; }

.level3 .item-code.grey { font-size: 1rem; height: 32px; white-space: nowrap; }

.item-name {
	color: #68acdf;
	display: table-cell;
	float: left;
	width: 80%;
	padding: 0.5rem 1rem;
	margin-top: 2px;
}
.accordion-toggle .item-name {
	color: #24356f;
}
.accordion-toggle:hover .item-name, .accordion-toggle:focus .item-name {
	color: #ffffff;
}

	.item-name.grey {
	background-color: #ddd;
	font-weight: 700;
}

		.item-name.grey.w-92 { width: 92%; }

		.item-name.grey.w-95 { width: 95%; }

		.item-name.grey.w-100 { width: 100%; }

.level1,
.level1-item,
.level2,
.level2-item,
.level3,
.level3-item,
.params-container { overflow: visible; display: block; clear: both; padding: 0; margin: 0; }

.level1 { margin-left: 0.5rem; }

.level2 { margin-left: 1rem; }

.level3 { margin-left: 1.5rem; }

.level1-head,
.level2-head,
.level3-head { display: block; border-bottom: 1px solid #eee; }

.level0-head > .item-code {
	background-color: #68acdf;
	color: #24356f;
}

.level1-head > .item-code {
	background-image: linear-gradient(to right, #68acdf, #538dc4, #416ea8, #31518c, #24356f);
	color: #fff;
}

.level2-head > .item-code {
	background-image: linear-gradient(to right top, #24356f, #31518c, #416ea8, #538dc4, #68acdf);
}

.level3-head > .item-code {
	background-color: #24356f;

}

.params-container {
	padding: 1rem;
	border: 1px solid #24356f;
	width: 100%;
	margin-left: 0;
}
.params-container.bg-white { background-color: #fff; }
.params-container label.top-label { font-size: 0.7rem; display: block; white-space: nowrap; }

	.params-container input { text-align: center; padding: 10px; font-weight: 700; margin-bottom: 10px; width: 75%; margin: 0 auto; }

	.params-container select { font-weight: 700; margin-bottom: 10px; width: 75%; margin: 0 auto; }

.param-list,
.widget-container { margin-bottom: 3rem; }
	.widget-container.h-100 { margin-bottom: 0; }

.param-item .btn-info { position: absolute; margin-left: 4px; }

.top-label { display: block; }

.table-pre tr { cursor: pointer; }

	.table-pre tr:first-child { cursor: default; }

.col-sidebar { position: fixed; right: 0; height: 48rem; overflow: hidden; overflow-y: auto; }

.dd {
	border: 2px solid #68acdf;
	background-color: #fff;
}

.modal-foot .dd { border: 1px solid #ccc; }

.dst-content .dd { border: 1px solid #707070; }

.dd .ddTitle { color: #707070; font-weight: 700; background-color: #fff; background-image: none; min-height: 4rem; background: 0 0; }

.dst-content .dd .ddTitle { min-height: 2rem; }

.dd .ddChild li,
.dd .ddTitle .ddTitleText { display: table; min-height: 4rem; width: 100%; }

.dst-content .dd .ddChild li,
.dst-content .dd .ddTitle .ddTitleText { min-height: 2rem; }

.dd .ddChild li img,
.dd .ddTitle .ddTitleText img { padding: 5px; max-width: 4rem; display: table-cell; }

.dst-content .dd .ddChild li img,
.dst-content .dd .ddTitle .ddTitleText img { padding: 0; width: 18px; margin-right: 6px; }

.dd .ddlabel { display: table-cell; text-align: left; vertical-align: middle; min-height: 4rem; min-width: 14rem; }

.dst-content .dd .ddlabel { min-height: 2rem; }

.ddcommon .disabled img,
.ddcommon .disabled span,
.ddcommon.disabledAll { -ms-filter: "alpha(opacity=80)"; opacity: 0.8; color: #707070; font-weight: 400; border: 2px solid #fff; }

	.ddcommon.disabledAll .ddArrow,
	.ddcommon.disabledAll .divider { display: none; }

#lang-menu-wrapper .ddChild li,
#lang-menu-wrapper .ddTitle,
#lang-menu-wrapper .ddTitleText,
#lang-menu-wrapper .ddlabel { min-height: 1px; }

.master-sel .dd .ddlabel { min-width: 1px; min-height: 1px; }

#nav-right > li { border: 0 none; background-color: #fff; }

	#nav-right > li > a { background-color: #eee; border-bottom: 2px solid #fff; padding: 7px 0; font-weight: 700; color: #707070; width: 15rem; text-align: left; padding: 6px; }

	#nav-right > li.active > a,
	#nav-right > li.active > a:focus,
	#nav-right > li.active > a:hover { border: 0 none; border-bottom: 2px solid #fff; }

	#nav-right > li.active > a,
	#nav-right > li:focus > a,
	#nav-right > li:hover > a {
		background-color: #24356f;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

.img-txt > .img,
.img-txt > .txt { display: inline-block; }

#nav-right > li.active > a .txt,
#nav-right > li:focus > a .txt,
#nav-right > li:hover > a .txt { color: #fff; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.accordion-buttons { position: absolute; top: 0; right: 15px; }

	.accordion-buttons button { border-radius: 4px !important; margin-left: 10px !important; }

#lina-code { font-size: 15px; font-weight: 700; color: #ee7623; text-align: left; }
/* #endregion */

/* #region downloads */
.wd-content { margin-top: 40px; min-height: 40rem; }

	.wd-content .panel-heading { background-color: transparent; margin-bottom: 40px; }

.dst-content .panel-heading { margin-bottom: 10px; }

.wd-content .panel-heading h4 { font-size: 1.4rem; }

.modal-dialog { overflow-y: initial !important; }

.modal-body { max-height: 50rem; overflow-y: auto; }

.form-inline .form-group { display: table; }

	.form-inline .form-group label { display: table-cell; padding-right: 10px; }

img.flag { width: 30px; }

#docs-lang_msdd .ddChild li,
#docs-lang_msdd .ddTitle,
#docs-lang_msdd .ddTitle .ddTitleText { min-height: 1rem; }

#CombinationView .ddChild li,
#CombinationView_msdd .ddTitle,
#CombinationView_msdd .ddTitle .ddTitleText,
#DownloadLang .ddChild li,
#DownloadLang_msdd .ddTitle,
#DownloadLang_msdd .ddTitle .ddTitleText { min-height: 2rem; }

#partial-queue .panel-body { max-height: 24rem; overflow: auto; }

.table-queue { width: 100%; }

	.table-queue thead { width: calc(100% - 1em); font-size: 0.9rem; }

	.table-queue tbody { display: block; font-size: 0.9rem; font-weight: 600; }

		.table-queue tbody tr,
		.table-queue thead { display: table; width: 100%; table-layout: fixed; }

	.table-queue th { height: 30px; line-height: 30px; }

	.table-queue svg { float: left; margin-right: 3px; }

.dot { height: 1rem; width: 1rem; background-color: #ccc; border-radius: 50%; display: inline-block; }

	.dot.idle { background-color: #ccc; }

	.dot.downloading,
	.dot.processing { background-color: #ffda04; }

	.dot.ready { background-color: #10ff5f; }

	.dot.failed { background-color: #ff0f03; }

	.dot.downloaded { background-color: #0f87ff; }

.table-website thead { background: #eee; }

	.table-website thead tr th { border-bottom: 0 none; }

.fancybox-button { height: 60px; visibility: visible; width: 60px; }
/* #endregion */

/* #region Media queries */
@media (max-width: 1366px) {
	.level3 .item-code { width: 12%; }

	.carousel-scroll .item { width: 23.74%; }

	.hidden-md { display: none; }

	.dd .ddlabel { word-break: break-all; }
}

@media (max-height: 768px) {
	.col-sidebar { height: 30rem; }
}

@media (max-width: 1024px) {
	.abstract { margin: 15px 0; }

	.navbar-right { margin-right: 0; }

	.form-signin { max-width: 40vw; }

	.owl-carousel.nospacer { margin-top: 0; }

	.owl-carousel .item-abstract { height: 6rem; }

	.dl-horizontal dt,
	.dl-horizontal dd { float: left; text-align: left; white-space: normal; width: 100%; margin: 0; }

	.item-code { width: 16%; }

	.item-name { width: 78%; }

		.item-name.w-92,
		.item-name.grey.w-92 { width: 84%; }

	.panel-title { font-size: 0.85rem; }

	.values-list { max-height: 16em; }

	.col-sidebar { overflow-y: scroll; max-height: 36rem; }

	.carousel-scroll-list { height: 35em; margin: 2em 10%; width: 80%; }

	.carousel-scroll .item { width: 24%; }

	#nav-right > li > a { width: 10rem; height: 3rem; }

	.footer-sel .val { width: 5rem; }

	.btn-info { height: 28px; line-height: 1.3; }

	.dd .ddlabel { min-width: 24rem; }
}

@media (max-width: 768px) {
	.main { margin: 128px 0 110px; }

	footer { height: 110px; }

	.navbar-right { margin-right: 0; }

		.navbar-right li:first-child { display: none; }

	.form-signin { max-width: 60vw; }

	.owl-carousel .item-abstract { height: 8rem; }

	.values-list { max-height: 32em; }

	.col-sidebar { position: relative; overflow-y: hidden; max-height: 100rem; }

	.dd .ddlabel { min-width: 24rem; }
}
/* #endregion */