.z-page>div {
	overflow: hidden;
}

.z-window {
	background: transparent;
}

.z-window-noborder.z-window-noheader {
	padding: 0;
}

/* to override bootstrap style- coz problem with listboxes */
table {
	border-collapse: unset !important;
}

.z-a {
	text-decoration: none;
}

.z-temp .z-loading, .z-apply-loading {
	background: #9f9f9f70; width: 100%; height: 100%; top: 0; left: 0;
}

.z-loading, .z-apply-loading {
	background: #9f9f9f70; width: 100%; height: 100%;
}

.z-loading-indicator, .z-apply-loading-indicator {
	position: absolute; top: calc(50% - 60px); left: calc(50% - 60px); padding: 10px;
}

.z-loading-indicator,.z-apply-loading-indicator {
	border-radius: 5px;
}

.z-loading-indicator, .z-apply-loading-indicator {
	border: 16px solid #ffffff; border-radius: 50% !important; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: z-loading-indicator-spin 2s linear infinite; /* Safari */ animation: z-loading-indicator-spin 2s linear infinite; font-size: 0 !important; color: transparent !important; background: transparent;
}

.z-loading-icon, .z-apply-loading-icon {
	display: none;
}


/* Safari */
@-webkit-keyframes z-loading-indicator-spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes z-loading-indicator-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/**************  MAIN_INCLUDE  **************/
.tile-flat-m-qpdiv {
	width: 300px;
}

.dashParamMetierTechIncl .z-window-content {
	background: #ffffff !important;
}

.dashHomeIncl .z-window-content {
	background: #ffffff !important;
}

.dashBoardProcessGrid table {
	table-layout: auto !important;
}

/***********/
.w-templ-logo-img:hover {
	cursor: pointer;
}

.w-templ-footer-td-c {
	text-align: center; width: 33%;
}

.w-templ-footer-td-l  {
	width: 33%;
}

.w-templ-footer-td-r {
	width: 33%;
}

.z-messagebox-button:focus {
	-webkit-box-shadow: none; box-shadow: none;
}

.w-signup-social-icon {
	cursor: pointer;
}

.w-flat-btn-nrml[disabled] {
	background: #d2d2d2; color: #848484 !important;
}

.w-flat-btn-nrml[disabled]:hover {
	background: #d2d2d2; cursor: not-allowed;
}

.w-flat-btn-nrml-dis:hover {
	cursor: not-allowed !important;
}

.w-flat-btn-crud {
	color: transparent; cursor: pointer;
}

.w-flat-toolbar-crud {
	margin: 0;
}

.w-flat-toolbar-crud .z-toolbarbutton {
	height: 100%;
}

.w-flat-btn-crud-inplace:hover {
	background: transparent linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%) repeat scroll 0% 0%;
}

.w-flat-btn-crud-inplace .z-toolbarbutton-content {
	color: #F5881F; padding-left: 10px;
}

.w-flat-btn-crud-inplace.z-toolbarbutton:hover {
	background: none; border: none;
}

.contentRTL>.z-combobox-content {
	text-align: right;
}

.contentRTL>.z-combobox-input {
	text-align: right;
}

.w-btn-transition::before {
	padding-right: 5px;
}

.w-ds-dyn-Div-field  {
	display: table-cell; width: 100%;
	/*padding: 5px;*/
}

.w-ds-dyn-Div-field-parent {
	padding: 5px; width: 100%;
}
/**************  ZKOSS  **************/
.z-grid {
	border: none; /* PARAM */
}

.z-caption-content table {
	width: 100%;
}

.z-listbox-header {
	width: 100% !important;
}

.z-tabbox {
	border: none; background: transparent;
}

.z-tabbox-left>.z-tabs .z-tabs-content {
	height: 100% !important;
}

/*********************************************/
/************* Tabs: Common Style *************/
/*********************************************/
.w-tab-dynascreen-c.z-tab {
	border-radius: 0;
}

.w-tab-dynascreen-c .z-tab-text {
	padding: 0;
}

.w-tab-dynascreen-c .z-tab-content:hover {
	text-decoration: none;
}
/*********************************************/
/************* Tabs: Common Style *************/
/*********************************************/
.divScreenActionsCont {
	display: flex; justify-content: space-between; align-items: center; flex-flow: wrap row; overflow: hidden; margin-bottom: 10px; padding: 7px;
}

.toolbarScreenTransitions {
	text-align: start;
}

.toolbarScreenTransitions .toolbarScreenTransitions-content {
	display: flex; grid-gap: 10px; justify-content: start; flex-flow: wrap row;
}

.toolbarScreenActions {
	text-align: end;
}

.toolbarScreenActions .toolbarScreenActions-content {
	display: flex; grid-gap: 5px; justify-content: start; flex-flow: nowrap row;
}

.w-tabbox-wcm-nav-tabs.z-tabbox {
	height: 100%;
}

.w-tabbox-wcm-nav-tabs .z-tabpanel {
	height: 100%;
}

.w-rdo-param-theme.z-radiogroup {
	padding-left: 15px;
}

.w-rdo-param-theme .z-radio {
	padding-right: 15px;
}

.w-rdo-param-theme .z-radio-content {
	padding: 5px;
}

.wDivDetailParamBlock {
	padding: 10px; border: 1px solid #00305F; margin: 10px 0px;
}

.wDivDetailParamLabelBlock {
	border-bottom: 1px solid #00305F; background-color: #f4f4f4;
}

.wlblEditParamS  {
	cursor: pointer; color: #1E3596;
}

.wlblEditParamS:hover {
	cursor: pointer; text-decoration: underline; color: #4860C6;
}

.dropdown-menu-fontsizes .nav-link {
	font-weight: bold;
}

.dropdown-menu-fontsizes .nav-link.nav-link-aa-sel {
	background: #f0f0f0;
}

.wNavMenuAdminBtn {
	background-color: #FFFFFF; color: #619fb9;
}

.works-admin-wheel {
	cursor: pointer; background-color: white; padding: 1px; color: #CFD4FF !important; border: 1px solid #dbdbdb9e; width: 25px; height: 25px; text-align: center; line-height: 21px; border-radius: 100%; box-shadow: 0px 0px 5px 0px #dbdbdb9e;
}

.dyn-menu-nav.z-navbar-vertical>ul .wNavMenuAdminBtn .z-nav-content:hover {
	background-color: #FFFFFF;
}

.tmplNewWorks .navbar-custom-menu .dropdown.show .fa,.tmplNewWorks .navbar-custom-menu .dropdown.show .fas,.tmplNewWorks .navbar-custom-menu .dropdown.show .far,.w-templ-tr-header .navbar-custom-menu .dropdown.show .fa,.w-templ-tr-header .navbar-custom-menu .dropdown.show .fas,.w-templ-tr-header .navbar-custom-menu .dropdown.show .far,.tmplNewWorks .navbar-custom-menu .dropdown.show .user {
	color: #495057;
}

.dropdown-menu-works {
	animation-name: dropdownWAnim; -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -ms-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;
}

@keyframes dropdownWAnim {
  from {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    transform: none;
    transform: translate3d(0, 0px, 0);
  }
}

.z-temp,.z-modal-mask {
	background: #545454;
}
.z-calendars-month-header {
	background-color: transparent;
}

.z-calendars-inner {
	background: #F6F6F6 none repeat scroll 0% 0%;
}

/*** Timeline **/
.z-timeline>img {
	display: none;
}

.timeline-container>img {
	display: none;
}

.timeline-band-0 .timeline-ether-bg {
	background-color: #F7F7F7;
}
/***/

/** DASHBOARD PROCESS + TASKS **/
.w-home-dash-tasks {
	display: inline-table;
}

.w-home-dash-tasks-parent {
	width: 100%; margin-bottom: 10px; background-color: #F8F8F8; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 10px; box-shadow: 0px 0px 4px -2px #000000;
}

.w-home-dash-div-btn {
	text-align: right; padding-bottom: 10px;
}

.z-popup-content {
	overflow: auto;
}

.wSortPopup.z-popup .z-popup-content {
	padding: 0;
}

.wStartProcessPopup.z-popup {
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35); width: 200px; border: none;
}

.wStartProcessPopup .z-label {
	color: #bbbabf;
}

.wFilterPopup.z-popup .z-popup-content {
	padding: 0; width: 250px;
}

.w-div-sort-popup {
	cursor: pointer; border: none; padding: 10px 0px 10px 0px; width: 100%; display: block;
}

