@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Roboto-Regular.woff') format('woff'),
	url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto-Bold.eot');
	src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Roboto-Bold.woff') format('woff'),
	url('../fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Light';
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Roboto-Light.woff') format('woff'),
	url('../fonts/Roboto-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



*, *:before, *:after {
	box-sizing: border-box;
}

.overlay {
	position: absolute;
	overflow: visible;
	margin-left: -2px;
	margin-top: -2px;
	/* -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; */
	cursor: pointer;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	width: 100% !important;
}
.overlay:hover {
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

/*.overlay.application:hover { background: rgba(250, 219, 23, 0.25); }*/
/*.overlay.dictionary:hover { background: rgba(255, 187, 0, 0.25); }*/
/*.overlay.audio:hover { background: rgba(91, 189, 130, 0.25); }*/
/*.overlay.image:hover { background: rgba(250, 23, 23, 0.25); }*/
/*.overlay.video:hover { background: rgba(23, 71, 158, 0.25); }*/
/*.overlay.html:hover { background: rgba(250, 23, 23, 0.25); }*/

.overlay.application:hover { background: rgba(0, 85, 86, 0.25); }
.overlay.dictionary:hover { background: rgba(0, 85, 86, 0.25); }
.overlay.audio:hover { background: rgba(0, 85, 86, 0.25); }
.overlay.image:hover { background: rgba(0, 85, 86, 0.25); }
.overlay.video:hover { background: rgba(0, 85, 86, 0.25); }
.overlay.html:hover { background: rgba(0, 85, 86, 0.25); }

.application:not(.applicationLeft)::after, .dictionary:not(.dictionaryLeft)::after, .audio:not(.audioLeft)::after, .image:not(.imageLeft)::after, .video:not(.videoLeft)::after, .html:not(.htmlLeft)::after{
	width: 40px!important;
	height: 48px!important;
	display: block;
	position: absolute;
	top: 50%;
	margin: -24px 0 0 -3px!important;
	z-index: 100;
	content: "";
	background-size: 100% auto !important;
	animation: slideIcon 0.5s forwards;
}


.applicationLeft::before,.dictionaryLeft::before,.audioLeft::before,.imageLeft::before,.videoLeft::before,.htmlLeft::before{
	width: 27px!important;
	height: 34px!important;
	display: block;
	position: absolute;
	top: 50%;
	margin: -9px 0 0 -11px!important;
	z-index: 100;
	content: "";
	background-size: 100% auto !important;
	animation: slideLIcon 0.5s forwards;

}

@media screen and (max-width: 767px) {
	.application:not(.applicationLeft)::after, .dictionary:not(.dictionaryLeft)::after, .audio:not(.imageLeft)::after, .image:not(.imageLeft)::after, .video:not(.videoLeft)::after, .html:not(.htmlLeft)::after{
		width: 30px;
		height: 37px;
		margin: -41px 0 0 -4px;

	}
	.applicationLeft::before,.dictionaryLeft::before,.audioLeft::before,.imageLeft::before,.videoLeft::before,.htmlLeft::before{
		width: 30px;
		height: 37px;
		left:6%;
		/*left:5%;*/
	}
	.double-page .applicationLeft::before,.double-page .dictionaryLeft::before,.double-page .audioLeft::before,
	.double-page .imageLeft::before, .double-page .videoLeft::before, .double-page .htmlLeft::before{
		width: 16px;

	}
	/*#helpsmall{*/
	/*	display: none!important;*/
	/*}*/
	.main-menu{
		right: 0!important;
	}
}
@media screen and (max-width: 455px) {
	.application:not(.applicationLeft)::after, .dictionary:not(.dictionaryLeft)::after, .audio:not(.imageLeft)::after, .image:not(.imageLeft)::after, .video:not(.videoLeft)::after, .html:not(.htmlLeft)::after{
		margin: -41px 0 0 -8px;
	}
	.applicationLeft::before,.dictionaryLeft::before,.audioLeft::before,.imageLeft::before,.videoLeft::before,.htmlLeft::before{

		left:8%;
	}
}


.application:not(.applicationLeft):hover::after, .dictionary:not(.dictionaryLeft):hover::after, .audio:not(.audioLeft):hover::after, .image:not(.imageLeft):hover::after, .video:not(.videoLeft):hover::after, .html:not(.htmlLeft):hover::after,
.applicationLeft:hover::before, .dictionaryLeft:hover::before, .audioLeft:hover::before, .imageLeft:hover::before, .videoLeft:hover::before, .htmlLeft:hover::before{
	display:none;
}
.applicationLeft::before, .applicationRight::after, .amii_application::before {
	background: url(../../common/images/ico_app.svg) center no-repeat;
	animation: pulseIcon 1.5s ease-in-out infinite;
	transition:
			transform 0.3s ease,
			filter 0.3s ease;
}
.dictionaryLeft::before, .dictionaryRight::after, .amii_dictionary::before {
	background: url(../../common/images/ico_app.svg) center no-repeat;

}
.audioLeft::before, .audioRight::after, .amii_audio::before {
	background: url(../../common/images/ico_snd.svg) center no-repeat;
	animation: pulseIcon 1.5s ease-in-out infinite;
	transition:
			transform 0.3s ease,
			filter 0.3s ease;
}
.imageLeft::before, .imageRight::after, .amii_image::before {
	background: url(../../common/images/ico_pht.svg) center no-repeat;
	animation: pulseIcon 1.5s ease-in-out infinite;
	transition:
			transform 0.3s ease,
			filter 0.3s ease;
}
.videoLeft::before, .videoRight::after, .amii_video::before {
	background: url(../../common/images/ico_vid.svg) center no-repeat;
	animation: pulseIcon 1.5s ease-in-out infinite;
	transition:
			transform 0.3s ease,
			filter 0.3s ease;
	/*animation: spin 2s linear infinite;*/
	/*left: 98%;*/
}
/*.overlay.video::after {*/
/*	animation: spin 2s linear infinite;*/

/*}*/

.htmlLeft::before, .htmlRight::after, .amii_html::before {
	background: url(../../common/images/ico_htm.svg) center no-repeat;
	animation: pulseIcon 1.5s ease-in-out infinite;
	transition:
			transform 0.3s ease,
			filter 0.3s ease;
}


@keyframes pulseIcon {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.4);
	}

	100% {
		transform: scale(1);
	}
}

.amii.amii_application::before,
.amii.amii_html::before,
.amii.amii_dictionary::before,
.amii.amii_audio::before,
.amii.amii_image::before,
.amii.amii_video::before {
	float: left;
}

#amiiContentsWrapper .amii_application::before {
	content: url(../../common/images/ico_app.svg);
}
#amiiContentsWrapper .amii_dictionary::before {
	content: url(../../common/images/ico_app.svg);
}
#amiiContentsWrapper .amii_audio::before {
	content: url(../../common/images/ico_snd.svg);
}
#amiiContentsWrapper .amii_image::before {
	content: url(../../common/images/ico_pht.svg);
}
#amiiContentsWrapper .amii_video::before {
	content: url(../../common/images/ico_vid.svg);
}
#amiiContentsWrapper .amii_html::before {
	content: url(../../common/images/ico_htm.svg);
}
#amiiContentsWrapper .amii.amii_application::before,
#amiiContentsWrapper .amii.amii_html::before,
#amiiContentsWrapper .amii.amii_dictionary::before,
#amiiContentsWrapper .amii.amii_audio::before,
#amiiContentsWrapper .amii.amii_image::before,
#amiiContentsWrapper .amii.amii_video::before {
	background: none;
	background-size: auto;
	width: 23px !important;
	height: 21px !important;
	margin: 2px 5px 0 5px;
	animation: none!important;
}



