@import '/desktop/layout/css/font-awesome/latest/css/font-awesome.min.css';
@import '/fz/common/components/remixicon/remixicon.css?praxis-version=20241020';

*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	/*transition: all 0.5s ease-out 0s;*/
}
#sidebar, #sidebar .nav.nav-list, #sidebar .nav.nav-list > li, #sidebar .nav.nav-list > li > a, #sidebar .nav.nav-list > li > a *
, #main-container, div#topTabs, .dhxtabbar_tabs_base
/*,.dhxtabbar_cont, .dhxtabbar_tabs_top, .dhx_cell_tabbar*/
{
	transition: all 0.2s ease-out 0s;
}

fzstyle{display: none;}
fzscript{display: none;}

/* GLOBAL VARIABLES */
:root
{
	--toolBarHeight: 40px;
	--main-layout-grid-column-width: 600px;
	--defaultFullWidthMax: calc(var(--main-layout-grid-column-width) * var(--main-layout-grid-columns, 2)); /* default value 1200px */
	--defaultFullWidth: clamp(min(100%, 340px), 80%, 1200px);
}
/*:root div.main-layout-grid*/
/*{*/
/*	--defaultFullWidthMax: calc(var(--main-layout-grid-column-width) * 2);*/
/*}*/
/*:root div.main-layout-grid.single-column*/
/*{*/
/*	--defaultFullWidthMax: calc(var(--main-layout-grid-column-width) * 1);*/
/*}*/
@media (max-width: 768px)
{
	:root
	{
		--defaultFullWidth: 100%;
	}
}