.w-div-filter-popup {
	cursor: pointer; border: none; padding: 6px 0px 6px 6px; display: block;
}

.w-chkbox-filter-popup {
	display: flex; align-items: start;
}

.w-chkbox-filter-popup .z-checkbox-content {
	padding-left: 5px;
}

.w-dash-btn-filter {
	background: none; border: 1px solid #CBCBCB; box-shadow: none; padding: 5px; width: 30px;
}

.w-dash-btn-filterclear {
	background: none; border: 1px solid #CBCBCB; box-shadow: none; padding: 5px; width: 30px;
}

.w-dash-btn-filter>img {
	height: 12px;
}

.w-dash-btn-filterclear>img {
	height: 16px;
}

.w-dash-btn-sort {
	background: none; border: 1px solid #CBCBCB; box-shadow: none; padding: 5px; width: 30px;
}

.w-dash-btn-sort>img {
	height: 16px;
}

.w-dash-btn-prc-search {
	background: #ffffff; border: 1px solid #efefef; height: 25px; width: 30px; float: right;
}

.divDashHomePrcContSkin1 {
	display: table; width: 100%;
}

.divDashHomePrcSkin1 {
	display: table-cell; width: 100%; padding-right: 10px;
}

.wDashGridSubFamily.z-row .z-row-content {
	padding: 0;
}
.wlblportalerror {
	color: #ff0000;
}

.wlblportalstack {
	color: #F64E60 !important;
}
.z-combobox-button {
    border: 0;
}
.z-combobox-input {
    border: none;
}

.z-notification-pointer ~ .z-notification-content {
	width: auto;
}

.z-calendar-weekend {
	color: #f76f1d; background: #fff;
}

.z-calendar th {
	text-align: center;
}
/***********************/
.dContSettingsWorks {
	text-align: center;
	padding: 2px 2px 11px 2px;
	border: 1px solid #e3e3e3;
	margin-bottom: 10px;
	display: table;
	width: 100px;
}

.dContSettingsWorks:hover {
	background: #f0f0f0;
	color: #000000;
	border: 1px solid #f4f4f4;
	cursor: pointer;
}

.btnSettingsWorks {
	background: none;
	border-radius: 0;
	padding: 15px;
}
.lblSettingsWorks {
	height: 30px;
}
/***********************/


/**********************/
/**********************/
.messagesWorksStyleSuccess {
	background-color: #bef3be;
	padding: 5px;
	margin-bottom: 5px;
}

.messagesWorksStyleError {
	background-color: #f3bebe;
	padding: 5px;
	margin-bottom: 5px;
}

.messagesWorksStyleSuccess>.z-label {
	color: #13781f;
}

.messagesWorksStyleError>.z-label {
	color: #bc0000;
}
/**********************/
/**********************/
.myProfileDivInner {
	display: grid; grid-template-columns: 1fr 3fr; margin-bottom: 15px;
}

.myProfileDocPrinterDiv {
	overflow-y: scroll; height: 300px;
}

.z-navbar .z-navitem-selected .z-navitem-content {
	color: #145b89; background: #d4d4d4;
}

.z-navbar .z-navitem-selected .z-navitem-content:hover {
	color: #145b89; background: #d4d4d4;
}

.wrkswinmodalehide {
	display: none;
}

.adminEditPrompt:hover {
	text-decoration: underline; cursor: pointer;
	/*color: #13781f !important;*/
}

.tmplNewWorks.z-window>.z-window-content {
	padding: 0;
}