@keyframes slideIcon {
	0% {
		left: 0;
		opacity: 0;
	}
	100% {
		left: 98%;
		opacity: 1;
	}
}

@keyframes slideLIcon {
	0% {
		right: 0;
		opacity: 0;
	}
	100% {
		right: 98%;
		opacity: 1;
	}
}

#amiiContentsWrapper a {
	width: calc(100% - 33px) !important;
	padding-left: 10px !important;
}

/* END OVERLAY ICONS*/

.loader {
	position: absolute;
	display: none;
	top: 47%;
	left: 47%;
	padding: 10px;
	background: #f3f3f3;
	border: 3px solid #f9f9f9;
}
.alert {
	color: #F22E00 !important;
}
input[type=number] {
	-moz-appearance: textfield;
}

::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

@-webkit-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.uil-ring-css {
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	background: none;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	display: none;
}
.uil-ring-css > div {
	position: absolute;
	/*display: block;*/
	width: 160px;
	height: 160px;
	top: 20px;
	left: 20px;
	border-radius: 80px;
	box-shadow: 0 6px 0 0 #333;
	-ms-animation: uil-ring-anim 1.5s linear infinite;
	-moz-animation: uil-ring-anim 1.5s linear infinite;
	-webkit-animation: uil-ring-anim 1.5s linear infinite;
	-o-animation: uil-ring-anim 1.5s linear infinite;
	animation: uil-ring-anim 1.5s linear infinite;
	display: none;
}


html,body{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

body {
	overflow: hidden;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}
body.expanded {
	overflow-y: auto;
	overflow-x: hidden;
}

body.expanded.no-overflow{
	overflow: hidden;
}

body.padded {
}

#outerWrapper {
	position: relative;
	min-height: 100%;
	height: 100%;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#innerWrapper {
	position: relative;
	float: left;
	height: 100%;
	min-height: 100%;
	width: 100%;
}

div#content {
	padding: 0px !important;
	margin-top: 0px;
	/*margin-bottom: 20px;*/
	position: relative;
}

#miniContents, #amiiContents, #help, #dictionary, #goToPage
#miniContentsSmall, #amiiContentsSmall, #helpSmall, #dictionarySmall, #goToPageBottom, #pageToggler {
	position: relative;
	border-top: none;
}
#home, #pageToggler, #homeSmall, #pageTogglerSmall {
	/*margin-top: 20px;*/
}
.actions-wrapper {
	position: absolute;
	width: 6.5%;
	padding: 0.45%;
	height: 100%;
	top: 0%;
	z-index: 1;
	background: #004647;
}
.actions-wrapper .action {
	width: calc(100% - 20px);
	margin: auto;
	padding: 25px 0;
	color: #383e4b;
	cursor: pointer;
}
.actions-wrapper .action:hover, .actions-wrapper .action:active {
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	text-shadow: none;
}
.actions-wrapper.actions-left {
	position: absolute;
	left: -1px !important;
	text-align: center;
	/* border-right: 5px solid #7fc3c0; */
}
.actions-wrapper.actions-right {
	position: absolute;
	/* right: -1px !important; */
	text-align: center;
	/* border-left: 5px solid #7fc3c0; */
}
.actions-wrapper .fa{
	font-size: 2.000em;
	color: #cfb845;
	color: #7fc3c0;
	color: #141414;
	color: #df6589;
	color: #3c1053;
	color: #D65100;
	color: #DD424D;
	color: #500472;
	color: #79cbb8;
	color: #aed6dc;
	color: #ff9a8d;
	/* text-shadow:
    -1px -1px 0 #fff200,
    1px -1px 0 #fff200,
    -1px 1px 0 #fff200,
    1px 1px 0 #fff200; */
}

.actions-wrapper a.iconsBehavior:hover > span.fa{
	color: #ffffff;
}

.cbutton a.iconsBehavior{
	/*outline: none;*/
	text-decoration: none;
}
.cbutton a.iconsBehavior:hover, .cbutton a.iconsBehavior:focus, .cbutton a.iconsBehavior:active{
	/*outline: none;*/
	text-decoration: none;
}

.actions-wrapper .fa-home {
	font-size: 2.500em
}
.actions-wrapper .fa-play {
	font-size: 2.300em
}
.actions-wrapper .fa-question-circle {
	font-size: 2.250em
}
.actions-wrapper .fa-exclamation-circle {
	font-size: 2.250em
}
.actions-wrapper .fa-caret-left,
.actions-wrapper .fa-caret-right {
	font-size:4em
}
.nav {
	position: absolute;
	bottom: 80px;
	margin: auto;
	width:86%;
	min-width:46px;
	min-height:46px;
}
.nav:hover {
	cursor:pointer
}
.nav#leftArrow span, .nav#rightArrow span,
.nav#leftArrowSmall span, .nav#rightArrowSmall span {
	position: relative;
	top: -2px;
}
#miniClose, #amiiClose {
	text-align: right!important;
	color: black!important;
	padding-right: 15px;
}
#miniClose span, #amiiClose span{
	cursor: pointer!important;
}
#miniContentsWrapper, #amiiContentsWrapper {
	display: none;
	overflow: hidden;
	/*bottom: 78px;*/
	bottom: 0;
	z-index: 1000;
	/*z-index: 100;*/
	height: 100% !important;
	/*height: calc(100% - 78px) !important;*/
	color: white;
	/*background: #E7D2CC;*/
	background: rgba(255,255,255,0.75);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	box-shadow: 0 -10px 30px rgba(0,0,0,0.15);
	position: fixed;
	right: 0;
	width: 450px;
	padding: 20px 0;
}
#miniContentsWrapper a, #miniContentsWrapper ul, #amiiContentsWrapper a, #amiiContentsWrapper ul {
	text-align: left;
}
#miniContentsWrapper a,
#amiiContentsWrapper a {
	display: inline-block;
	float: left;
	width: 100%;
}
#miniContentsWrapper .chapter, #amiiContentsWrapper .chapter {
	display: block;
	margin: 0 0 0 0;
	padding: 0 20px;
	font-family: 'Roboto-Bold', sans-serif;
	font-size: 18px;
	color: #333333 !important;
	/*text-transform: uppercase;*/
	/*text-decoration: none;*/
}

#miniContentsWrapper .chapter:hover {
	background-color: #ec008c;
	color: #ffffff!important;
}
#miniContentsWrapper .chapter:active,
#miniContentsWrapper .chapter:focus {
	background: rgba(0,0,0,0.5);
	color: #ffffff !important;
}
#miniContentsWrapper .chapter.active {
	color: #ffffff !important;
}

#miniContentsWrapper .lesson-list, #amiiContentsWrapper .amii-list {
	padding: 0 !important;
	margin: 0;
	list-style-type: none;
	width: 100%;
	float: left;
}
#miniContentsWrapper .active, #amiiContentsWrapper .active {
	background: rgba(0,0,0,0.5);
	color: #ffffff;
	outline: none;
	text-decoration:none;
}
.amii-list li {
	clear: both;
	padding: 0;
	float: left;
	width: 100%;
	margin-left:15px!important;
}
.lesson-list li a, .amii-list li a {
	display: block;
	margin: 1px 0 0 0;
	padding: 1px 20px 0 20px;
	color: #333333;
	text-decoration: none;
	font-size: 16px;
	font-family: 'Roboto-Regular', sans-serif;
}

