
/* # CSS Package: core/app.pak.css :: #START# :: @ generated from lib/core/css/app.css */
/* Included Files: custom.css ; notifications.css ; notifications-icons.css # */

/* ### DO NOT EDIT THIS FILE AS IT WILL BE OVERWRITTEN EACH TIME THE INCLUDED SCRIPTS WILL CHANGE !!! ### */

/* ===== core/custom.css */

/* -- CSS Start :: Smart.Framework / Extra :: r.20221020 -- */

img#shaddow {
	border: none;
	box-shadow: 2px 2px 3px #BBBBBB; /* Opera and other CSS3 supporting browsers */
}

/* -- */

code:not(.syntax) { /* .syntax is a reserved class used by prism ; sync with mkdw */
	background: #DDDDEE;
	color: #222222;
	padding: 0;
	padding-left: 4px;
	padding-right: 4px;
}

/* -- */

div.math-latex {
	font-size: 0.9375em;
	background: #E6E2D3;
	padding: 4px;
	display: block;
	width: max-content;
}
div.math-latex * {
	color: #444444;
}
div.math-latex,
div.math-latex > div:not(.math-render-latex) {
	color: #888888;
}
div.math-latex > div:not(.math-render-latex) {
	font-weight: bold;
	font-size: 0.625rem;
	letter-spacing: 1px;
}
div.math-latex.mathLatexRenderFail,
div.math-latex.mathLatexRenderFail div {
	font-size: 0.875rem;
	letter-spacing: 2px;
	margin: 0;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	background: #DFBFAE;
	color: #333333;
}
div.math-latex.mathLatexRenderFail div.math-render-latex {
	display: none !important;
}
div.math-render-latex,
div.math-render-latex dfn {
	background: #D5D1C2;
	color: #444444;
}
div.math-render-latex {
	padding: 4px;
	margin: 3px;
	display: block;
	width: max-content;
	font-weight: bold;
	font-size: 1.063rem;
	letter-spacing: 3px;
	margin-top: 1px;
	cursor: help !important;
}

/* -- */

div.img-gallery {
	display: block !important;
	margin: 0 !important;
	margin-top: 10px !important;
}
div.img-gallery div {
	display: inline !important;
}
div.img-gallery img {
	border: 1px solid #ECECEC;
	margin: 0 !important;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
}

/* -- */

.inline-block {
	display: inline-block;
}
.inline {
	display: inline;
}
.block {
	display: block;
}
.nodisplay {
	display: none !important;
}

/* -- CSS End -- */

/* ===== core/notifications.css */

/* -- CSS Start :: Smart.Framework / Components / Notifications :: r.8.7 / smart.framework.v.8.7 -- */

/* ----------------------------- */

/* Notifications r.20231020 */

div#operation_display,   div.operation_display,
div#operation_result,    div.operation_result,
div#operation_info,      div.operation_info,
div#operation_notice,    div.operation_notice,
div#operation_important, div.operation_important,
div#operation_hint,      div.operation_hint,
div#operation_question,  div.operation_question,
div#operation_success,   div.operation_success,
div#operation_warn,      div.operation_warn,
div#operation_error,     div.operation_error {
	line-height: 2.25rem;
	text-align: left;
	font-size: 1.25rem;
	font-weight: bold;
	font-style: normal;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 12px;
	padding-bottom: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	max-width: calc(100% - 10px) !important;
	min-width: 100px;
	min-height: 40px;
	height: auto !important;
	border-radius: 5px;
	box-sizing: content-box !important;
	opacity: 1 !important;
}

/* ----------------------------- */

div#operation_display,
div.operation_display {
	background-color: #6F7996 !important;
	color: #FFFFFF !important;
}

/* -- */

div#operation_result,
div.operation_result {
	background-color: #555560 !important;
	color: #FFFFFF !important;
}

/* -- */

div#operation_info,
div.operation_info {
	background-color: #EFEFEF !important;
	color: #333333 !important;
}

/* -- */

div#operation_notice,
div.operation_notice {
	background-color: #E9EDCA !important;
	color: #444444 !important;
}

/* -- */

div#operation_important,
div.operation_important {
	background-color: #4D5774 !important;
	color: #FDFDFD !important;
}

/* -- */

div#operation_hint,
div.operation_hint {
	background-color: #448FCE !important;
	color: #FDFDFD !important;
}

/* -- */

div#operation_question,
div.operation_question {
	background-color: #778888 !important;
	color: #FFFFFF !important;
}

/* -- */

div#operation_success,
div.operation_success {
	background-color: #A9D837 !important;
	color: #333333 !important;
}

/* -- */

div#operation_warn,
div.operation_warn {
	background-color: #FFD218 !important;
	color: #3E2723 !important;
}

/* -- */

div#operation_error,
div.operation_error {
	background-color: #ED2839 !important;
	color: #FFFFFF !important;
}

/* ----------------------------- */