@keyframes fadeSaveLine {
  50% { opacity: 0.5; background: #c1ffc9; }
  100% { opacity: 1; background: inherit; }
}

.fadeBGLine-green .z-listcell,.z-listitem[fadeBGLine="green"] .z-listcell {
	opacity: 1; animation: fadeSaveLine 2s linear;
}

.fadeBGLine-red .z-listcell,.z-listitem[fadeBGLine="red"] .z-listcell {
	opacity: 1;
    animation: fadeRemoveLine 2s linear;
}

@keyframes fadeRemoveLine {
  50% { opacity: 0.5; background: #ffe2e2; }
  100% { opacity: 1; background: inherit; }
}

/**********************/
/**********************/

.wDivStepWizardCont  {
	padding-right: 7px; padding-left: 7px; margin: 0 auto;
}

.worksbreadcrumb {
	padding: 0px; background: transparent; overflow: hidden; margin-top: 20px; margin-bottom: 20px; display: flex; justify-content: space-between; width: 100%;
}

.worksbreadcrumb>li {
	flex: 1; margin-left: -5px; position: relative;
}

.worksbreadcrumb>li+li:before {
	padding: 0;
}

.worksbreadcrumb li>div>.icon {
	padding: 0 5px; font-size: calc(16px + 0px + 0px);
}

.worksbreadcrumb li:last-of-type a {
	width: calc(100% - 38px);
}

.worksbreadcrumb li a:before {
	content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; position: absolute; top: 50%; margin-top: -50px; z-index: 1;
}

.worksbreadcrumb li a:after {
	content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; position: absolute; top: 50%; margin-top: -50px; z-index: 2;
}

.worksStepperWizard {
	padding: 0px; background: transparent; overflow: hidden; margin-top: 20px; margin-bottom: 20px; width: 100%;
}

.worksStepperWizard>li {
	display: table-cell; vertical-align: top; width: 1%;
}

.worksStepperWizard>li+li:before {
	padding: 0;
}

.worksStepperWizard li:last-of-type a {
	width: calc(100% - 38px);
}

.worksStepperWizard li a:before {
	content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; position: absolute; top: 50%; margin-top: -50px; z-index: 1;
}

.worksStepperWizard li a:after {
	content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; position: absolute; top: 50%; margin-top: -50px; z-index: 2;
}

.tmplNewWorks .z-nav .works-i-none,.tmplNewWorks .z-navitem .works-i-none {
	margin: 0; width: 0; height: 0;
}

.tmplNewWorks .z-navbar-horizontal>ul .z-nav-content,.tmplNewWorks .z-navbar-horizontal>ul .z-navitem-content,.tmplNewWorks .z-navbar-horizontal>ul .z-navseparator {
	background: transparent;
}

.tmplNewWorks .z-navbar-horizontal.z-navbar-collapsed>ul>.z-nav,.tmplNewWorks .z-navbar-horizontal.z-navbar-collapsed>ul>.z-navitem {
	background: transparent;
}

.tmplNewWorks .z-navbar-horizontal.z-navbar-collapsed>ul>.z-nav,.tmplNewWorks .z-navbar-horizontal.z-navbar-collapsed>ul>.z-navitem {
	padding: 5px; background: #ffffff;
}

.tmplNewWorks .z-nav-content,.tmplNewWorks .z-navitem-content {
	color: #333; height: 32px; border: 1px solid #f4f4f3; line-height: 32px;
}

.tmplNewWorks .z-navbar-horizontal>ul .z-nav-content:hover,.tmplNewWorks .z-navbar-horizontal>ul .z-navitem-content:hover {
	background: #ff00ff none repeat scroll 0 0; color: #00f;
}

.tmplNewWorks .z-nav-text,.tmplNewWorks .z-navitem-text {
	font-family: Arial, Sans-serif; font-size: 12px; font-weight: normal; display: inline-block !important;
}

.w-st-footer {
	position: fixed; width: 100%; bottom: 0px; z-index: 4000; left: 0px;
}

.wPilotageGraphs {
	display: inline-block; border: 1px solid #cccccc;
}

.wDivLogContent {
	padding: 5px; font-family: monospace; font-size: 13px; height: 500px; overflow: auto;
}

@media (min-width :1600px) {
	.wPilotageGraphs {
		width: 32%;
	}
}

@media (max-width: 1600px) and (min-width: 1100px) {
    .wPilotageGraphs {
		width: 48%;
	}
}

@media (max-width: 1100px) {
    .wPilotageGraphs {
		width: 100%;
	}
}

.wPMLbl {
	display: block; padding-bottom: 5px;
}

.w-search-filter::placeholder {
	
}

/************* Checkbox ***************/
/*shared*/
.cmn-toggle>input {
	position: absolute; margin-left: -9999px; visibility: hidden;
}

.cmn-toggle>label {
	display: block; position: relative; cursor: pointer; outline: none; user-select: none;
}

/*round*/
.cmn-toggle-round>label {
	padding: 2px; width: 30px; height: 15px; background-color: #dddddd; border-radius: 15px;
}

.cmn-toggle-round>label:before,.cmn-toggle-round>label:after {
	display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: "";
}

.cmn-toggle-round>label:before {
	right: 1px; background-color: #f1f1f1; border-radius: 15px; transition: background 0.4s;
}

.cmn-toggle-round>label:after {
	width: 14px; background-color: #fff; border-radius: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: margin 0.4s;
}

.cmn-toggle-round>input:checked+label:before {
	background-color: #8ce196;
}

.cmn-toggle-round>input:checked+label:after {
	margin-left: 15px;
}

/*round-flat*/
.cmn-toggle-round-flat>label {
	padding: 2px; width: 30px; height: 15px; background-color: #dddddd; border-radius: 15px; transition: background 0.4s;
}

.cmn-toggle-round-flat>label:before,.cmn-toggle-round-flat>label:after {
	display: block; position: absolute; content: "";
}

.cmn-toggle-round-flat>label:before {
	top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #fff; border-radius: 15px; transition: background 0.4s;
}

.cmn-toggle-round-flat>label:after {
	top: 4px; left: 4px; bottom: 4px; width: 13px; background-color: #dddddd; border-radius: 52px; transition: margin 0.4s, background 0.4s;
}

.cmn-toggle-round-flat>input:checked+label {
	background-color: #8ce196;
}

.cmn-toggle-round-flat>input:checked+label:after {
	margin-left: 15px; background-color: #8ce196;
}

/*yes-no*/
.cmn-toggle-yes-no>label {
	padding: 2px; width: 30px; height: 15px;
}

.cmn-toggle-yes-no>label:before,.cmn-toggle-yes-no>label:after {
	display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; color: #fff; font-family: "Roboto Slab", serif; font-size: 10px; text-align: center; line-height: 15px;
}

.cmn-toggle-yes-no>label:before {
	background-color: #dddddd; content: 'no'; transition: transform 0.5s; backface-visibility: hidden;
}

.cmn-toggle-yes-no>label:after {
	background-color: #8ce196; content: 'yes'; transition: transform 0.5s; transform: rotateY(180deg); backface-visibility: hidden;
}

.cmn-toggle-yes-no>input:checked+label:before {
	transform: rotateY(180deg);
}

.cmn-toggle-yes-no>input:checked+label:after {
	transform: rotateY(0);
}

/*on-off*/
.cmn-toggle-on-off>label {
	padding: 2px; width: 30px; height: 15px;
}

.cmn-toggle-on-off>label:before,.cmn-toggle-on-off>label:after {
	display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; color: #fff; font-family: "Roboto Slab", serif; font-size: 10px; text-align: center; line-height: 15px;
}

.cmn-toggle-on-off>label:before {
	background-color: #dddddd; content: 'off'; transition: transform 0.5s; backface-visibility: hidden;
}

.cmn-toggle-on-off>label:after {
	background-color: #8ce196; content: 'on'; transition: transform 0.5s; transform: rotateY(180deg); backface-visibility: hidden;
}

.cmn-toggle-on-off>input:checked+label:before {
	transform: rotateY(180deg);
}

.cmn-toggle-on-off>input:checked+label:after {
	transform: rotateY(0);
}

/*up down*/
.cmn-toggle-yes-no.cmn-toggle-up-down>label:before {
	content: '\1F593'; font-size: 10px;
}

.cmn-toggle-yes-no.cmn-toggle-up-down>label:after {
	content: '\1F592'; font-size: 10px;
}
/**    Dynamic Placeholders    **/
.wrks-dynamic-label-input-div.z-div {
	-webkit-transform: translateY(0); transform: translateY(0); order: 2; padding-left: 2px;
}

.wrks-dynamic-label-input-div.z-div .z-textbox {
	min-height: 25px; line-height: 25px;
}

.wrks-dynamic-label-input.z-macro .z-textbox {
	min-height: 25px; line-height: 25px; width: 100%;
}

.wrks-dynamic-label-input-div-filtre {
	display: flex; align-items: center; width: 100%;
}

.wrks-dynamic-label-input-div-filtre .wrks-dynamic-label-input {
	flex: auto;
}

.w-filtre-symbol {
	background: #e8e8e8; width: 30px; text-align: center; line-height: 34px;
}

.z-bandbox-popup.wrks-dynamic-label-input {
	display: block;
}
.z-datebox {
	width: auto !important; height: auto;
}

.wrks-dynamic-label-input.z-select,.wrks-dynamic-label-fixed.z-select {
	min-height: 35px; line-height: 35px; padding-top: 10px;
}

.wrks-dynamic-label-input .z-datebox-input {
	line-height: calc(25px + 10px); height: calc(25px + 10px); width: calc(100% - 35px) !important;
}

.wrks-dynamic-label-input .z-bandbox,.wrks-dynamic-label-fixed .z-bandbox,.wrks-dynamic-label-input .z-combobox {
	width: 100% !important; height: auto;
}

.wrks-dynamic-label-input .z-datebox-button {
	line-height: 25px; height: calc(25px + 10px); width: 35px; max-height: initial; text-align: center; border: none;
}

.wrks-dynamic-label-input.z-datebox .z-datebox-button:hover,.wrks-dynamic-label-input.z-combobox .z-combobox-button:hover {
	background: none; color: #202020;
}

.wrks-dynamic-label-fixed .z-bandbox-input,.wrks-dynamic-label-input .z-bandbox-input {
	line-height: calc(25px + 10px); height: calc(25px + 10px); width: calc(100% - 35px) !important;
}

.wrks-dynamic-label-fixed .z-bandbox-button,.wrks-dynamic-label-input .z-bandbox-button {
	line-height: 25px; height: calc(25px + 10px); width: 35px;
}

.wrks-dynamic-label-input .z-combobox-input,.wrks-dynamic-label-input .z-spinner-input,.wrks-dynamic-label-input .z-chosenbox-input {
	line-height: calc(25px + 10px); height: calc(25px + 10px); width: calc(100% - 35px);
}

.wrks-dynamic-label-input>.z-spinner-button>a {
	width: 33px;
}

.wrks-dynamic-label-input .z-spinner-button {
	height: calc(25px + 10px); width: 35px; text-align: center;
}

.wrks-dynamic-label-input:placeholder-shown+.wrks-dynamic-label, .wrks-has-dynamic-label:has(.z-combobox-input:placeholder-shown)  > .wrks-dynamic-label {
	opacity: 0; transform: translateY(1rem); top: 10px !important; z-index: 1 !important; width: 0;
}

.wrks-has-dynamic-label {
	display: flex; position: relative; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; padding: 5px 5px;
}

.wrks-cursor-grab:hover {
	cursor: grab; border-width: 1px; border-style: solid; border-color: #d9dbde;
}

.wrks-has-dynamic-label.wrks-dynamic-label-input-first .wrks-dynamic-label {
	order: 3
}

.w-card-layout {
	min-height: 100px;
}

.w-dyna-div-fixed {
	position: fixed; right: 10px; z-index: 100;
}

.z-div.w-dyna-div-rsp>.wrks-dynamic-label-100 {
	width: 100px !important;
}
.wrks-has-dynamic-label select.wrks-dynamic-label-fixed {
	min-height: 34px;line-height: 34px;
}

.wrks-has-dynamic-label-chk {
    flex-direction: row;
    align-items: center;
}

.wrks-has-dynamic-label-chk>.wrks-dynamic-label,.wrks-has-dynamic-label-chk>.wrks-dynamic-label-fixed {
	order: 2;
}

.wrks-has-dynamic-label-chk>.wrks-dynamic-label-input {
	order: 1;
}

.wrks-has-dynamic-label .ng-scope {
	display: none; border-color: #3f51b5; order: 3;
}

.wrks-has-dynamic-label .ng-scope-ext {
	display: none; border-color: #3f51b5;
}

.wrks-has-dynamic-label.wrks-field-error .ng-scope,.wrks-has-dynamic-label.wrks-field-error-ext .ng-scope-ext {
	display: block;
}

.wrks-has-dynamic-label.wrks-field-error .z-combobox-input,.wrks-has-dynamic-label.wrks-field-error .md-input {
	border-color: rgb(244, 67, 54);
}

.wrks-has-dynamic-label.wrks-field-error .cac-label-fixed {
	color: rgb(244, 67, 54);
}

.cac-label-error {
	color: #f97191; font-size: 80%;
}

/** Form inputs Skin-2 ***/
.w-dyna-div-rsp.w-dyna-form-skin-2 .wrks-dynamic-label-input {
	min-height: 35px; padding-left: 10px; z-index: 2; display: flex; align-items: center; justify-content: space-between; width: 100% !important;
}

.w-dyna-div-rsp.w-dyna-form-skin-2 .wrks-dynamic-label-input,.w-dyna-div-rsp.w-dyna-form-skin-2 .wrks-dynamic-label-input>.z-datebox-input,.w-dyna-div-rsp.w-dyna-form-skin-2 .wrks-dynamic-label-input>.z-datebox-button,.w-dyna-div-rsp.w-dyna-form-skin-2 .wrks-dynamic-label-input>.z-combobox-input {
	border: none; box-shadow: none; background: inherit;
}

.w-dyna-div-rsp.w-dyna-form-skin-2 .wrks-dynamic-label-input.z-checkbox {
	margin-top: 10px;
}

.w-dyna-div-rsp.w-dyna-form-skin-2 .wrks-dynamic-label-input>* {
	border: none;
}

.winScreenViewer .z-listitem-checkable {
	float: left; margin-right: 5px;
}

.wsrchtransition:focus {
	width: 300px !important;
}

.wsrchtransition {
	width: 100px !important; -webkit-transition: width 0.5s ease-in-out !important; -moz-transition: width 0.5s ease-in-out !important; -o-transition: width 0.5s ease-in-out !important; transition: width 0.5s ease-in-out !important; float: right !important;
}
/********** Zk 8.6.3 ***********/
.w-checkbox-div {
	display: flex; justify-content: space-between;
}

.w-checkbox-div>.z-radio {
	padding-right: 10px;
}

.w-checkbox-div-edit {
	height: 25px; border: 1px dashed black; line-height: 25px; padding-left: 10px;
}

.w-checkbox-div-v {
	display: flex; flex-direction: column;
}

.w-checkbox-dps.z-checkbox-switch {
	padding: 5px;
}

.z-checkbox-switch>.z-checkbox-content {
	display: inline;
}

.z-checkbox-switch-off>.z-checkbox-mold {
	background-color: #E1E7EF;
}

.z-checkbox-switch-on>.z-checkbox-mold {
	background-color: #8ce196;
}

.z-checkbox-switch-off>.z-checkbox-mold:before {
	background-color: #fff;
}

.z-checkbox-switch>.z-checkbox-mold {
	height: 22px; width: 40px;
}

.z-checkbox-switch>.z-checkbox-mold::before {
	width: 16px; height: 16px; top: 50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transform: translate(0, -50%);
}

.z-checkbox-switch:not(.z-checkbox-switch-on)>.z-checkbox-mold::before {
	-webkit-transform: translateX(0, -50%); -moz-transform: translateX(0, -50%); -o-transform: translateX(0, -50%); -ms-transform: translateX(0, -50%); transform: translate(0, -50%);
}

.z-checkbox-switch-on>.z-checkbox-mold::before {
	-webkit-transform: translateX(16px, -50%); -moz-transform: translateX(16px, -50%); -o-transform: translateX(16px, -50%); -ms-transform: translateX(16px, -50%); transform: translate(16px, -50%);
}

.z-checkbox-switch>.z-checkbox-mold:focus {
	-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none;
}

.z-tabbox-top .z-tab.wz-tab-h,.z-tabbox-left .z-tab.wz-tab-h,.z-tabbox-right .z-tab.wz-tab-h {
	display: inline-block;
}

.z-tabbox-top .z-tab.wz-tab-v,.z-tabbox-left .z-tab.wz-tab-v,.z-tabbox-right .z-tab.wz-tab-v {
	display: block;
}
/*** Flat ***/
.w-checkbox-flat.z-checkbox-switch>.z-checkbox-mold {
	border-radius: 0;
}

.w-checkbox-flat.z-checkbox-switch>.z-checkbox-mold::before {
	height: 7px; bottom: 4px;
}

.w-checkbox-flat.z-checkbox-switch>.z-checkbox-mold::before {
	border-radius: 0;
}
/********** Zk 8.6.3 ***********/
.wizard {
	margin: 20px auto; background: #fff;
}

.wizard>div.wizard-inner {
	position: relative;
}

.connecting-line {
	height: 2px; background: #e0e0e0; position: absolute; width: 100%; margin: 0 auto; left: 0; right: 0; top: 50%; z-index: 1;
}

.wizard .nav-tabs>.wizard-div.active>a,.wizard .nav-tabs>.wizard-div.active>a:hover,.wizard .nav-tabs>.wizard-div.active>a:focus {
	color: #555555; cursor: default; border: 0; border-bottom-color: transparent;
}

.fa,.fad,.fal,.far,.fas {
	font-family: "Font Awesome 5 Free" !important;
}

.fa-classic,.fa-regular,.fa-solid {
	font-family: "Font Awesome 6 Free" !important;
}

.fa-brands {
	font-family: "Font Awesome 6 Brands" !important;
}

.fab {
	font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important;
}

.fa,.fas,.fa-solid {
	font-weight: 900 !important;
}

.fa-regular,.far {
	font-weight: 400 !important;
}

span.round-tab,div.round-tab {
	width: 70px; height: 70px; line-height: 70px; display: inline-block; border-radius: 100px; background: #fff; border: 2px solid #e0e0e0; z-index: 2; position: absolute; text-align: center; font-size: 25px;
}

span.round-tab i,div.round-tab i {
	color: #555555;
}

span.round-tab:hover,div.round-tab:hover {
	color: #333; border: 2px solid #333;
}

.wizard .nav-tabs>.wizard-div {
	flex: 1;
}

.wizard .nav-tabs>.wizard-div a {
	width: 70px; height: 70px; margin: 20px auto; border-radius: 100%; padding: 0; display: block;
}

.wizard .nav-tabs>.wizard-div a:hover {
	background: transparent;
}

.wizard .tab-pane {
	position: relative; padding-top: 50px;
}

.wizard h3 {
	margin-top: 0;
}

@media ( max-width : 585px ) {
	.wizard {
		width: 90%;
		height: auto !important;
	}
	span.round-tab, div.round-tab {
		font-size: 16px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.wizard .nav-tabs>.wizard-div a {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.wizard .wizard-div.active:after {
		content: " ";
		position: absolute;
		left: 35%;
	}
}
.wiznav > .wizard-div {
    position: relative; display: block;
}

.wiznav-tabs>.wizard-div {
	float: left; margin-bottom: -1px;
}

.wiznav>.wizard-div.disabled>a:hover {
	cursor: not-allowed;
}

.wizard-div.wactive span {
	color: green; border-color: green;
}

.win-works-notes.z-window {
	background: transparent; padding: 0;
}

.user-avatar-ic {
	font-size: 15px; border: 1px solid #d7cccc; padding: 3px; color: #c6bbbb; width: 20px;
}

.myProfileAvHasPicBis {
	padding: 10px; font-size: 0; border: 7px solid #f2f2f2; color: #c6c6c6; width: 130px; height: 130px; text-align: center; position: relative;
}

.myProfileAvNoPic,.myProfileAvHasPic {
	font-size: 100px; color: #c6c6c68f; max-width: 150px; max-height: 150px; width: 150px; height: 150px; padding: 10px; border: 7px solid #f2f2f2; text-align: center; position: relative; margin-bottom: 10px; display: flex; justify-content: center; align-items: center;
}

.myProfileAvHasPic>img {
	max-width: 100%; max-height: 100%;
}

.myProfileAvNoPic .z-button,.myProfileAvHasPic .z-button {
	width: 28px; position: absolute; font-size: 12px; border: 1px solid #ffffff; border-radius: 50%; padding: 6px; background: white; box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
}

.myProfileAvedit {
	top: -15px; right: -15px;
}

.myProfileAvremomve {
	bottom: -15px; right: -15px;
}

.myProfileAvcamera {
	top: -15px; left: -5px;
}

.wdisconnect_div {
	display: flex; flex-direction: row;
}

.wdisconnect_label {
	color: #ff5252; padding: 3px;
}

.wdisconnect_link {
	color: #4680ff; padding: 3px;
}

.wdisconnect_link:hover {
	cursor: pointer; text-decoration: underline;
}

span.z-upload {
	display: none;
}

.span.z-upload {
	display: none;
}

span.z-upload input {
	display: none;
}

.span.z-upload input {
	display: none;
}

.z-div.w-dyna-div-rsp {
	display: flex !important; justify-content: space-between; align-content: space-between;
	/*align-self: center;*/ flex-flow: wrap row; padding: 10px 0 0 0; margin: 0; list-style: none;
}

.z-div.w-dyna-div-rsp>.z-div.w-dyna-div-rsp-empty,.z-div.w-dyna-div-rsp>div.w-dyna-div-rsp-empty {
	visibility: hidden !important; height: 0 !important; min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important;
}

.z-div.w-dyna-div-rsp-empty,div.w-dyna-div-rsp-empty {
	visibility: hidden !important; height: 0 !important; min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important;
}

.z-div.w-dyna-div-rsp.w-dyna-div-center>.wrks-has-dynamic-label {
	justify-content: center;
}

.z-div.w-dyna-div-rsp.w-dyna-form-skin-3>.wrks-has-dynamic-label>.wrks-dynamic-label-input {
	width: 100% !important; order: 3;
}

.z-div.w-dyna-div-rsp.w-dyna-form-skin-3>.wrks-has-dynamic-label {
	flex-direction: row;
}

.z-div.w-dyna-form-skin-start {
	align-self: start; width: 100%;
}

.z-div.w-dyna-form-skin-center {
	align-self: center; width: 100%;
}

.z-div.w-dyna-form-skin-end {
	align-self: end; width: 100%;
}

.z-div.w-dyna-div-rsp.w-dyna-form-skin-4>.wrks-has-dynamic-label>.wrks-dynamic-label-input.z-datebox-popup {
	width: initial !important; height: initial !important;
}

.z-div.w-dyna-div-rsp.w-dyna-form-skin-4>.wrks-has-dynamic-label>.wrks-dynamic-label-input.z-datebox {
	display: flex; width: 100% !important; border: none;
}

.z-div.w-dyna-div-rsp.w-dyna-form-skin-4>.wrks-has-dynamic-label>.wrks-dynamic-label-input .z-datebox-button {
	border: none; background: transparent; right: 0; position: absolute;
}

.z-div.w-dyna-div-rsp.w-dyna-form-skin-4>.wrks-has-dynamic-label>.wrks-dynamic-label-input .z-combobox-input,.z-div.w-dyna-div-rsp.w-dyna-form-skin-4>.wrks-has-dynamic-label>.wrks-dynamic-label-input .z-bandbox-input {
	border: none;
}

.z-div.w-dyna-div-rsp.w-dyna-form-skin-4>.wrks-has-dynamic-label>.wrks-dynamic-label-input .z-combobox-button {
	border: none;
}

.z-div.w-dyna-div-rsp.w-dyna-form-skin-4>.wrks-has-dynamic-label>.wrks-dynamic-label-input .z-bandbox {
	display: flex; width: 100% !important;
}

.z-div.w-dyna-div-rsp.w-dyna-form-skin-4>.wrks-has-dynamic-label>.wrks-dynamic-label-input .z-bandbox-button {
	border: none; background: transparent;
}

.w-pointer:hover {
	cursor: pointer;
}

.w-pointer-not-allowed:hover {
	cursor: not-allowed;
}

.wl-load-counter-1::after {
	content: counter(counter1); animation: counter .6s linear infinite; counter-reset: counter1;
}

.wl-load-counter-2::after {
	content: counter(counter1) counter(counter2); animation: counter .6s linear infinite; counter-reset: counter1 counter2;
}

.wl-load-counter-3::after {
	content: counter(counter1) counter(counter2) counter(counter3); animation: counter .6s linear infinite; counter-reset: counter1 counter2 counter3;
}

@keyframes counter {
  0% {
    counter-increment: counter1 0 counter2 9 counter3 5;
  }
  10% {
    counter-increment: counter1 1 counter2 8 counter3 4;
  }
  20% {
    counter-increment: counter1 2 counter2 7 counter3 9;
  }
  30% {
    counter-increment: counter1 3 counter2 6 counter3 0;
  }
  40% {
    counter-increment: counter1 4 counter2 5 counter3 1;
  }
  50% {
    counter-increment: counter1 5 counter2 4 counter3 8;
  }
  60% {
    counter-increment: counter1 6 counter2 3 counter3 2;
  }
  70% {
    counter-increment: counter1 7 counter2 2 counter3 7;
  }
  80% {
    counter-increment: counter1 8 counter2 1 counter3 5;
  }
  90% {
    counter-increment: counter1 9 counter2 0 counter3 3;
  }
  100% {
    counter-increment: counter1 9 counter2 0 counter3 6;
  }
}

.loading-3 .loading {
  background: transparent; width: 2em; height: 2em; position: relative; margin: 0 auto;
}

.loading-3 .loading::after {
	display: block; content: ""; border-radius: 50%; height: 2px; width: 2px; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; box-shadow: 10px 0 0 2px #333, 7px 7px 0 2px #999, 0 10px 0 2px #999, -7px 7px 0 2px #999, -10px 0 0 2px #999, -7px -7px 0 2px #999, 0 -10px 0 2px #333, 7px -7px 0 2px #111; -webkit-animation: rotate 0.7s steps(8) infinite; -o-animation: rotate 0.7s steps(8) infinite; animation: rotate 0.7s steps(8) infinite;
}

@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}

.lds-spinner {
  color: official; display: inline-block; position: relative; width: 80px; height: 80px;
}

.lds-spinner div {
	transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
	content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: #cef;
}

.lds-spinner div:nth-child(1) {
	transform: rotate(0deg); animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
	transform: rotate(30deg); animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
	transform: rotate(60deg); animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
	transform: rotate(90deg); animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
	transform: rotate(120deg); animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
	transform: rotate(150deg); animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
	transform: rotate(180deg); animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
	transform: rotate(210deg); animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
	transform: rotate(240deg); animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
	transform: rotate(270deg); animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
	transform: rotate(300deg); animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
	transform: rotate(330deg); animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.wl-load-hourglass {
  display: inline-block; position: relative; width: 60px; height: 60px;
}

.wl-load-hourglass:after {
	content: " "; display: block; border-radius: 50%; width: 0; height: 0; margin: 8px; box-sizing: border-box; border: 20px solid #fff; border-color: #CFD4FF transparent #CFD4FF transparent; animation: wl-load-hourglass 1.2s infinite;
}
@keyframes wl-load-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

.btn-primary {
	background-color: #3c8dbc; border-color: #367fa9
}

.btn-success {
	background-color: #00a65a; border-color: #008d4c
}

.btn-secondary {
	background-color: #88888830; border-color: #88888830;
}

.btn.btn-primary>.z-label {
	color: #ffffff;
}

.btn.btn-success>.z-label {
	color: #ffffff;
}

.btn.btn-danger>.z-label {
	color: #ffffff;
}

.btn.btn-secondary>.z-label {
	color: #ffffff;
}

.btn.btn-warning>.z-label {
	color: #212529;
}

.btn-primary:hover,.btn-primary:active,.btn-primary.hover {
	background-color: #367fa9
}

.btn-success:hover,.btn-success:active,.btn-success.hover {
	background-color: #008d4c
}

.btn.btn-secondary>.fa,.btn.btn-secondary>.fas,.btn.btn-secondary>.far {
	color: #ffffff;
}

.btn.btn-secondary:hover {
	background-color: #595959; border-color: #595959;
}

.btn.btn-primary>.fa,.btn.btn-primary>.fas,.btn.btn-primary>.far {
	
}

.btn>.fa,.btn>.fas,.btn>.far {
	padding-inline-end: 5px;
}

.wizardparams .nav-tabs>div a {
	/*display: flex;align-items: center;margin: 0 auto;flex-direction: column;justify-content: center;*/
	
}

.wizardparams .nav-tabs>div a:hover {
	background: transparent;
}

.wizardparams .tab-pane {
	position: relative; padding-top: 50px;
}

.wizardparams h3 {
	margin-top: 0;
}

.wizardparams .wiznav-tabs>div {
	flex: 1; text-align: center; position: relative; overflow: hidden;
}

.wizardparams .wiznav>div.disabled>a:hover {
	cursor: not-allowed;
}

.wizardparams .wiznav>div.inactive>a:hover {
	cursor: pointer;
}

.wizardparams {
	background: #fff; padding: 10px 0;
}

.wizardparams .nav-tabs {
	position: relative; border-bottom-color: #ffffff;
}

.wizardparams>div.wizard-inner {
	position: relative;
}

.wizardparams .wizard-lblstep {
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}

.wizardparams .wizard-lblstep-title {
	display: none;
}

@media ( max-width :1023px) {
	.wizardparams .wizard-lblstep {
		display: none;
	}
}

.wizardparams .connecting-line {
	height: 2px; background: #e0e0e0; position: absolute; width: 100%; margin: 0 auto; left: 0; right: 0; top: 55%; z-index: 0;
}

.wizardparams .nav-tabs>div.active>a,.wizardparams .nav-tabs>div.active>a:hover,.wizardparams .nav-tabs>div.active>a:focus {
	color: #555555; cursor: default; border: 0; border-bottom-color: transparent;
}

.wizardparams .nav-tabs>div.divStepError span {
	color: #e65252; border-color: #e65252;
}

@media ( max-width :1023px) {
	.wizardparamsskin2 .wizard-lblstep {
		display: none;
	}
}

.wizardparamsskin2 .nav-tabs>div.divStepError span {
	color: #e65252;
}

.wizardparamsskin2 .nav-tabs>div.divStepError a {
	border-color: #e65252;
}

.wizardparamsskin2 .connecting-line {
	display: none;
}

.wizardparamsskin2 span.w-round-tab,.wizardparamsskin2 div.w-round-tab {
	border: none; padding: 5px 0; font-size: 15px; background: transparent;
}

.wizardparamsskin2 .nav-tabs>div a {
	color: #8A93D0; border: 2px solid #CDD3FD; border-radius: 5px; margin: 0 auto; display: grid; padding: 0px 10px; max-width: 200px; min-height: 50px; line-height: 50px;
}

.wizardparamsskin2 .nav-tabs>div.active>a,.wizardparamsskin2 .nav-tabs>div.active>a:hover,.wizardparamsskin2 .nav-tabs>div.active>a:focus {
	color: #162678; border: 2px solid #CDD3FD; background: #CDD3FD;
}

.wizardparamsskin2 .wiznav-tabs>div {
	flex: 1; text-align: center;
}

.wizardparamsskin2 .wiznav>div {
	position: relative; display: block;
}

.wizardparamsskin2 .wiznav .wizard-lblstep {
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}

.wizardparamsskin2 .wizard-lblstep-title {
	display: none;
}

.wizardparamsskin2 .wiznav div.inactive .wizard-lblstep {
	color: #8A93D0;
}

.wizardparamsskin2 .wiznav div.active .wizard-lblstep {
	color: #162678;
}

.wizardparamsskin2 .nav-tabs {
	position: relative; border-bottom-color: #ffffff;
}

.wizardparamsskin2 .wizard-inner {
	margin: 20px 0;
}

.wizardparamsskin2 div.inactive .z-a:hover {
	color: #8A93D0; border: 2px solid #8A93D0;
}

.wizardparamsskin2 div.active .z-a:hover {
	color: #009efb; border: 2px solid #009efb;
}

.wizardparamsskin2.wizardparams-centeric span.w-round-tab,.wizardparamsskin2.wizardparams-centeric div.w-round-tab {
	margin: 0 auto;
}

.wWinCaption .w-stepper-skin {
	margin-top: 10px; margin-bottom: 20px;
}

.wizardparamsskin3 .connecting-line {
	display: none;
}

.wizardparamsskin3 .nav-tabs>div a {
	color: #ffffff; display: flex; align-items: center; margin: 0 auto; flex-direction: column-reverse; justify-content: center; gap: 5px;
}

.wizardparamsskin3 .nav-tabs>div.active>a,.wizardparamsskin3 .nav-tabs>div.active>a:hover,.wizardparamsskin3 .nav-tabs>div.active>a:focus {
	color: #ffffff;
}

.wizardparamsskin3 .wiznav-tabs>div {
	text-align: center;
}

.wizardparamsskin3 .wiznav-tabs>div:not(.wizard-connectline) {
	padding: 0 10px;
}

.wizardparamsskin3 .wizard-lblstep-title {
	display: none;
}

.wizardparamsskin3 .nav-tabs {
	position: relative; border: none;
}

.wizardparamsskin3>.wizard-inner {
	/*margin: 20px 0;*/
}

.wizardparamsskin3 div.inactive .z-a:hover { /*color: #8A93D0; border: 2px solid #8A93D0;*/
	
}

.wizardparamsskin3 div.active .z-a:hover { /*color: #009efb; border: 2px solid #009efb;*/
	
}

.wizardparamsskin3 .wizard-connectline::before {
    content: attr;
}

@media (max-width :800px) {
	.wizardparamsskin3 .nav-tabs > div a { flex-direction: column-reverse !important; }
	.wizardparamsskin3 .wiznav .wizard-lblstep { padding: 5px 0 !important; }
}

@media (min-width :700px) {
	.wizardparamsskin3 .wizard-connectline::before { content: ""; }
}

@media (max-width :700px) {
	.wizardparamsskin3 .wizard-connectline { border: none; }
}
@media (max-width :450px) {
	.wizardparamsskin3 .wiznav .wizard-lblstep { display: none !important; }
	.wizardparamsskin3 .wizard-connectline { display: block !important; }
}

.wizardparamsskin4 .connecting-line {
	display: none;
}

.wizardparamsskin4 .nav-tabs>div a {
	color: #ffffff; display: flex; align-items: center; flex-direction: row-reverse; justify-content: start;
}

.wizardparamsskin4 .nav-tabs>div.active>a,.wizardparamsskin4 .nav-tabs>div.active>a:hover,.wizardparamsskin4 .nav-tabs>div.active>a:focus {
	color: #ffffff;
}

.wizardparamsskin4 .wiznav-tabs>div {
	flex: auto; text-align: center; padding-top: 8px; margin: 0 15px;
}

.wizardparamsskin4 .wiznav-tabs>div:first-child {
	margin-left: 0;
}

.wizardparamsskin4 .wiznav-tabs>div:last-child {
	margin-right: 0;
}

.wizardparamsskin4 .nav-tabs {
	position: relative; border: none;
}

.wizardparamsskin4>.wizard-inner {
	margin: 20px 0;
}

.wizardparamsskin4 div.inactive .z-a:hover { /*color: #8A93D0; border: 2px solid #8A93D0;*/
	
}

.wizardparamsskin4 div.active .z-a:hover { /*color: #009efb; border: 2px solid #009efb;*/
	
}

.wizardparamsskin4 .wizard-connectline {
	display: none;
}

.wizardparamsskin4 .wizard-div-lblstep .wizard-lblstep-title.z-label {
	display: block;
}

.wizard-div-lblstep {
	padding: 0 5px; text-align: center; text-overflow: ellipsis; overflow: hidden; min-height: 20px;
}
/**********/
.w-error-color,.w-danger-color {
	color: #F64E60;
}

.w-warning-color {
	color: #f7b924;
}

.w-success-color {
	color: #4caf50;
}

.w-info-color {
	color: #47a6df !important;
}

.wf-prc-popup.z-menupopup {
	box-shadow: rgb(202, 202, 202) 0px 3px 10px -3px, rgb(202, 202, 202) 0px 10px 10px -10px;
}

.wf-prc-popup.z-menupopup .z-menuitem-content {
	text-decoration: none;
}

.wf-prc-popup.z-menupopup .z-menuitem-content:hover {
	background: #f9f9f9; border-color: transparent;
}

.w-stepper-btn-AllScreen {
	display: flex;
}

.w-stepper-btn-AllScreen>div {
	flex: 1;
}

/*** incorrect usage
.w-stepper-btn-Start > div, .w-stepper-btn-End > div, .w-stepper-btn-Center > div.w-stepper-btn-left > div, .w-stepper-btn-right > div,  { inline-block }
*/

.w-stepper-btn-Center {
	text-align: center;
}

.w-stepper-btn-SpaceBetween,.w-stepper-btn-leftRight {
	display: flex; justify-content: space-between;
}

.w-crud-vbox.z-vbox>tbody>tr>td>table {
	width: 100%;
}

.z-comboitem:hover {
	background: linear-gradient(to bottom, #f7f7f7 0, #f7f7f7 100%);
}

.z-comboitem-selected {
	background: linear-gradient(to bottom, #e2e9ec 0, #e2e9ec 100%);
}

.z-comboitem-selected:hover {
	background: linear-gradient(to bottom, #f0f0f0 0, #f0f0f0 100%);
}

.st-topheader table {
	border-collapse: collapse !important;
}

.stepperViewerConsult .wrks-dynamic-label-input {
	background: #f7f7f7; padding: 3px;
	/*box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/ min-height: 33px; border: 1px solid #CFD4FF; border-radius: 3px;
}

@keyframes  bgrandom {
    15% { background-color: #45517a; } 
    30% { background-color: #485582; } 
    45% { background-color: #45517a; } 
    60% { background-color: #1b1464; }
    75% { background-color: #1d1665; }  
}

.ppProfileImage {
    width: 24px; height: 24px; border-radius: 50%; background: #1b1464; font-size: 14px; color: #fff; text-align: center; line-height: 25px; margin-left: 2px; margin-right: 5px; -webkit-animation: bgrandom 5s infinite; animation: bgrandom 5s infinite; transition: all 0.3s ease-out;
}
input[type="radio"] {
	-webkit-appearance: radio; -moz-appearance: radio; margin: 0 4px 2px 4px; background: #FFFFFF; border: 1px solid #D9D9D9; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 18px; height: 18px;
}

input[type="radio"]:checked {
	border-color: #0093F9;
}

input[type="radio"]:hover {
	border-color: #0093F9;
}

input[type="radio"]:checked::before {
	background-color: #0093F9;
}

.w-menu-fa {
	min-width: 16px; min-height: 16px; margin-right: 9px;
}

.w-menupopup-filter-prc-hp .z-menupopup-separator {
	display: none;
}

.w-menupopup-filter-prc-hp .z-menuitem-text {
	text-shadow: none;
}

.w-menupopup-filter-prc-hp .z-menu-content,.z-menuitem-content {
	color: inherit;
}

.wFilterCellInterpret .z-listcell-content {
	display: flex; align-items: center; justify-content: start;
}

.wFilterCellInterpret.wFilterCellInterpretReverse .z-listcell-content {
	display: flex; align-items: center; flex-direction: row-reverse;
}

.wFilterCellInterpret .wFilterCellStart {
	padding-right: 5px;
}

.wFilterCellInterpret .wFilterCellEnd {
	padding-left: 5px;
}

.wFilterCellInterpret .wFilterCellCenter {
	margin: 0 auto;
}

.wTasksTransitionItem>a>i {
	font-size: 16px; color: #535353;
}

.wTasksTransitionItem .z-menuitem-text {
	padding: 0 15px;
}

.winWorksAnimModal {
	animation-name: dropdownModalAnim; -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -ms-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;
}

@keyframes dropdownModalAnim {
  from {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    transform: none;
    transform: translate3d(0, 0px, 0);
  }
}

.wd-card-body>div>div {
	text-align: center;
}

.wAbsolMidllePos {
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;
}

.wDivMediaModalClose {
	position: absolute; right: 10px; top: 10px; border-radius: 50%; color: #645050; z-index: 10; background: #f0f0f0; padding: 4px;
}

.stMediaField {
	width: 100%;
}

.w-hover-opac-1 {
	opacity: .5;
}

.w-hover-opac-1:hover {
	opacity: 1;
}

.wDivTabChoice {
	display: flex;
}

.wDivTabChoice div {
	margin: 5px; background: #f0f0f0; border-radius: 8px; padding: 10px;
}

.wDivTabChoice .divTabChoiceNonSelected>span {
	color: #8c8c8c;
}

.wDivTabChoice .divTabChoiceSelected>span {
	font-weight: bold;
}

.wd-ribbon {
	position: absolute; display: block; top: 0px; width: 110px; height: 110px; overflow: hidden;
}

.wd-ribbon .wd-ribbonLabel {
	position: relative; display: block; top: 23px; width: 165px; padding: 6px 0; font-size: 15px; text-align: center; color: #fff; background-color: #23b58a; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

/*.wd-ribbon .wd-ribbonLabel:before, .wd-ribbon .wd-ribbonLabel:after {
	content: '';
	position: absolute;
	bottom: -4px;
	border-top: 4px solid #23b58a;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}*/
.w-ds-tree {
	
}

.w-ds-tree .w-tree-img-title {
	display: inline-block;
}

.z-popup {
	margin-top: -31px;
}

.w-div-input-search {
	position: relative; float: left; display: inline-block; width: 200px; margin-right: 20px;
}

.w-input-search {
	margin: 0; padding-right: 30px;
}

.w-input-search-icon {
	position: absolute; right: 5px; top: 20%;
}

.d-top-admin-menu {
	display: flex; flex-wrap: wrap; width: 375px;
}

.d-top-admin-menu-item {
	color: blue; height: 100px; flex: 30%; border: 1px solid #f7f7f7; margin: 4px; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; box-shadow: 0 0 4px rgba(0, 0, 0, .15); border-radius: 5%;
}

.d-top-admin-menu-item:hover {
	border: 1px solid #a6a6a6; cursor: pointer;
}

.nav-item.dropdown.show {
	background: white; box-shadow: 0px 0px 4px 0px #c6c6c6;
}

.w-home-portaltabbox.z-tabbox-top>.w-home-portaltabs {
	/*width: calc(100% - 48px) !important;*/
	margin: 0 auto;
}

.w-home-portaldiv>.w-home-portaltabbox.z-tabbox-left>.w-home-portaltabs>.z-tabs-content>.w-fa-blank::before {
	content: " ";
}

.w-home-portaldiv.w-portal-page-coll>.w-home-portaltabbox.z-tabbox-left>.w-home-portaltabs>.z-tabs-content>.w-home-portaltab>.z-tab-text {
	opacity: 0;
}

.w-home-portaldiv.w-portal-page-coll>.w-home-portaltabbox.z-tabbox-left>.w-home-portaltabs:hover>.z-tabs-content>.w-home-portaltab>.z-tab-text {
	animation: wportalpage 2s linear; opacity: 1;
}

.w-home-portaldiv.w-portal-page-coll>.w-home-portaltabbox.z-tabbox-left>.w-home-portaltabs {
	 /*width: 70px !important;
    position: absolute;
	z-index: 5;*/
}

.w-home-portaldiv>.w-home-portaltabbox.z-tabbox-left>.w-home-portaltabpanels {
	flex: 1;
}

.w-home-portaldiv.w-portal-page-coll>.w-home-portaltabbox.z-tabbox-left>.w-home-portaltabs:hover {
	/*width: 20% !important;*/
	
}

.w-home-portaltabbox.z-tabbox.z-tabbox-left {
	display: flex; align-items: start;
}

.w-home-portaltabbox.z-tabbox-left>.z-tabs .z-tabs-content {
	border: none;
}

.w-home-portaltabbox.z-tabbox-left>.w-home-portaltabs.z-tabs>.z-tabs-content .z-tab-text {
	display: inline-block;
}

.w-home-portaltabbox.z-tabbox-top>.w-home-portaltabs.z-tabs>.z-tabs-content>.w-tab-icon::before {
	margin-left: 6px; float: left;
}

.w-home-portaltabbox.z-tabbox-left>.w-home-portaltabs.z-tabs>.z-tabs-content>.z-tab {
	display: flex; align-items: center;
}

.w-home-portaltabbox.z-tabbox-top>.z-tabs .z-tab.z-tab-selected:first-child {
	box-shadow: none;
}

.w-home-portaltabbox.z-tabbox-top>.z-tabs .z-tab.z-tab-selected:first-child+.z-tab {
	box-shadow: none;
}

.w-theme {
	width: 100%; height: 100%;
}

.w-flex-wrap-200 {
	display: flex; flex-wrap: wrap;
}

.w-flex-wrap-200>div {
	width: 200px;
}

.w-flex-vertical {
	display: flex; flex-direction: column;
}

.w-height-100-percent {
	height: 100%;
}

.wdiv-input-description {
	order: 3; display: flex; align-items: start; padding-top: 3px;
}

.wdiv-input-description i {
	font-size: 15px; color: #008eb9; font-style: italic;
}

.wdiv-input-description span {
	font-size: 11px; color: #757575; padding: 0 5px; font-weight: normal; letter-spacing: 1px; align-self: center;
}

.badge_btn_1 {
	font-size: 12px; background: #fd517d; padding: 5px 17px; color: white;
}

.badge_btn_2 {
	font-size: 12px; background: #2c323f; padding: 5px 17px; color: white;
}

.badge_btn_3 {
	font-size: 12px; background: #3f6ad8; padding: 5px 17px; color: white;
}

.badge_btn_4 {
	font-size: 12px; background: #2e9de4; padding: 5px 17px; color: white;
}

.badge_btn_5 {
	font-size: 12px; background: #80cf00; padding: 5px 17px; color: white;
}

.badge_btn_6 {
	font-size: 12px; background: #ffc717; padding: 5px 17px; color: white;
}

.badge_meth_POST {
	font-size: 12px; background: #3f6ad8; padding: 5px 17px; color: white;
}

.badge_meth_GET {
	font-size: 12px; background: #80cf00; padding: 5px 17px; color: white;
}

.badge_meth_PUT {
	font-size: 12px; background: #ffc717; padding: 5px 17px; color: white;
}

.badge_meth_PATCH {
	font-size: 12px; background: #3fc2d8; padding: 5px 17px; color: white;
}

.badge_meth_DELETE {
	font-size: 12px; background: #fd517d; padding: 5px 17px; color: white;
}

.wDivModalWindowActions {
	display: flex; justify-content: end; padding: 20px 0 10px 0; align-items: center;
}

.wModalWindow {
	padding: 0; border-radius: 4px !important;
}

.works-admin-wheel-hide .works-admin-wheel,.works-admin-wheel-hide .wNavMenuAdminBtn {
	display: none;
}

.w-text-ellipsis {
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.z-drag-over {
	background: #add2ff !important;
}

.z-dragged {
	background: none no-repeat scroll 0 0 #e0eaf0 !important;
}

.z-drag-ghost {
	padding: 5px; background: #deddff;
}

.w-comp-hide {
	display: none; width: 0; height: 0; visibility: hidden;
}

.w-card-off {
	border: 1px solid #4f4f4f !important;
}

.w-types-choices .fas,.w-types-choices .far {
	font-size: 10px; margin: 0px 10px 0 5px; color: #51bf51; box-shadow: 0px 0px 4px 2px #8bf98b; border-radius: 50%;
}

.w-types-choices {
	margin: 5px; border-radius: 15px;
}

.w-types-choices.w-types-choices-on {
	border: 1px solid #51bf51;
}

.w-types-choices.w-types-choices-off .z-label {
	padding: 5px; color: #4f4f4f;
}

.w-types-choices.w-types-choices-on .z-label {
	padding: 5px; color: #129312;
}

.w-types-choices.w-types-choices-off {
	border: 1px solid #4f4f4f;
}

.w-types-choices.w-types-choices-off .fas,.w-types-choices.w-types-choices-off .far {
	font-size: 10px; margin: 0px 10px 0 5px; color: #999; box-shadow: 0px 0px 4px 2px #d0cfcf; border-radius: 50%;
}

.w-types-choices.w-types-choices-on .fas,.w-types-choices.w-types-choices-on .far {
	font-size: 10px; margin: 0px 10px 0 5px; color: #51bf51; box-shadow: 0px 0px 4px 2px #b8f9b8; border-radius: 50%;
}

.w-centered-bandbox-popup.z-bandbox-popup.z-bandbox-open {
	left: 50% !important; top: 50% !important; transform: translate(-50%, -50%);
}

.w-win-modal-screenHP .wWinCaption {
	padding: 10px 5px;
}

.divmainindowbg {
	background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: fixed; z-index: 0;
}

.wModalThemeRoot .modal-header {
	background: #f0f0f0;
}

.wModalThemeRoot .modal-header .wModalThemeRootTitle {
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 600px;
}

.wModalThemeRoot .modal-header .wModalThemeRootTitle .z-label {
	font-weight: bold; font-size: 16px;
}

.wModalThemeRoot .modal-dialog {
	border-radius: 6px; overflow: hidden;
}

.w-rules-code-editor {
	position: relative;
}

.w-rules-code-editor.w-fixed {
	position: fixed; top: 0; left: 0;
}

.w-rules-code-editor .w-rules-maxmin {
	opacity: 0.5; width: 27px; height: 27px; position: absolute; color: white; right: 20px; top: 20px; z-index: 1; background: #ffffff38; border-radius: 5px; padding: 5px;
}

.w-rotate-horizontally {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.w-div-home-fix-over {
	position: fixed; top: 0; left: 0;width: 100%; height: 100%;
	background: gray;
}

div.w-dyna-div-flex {
	display: flex; justify-content: space-between; align-content: space-between; flex-flow: wrap row; margin-bottom: 1rem; list-style: none;
}

div.w-dyna-div-flex>* {
	flex: auto;
}

.witemListcellActions .z-listcell:last-child {
	overflow: visible;
}

.wWinDSEditCssTitle .z-east-splitter,.wWinDSEditCssTitle .z-west-splitter,.wWinDSEditCssTitle .z-north-splitter,.wWinDSEditCssTitle .z-south-splitter {
	background: #fff; background: -moz-linear-gradient(left, #fff 0, #fff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, #fff)); background: -webkit-linear-gradient(left, #fff 0, #fff 100%); background: -o-linear-gradient(left, #fff 0, #fff 100%); background: -ms-linear-gradient(left, #fff 0, #fff 100%); background: linear-gradient(to right, #fff 0, #fff 100%);
}

.wWinDSEditCssTitle .z-west-icon.z-icon-ellipsis-v,.wWinDSEditCssTitle .z-east-icon.z-icon-ellipsis-v {
	display: none;
}

.wWinDSEditCssTitle .z-west-splitter-button,.wWinDSEditCssTitle .z-east-splitter-button {
	width: 15px;
}

.wWinDSEditCssTitle .z-east-splitter,.wWinDSEditCssTitle .z-west-splitter,.wWinDSEditCssTitle .z-north-splitter,.wWinDSEditCssTitle .z-south-splitter {
	width: 15px;
}

.wWinDSEditCssTitle .z-east-splitter-button,.wWinDSEditCssTitle .z-west-splitter-button,.wWinDSEditCssTitle .z-north-splitter-button,.wWinDSEditCssTitle .z-south-splitter-button {
	border: none;
}

.wWinDSEditCssTitle .z-east-splitter-button,.wWinDSEditCssTitle .z-west-splitter-button,.wWinDSEditCssTitle .z-north-splitter-button,.wWinDSEditCssTitle .z-south-splitter-button {
	color: #1f345be0;
}

.wWinDSEditCssTitle .z-west-icon,.wWinDSEditCssTitle .z-east-icon {
	font-size: 16px; opacity: 1;
}

.w-theme-header-quick-search {
	height: 100%;
}

.w-theme-header-quick-search>div {
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
}

.w-theme-header-quick-search>div .z-textbox {
	margin: 0;
	height: 70%;
	border-radius: 7px;
}

.w-theme-header-quick-search>div .fa-search {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #777;
}

.w-template-rtl .w-theme-header-quick-search>div .z-textbox {
	padding-left: 30px;
}

.w-template-ltr .w-theme-header-quick-search>div .z-textbox {
	padding-right: 30px;
}

.w-template-rtl .w-theme-header-quick-search>div .fa-search {
	left: 5px;
	right: auto;
}

.w-template-ltr .w-theme-header-quick-search>div .fa-search {
	left: auto;
	right: 5px;
}

.winWorksError, .z-window-modal.z-window-shadow.winWorksError {
	height: auto; border-radius: 5px; box-shadow: 0px 0px 5px 1px #4d4d4d; background: #fff; min-width: 250px; max-width: 600px; z-index: 50001 !important;
}

.winWorksErrorMore {
	z-index: 50002 !important;
}

/** Upgrade Zk10 **/
.z-textbox,.z-decimalbox,.z-intbox,.z-longbox,.z-doublebox,.z-combobox-input,.z-bandbox-input,.z-datebox-input,.z-timebox-input,.z-spinner-input,.z-doublespinner-input {
	height: auto;
}

.z-textbox,.z-decimalbox,.z-intbox,.z-longbox,.z-doublebox {
	padding: 4px 5px 3px; font-size: 12px;
}

.z-window.no-window-title>.z-window-header:first-child,.z-window.no-window-title>div:first-child>.z-window-header:first-child {
	display: none;
}

.z-groupbox>.z-groupbox-content {
	padding: 5px;
}

.z-column-content,.z-row-content,.z-group-content,.z-groupfoot-content,.z-footer-content {
	padding: 4px 5px;
}

.z-row .z-row-inner,.z-row .z-cell {
	border: unset;
}