/*.amii-list li a {
	margin: 0;
    padding: 0 20px;
}*/
.lesson-list li a:hover,
.lesson-list li a:active,
.amii-list li a:hover,
.amii-list li a:active {
	color: #ffffff!important;
	background-color: #ec008c;
}
/*.single-page #miniContentsWrapper, .single-page #amiiContentsWrapper {
	width: 100%;
}
.expanded #miniContentsWrapper, .expanded #amiiContentsWrapper {
	position: fixed;
	top: 0;
	left: 8%;
	width: 30%;
}*/
.expanded .page-content {
	max-width: 100%;
}
#content {
	position: relative;
	/* height: 100%; */
	min-height: 100%;
	z-index: 3;
}
#content > img#helpImg {
	max-height:104vh !important;
	width:100%;
	max-width:100%
}

.page-content {
	max-width: 50%;
	float: left;
	/*position: relative;*/
}

#leftPage, #rightPage {
	/*-moz-box-shadow: 0px 1px 1px #333;
	-webkit-box-shadow: 0px 1px 1px #333;
	box-shadow: 0px 1px 1px #333;*/
	position:relative;
}
#leftPage {
	/*border-left: 7px solid #ccc;*/
}
#leftPage img {
	margin-left: 0%;
	max-height: 100vh;
	/*float: left;*/
	max-width: 100%;
}
#rightPage {
	/*border-right: 7px solid #ccc;*/
}
#rightPage img {
	max-height: 100vh; /*90 - org*/
	/*float: left;*/
	display:inline-block;
	max-width: 100%;
}
.single-page .page-content {
	width: 100%;
	background-color: #ffffff;
	padding: 20px;
	margin-bottom: 52px;
	min-height: 100%;
	z-index: -2;
	-moz-box-shadow: 0 3px 6px #ccc;
	-webkit-box-shadow: 0 3px 6px #ccc;
	box-shadow: 0 3px 6px #ccc;
}
.single-page .page-content img {
	max-width: 100%;
	/*max-height: !*100vh*! 83vh;*/
}
.single-page .actions-wrapper {
	width: 16%;
	padding: 2%;
}
.single-page .actions-wrapper.actions-left {
	left: -16%;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.single-page .actions-wrapper.actions-right {
	right: -16%;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.navBrand {
	color:#383e4b;
	padding-top: 10px;
	font-size:64%;
	text-align:center;
	width:100%;
	text-transform:uppercase;
}
.navBrand a {
	color:#383e4b;
	text-transform:uppercase;
	font-size: 0.6vw;
}
.navBrand a.identity {
	color: #ffffff;
	font-family: 'Roboto-Light', sans-serif;
	text-decoration: none;
}
.navBrand a.identity:hover {
	text-decoration: underline;
}

/*#pageTogglerExpanded {*/
/*	display: none;*/
/*}*/
#pageTogglerCompressed, #pageTogglerCompressedSmall {
	display: none;
}
.expanded .actions-wrapper {
	position: fixed;
	top: 0;
	height: 100%;
}
.expanded .actions-wrapper.actions-left {
	left: 0;
}
.expanded .actions-wrapper.actions-right {
	right: 0;
}
#helpImg {
	position: absolute;
	top: 0;
	left: 0;
	/*max-height: 100vh;*/
	max-height: 104%;
	max-width: 100%;
}

.expanded #content #helpImg {
	max-height: none;
}

#helpOverlay {
	background: white;
	position: fixed;
	height: 100%;
	z-index: 2;
	opacity: 1;
	width:100%
}
#helpCloseBtn {
	position: absolute;
	top: 1%;
	right: 0%;
	z-index: 2;
	font-size: 300%;
	cursor: pointer;
}
#helpCloseBtn > span {
	color: red;
}
#helpCloseBtn > span:hover {
	color: #ed8a8a;
}
.jump-to-page {
	position: relative;
	display: inline-block;
	z-index: 222;
}
.jump-to-page input[type=text] {
	width: 30px;
	padding: 0 5px;
	position: relative;
	top: -15px;
	left: 1px;
	border: 1px solid #ccc;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.frameIn {
	display: inline-block;
	background: transparent;
	border: none;
	/* Reset default border */
	height: 80vh;
	/* Viewport-relative units */
	width: 80vw;
	text-align: center;
}
iframe {
	border: none;
	background: transparent;
}

#goToPage input:focus, #goToPageBottom input:focus {
	color: #ffffff;
	outline:none;
}

#modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/*transform: translate(-50%, -50%);*/
	background-color: rgba(255, 255, 255, 1);
	z-index: 1000;
	color:black
}
.modalTitle {
	width: 100%;
	color: black;
	font-size: 1.5em; /*2.2em - original*/
	text-align:left;
	/*line-height: 10vh; !*17*!*/
	font-weight:100;
	/*border-bottom:1px solid #383e4b;*/
	display:table;
	/* background: url("../images/pattern.png") top left repeat; */
	/* background: url("../images/bg-track.png") top left repeat; */
	background: #ffffff;
}
#modalTitle {
	padding-left: 25px;
	display: inline-block;
	width: 80%;
	float: left;
	font-family: 'Roboto-Light', sans-serif;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
}
.amii_menu {
	font-size:0.75em;
	display:inline-block;
	position: relative;
	padding:0 25px;
	margin:0 25px 0 0;
	border-right:1px solid #383e4b;
	height:inherit;
	cursor:pointer;
}
.modalNavigation {
	width: 100%;
	color: black;
	font-size: 1.8em;
	text-align: left;
	position: absolute;
	bottom: 0;
	float: left;
	height: auto;
	/* background: url("../images/pattern.png") top left repeat; */
	background: #ffffff;
}
#amiiNavPrev {
	float: left;
	margin:0 0 0 25px;
	width: calc(25% - 25px)
}
#amiiNavCenter {
	float: right;
	margin:0 0 0 25px;
	width: calc(50% - 25px);
	font-size:0.65em !important; /* ~14pt echivalent */
}
#amiiNavCenter #modalTitle {
	text-align: center;
	width: 90%!important;
	padding: 10px 0px !important;
	color: black!important;
	font-family: 'Roboto-Regular', sans-serif;
	font-weight: bold;
	letter-spacing: 0.2px;
}
#modal #modalClose{
	height: 48px;
	width: 48px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#amiiNavCenter{
	border-radius: 30px;
	color: rgb(220, 220, 220);
	text-align: center;

	/* Fundalul transparent (Glass) */
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(5px) saturate(180%);
	-webkit-backdrop-filter: blur(5px) saturate(180%);

	/* Bordură fină și umbră */
	border: 1px solid rgba(200, 200, 200, 0.2);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);

	/* Animație pentru hover */
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
#modal #modalClose {
	/* Mutat în colțul dreapta-sus al modalului */
	position: fixed;
	top: 15px;
	right: 15px;
	z-index: 1050;
	border-radius: 50%;
	font-size: 1.6em;
	text-align: center;
	color:#ec008c;
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;

	border: none;
	box-shadow: none;

	/* Animație pentru hover */
	/*transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);*/
}
#amiiNavCenter #modalTitle, #amiiNavPrev a, #amiiNavNext a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* Efectul de HOVER */
/* La hover pe butoanele de jos: fără umbră/mișcare — doar săgeata devine
   magenta (vezi #amiiNavNext/#amiiNavPrev a:hover span.fa mai jos). */