body, html
{
	width: 100vw;
	height: 100vh;
	padding: 0;
	margin: 0 !important;
	background-color: var(--background-system-body-base);
	box-sizing: border-box;
}
:where(body, html):has(.body-container.no-padding-top)
{
	background-color: var(--background-presentation-body-primary);
}
body *
{
	/*outline: 1px solid #80000044;*/
}
body, body.ext-gecko, body.ext-gecko3
{
	overflow: auto;
	margin: 0;
}
body, html, div, span, label, table, td, p, ul, li
{
	font-family: var(--font-sf-pro) !important;
}
button, input, a, li{
	-webkit-transition: all var(--transition-default);
	-moz-transition: all var(--transition-default);
	-ms-transition: all var(--transition-default);
	transition: all var(--transition-default);
}
button
{
	border: 0;
	outline: 0;
}
:where(div, label, i, span, b, p)
{
	color: var(--content-presentation-global-primary);
	margin: 0;
}
div.top-menu-container :where(div, label, i, span, b, p)
{
	color: var(--content-system-global-primary);
}
fieldset
{
	border: 1px solid var(--border-presentation-global-primary);
	border-radius: 8px;
	padding: var(--space-2);
}
legend
{
	font-weight: bold;
	font-family: var(--font-sf-pro);
	font-size: 13px;
	color: var(--content-presentation-cur-color2);
}
select, input
{
	font-family: var(--font-sf-pro);
	cursor: pointer;
}
option
{
	min-width: 0;
	padding: 0 var(--space-3);
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: var(--background-presentation-form-field-primary);
}
input, textarea
{
	outline: 0;
}
.grouping
{
	font-size: 15px;
	text-align: center;
}
.grouping label
{
	font-size: 15px;
	font-weight: bold;
}
.hide
{
	display: none !important;
}
.praxis-loader-overlay-container.hide, .praxis-grid-popup-toast.hide
{
	display: flex !important;
	opacity: 0 !important;
	pointer-events: none !important;
	height: 0;
	width: 0;
}
.bootstrap-dialog-message:has(iframe#embedDialogInstance_dialogFrame)
{
	border-radius: 8px;
}
iframe, .modal-dialog:has(iframe#embedDialogInstance_dialogFrame)
{
	background: var(--background-system-body-primary);
}
.bootstrap-dialog.type-default .modal-content:has(iframe#embedDialogInstance_dialogFrame)
{
	background: var(--background-system-body-primary);
}
.dispTable
{
	display: table;
	width: 100%;
	height: 100%;
}
.dispRow
{
	display: table-row;
	width: 100%;
}
.dispCell
{
	display: table-cell;
	width: 100%;
	height: 100%;
}
.link
{
	font-weight: normal;
	font-family: var(--font-sf-pro);
	font-size: 12px;
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
.actionLink
{
	background-color: transparent;
	border: 0 none;
	color: var(--content-presentation-action-link);
	cursor: pointer;
	font-family: var(--font-sf-pro);
	font-size: var(--font-size-body-small);
	padding: var(--space-1);
	text-decoration: underline;
}
a.actionLink > :is(.inputContainer, input, .inputContainer > input)
{
	cursor: pointer !important;
}
.requiredStar
{
	color: red;
	font-size: 12px;
}
.actionLink
{
	border-radius: 6px;
}
.actionLink label
{
    color: var(--content-presentation-action-link);
    padding: 0px;
    margin: 0px;
    cursor: pointer;
	text-decoration: underline;
}
.actionLink:hover, .actionLink:hover :is(label, input, div.inputContainer)
{
	background-color: var(--content-presentation-action-link) !important;
	color: white  !important;
	cursor: pointer !important;
}
.actionBtn:hover, .actionBtn.white:hover
{
	background-color: var(--content-presentation-action-link);
	border: 0 solid var(--content-presentation-action-link);
	color: white;
}
.actionBtn label
{
    cursor: pointer;
    color: white;
    width: 100%;
    height: 100%;
}
.actionBtn
{
	display: block;
    background-color: #579EC8;
    border: 0px solid #579EC8;
    color: white;
    cursor: pointer;
    font-size: 12px;
    min-height: 22px;
    padding: 5px;
    min-width: 100px;
    height: 28px;
    text-align: center;
    margin-top: 1px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.actionBtn.white
{
	background-color: #fff;
	border: 1px solid #579EC8;
	color: #6d929b;
	font-weight: bold;
}
button.actionBtn
{
	height: 32px;
}
a.actionBtn{
    line-height: 1.5em;
}
.actionBtn .icon
{
	font-size: 20px;
}
.actionBtn[disabled]
{
	background-color: #CCDCE5;
}
td > .toolBarContainer,tr > .toolBarContainer,div > .toolBarContainer{display: inline-block !important; min-height: 30px !important;}
.toolBarContainerParent{display: inline-block !important; min-height: 30px  !important;}
.toolBarContainer
{
    margin: 0px;
    padding: 0px; 
    position: fixed; 
    top: 0px;
    width: 100%; 
    z-index: 99;
}
.bottomDiv, #bottomDiv
{
	position: fixed;
	top: 0px;
	right:0px;
	left:0px;
	width: 100%;
	display:inline-block;
    z-index: 5;
}
.mce-container
{
	max-height: 90% !important;
}

.mce-container-body 
{
	max-height: 100% !important;	
}

.mce-iframe
{
	max-height: 80% !important;
}

.frm-fields-container
{
	padding: 5px;
	width: 100%;
	display: inline-block;
}
.frm-fields-container label
{
	width: 20%;
	min-width: 100px;
	display: inline-block;
}
.frm-fields-container .frm-fields
{
	display: inline-block;
	width: 79%;
}
.frm-fields-container .frm-fields textarea
,.frm-fields-container .frm-fields .editElementBlur
,.frm-fields-container .frm-fields .editElementFocus
,.frm-fields-container .frm-fields .editElementDisabled
{
	width: 100%;
}

.mce-foot
{
	position: absolute !important;
	top: 100% !important;
}


.mCSB_container
{
	height: 100%;
}

.fzGridDivObj > table
{
	border-collapse: separate;
}

.nicescroll-rails
{
	z-index: 9 !important;
}

.x-window-body
{
	
	min-height: 20px;
}

.dhx_tabcontent_zone, .dhxcont_main_content
{
	width: 100% !important;
}
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_cont_tabbar
{
	padding: 0px;
}
.main-container, .main-content
{
	height: 100%;
	width: 100%;
	display: flex;
	background: var(--background-system-body-base);
}
.main-container
{
	display: flex;
	flex-direction: row;
	gap: var(--space-2);
	position: relative;
	overflow: hidden;
}

.notificationBanner
{
	background-color: var(--background-presentation-body-primary);
	color: var(--content-presentation-global-secondary);
	font-size: 14px;
	width: 100%;
	height: 30px;
	line-height: 2em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;

	border: 1px solid var(--border-presentation-global-primary);
	border-radius: 8px;
	pointer-events: none;
	user-select: none;
}
.inside-iframe .notificationBanner
{
	border-radius: 0;
}
.notificationBanner label
{
	color: var(--content-presentation-global-secondary);
	font-size: 17px;

	animation-duration: 3s;

	animation-delay: 0.5s;

	animation-iteration-count: 1;
}
.rowBlock
{
	display: block;
}

.infoIconButton{
    background-color: #92caef;
    color: #fff;
    font-size: 16px;
    height: 20px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 20px;
    cursor: pointer;
}
.infoIconButton i{
	line-height: 22px;
}
.infoIcon
{
	display: inline-block;
	height: calc(18px * var(--font-ratio));
	font-size: calc(18px * var(--font-ratio));
	color: inherit;
}

/*
* OVERRIDE SIDE NAV MENU
*/
.no-skin .nav-list > li .submenu > li.active > a > .menu-icon
{
	color: var(--content-system-global-primary);
}
.nav.nav-list li .menu-text
{
	text-transform: capitalize;
	color: inherit;
	white-space: nowrap;
}
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left, .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right
{
	margin: 0px;
}
.praxis_dhxtabbar_container
{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	direction: inherit;
}
#userLoginBrch
{
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
}
#userLoginYear
{
	display: inline-block;
	white-space: nowrap;
}
.navbar-container
{
	padding-left: 0;
	padding-right: 0;
}

/* 
* OVERRIDE MODAL 
*/
.modal.fade.in
{
	display: inherit;
}
.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
	cursor: move;
}
.modal-backdrop
{
	position: fixed;
}
.modal-dialog
{
	border-radius: 8px;
}
.modal-dialog, .modal-dialog .modal-body
{
	/*background: var(--background-presentation-body-primary);*/
	padding: 0;
	margin: auto;
	width: 100%;
}
.bootstrap-dialog .modal-content
{
	min-height: 40px;
	min-width: 117px;
}
.bootstrap-dialog .modal-header
{
	padding: 5px;
	min-width: 115px;
}
.bootstrap-dialog-header .bootstrap-dialog-title
{
	text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap !important;
    max-width: 90% !important;
}
.modal-header .close
{
	margin-top: -5px;
	font-size: 32px;
}
.bootstrap-dialog-message
{
	align: center;
}
.popup-message-container
{
	margin: auto;
	min-width: 80px;
	min-height: 81px;
	display: flex;
	border-radius: 8px;
}

.popup-content-msg
{
	padding: 10px;
	font-size: 13px;
}

.glyphicon
{
	font-family: "Glyphicons Halflings" !important;
}

.tip-content-cls
{
	text-align: center;
	margin: auto;
	color: #13426b;
	font-size: 14px;
	font-weight: bold;
	/*height: 75%;*/
	line-height: 5em;
}

.add-icon
{
	color:#5cb85c;
	font-size:24px;
	cursor: pointer;
}
.add-icon:hover
{
	color:#449D44;
}
.edit-icon
{
	font-size:16px !important;
	background-color: transparent !important;
	color: #195484;
	cursor: pointer;
}
.edit-icon:hover
{
	color: #13426B;
}
.richeditor-container
{
	min-height: 500px;
}
.mce-container.mce-form.mce-abs-layout-item, .mce-container.mce-form.mce-abs-layout-item div
{
	min-height: 30px;
}
button.small.clicked
{
	background-color: #BBD4F6 !important;
 	border-left: 1px solid #D3E1F1 !important;
 	color : blue !important;
	font-size: 17px !important;
}
button.normale.small, button.small.clicked
{
	width: 30px !important;
	min-width: 30px !important;
}
button.normale.small .fa
{
	font-size: 17px;
}
/* 
* OVERRIDE BOOTSTRAP BUTTONS
*/
.btn
{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn-success{color:#fff !important;background-color:#5cb85c !important;border-color:#4cae4c !important;}
.btn-success.clicked,.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff !important;background-color:#449d44 !important;border-color:#398439 !important;}
.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c;}
.btn-danger, button.normale.btn-danger{color:#fff !important;background-color:#d15b47 !important;border-color:#d15b47 !important;}
.btn-danger.clicked,.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger
,button.normale.btn-danger.active,button.normale.btn-danger.focus,button.normale.btn-danger:active,button.normale.btn-danger:focus,button.normale.btn-danger:hover{color:#fff !important;background-color:#c9302c !important;border-color:#ac2925 !important;}
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f !important;border-color:#d43f3a !important;}
.btn-warning,button.normale.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn-warning:hover,button.normale.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}
.btn-success.disabled,.btn-danger.disabled,.btn-warning.disabled,.btn-danger[disabled],.btn-success[disabled],.btn-warning[disabled]{ opacity: 0.6; cursor: default; 	}
.danger{color:#d15b47;}
.danger:hover, .danger:active, .danger:focus{background-color:#c9302c; color: #ffffff;}

/* 
* OVERRIDE Easy RESPONSIVE TABS
*/

/* 
* OVERRIDE DHTMLX LAYOUT
*/
.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_cont_layout
{
	padding: 3px;
}
.dhx_cell_layout .dhx_cell_hdr .dhx_cell_hdr_text
{
	color: #ffffff;
}
.dhxtabbar_tab 
{
	transition: all 0.5s ease;
}
.dhxtabbar_tab_text
{
	text-transform: capitalize;
}

.toolbar-container
{
	background-color: #D3E1F1;
	height: 30px;
	width: 100%;
	text-align: right;
}
.toolbar-container .btn
{
	height: 100%;
	min-width: 30px;
	cursor:pointer;
	border: none;
}

@media screen and (min-height: 600px)
{
	.mce-iframe
	{
		max-height: 90% !important;
	}
}

.warningMessage
{
	color: var(--content-presentation-state-warning) !important;
	border: 0 !important;
	background-color: transparent !important;
	font-weight: bolder !important;
}

.blockingMessage
{
	color: var(--content-presentation-state-negative) !important;
	border: 0 !important;
	background-color: transparent !important;
	font-weight: bolder !important;
}
.inputContainer:has(:is(.warningMessage,.blockingMessage))
{
	display: contents;
}
.systemUpdateDiv
{
	padding: 12px ;
	background-color: #438EB9;
	color: #BFD4F0; font-weight: bold;
	font-size: 14px;
	background-color: #AC504D;
}
.charts-combo
{
	font-weight: normal;
	font-size: 12px;
	color: var(--content-presentation-action-light-primary);
	border: 1px solid var(--border-presentation-action-primary);
	border-radius: var(--input-border-radius);
	min-width:130px;
	min-height: 23px;
	background-color: var(--background-presentation-form-field-primary);
	padding: 2px;
}
.charts-highlight-icon
{
	color: #438eb9;	
}
/* progress bar design */
progress
{
	background: #D1D3D4;
	border: 1px solid #D1D3D4;
	height: 6px;
	border-radius: 10px;
}
progress::-moz-progress-bar { background: #11284B; border-radius: 10px;}
progress::-webkit-progress-bar { background: #D1D3D4; border-radius: 10px;}
progress::-webkit-progress-value { background: #11284B; border-radius: 10px;}


@keyframes state2Animation {
	0% {
		/* Starting styles for the animation */
		/* This matches the initial state */
		height: 20px;
	}
	100% {
		/* Ending styles for the animation */
		/* This matches the State 2 styles */
		height: initial;
	}
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance:none;
}
.ui-widget, .cg-menu-item, .cg-DivItem
{
	font-family: var(--font-sf-pro);
}
html:has(div.body-container)
{
	overflow: hidden;
}
.vertical-divider-container
{
	display: flex;
	align-items: center;
	gap: var(--space-2);
	align-self: stretch;
}
.vertical-divider-container > .vertical-divider
{
	width: 1px;
	height: 28px;
	background: var(--border-presentation-global-primary);
}