@media all and (max-width:1279px) {
	div#operation_display,   div.operation_display,
	div#operation_result,    div.operation_result,
	div#operation_info,      div.operation_info,
	div#operation_notice,    div.operation_notice,
	div#operation_important, div.operation_important,
	div#operation_hint,      div.operation_hint,
	div#operation_question,  div.operation_question,
	div#operation_success,   div.operation_success,
	div#operation_warn,      div.operation_warn,
	div#operation_error,     div.operation_error {
		max-width: calc(99% - 10px) !important;
	}
}

@media all and (max-width:959px) {
	div#operation_display,   div.operation_display,
	div#operation_result,    div.operation_result,
	div#operation_info,      div.operation_info,
	div#operation_notice,    div.operation_notice,
	div#operation_important, div.operation_important,
	div#operation_hint,      div.operation_hint,
	div#operation_question,  div.operation_question,
	div#operation_success,   div.operation_success,
	div#operation_warn,      div.operation_warn,
	div#operation_error,     div.operation_error {
		max-width: calc(98% - 10px) !important;
	}
}

@media all and (max-width:767px) {
	div#operation_display,   div.operation_display,
	div#operation_result,    div.operation_result,
	div#operation_info,      div.operation_info,
	div#operation_notice,    div.operation_notice,
	div#operation_important, div.operation_important,
	div#operation_hint,      div.operation_hint,
	div#operation_question,  div.operation_question,
	div#operation_success,   div.operation_success,
	div#operation_warn,      div.operation_warn,
	div#operation_error,     div.operation_error {
		max-width: calc(97% - 10px) !important;
	}
}

@media all and (max-width:639px) {
	div#operation_display,   div.operation_display,
	div#operation_result,    div.operation_result,
	div#operation_info,      div.operation_info,
	div#operation_notice,    div.operation_notice,
	div#operation_important, div.operation_important,
	div#operation_hint,      div.operation_hint,
	div#operation_question,  div.operation_question,
	div#operation_success,   div.operation_success,
	div#operation_warn,      div.operation_warn,
	div#operation_error,     div.operation_error {
		max-width: calc(96% - 10px) !important;
	}
}

/* ----------------------------- */

/* -- CSS End -- */

/* ===== core/notifications-icons.css */

/* -- CSS Start :: Smart.Framework / Components / Notifications :: r.8.7 / smart.framework.v.8.7 -- */

/* ----------------------------- */

/* Notifications Icons r.20231020 */
/* Keep as separate file from notifications.css because the notifications base styles are used as inline in some places and have no access to this relative paths */

div#operation_display,   div.operation_display,
div#operation_result,    div.operation_result,
div#operation_info,      div.operation_info,
div#operation_notice,    div.operation_notice,
div#operation_important, div.operation_important,
div#operation_hint,      div.operation_hint,
div#operation_question,  div.operation_question,
div#operation_success,   div.operation_success,
div#operation_warn,      div.operation_warn,
div#operation_error,     div.operation_error {
	max-width: calc(100% - 52px) !important; /* must adjust and substract the padding: -52px */
	padding-left: 52px !important;
}

/* -- */

/* this have no icon by default, will show icon only with additional class */
div#operation_display.icon,
div.operation_display.icon {
	background-image: url(../../framework/img/sign-done.svg);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

/* -- */

div#operation_result:not(.no-icon),
div.operation_result:not(.no-icon) {
	background-image: url(../../framework/img/sign-important.svg);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

/* -- */

div#operation_info:not(.no-icon),
div.operation_info:not(.no-icon) {
	background-image: url(../../framework/img/sign-info.svg);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

/* -- */

div#operation_notice:not(.no-icon),
div.operation_notice:not(.no-icon) {
	background-image: url(../../framework/img/sign-notice.svg);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

/* -- */

div#operation_important:not(.no-icon),
div.operation_important:not(.no-icon) {
	background-image: url(../../framework/img/sign-important.svg);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

/* -- */

div#operation_hint:not(.no-icon),
div.operation_hint:not(.no-icon) {
	background-image: url(../../framework/img/sign-important.svg);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

/* -- */

div#operation_question:not(.no-icon),
div.operation_question:not(.no-icon) {
	background-image: url(../../framework/img/sign-question.svg);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

/* -- */

div#operation_success:not(.no-icon),
div.operation_success:not(.no-icon) {
	background-image: url(../../framework/img/sign-ok.svg);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

/* -- */

div#operation_warn:not(.no-icon),
div.operation_warn:not(.no-icon) {
	background-image: url(../../framework/img/sign-warn.svg);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

/* -- */

div#operation_error:not(.no-icon),
div.operation_error:not(.no-icon) {
	background-image: url(../../framework/img/sign-error.svg);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

/* ----------------------------- */

/* -- CSS End -- */

/* ===== [#] */

/* # CSS Package: core/app.pak.css :: #END# */