#amiiNavNext:hover, #amiiNavPrev:hover{
	border-radius: 30px;
}
#modal #modalClose:hover {
	background: transparent;
	border: none;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	color:#ec008c;
}
#modal #modalClose:hover span{
	color:#ec008c;
}
#amiiNavNext {
	float: right;
	margin:0 25px 0 15px;
	width: calc(25% - 40px);
	min-height: 1px;
}
#amiiNavNext a,
#amiiNavPrev a
{
	font-size:0.65em !important; /* ~14pt echivalent */
	text-decoration:none;
	font-weight:normal;
	letter-spacing: 0.2px;
	float: left;
	padding: 10px 0;
	position: relative;
	width: 100%;
	font-family: 'Roboto-Regular', sans-serif;
	color: #2b2b2b;
	/* Bordură fină și umbră */
	border: 1px solid rgba(200, 200, 200, 0.2);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
	border-radius: 30px;

	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(5px) saturate(180%);
	-webkit-backdrop-filter: blur(5px) saturate(180%);


	/* Animație pentru hover */
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);

}
#amiiNavNext a{
	padding-right: 55px;
	padding-left: 8px;
	text-align: right;
}
#amiiNavPrev a{
	padding-left: 55px;
	text-align: left;
}
#amiiNavNext a > span.fa,
#amiiNavPrev a > span.fa {
	font-size:1.15em !important;
	color: #333333;
}
#amiiNavPrev span.fa,
#amiiNavNext span.fa {
	color:#383e4b;
	font-size:1em;
	position: absolute;
	top: 15px;
}
#amiiNavPrev span.fa{
	left: 3%;
}
#amiiNavNext span.fa{
	right: 3%;
}
/*#amiiNavNext a:hover, #amiiNavNext a:active, #amiiNavNext a:focus,*/
/*#amiiNavPrev a:hover, #amiiNavPrev a:active, #amiiNavPrev a:focus {*/
/*	color: #333333;*/
/*}*/
/*#amiiNavNext a:hover span.fa, #amiiNavNext a:active span.fa, #amiiNavNext a:focus span.fa,*/
/*#amiiNavPrev a:hover span.fa, #amiiNavPrev a:active span.fa, #amiiNavPrev a:focus span.fa {*/
/*	color: #333333;*/
/*}*/


#amiiNavNext a:hover span.fa,
#amiiNavPrev a:hover span.fa{
	color: #ec008c;
}

.ourBrand {
	display:block;
	width:calc(100% - 105px);
	padding:0 30px 0 15px;
	margin:/*25px*/ 0 15px 10px 15px;
	font-size:10px;
	color:white;
	text-transform:uppercase;
	position:relative;
	top: -3px;
}
.ourBrand span {
	padding:3px 25px;
	position:relative;
	left:-30px;
}
.ourBrand span a {
	color:white;
	text-decoration:none
}
.ourBrand span a:hover,
.ourBrand span a:active {
	text-decoration:underline
}

.closeMe {
	display:inline-block;
	position:relative;
	/*right:-29px;
	top:-10px;*/
}
.closeMe img {
	width:3vw;
	min-width:46px;
}
.modalWindow {
	padding: 0px 15px 15px 15px;
	text-align: center;
	display: block;
}
.modalWindow iframe {
	position: relative;
	z-index: 988;
	text-align: center;
}
.modalManifest {
	color: white;
	text-shadow: 1px 1px 1px #000;
}
.modalClose {
	position: static;
	z-index: 987;
	float: right;
	height: auto;
	margin-top: 2px;
}
.modalClose span {
	font-size: 1.2em;
	cursor: pointer;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	display:inline-block;
	padding: 4px 0px;
	color: #ec008c;
}
.modalClose span:hover {
	color: #ec008c;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	text-shadow: none;
}
.modalClose span:active {
	transform: scale(0.9);
}
#modalContent {
	/** nme **/
	/* background: url("../images/pattern.png") top left repeat; */
	background: #ffffff;
}
#modalContentContainer {
	display: block;
}
#modalContentContainer .fullscreen {
	height: 100%;
}
#modalContentImageContainer {
	margin: auto;
}
#modalContentImage {
	height:100%;
	display: block !important;
}
#modalVideo {
	height:100%;
}
#modalTranscript {
	display: none;
	text-align: center;
	color: black;
}
#modalVideo {
	width: 100%;
}
#modalAudio {
	padding: 1% 0 0;
}
#modalAudio audio{
	width: 100%;
}

.show-small {
	/*display:none;*/
}

.page-number{
	position: absolute;
	bottom: 5px;
	margin: auto;
	width: 80%;
	min-width: 40px;
	min-height: 40px;
}

/** new css **/

.pagination-container,
.pagination-container li{
	display: inline-block;
	margin: 0 !important;;
	padding: 0 !important;
}
.pagination-container li:not(.jumpToClass ) {
	float: left;
	width: 48px;
	height: 48px;
	/* background-color: #ffffff; */
}
.pagination-container .jumpToClass {
	float: left;
	width: 75px;
	height: 48px;

	border-radius: 24px;
	color: rgb(220, 220, 220);
	text-align: center;

	/* Fundalul transparent (Glass) */
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(5px) saturate(180%);
	-webkit-backdrop-filter: blur(5px) saturate(180%);

	/* Bordură fină și umbră */
	border: 1px solid rgba(200, 200, 200, 0.2);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);

	/* Animație pentru hover */
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	margin-right: 1px !important;
	/* background-color: #ffffff; */
}
/*.pagination-container li#leftArrow,*/
/*.pagination-container li#leftArrowBottom {*/
/*	border-top: 1px solid #E0E0E0;*/
/*	border-bottom: 1px solid #E0E0E0;*/
/*	border-left: 1px solid #E0E0E0;*/
/*	border-radius: 5px 0 0 5px;*/
/*}*/
/*.pagination-container li#rightArrow,*/
/*.pagination-container li#rightArrowBottom {*/
/*	border-top: 1px solid #E0E0E0;*/
/*	border-bottom: 1px solid #E0E0E0;*/
/*	border-right: 1px solid #E0E0E0;*/
/*	border-radius: 0 5px 5px 0;*/
/*}*/
/*.pagination-container li#goToPage,*/
/*.pagination-container li#goToPageBottom {*/
/*	border: 1px solid #E0E0E0;*/
/*}*/
.pagination-container li#goToPage input,
.pagination-container li#goToPageBottom input {
	width: 75px;
	border: 0;
	height: 46px;
	padding: 0;
	text-align: center;
	font-family: 'Roboto-Regular', sans-serif;
	font-size: 18px;
	/*color: #707070;*/
	background-color: transparent;
	text-shadow: 1px 1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, -1px -1px 0 #000000, 1px 0px 0 #000000, 0px 1px 0 #000000, -1px 0px 0 #000000, 0px -1px 0 #000000;
	color: #FFFFFF;
}
/* Focus pe caseta cu numarul paginii -> bordura roz.
   Bordura vizibila e pe <li>, nu pe input (care are border: 0), deci folosim :focus-within. */
.pagination-container li#goToPage:focus-within,
.pagination-container li#goToPageBottom:focus-within {
	border-color: #ec008c;
	box-shadow: 0 0 0 1px #ec008c, 0 15px 15px rgba(0, 0, 0, 0.2);
}
.pagination-container li#goToPage input:focus,
.pagination-container li#goToPageBottom input:focus {
	outline: none;
}
.pagination-container li a {
	float: left;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 30px;
	color: rgb(220, 220, 220);
	text-align: center;

	/* Fundalul transparent (Glass) */
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(5px) saturate(180%);
	-webkit-backdrop-filter: blur(5px) saturate(180%);

	/* Bordură fină și umbră */
	border: 1px solid rgba(200, 200, 200, 0.2);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);

	/* Animație pentru hover */
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.pagination-container li a:hover {
	transform: translateY(-5px) scale(1.02);
	background: rgba(255, 255, 255, 0.2); /* Devine puțin mai alb */
	border: 1px solid rgba(200, 200, 200, 0.4); /* Bordura se luminează */
	box-shadow: 0 25px 25px rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(12px) saturate(200%); /* Blur-ul devine mai intens */
	color: #ec008c;
	outline: none;
}
.cbutton.disabled-button{
	opacity: 0.4;
	pointer-events: none;
	cursor: not-allowed;
	transition: none;
}

.pagination-container li a.prevClass{

	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6 L9 12 L15 18' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
}

.pagination-container li a.nextClass{

	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6 L15 12 L9 18' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
}

.pagination-container li a.prevClass:hover{

	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6 L9 12 L15 18' fill='none' stroke='%23ec008c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
}

.pagination-container li a.nextClass:hover{

	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6 L15 12 L9 18' fill='none' stroke='%23ec008c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
}

/** top navigation css **/

.nav-top-mobile,
.nav-bottom,
.nav-bottom-mobile {
	position: fixed;
	width: 100%;
	padding: 10px;
	height: 63px;
	z-index: 200;
	left: 0;
	/*  background: #EEEDE7;
      box-shadow: 0 -8px 10px 10px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 0 -8px 10px 10px rgba(0, 0, 0, 0.16);
      -webkit-box-shadow: 0 -8px 10px 10px rgba(0, 0, 0, 0.16);*/
}
.nav-bottom,
.nav-bottom-mobile {
	bottom: 0;
	display: none;
	/* box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.16);*/
}
.nav-top-mobile {
	top:0;
}
.nav-top-mobile div,
.nav-bottom div {
	float: left;
	cursor: pointer;
	display: inline-block;
}
.nav-top-mobile .cbutton,
.nav-bottom .cbutton{
	display: inline-block;
}

.main-menu{
	position: absolute;
	right: 15px;
}

.bordered-box {
	/*border: 1px solid #E0E0E0;
    border-radius: 5px;*/
}

.bordered-box .cbutton a {
	display: inline-block;
	float: left;
	width: 48px;
	height: 48px;
	position: relative;
	outline: none;
	border-radius: 30px;
	color: rgb(220, 220, 220);
	text-align: center;

	/* Fundalul transparent (Glass) */
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(5px) saturate(180%);
	-webkit-backdrop-filter: blur(5px) saturate(180%);

	/* Bordură fină și umbră */
	border: 1px solid rgba(200, 200, 200, 0.2);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);

	/* Animație pentru hover */
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.bordered-box .cbutton a:hover {
	transform: translateY(-5px) scale(1.02);
	background: rgba(255, 255, 255, 0.2); /* Devine puțin mai alb */
	border: 1px solid rgba(200, 200, 200, 0.4); /* Bordura se luminează */
	box-shadow: 0 25px 25px rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(12px) saturate(200%); /* Blur-ul devine mai intens */
	outline: none;
}

.cbutton.active-button a{
	background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(12px) saturate(300%);
	-webkit-backdrop-filter: blur(12px) saturate(300%);
	outline: none;
}
.bordered-box .cbutton a span {
	/*border: 1px solid #E0E0E0;*/
	display: inline-block;
	float: left;
	width: 48px;
	height: 48px;
	background: transparent;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.bordered-box .cbutton:last-child a span{
	border-left: 0;
}

.ml-30{
	margin-left: 15px;
}

.cbutton a.contentsClass span {
	background: url("data:image/svg+xml,%3Csvg id='list-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_10' data-name='Path 10' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_11' data-name='Path 11' d='M3,13H5V11H3Zm0,4H5V15H3ZM3,9H5V7H3Zm4,4H21V11H7Zm0,4H21V15H7ZM7,7V9H21V7Z'/%3E%3C/svg%3E%0A") center no-repeat;
}
.cbutton a.contentsClass:hover span,
.cbutton a.contentsClass:focus span,
.cbutton a.contentsClass:active span {
	background: url("data:image/svg+xml,%3Csvg id='list-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_10' data-name='Path 10' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_11' fill='%23ec008c' data-name='Path 11' d='M3,13H5V11H3Zm0,4H5V15H3ZM3,9H5V7H3Zm4,4H21V11H7Zm0,4H21V15H7ZM7,7V9H21V7Z'/%3E%3C/svg%3E%0A") center no-repeat;
}
.cbutton a.learningClass span {
	background: url("data:image/svg+xml,%3Csvg id='extension-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_25' data-name='Path 25' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_26' data-name='Path 26' d='M20.5,11H19V7a2.006,2.006,0,0,0-2-2H13V3.5a2.5,2.5,0,0,0-5,0V5H4A2,2,0,0,0,2.01,7v3.8H3.5a2.7,2.7,0,0,1,0,5.4H2V20a2.006,2.006,0,0,0,2,2H7.8V20.5a2.7,2.7,0,1,1,5.4,0V22H17a2.006,2.006,0,0,0,2-2V16h1.5a2.5,2.5,0,0,0,0-5Z' transform='translate(0 1)'/%3E%3C/svg%3E") center no-repeat;
}
.cbutton a.learningClass:hover span,
.cbutton a.learningClass:focus span,
.cbutton a.learningClass:active span {
	background: url("data:image/svg+xml,%3Csvg id='extension-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_25' data-name='Path 25' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_26' fill='%23ec008c' data-name='Path 26' d='M20.5,11H19V7a2.006,2.006,0,0,0-2-2H13V3.5a2.5,2.5,0,0,0-5,0V5H4A2,2,0,0,0,2.01,7v3.8H3.5a2.7,2.7,0,0,1,0,5.4H2V20a2.006,2.006,0,0,0,2,2H7.8V20.5a2.7,2.7,0,1,1,5.4,0V22H17a2.006,2.006,0,0,0,2-2V16h1.5a2.5,2.5,0,0,0,0-5Z' transform='translate(0 1)'/%3E%3C/svg%3E") center no-repeat;
}
.cbutton a.answersClass span {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='icon_alert_error_24px' data-name='error_24px' transform='translate(0)'%3E%3Crect id='boundary' width='24' height='24' transform='translate(0)' fill='none'/%3E%3Cpath id='color' data-name='color' d='M10,20A10,10,0,1,1,20,10,10.011,10.011,0,0,1,10,20ZM9,13v2h2V13ZM9,5v6h2V5Z' transform='translate(2 2)'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
}
.cbutton a.answersClass:hover span,
.cbutton a.answersClass:focus span,
.cbutton a.answersClass:active span {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='icon_alert_error_24px' data-name='error_24px' transform='translate(0)'%3E%3Crect id='boundary' width='24' height='24' transform='translate(0)' fill='none'/%3E%3Cpath id='color' fill='%23ec008c' data-name='color' d='M10,20A10,10,0,1,1,20,10,10.011,10.011,0,0,1,10,20ZM9,13v2h2V13ZM9,5v6h2V5Z' transform='translate(2 2)'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
}
#pageToggler a:hover span#pageTogglerCompressed svg path {
	fill: #ec008c;
}
#pageToggler a:hover span#pageTogglerExpanded svg path {
	fill: #ec008c;
}
#pageTogglerSmall a:hover span#pageTogglerCompressedSmall svg path {
	fill: #ec008c;
}
#pageTogglerSmall a:hover span#pageTogglerExpandedSmall svg path {
	fill: #ec008c;
}
.cbutton a.helpClass span {
	background: url("data:image/svg+xml,%3Csvg id='help_outline-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_14' data-name='Path 14' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_15' data-name='Path 15' d='M11,18h2V16H11ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.011,8.011,0,0,1,12,20ZM12,6a4,4,0,0,0-4,4h2a2,2,0,0,1,4,0c0,2-3,1.75-3,5h2c0-2.25,3-2.5,3-5A4,4,0,0,0,12,6Z'/%3E%3C/svg%3E") center no-repeat;
}
.cbutton a.helpClass:hover span,
.cbutton a.helpClass:focus span,
.cbutton a.helpClass:active span {
	background: url("data:image/svg+xml,%3Csvg id='help_outline-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_14' data-name='Path 14' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_15' fill='%23ec008c' data-name='Path 15' d='M11,18h2V16H11ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.011,8.011,0,0,1,12,20ZM12,6a4,4,0,0,0-4,4h2a2,2,0,0,1,4,0c0,2-3,1.75-3,5h2c0-2.25,3-2.5,3-5A4,4,0,0,0,12,6Z'/%3E%3C/svg%3E") center no-repeat;
}

/*.cbutton a.contentsClass span,*/
/*.cbutton a.answersClass span {*/
/*	border-top-left-radius: 5px;*/
/*	border-bottom-left-radius: 5px;*/
/*}*/
/*!*.cbutton a.learningClass span,*!*/
/*.cbutton a.pagesClass span,*/
/*.cbutton a.helpClass span {*/
/*	border-top-right-radius: 5px;*/
/*	border-bottom-right-radius: 5px;*/
/*}*/

/*.cbutton a.homeClass span {
    border-radius: 5px;
    border: 1px solid #E0E0E0 !important;
}*/

.cbutton a.homeClass span {
	/*border-radius: 5px;*/
	/*border: 1px solid #E0E0E0 !important;*/
	background: transparent url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24' height='24px' viewBox='0 0 460.298 460.297' style='enable-background:new 0 0 460.298 460.297;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M230.149,120.939L65.986,256.274c0,0.191-0.048,0.472-0.144,0.855c-0.094,0.38-0.144,0.656-0.144,0.852v137.041 c0,4.948,1.809,9.236,5.426,12.847c3.616,3.613,7.898,5.431,12.847,5.431h109.63V303.664h73.097v109.64h109.629 c4.948,0,9.236-1.814,12.847-5.435c3.617-3.607,5.432-7.898,5.432-12.847V257.981c0-0.76-0.104-1.334-0.288-1.707L230.149,120.939 z'/%3E%3Cpath d='M457.122,225.438L394.6,173.476V56.989c0-2.663-0.856-4.853-2.574-6.567c-1.704-1.712-3.894-2.568-6.563-2.568h-54.816 c-2.666,0-4.855,0.856-6.57,2.568c-1.711,1.714-2.566,3.905-2.566,6.567v55.673l-69.662-58.245 c-6.084-4.949-13.318-7.423-21.694-7.423c-8.375,0-15.608,2.474-21.698,7.423L3.172,225.438c-1.903,1.52-2.946,3.566-3.14,6.136 c-0.193,2.568,0.472,4.811,1.997,6.713l17.701,21.128c1.525,1.712,3.521,2.759,5.996,3.142c2.285,0.192,4.57-0.476,6.855-1.998 L230.149,95.817l197.57,164.741c1.526,1.328,3.521,1.991,5.996,1.991h0.858c2.471-0.376,4.463-1.43,5.996-3.138l17.703-21.125 c1.522-1.906,2.189-4.145,1.991-6.716C460.068,229.007,459.021,226.961,457.122,225.438z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat;
}
.cbutton a.homeClass:hover span,
.cbutton a.homeClass:active span,
.cbutton a.homeClass:focus span {
	background: transparent url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24' height='24px' viewBox='0 0 460.298 460.297' style='enable-background:new 0 0 460.298 460.297;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ec008c' d='M230.149,120.939L65.986,256.274c0,0.191-0.048,0.472-0.144,0.855c-0.094,0.38-0.144,0.656-0.144,0.852v137.041 c0,4.948,1.809,9.236,5.426,12.847c3.616,3.613,7.898,5.431,12.847,5.431h109.63V303.664h73.097v109.64h109.629 c4.948,0,9.236-1.814,12.847-5.435c3.617-3.607,5.432-7.898,5.432-12.847V257.981c0-0.76-0.104-1.334-0.288-1.707L230.149,120.939 z'/%3E%3Cpath fill='%23ec008c' d='M457.122,225.438L394.6,173.476V56.989c0-2.663-0.856-4.853-2.574-6.567c-1.704-1.712-3.894-2.568-6.563-2.568h-54.816 c-2.666,0-4.855,0.856-6.57,2.568c-1.711,1.714-2.566,3.905-2.566,6.567v55.673l-69.662-58.245 c-6.084-4.949-13.318-7.423-21.694-7.423c-8.375,0-15.608,2.474-21.698,7.423L3.172,225.438c-1.903,1.52-2.946,3.566-3.14,6.136 c-0.193,2.568,0.472,4.811,1.997,6.713l17.701,21.128c1.525,1.712,3.521,2.759,5.996,3.142c2.285,0.192,4.57-0.476,6.855-1.998 L230.149,95.817l197.57,164.741c1.526,1.328,3.521,1.991,5.996,1.991h0.858c2.471-0.376,4.463-1.43,5.996-3.138l17.703-21.125 c1.522-1.906,2.189-4.145,1.991-6.716C460.068,229.007,459.021,226.961,457.122,225.438z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat;
}

.cbutton a span {
	background-color: transparent !important;
}
.cbutton a:hover span,
.cbutton a:active span,
.cbutton a:focus span {
	background-color: transparent !important;;
}

.cbutton{
	position: relative;
}

.cbutton.active-button a{
	/*border: 1px solid #004647;*/
	outline: none;
}

/*.cbutton.active-button a.contentsClass span {*/
/*	border: 1px solid #b79c95;*/
/*	border-top-left-radius: 5px;*/
/*	border-bottom-left-radius: 5px;*/
/*	background: #b79c95 url("data:image/svg+xml,%3Csvg id='list-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_10' data-name='Path 10' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_11' fill='%23ffffff' data-name='Path 11' d='M3,13H5V11H3Zm0,4H5V15H3ZM3,9H5V7H3Zm4,4H21V11H7Zm0,4H21V15H7ZM7,7V9H21V7Z'/%3E%3C/svg%3E%0A") center no-repeat !important;*/
/*}*/
/*.cbutton.active-button a.learningClass span {*/
/*	border: 1px solid #b79c95;*/
/*	border-top-right-radius: 5px;*/
/*	border-bottom-right-radius: 5px;*/
/*	background: #b79c95 url("data:image/svg+xml,%3Csvg id='extension-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_25' data-name='Path 25' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_26' fill='%23ffffff' data-name='Path 26' d='M20.5,11H19V7a2.006,2.006,0,0,0-2-2H13V3.5a2.5,2.5,0,0,0-5,0V5H4A2,2,0,0,0,2.01,7v3.8H3.5a2.7,2.7,0,0,1,0,5.4H2V20a2.006,2.006,0,0,0,2,2H7.8V20.5a2.7,2.7,0,1,1,5.4,0V22H17a2.006,2.006,0,0,0,2-2V16h1.5a2.5,2.5,0,0,0,0-5Z' transform='translate(0 1)'/%3E%3C/svg%3E") center no-repeat !important;*/
/*}*/

#leftArrowSmall,
#rightArrowSmall {
	position: fixed;
	top: 50%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 55px;
	height: 110px;
	z-index: 10;
	margin-top: -55px;
}

#leftArrowSmall a,
#rightArrowSmall a {
	float: left;
	width: 100%;
	height: 100%;
	background: #ffffff;
	/*display: flex;
    align-items: center;
    justify-content: center;*/
}


#leftArrowSmall a span,
#rightArrowSmall a span {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
	background: none !important;
}

#leftArrowSmall a span {
	border-top: 4px solid #000;
	border-left: 4px solid #000;
	-ms-transform: translate(4px) rotate(-45deg);
	-moz-transform: translate(4px) rotate(-45deg);
	-webkit-transform: translate(4px) rotate(-45deg);
	-o-transform: translate(4px) rotate(-45deg);
	transform: translate(4px) rotate(-45deg);
}

#rightArrowSmall a span {
	border-top: 4px solid #000;
	border-right: 4px solid #000;
	-ms-transform: translate(-4px) rotate(45deg);
	-moz-transform: translate(-4px) rotate(45deg);
	-webkit-transform: translate(-4px) rotate(45deg);
	-o-transform: translate(-4px) rotate(45deg);
	transform: translate(-4px) rotate(45deg);
}

#leftArrowSmall {
	left: auto;
	border-left: 1px solid #ccc;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: -2px 5px 10px #ccc;
	margin-left: -56px;
}

#rightArrowSmall {
	right: auto;
	border-right: 1px solid #ccc;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 2px 5px 10px #ccc;
	margin-right: 1171px;
}

h4.title-amii,
h4.title-mini {
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
	font-family: 'Roboto-Bold', sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #333333;
	height: 25px;
}

/** end new css **/

.pos-left { left: 15px; right: auto; display: flex !important; align-items: center; }
/*.border-left {*/
/*border-left: 1px solid #E0E0E0 !important; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important;*/
/*}*/

.content-scroll,
.amii-scroll {
	float: left;
	clear: both;
	width: 100%;
	/*height: 100%;*/
	height: calc(100% - 65px);
}

/* =============================================================
   PRAGURI RESPONSIVE — scară canonică (player)
   - Telefon:                    max-width: 767px
   - Tabletă portret:            768–1023px
   - Tabletă landscape / laptop: 1024–1199px
   - Desktop:                    min-width: 1200px
       (trepte .container: 1200 / 1300 / 1400;
        .double-page extra: 1600 / 1800)
   - Gărzi de înălțime:          max-height: 540px / 455px
   Granița tabletă↔laptop = 1024px.
   ============================================================= */
@media screen and (max-height: 455px) {
	.nav { display:none !important}
}

/* Landscape tablet*/
@media screen and (min-width: 1024px) and (max-width: 1199px), (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	body.expanded {
		padding: 0;
	}
	.single-page#innerWrapper {
		margin: 0 4%;
	}

	#outerWrapper {
		/* padding: 1% 7.5%; */
	}
	.expanded #outerWrapper {
		/* padding: 1% 8.5% */;
	}
	.expanded #miniContentsWrapper, .expanded #amiiContentsWrapper {
		width: 50%;
	}
	#helpImg {
		max-height: none;
	}
	.nav {
		bottom: 10%;
		line-height: 1.5em;
	}
}
/* Portrait tablet*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
	body.expanded {
		padding: 0;
	}
	#outerWrapper {
		/* padding: 1% 8.5%; */
	}
	.expanded #outerWrapper {
		/* padding: 1% 11%; */
	}
	.actions-wrapper .action {
		padding: 10px 0;
	}
	.actions-wrapper .fa {
		/*font-size: 1em;*/
	}
	.actions-wrapper.actions-right {
		right: -10%;
	}
	.actions-wrapper.actions-left {
		left: -10%;
	}
	.actions-wrapper .nav {
		/*top: 25%;*/
	}
	.expanded #miniContentsWrapper, .expanded #amiiContentsWrapper {
		right: 0;
		width: 50%;
	}
	/*#miniContentsWrapper, #amiiContentsWrapper {
		width: 70%;
	}*/
	#amiiNavCenter {
		margin:0 0 0 10px;
		width: calc(34% - 10px);
	}
	#amiiNavCenter #modalClose{
		width: 30px;
		height: 38px;
	}
	#amiiNavCenter #modalTitle {
		width: 69% !important;
	}
	#amiiNavPrev{
		margin:0 0 0 10px;
		width: calc(33% - 10px);
	}
	#amiiNavNext {
		margin:0 10px 0 0;
		width: calc(33% - 10px)
	}
}

@media screen and (min-width: 1025px) and (max-width: 1199px){
	#amiiNavCenter #modalTitle {
		width: 84%!important;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
	.actions-wrapper.actions-left {
		left: -10%;
	}
	.actions-wrapper.actions-right {
		right: -10%;
	}
	.expanded #miniContentsWrapper, .expanded #amiiContentsWrapper {
		right: 0;
		width: 100%;
		top: 78px;
	}
	.single-page .page-content{
		/*margin-top: 50px;
		margin-bottom: 60px;*/
		margin-top: 0px;
		margin-bottom: 78px;
	}
}
/* ===== Tabletă-jos (≤1024px): ajustări bară modală (font + padding săgeți).
   Unifică cele două blocuri @media max-width:1024px care existau separat. ===== */
@media screen and (max-width: 1024px) {

	.modalTitle, .modalNavigation {
		font-size: 1.3em;
	}
	#amiiNavCenter #modalTitle {
		width: 84%!important;
	}
	.modalClose span {
		font-size: 1.1em;
	}
	#amiiNavNext a{
		padding-right: 30px;
	}
	#amiiNavPrev a{
		padding-left: 30px;
	}
	#amiiNavPrev span.fa,
	#amiiNavNext span.fa {
		top: 14px;
	}
}
@media (max-width:767px) {

	/* Mobil (≤767px): la prev/next rămân DOAR săgețile — fără text și fără iconul de tip */
	#amiiNavPrev img, #amiiNavNext img,
	#amiiNavPrev .amiinav-text, #amiiNavNext .amiinav-text {
		display: none !important;
	}
	/* bara de navigare a modalului = flex row robust: [‹] [titlu] [›] */
	#modalNavigation {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 0 6px;
		left: 0;
		width: 100vw;
		max-width: 100vw;
		box-sizing: border-box;
		overflow: hidden;
	}
	#amiiNavPrev  { order: 1; }
	#amiiNavCenter { order: 2; }
	#amiiNavNext  { order: 3; }
	#amiiNavPrev, #amiiNavNext {
		flex: 0 0 40px;
		width: 40px;
		margin: 0;
		float: none;
	}
	#amiiNavCenter {
		flex: 1 1 auto;
		min-width: 0;
		width: auto;
		margin: 0;
		float: none;
		display: flex;
		align-items: center;
	}
	#amiiNavCenter #modalClose{
		position: static !important;
		top: auto;
		right: auto;
		flex: 0 0 auto;
		width: 34px !important;
		height: 34px !important;
		margin: 0 4px;
	}
	#amiiNavCenter #modalTitle {
		flex: 1 1 auto;
		width: auto !important;
		min-width: 0;
		display: block;
		float: none;
		padding: 10px 4px 10px 12px !important;
	}
	/* săgețile prev/next: centrate în pilulă, complet vizibile (nu tăiate la margine) */
	#amiiNavPrev a, #amiiNavNext a{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 10px 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	#amiiNavPrev a > span.fa, #amiiNavNext a > span.fa,
	#amiiNavPrev span.fa, #amiiNavNext span.fa {
		position: static !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
	}

	#modalTitle{
		padding:  15px 0 15px 25px;
		display: inline-block;
		width: 80%;
		float: left;
		line-height: normal;
	}

	.show-small {
		display:block;
	}

	#leftArrowSmall,
	#rightArrowSmall {
		display: none;
	}

	div#content {
		margin-top: 78px;
	}

	#miniContentsWrapper, #amiiContentsWrapper {
		height: calc(100% - 126px) !important;
	}

	#miniContentsWrapper .lesson-list, #amiiContentsWrapper .amii-list {
		/*padding-bottom: 78px !important;*/
	}

}

@media screen and (max-width: 1024px) {

	#amiiNavNext a{
		padding-right: 30px;
	}
	#amiiNavPrev a{
		padding-left: 30px;
	}
	#amiiNavPrev span.fa,
	#amiiNavNext span.fa {
		top: 14px;
	}
}

#modalContentContainer.fullscreen{
	margin: 0px !important;
	width: 100% !important;
	height: 100% !important;
}

.visibility-hidden{
	visibility: hidden !important;
}

#pageContentBlock table td, #pageContentBlock table td{
	padding: 10px;
}

#pageContentBlock table td p:last-child{
	margin-bottom: 0px;
}

#modal.modal-items{
	background: #ffffff;
}

#modalTitle span.katex{
	font-size: 1.000em !important;
	text-transform: none;
}

.logo{
	display: inline-block;
	color: #004647;
	font-family: 'Roboto-Bold', sans-serif;
	font-size: 12px;
	text-decoration: underline;
	margin-left: 3px;
}
.logo:hover, .logo:active, .logo:focus{
	text-decoration: none;
	color: #004647;
}
.double-page  {
	overflow-y: auto;
}
@media (max-width:767px) {
	.page{
		bottom: -7px !important;
	}
	.nav-top-mobile, .nav-bottom-mobile { display: block; }
	.nav-bottom { display: none; }
}
@media (max-width:992px) {
	.actions-wrapper .fa{
		font-size: 1.7em;
	}
	.actions-wrapper .fa.fa-home{
		font-size: 2em;
	}
	div[class^="titlu-unitate"] h2 {
		font-size: 18pt !important;
	}
}
@media (min-width:768px) {
	.actions-wrapper {
		width: 8%;
	}
	.container {
		width: 99%;
		/*width: 600px*/
	}
	.double-page .container {
		width: 96%;
	}
	#rightArrowSmall {
		margin-left: 601px;
	}
	.nav-top-mobile, .nav-bottom-mobile { display: none; }
	.nav-bottom { display: block; }
}
@media (min-width:992px) {
	.actions-wrapper {
		width: 8%;
	}
	.container {
		width: 99%;
		/*width: 650px;*/
	}
	.double-page .container {
		width: 96%;
	}
	#rightArrowSmall {
		margin-left: 651px;
	}
}
@media (min-width:1000px) {
	.actions-wrapper {
		width: 6.5%;
	}
	.container {
		width: 99%;
		/*width: 800px;*/
	}
	.double-page .container {
		width: 96%;
	}
	#rightArrowSmall {
		margin-left: 801px;
	}
}
@media (min-width:1050px) {
	.actions-wrapper {
		width: 6.5%;
	}
	.container {
		width: 99%;
		/*width: 850px*/
	}
	.double-page .container {
		width: 99%;
	}
	#rightArrowSmall {
		margin-left: 851px;
	}
}
@media (min-width:1200px) {
	.actions-wrapper {
		width: 6.5%;
	}
	.container {
		width: 1000px
	}
	.double-page .container {
		width: 1000px!important;
	}
	#rightArrowSmall {
		margin-left: 1001px;
	}
}
@media (min-width:1300px) {
	.container {
		width: 1100px
	}
	.double-page .container {
		width: 1000px!important;
	}
	.actions-wrapper {
		width: 6.5%;
	}
	#rightArrowSmall {
		margin-left: 1101px;
	}
}
@media (min-width:1400px) {
	.actions-wrapper {
		width: 6.5%;
	}
	.container {
		width: 1170px;
	}
	.double-page .container {
		width: 1100px!important;
	}
	#rightArrowSmall {
		margin-left: 1171px;
	}
}

/* 🔥 Extra pentru Full HD și peste */
@media (min-width: 1600px) {
	.double-page .container { width: 1390px !important; }
}

@media (min-width: 1800px) {
	.double-page .container { width: 1492px !important; }
}

/* Double page: containerul + cele 2 pagini centrate pe orice rezoluție
   (inclusiv când width > height și paginile sunt limitate de înălțime) */
.double-page .container {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	display: flex !important;
	justify-content: center !important;
	align-items: flex-start !important;
}
.double-page .page-content {
	float: none !important;
}

#pageContentBlock p, #pageContentBlock h3, #pageContentBlock h4, #pageContentBlock h5{
	padding-right: 15px;
	padding-left: 15px;
}
#pageContentBlock .right{
	margin-bottom: 20px;
	min-height: 1px;
}

/* Double page (tabletă/desktop): iconițe amii mai mici */
@media screen and (min-width: 768px) {
	.double-page .applicationLeft::before, .double-page .dictionaryLeft::before, .double-page .audioLeft::before,
	.double-page .imageLeft::before, .double-page .videoLeft::before, .double-page .htmlLeft::before {
		width: 18px !important;
		height: 23px !important;
		margin: -6px 0 0 -7px !important;
	}
}
.double-page .container {
	width: 157.616vh !important;
	max-width: 100% !important;
	height: 100vh !important;
	align-items: center !important;
}
.double-page .page-content { max-width: 50%; }
.nav-bottom, .nav-bottom-mobile { z-index: 300; }
.nav-bottom .bordered-box.box-toggler {
	position: fixed;
	left: calc(50% + 98px);
	bottom: 5px;
	float: none;
	margin: 0;
}

/* Sagetica casetei de Ajutor (trip).
   In trip.min.css sagetica e fixata la mijlocul casetei (left/top: 50%), dar
   App.clampTripBlock() impinge caseta ca s-o tina in ecran (se intampla la
   butoanele din dreapta barei: Cuprins, Activitati de invatare, Raspunsuri,
   Ajutor). Dupa impingere sagetica nu mai arata spre buton, asa ca o lasam
   pozitionabila din JS printr-o variabila CSS. Fallback-ul ramane 50%. */
.trip-block.n:before,
.trip-block.s:before {
	left: var(--trip-arrow-left, 50%);
}
.trip-block.e:before,
.trip-block.w:before {
	top: var(--trip-arrow-top, 50%);
}

/* Scrollbar cuprins + activitati de invatare: vizibil (roz), mutat spre stanga */
.content-scroll .scroll-bar.vertical,
.amii-scroll .scroll-bar.vertical {
	right: 12px !important;
}
.content-scroll .scroll-bar.vertical .thumb,
.amii-scroll .scroll-bar.vertical .thumb {
	background-color: #ec008c !important;
	opacity: 1 !important;
}
.content-scroll .scroll-bar.vertical:hover .thumb,
.amii-scroll .scroll-bar.vertical:hover .thumb {
	background-color: #ec008c !important;
	opacity: 1 !important;
}
.content-scroll.default-skin,
.amii-scroll.default-skin {
	padding-right: 24px !important;
}

/* Bara de navigare de jos e o fasie fixa de 63px, fara fundal, intinsa pe toata
   latimea (z-index 300). Orice amii/damii din partea de jos a paginii cadea sub
   ea si nu se putea apasa. Lasam click-urile sa treaca prin zonele goale ale
   barei si le oprim doar pe butoanele propriu-zise. */
.nav-bottom,
.nav-bottom-mobile,
.nav-bottom .main-menu,
.nav-bottom-mobile .main-menu,
.nav-bottom .pagination-container,
.nav-bottom-mobile .pagination-container {
	pointer-events: none;
}
.nav-bottom .bordered-box,
.nav-bottom-mobile .bordered-box,
.nav-bottom .cbutton,
.nav-bottom-mobile .cbutton,
.nav-bottom .cbutton a,
.nav-bottom-mobile .cbutton a,
.nav-bottom input,
.nav-bottom-mobile input {
	pointer-events: auto;
}