html {
	height   : 100%;
	overflow : hidden;
}
body {
	height           : 100%;
    font-family      : Helvetica;
	background-color : var(--color-app-bg);
}
#wrapper {
	height : 100%;
}
.content-middle {
	/* padding-top : 2px; */
}
.content-page {
	height : 100%;
}
.content-page > .content {
	margin-top    : 62px;
	margin-bottom : 0;
	padding       : 20px;
	height        : calc(100% - 62px);
}
.content-page > .content > .container {
	padding : 0;
	height  : 100%;
}
#centiva_container, #centiva_dashboard {
	flex-grow      : 1;
	display        : flex;
	flex-direction : column;
}
/* #centiva_container, #centiva_dashboard {
	margin-top : 48px;
	height     : calc(100% - 48px);
} */
#centiva_dashboard > .centiva-page-container {
	border     : 20px solid transparent;
    height     : 100%;
}
#centiva_index_contents {
	padding          : 0;
	margin-bottom    : 0;
	height           : calc(100% - 10px);
	background       : none;
}
#centiva_index_contents > .tab-pane {
	height     : calc(100% - 30px);
}
#idx_footer {
	text-align  : right !important;
	border      : none;
	z-index     : 1000;
}
/* ========================================================================================================================== */
/*                                                                                                            Application Bar */
/* ========================================================================================================================== */
.button-menu-mobile {
	color : var(--color-app-bar-menu);
}
.button-menu-mobile:hover {
	color : var(--color-app-bar-menu-h);
}
.applogolg {
	display : initial;
	height  : 35px;
	filter : invert(var(--filter-invert-logo));
}
.applogosm {
	display : none;
	height  : 35px;
	filter : invert(var(--filter-invert-logo));
}
@media (max-width: 768px) {
	.applogolg {
		display : none;
	}
	.applogosm {
		display : initial;
	}
}
.logo i {
	color : var(--color-app-bar-logo-i);
}
.navbar-default {
	background-color : var(--color-app-bar-bg);
}
.appbar-btn {
	margin-top       : 13px;
	border           : 1px solid var(--color-app-bar-btn-bdr);
	border-radius    : 4px;
	background-color : var(--color-app-bar-btn-bg);
	color            : var(--color-app-bar-btn-txt) !important;
}
.centiva-appbar-nav-left > li > a {
	color : var(--color-app-bar-icon) !important;
}
.centiva-appbar-nav-left > li.appbar-btn > a {
	color : var(--color-app-bar-btn-txt) !important;
}
.profile img {
	border           : 2px solid var(--color-app-bar-prf-bdr);
	background-color : var(--color-app-bar-prf-bg);
	/* filter : invert(1); */
}
/* ========================================================================================================================== */
/*                                                                                                                Scroll Bars */
/* ========================================================================================================================== */
::-webkit-scrollbar {
	width         : 12px;
	border-radius : 8px;
}
::-webkit-scrollbar-track {
	background    : none;
	border-radius : 8px;
}
::-webkit-scrollbar-thumb {
	border-radius : 8px;
    box-shadow    : inset 0 0 10px 10px var(--color-scroll-def);
    border        : solid 3px transparent;
}
::-webkit-scrollbar-thumb:hover {
    box-shadow    : inset 0 0 10px 10px var(--color-scroll-hov);
}
::-webkit-scrollbar-corner {
	background-color : var(--color-dd-bg);;
}
ul::-webkit-scrollbar-thumb {
    box-shadow : inset 0 0 10px 10px var(--color-scroll2-def);
}
#centiva_index_contents::-webkit-scrollbar {
	width         : 0;
	/* border-radius : 8px; */
}
/* #centiva_index_contents::-webkit-scrollbar-track {
	background    : none;
	border-radius : 8px;
}
#centiva_index_contents::-webkit-scrollbar-thumb {
	border-radius : 8px;
    box-shadow    : inset 0 0 10px 10px var(--color-scroll-def);
    border        : solid 3px transparent;
}
#centiva_index_contents::-webkit-scrollbar-thumb:hover {
    box-shadow    : inset 0 0 10px 10px var(--color-scroll-hov);
} */
/* =========================================================================================================================== */
/*                                                                                                        Application Load Bar */
/* =========================================================================================================================== */
.app-load-bar {
    background : var(--color-app-bar-bg);
    height     : 2px;
    position   : relative;
    /* position   : absolute; */
    /* bottom     : 0; */
    width      : 100%;
}
.app-load-bar .fill {
    background : var(--color-app-load-bar);
    height     : 100%;
    /* width      : 100%; */
    position   : absolute;
}
.app-load-bar .fill.animate {
    animation-name            : loadbar;
    animation-duration        : 2s;
    animation-iteration-count : infinite;
    animation-timing-function : linear;
}
.app-load-bar .fill.animate-master {
    animation-name            : loadbar;
    animation-duration        : 2s;
    animation-iteration-count : infinite;
    animation-timing-function : linear;
}
@keyframes loadbar {
    0%   { left : 0;    width : 0;   }
    20%  { left : 0;    width : 25%; }
    80%  { left : 75%;  width : 25%; }
    100% { left : 100%; width : 0;   }
}
/* ========================================================================================================================== */
/*                                                                                                           Application Menu */
/* ========================================================================================================================== */
.side-menu.left {
	background : var(--color-app-menu-bg);
}
#sidebar-menu .subdrop {
	color : var(--color-app-menu-lvl1) !important;
}
#sidebar-menu > ul > li > a {
	color : var(--color-app-menu-lvl1) !important;
}
#sidebar-menu ul li .menu-arrow {
	color : var(--color-app-menu-lvl1) !important;
}
#sidebar-menu > ul > li > a:hover {
	color : var(--color-app-menu-lvl1-h) !important;
}
#sidebar-menu > ul > li > a:hover .menu-arrow {
	color : var(--color-app-menu-lvl1-h) !important;
}
#idx_mnu_title {
	color : var(--color-app-menu-title);
}
#sidebar-menu > ul > li > a.active {
	background  : none !important;
	border-left : none;
	color       : var(--color-app-menu-lvl1) !important;
}
#sidebar-menu > ul > li > a.active:hover {
	color : var(--color-app-menu-lvl1-h) !important;
}
#sidebar-menu ul ul .subdrop {
	color : var(--color-app-menu-lvl2) !important;
}
#sidebar-menu ul ul a {
	color : var(--color-app-menu-lvl2);
}
#sidebar-menu ul ul a:hover {
	color : var(--color-app-menu-lvl2-h);
}
#wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop {
	color : var(--color-app-menu-lvl1) !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover {
	background : var(--color-app-menu-bg) !important;
	/* color : var(--color-app-menu-lvl1-h) !important; */
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
	background : var(--color-app-menu-bg) !important;
	/* color : var(--color-app-menu-lvl1-h) !important; */
	border-left : none;
}
#wrapper.enlarged #sidebar-menu ul ul {
	background : var(--color-app-menu-bg) !important;
	border : none;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a {
	background : var(--color-app-menu-bg) !important;
	color      : var(--color-app-menu-lvl2) !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a:hover {
	color : var(--color-app-menu-lvl2-h);
}
#wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop:hover {
	color : var(--color-app-menu-lvl1-h) !important;
}
.slimScrollDiv {
	margin-bottom : -30px;
}
#idx_copyright_lg, #idx_copyright_sm {
	color      : var(--color-app-menu-cr);
	font-size  : 13px;
	text-align : center;
	position   : absolute;
	z-index    : 100;
	width      : 100%;
}
#idx_copyright_lg a, #idx_copyright_sm a {
	color : var(--color-app-menu-crl);
}
body.fixed-left #idx_copyright_lg {
	display : block;
}
body.fixed-left #idx_copyright_sm {
	display : none;
}
body.fixed-left-void #idx_copyright_lg {
	display : none;
}
body.fixed-left-void #idx_copyright_sm {
	display : block;
}
#sidebar-menu {
	padding-top : 10px;
}
/* ========================================================================================================================== */
/*                                                                                                           Application Tabs */
/* ========================================================================================================================== */
#centiva_index_tabs > li > a {
	background-color : var(--color-app-tabs-bg);
	color            : var(--color-app-tabs-txt) !important;
	white-space      : nowrap;
}
#centiva_index_tabs > li.active > a {
	background-color : var(--color-app-tabs-active-bg);
	color            : var(--color-app-tabs-active-txt) !important;
}
#centiva_index_tabs > li > a:hover {
	background-color : var(--color-app-tabs-hvr-bg);
	color            : var(--color-app-tabs-hvr-txt) !important;
}
#centiva_index_tabs > li.active:hover > a {
	background-color : var(--color-app-tabs-active-hvr-bg);
	color            : var(--color-app-tabs-active-hvr-txt) !important;
}
.centiva-app-tab {
	padding       : 0 24px !important;
	line-height   : 40px !important;
	border-radius : 5px !important;
	height        : 40px;
}
.centiva-app-tab-label {
	text-transform : none;
	font-family    : "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight    : 100;
	font-size      : 18px;
}
.centiva-app-tab-new-btn {
	font-size    : 18px;
	cursor       : pointer;
	line-height  : 40px;
	padding-left : 10px;
	color        : var(--color-app-tabs-add-new);
}
.centiva-app-tab-new-btn:hover {
	color : var(--color-app-tabs-add-new-hvr);
}
/* ========================================================================================================================== */
/*                                                                                                        Page / Instance Bar */
/* ========================================================================================================================== */
.instbar {
	display          : flex;
	justify-content  : space-between;
	position         : fixed;
	top              : 0;
	left             : 0;
	right            : 0;
	background-color : var(--color-pi-bar-bg);
	border-bottom    : 2px solid var(--color-app-bg);
	z-index          : 1055;
	padding          : 15px 24px 15px 12px;
}
.pagebar {
	display          : flex;
	justify-content  : space-between;
	position         : fixed;
	top              : 62px;
	left             : 0;
	right            : 0;
	background-color : var(--color-pi-bar-bg);
	margin-left      : 240px;
	/* border-bottom    : 2px solid var(--color-app-bg); */
	border-bottom    : 2px solid transparent;
	z-index          : 4;
	padding          : 8px 24px 8px 12px;
}
@media only screen and (max-width: 1280px) {
	.instbar {
		overflow-x  : auto;
		white-space : nowrap;
	}
	.pagebar {
		overflow-x  : auto;
		white-space : nowrap;
	}
}
.pgbropen {
	margin-left: 240px;
}
.pgbrclsd {
	margin-left: 70px;
}
@media (max-width: 1007px) {
	.pagebar {
		margin-left: 70px;
	}
	.pgbropen {
		margin-left: 240px;
	}
}
@media (max-width: 768px) {
	.pagebar {
		margin-left: 0;
	}
	.pgbrclsd {
		margin-left: 0;
	}
	.pgbropen {
		margin-left: 240px;
	}
}
.notifyjs-corner { /* Correct notification z-index to appear above page bars */
	z-index: 120000 !important;
}
/* Page Bar Scroll Bar */
.pagebar::-webkit-scrollbar {
  width  : 0;
  height : 2px;
}
.pagebar::-webkit-scrollbar-track {
  background : #f1f1f1;
}
.pagebar::-webkit-scrollbar-thumb {
  background : #888;
}
.pagebar::-webkit-scrollbar-thumb:hover {
  background : #555;
}
/* Instance Bar Scroll Bar */
.instbar::-webkit-scrollbar {
  width  : 0;
  height : 2px;
}
.instbar::-webkit-scrollbar-track {
  background : #f1f1f1;
}
.instbar::-webkit-scrollbar-thumb {
  background : #888;
}
.instbar::-webkit-scrollbar-thumb:hover {
  background : #555;
}
.pagebar .btn-inverse {
	background-color : var(--color-pi-bar-btn-bg) !important;
    border-color     : var(--color-pi-bar-btn-bdr) !important;
    color            : var(--color-pi-bar-btn-txt) !important;
}
.pagebar .btn-inverse:hover {
	background-color : var(--color-pi-bar-btn-hvr-bg) !important;
    border-color     : var(--color-pi-bar-btn-hvr-bdr) !important;
    color            : var(--color-pi-bar-btn-hvr-txt) !important;
}
.instbar .btn-inverse {
	background-color : var(--color-pi-bar-btn-bg) !important;
    border-color     : var(--color-pi-bar-btn-bdr) !important;
    color            : var(--color-pi-bar-btn-txt) !important;
}
.instbar .btn-inverse:hover {
	background-color : var(--color-pi-bar-btn-hvr-bg) !important;
    border-color     : var(--color-pi-bar-btn-hvr-bdr) !important;
    color            : var(--color-pi-bar-btn-hvr-txt) !important;
}
input.form-control.centiva-quicksearch {
	background-color : var(--color-pi-qs-bg);
	color            : var(--color-pi-qs-txt);
	border-color     : var(--color-pi-qs-bdr) !important;
	width            : 200px;
}
/* ========================================================================================================================== */
/*                                                                                                                       Page */
/* ========================================================================================================================== */
/* #centiva_container > #centiva_index_contents > .tab-pane > .centiva-page-container {
    overflow-x       : hidden;
    overflow-y       : auto;
    height           : 100%;
	background-color : var(--color-page-bg);
	border           : 20px solid var(--color-page-bdr);
} */
.tabs li.tab {
	background-color : transparent;
}
.centiva-tab-border {
	border        : 1px solid var(--color-page-fld-bdr);
    border-radius : 5px;
}
.centiva-tab-border > .nav.nav-tabs.tabs {
	background-color        : var(--color-page-tabs-bg);
	border-top-left-radius  : 5px;
	border-top-right-radius : 5px;
}
.centiva-tab-border > .nav.nav-tabs > li > a {
	line-height             : 36px;
	font-weight             : normal;
	font-size               : 16px;
	padding                 : 0px 12px 0px 12px;
	border-bottom           : 2px transparent solid;
	border-bottom           : 2px solid var(--color-page-tab-bb);
	background-color        : var(--color-page-tab-bg);
	color                   : var(--color-page-tab-txt) !important;
	border-top-left-radius  : 5px;
	border-top-right-radius : 5px;
}
.centiva-tab-border > .nav.nav-tabs > li > a:hover {
	background-color : var(--color-page-tab-hvr-bg);
	border-bottom    : 2px solid var(--color-page-tab-hvr-bb);
	color            : var(--color-page-tab-hvr-txt) !important;
}
.centiva-tab-border > .nav.nav-tabs > li.active > a {
	background-color : var(--color-page-tab-active-bg);
	border-bottom    : 2px solid var(--color-page-tab-active-bb);
	color            : var(--color-page-tab-active-txt) !important;
}
.centiva-tab-border > .nav.nav-tabs > li.active > a:hover {
	background-color : var(--color-page-tab-active-hvr-bg);
	border-bottom    : 2px solid var(--color-page-tab-active-hvr-bb);
	color            : var(--color-page-tab-active-hvr-txt) !important;
}
/* #centiva_container .centiva-page-container .tab-content {
    height                     : calc(100vh - 240px);
    overflow-x                 : auto;
	border-bottom-left-radius  : 5px;
	border-bottom-right-radius : 5px;
	background-color           : var(--color-page-fld-bg);
	padding                    : 10px;
} */
.tab-content > .active {
	display        : flex;
	flex-direction : column;
	row-gap        : 2px;
}
/* ========================================================================================================================== */
/*                                                                                                                     Fields */
/* ========================================================================================================================== */
.form-control {
	height           : 32px;
}
input.form-control, button.btn.dropdown-toggle.btn-white, textarea.form-control {
	background-color : var(--color-fld-bg);
	border           : 1px solid var(--color-fld-bdr) !important;
    color            : var(--color-fld-txt);
}
input.form-control:focus, button.btn.dropdown-toggle.btn-white:focus, textarea.form-control:focus {
	background-color : var(--color-fld-focus-bg) !important;
	border           : 1px solid var(--color-fld-focus-bdr) !important;
	color            : var(--color-fld-focus-txt);
}
.form-control[disabled], fieldset[disabled] .form-control {
	background-color : var(--color-fld-disabled);
}
.form-control[readonly], fieldset[disabled] .form-control {
	background-color : var(--color-fld-readonly);
}
.dropdown-menu {
	background-color : var(--color-dd-bg);
}
.dropdown-menu > li > a, .dropdown-menu > li > a:focus {
	color : var(--color-dd-txt);
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color : var(--color-dd-sel-bg);
	color            : var(--color-dd-sel-txt);
}
.dropdown-menu > .selected > a, .dropdown-menu > .selected > a:hover, .dropdown-menu > .selected > a:focus {
	background-color : var(--color-dd-sel-bg);
	color            : var(--color-dd-sel-txt);
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background-color : var(--color-dd-hvr);
	color            : var(--color-dd-hvr-txt);
}
.dropdown-menu .divider {
	background-color : var(--color-dd-bdr);
}
.form-group label {
	color : var(--color-fld-lbl);
}
/* ========================================================================================================================== */
/*                                                                                                                    Buttons */
/* ========================================================================================================================== */
.btn-default, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default.focus, .open > .dropdown-toggle.btn-default, .btn-default:hover {
	background-color : var(--color-btn-dflt-bg) !important;
	border-color     : var(--color-btn-dflt-bdr) !important;
	color            : var(--color-btn-dflt-txt) !important;
}
.btn-default:not(.disabled):hover {
	background-color : var(--color-btn-dflt-hvr-bg) !important;
	border-color     : var(--color-btn-dflt-hvr-bdr) !important;
	color            : var(--color-btn-dflt-hvr-txt) !important;
}
.btn-white, .btn-white:focus, .btn-white:active, .btn-white.active, .btn-white.focus, .open > .dropdown-toggle.btn-white {
	background-color : var(--color-btn-whit-bg) !important;
	border-color     : var(--color-btn-whit-bdr) !important;
	color            : var(--color-btn-whit-txt) !important;
}
.btn-white:not(.disabled):hover {
	background-color : var(--color-btn-whit-hvr-bg) !important;
	border-color     : var(--color-btn-whit-hvr-bdr) !important;
	color            : var(--color-btn-whit-hvr-txt) !important;
}
.btn-inverse, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .open > .dropdown-toggle.btn-inverse {
	background-color : var(--color-btn-invr-bg) !important;
	border-color     : var(--color-btn-invr-bdr) !important;
	color            : var(--color-btn-invr-txt) !important;
}
.btn-inverse:not(.disabled):hover {
	background-color : var(--color-btn-invr-hvr-bg) !important;
	border-color     : var(--color-btn-invr-hvr-bdr) !important;
	color            : var(--color-btn-invr-hvr-txt) !important;
}
.btn-grey, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .btn-grey.focus, .open > .dropdown-toggle.btn-grey {
	background-color : var(--color-btn-grey-bg) !important;
	border-color     : var(--color-btn-grey-bdr) !important;
	color            : var(--color-btn-grey-txt) !important;
}
.btn-grey:not(.disabled):hover {
	background-color : var(--color-btn-grey-hvr-bg) !important;
	border-color     : var(--color-btn-grey-hvr-bdr) !important;
	color            : var(--color-btn-grey-hvr-txt) !important;
}
.btn-alert, .btn-alert:focus, .btn-alert:active, .btn-alert.active, .btn-alert.focus, .open > .dropdown-toggle.btn-alert {
	background-color : var(--color-btn-alrt-bg) !important;
	border-color     : var(--color-btn-alrt-bdr) !important;
	color            : var(--color-btn-alrt-txt) !important;
}
.btn-alert:not(.disabled):hover {
	background-color : var(--color-btn-alrt-hvr-bg) !important;
	border-color     : var(--color-btn-alrt-hvr-bdr) !important;
	color            : var(--color-btn-alrt-hvr-txt) !important;
}
.bg-grey {
	background-color : var(--color-btn-grey-bg) !important;
	border-color     : var(--color-btn-grey-bdr) !important;
	color            : var(--color-btn-grey-txt) !important;
}
.btn-flex {
	display        : flex;
	flex-direction : row;
	align-items    : center;
	column-gap     : 5px;
}
/* ========================================================================================================================== */
/*                                                                                                                      Grids */
/* ========================================================================================================================== */
.centiva-main-card-box {
	background-image      : linear-gradient(var(--color-grd-cb-top) 3px, transparent 0px);
	padding               : 10px;
	margin                : 0;
	border                : 1px solid var(--color-grd-cb-bdr);
	-webkit-border-radius : 5px;
	border-radius         : 5px;
	-moz-border-radius    : 5px;
	background-clip       : padding-box;
	background-color      : var(--color-grd-cb-bg);
	height                : calc(100vh - 200px); /* 02/01/2023 */
	overflow-x            : hidden;
}
.cgrid-container {
	min-width    : 100%;
	max-width    : 0;
	border-width : 1px !important;
	border-color : var(--color-cb-bdr) !important;
}
.table .table {
	background-color : rgba(0,0,0,0);
}
.centiva-datatable-selected-row {
	background-color : var(--color-grd-sel-bg);
	color : var(--color-grd-sel-txt);
	border : 1px solid var(--color-grd-sel-bdr);
}
.table-responsive .dropdown-menu > li > a:hover {
	background-color : var(--color-grd-dd-hvr) !important;
}
.table-responsive .dropdown-menu > li > a:focus {
	background-color : var(--color-grd-dd-fcs);
}
.table-responsive .dropdown-menu > .active > a, .table-responsive .dropdown-menu > .active > a:focus {
	background-color : var(--color-grd-dd-act);
	color            : var(--color-grd-dd-act-txt);
}
.table-responsive div.dt-button-collection {
	background-color : var(--color-grd-dd-bg);
}
tbody {
	color : var(--color-grd-txt);
}
.dataTables_wrapper {
	color : var(--color-grd-txt) !important;
}
div.dataTables_scrollBody {
	background : transparent !important;
}
div.dataTables_scrollHeadInner {
	background-color : var(--color-grd-th-bg);
}
th {
	color       : var(--color-grd-hdr-txt) !important;
	font-weight : normal;
}
.table > thead > tr > th {
	border-bottom    : 1px solid var(--color-grd-line);
	background-color : var(--color-grd-th-bg);
	color            : var(--color-grd-th-txt) !important;
	font-weight      : var(--font-grd-weight);
}
.table > tbody > tr > td {
	border-top : 1px solid var(--color-grd-line);
}
.table > tfoot > tr > th {
	border-top : 1px solid var(--color-grd-line);
}
.dataTables_length select {
	background-color : var(--color-grd-dd-bg);
	border-color     : var(--color-grd-dd-bdr);
	color            : var(--color-grd-dd-txt);
}
.dataTables_length select:focus {
	background-color : var(--color-grd-dd-bg);
	border-color     : var(--color-grd-dd-bdr);
	color            : var(--color-grd-dd-txt);
}
.dataTable select {
	color : var(--color-fld-txt);
}
/* ========================================================================================================================== */
/*                                                                                                                   Card Box */
/* ========================================================================================================================== */
.card-box {
	padding          : 10px !important;
    border-color     : var(--color-cb-bdr);
	background-color : var(--color-cb-bg);
}
.centiva-header-card-box {
	background-image      : linear-gradient(var(--color-hdr-cb-top) 3px, transparent 0px);
	padding               : 10px;
	/* margin                : 0 0 10px 0; */
	border                : 1px solid var(--color-hdr-cb-bdr);
	background-color      : var(--color-hdr-cb-bg);
	-webkit-border-radius : 5px;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    background-clip       : padding-box;
}
.centiva-card-box-header {
	font-weight : 100;
	color       : var(--color-cb-hdr-txt) !important;
	margin      : 0 0 10px 0;
	text-align  : left;
	display     : inline-block;
}
/* ========================================================================================================================== */
/*                                                                                                       Index Settings Panel */
/* ========================================================================================================================== */
.centiva-idx-settings-wrapper {
	border-top                : 1px solid var(--color-isp-bdr);
	border-left               : 1px solid var(--color-isp-bdr);
	border-bottom             : 1px solid var(--color-isp-bdr);
	padding                   : 0;
	margin                    : 0;
	background-color          : var(--color-isp-bg);
	height                    : calc(100% - 200px);
	position                  : fixed;
	top                       : 133px;
	right                     : 0;
	width                     : 40%;
	min-width                 : 640px;
	border-top-left-radius    : 7px;
	border-bottom-left-radius : 7px;
	box-shadow                : 0 0 15px #000000;
}
@media (max-width: 768px) {
	.centiva-idx-settings-wrapper {
		width     : 100%;
		min-width : 0;
	}
}
.centiva-idx-settings-bar {
	width                     : 70px;
	height                    : 100%;
	background                : linear-gradient(180deg, var(--color-isp-bar1) 60px, var(--color-isp-bar2) 60px);
	padding-top               : 100px;
	display                   : inline-block;
	vertical-align            : top;
	border-top-left-radius    : 5px;
	border-bottom-left-radius : 5px;
}
.centiva-idx-settings-container {
	width      : calc(100% - 70px);
	height     : 100%;
	background : linear-gradient(180deg, var(--color-isp-top) 60px, var(--color-isp-bg) 60px);
	display    : inline-block;
	padding    : 5px;
}
.centiva-idx-settings-container h3 {
	color : var(--color-isp-hdr);
}
.centiva-idx-settings-button-list {
	font-size  : 24px;
	text-align : center;
	margin     : 0;
}
.centiva-idx-settings-button {
	padding-top   : 3px;
	padding-left  : 6px;
	padding-right : 6px;
	border-radius : 50%;
	margin        : 5px 0;
	color         : var(--color-isp-btn);
}
.centiva-idx-settings-button:hover {
	color : var(--color-isp-btn-hvr);
}
.centiva-idx-settings-button.selected {
	color : var(--color-isp-btn-sel);
}
.centiva-idx-settings-button.selected:hover {
	color : var(--color-isp-btn-sel-hvr);
}
.centiva-idx-settings-button-close {
	position  : absolute;
	right     : 25px;
	top       : 16px;
	color     : var(--color-isp-cls);
	font-size : 24px;
}
.centiva-idx-settings-button-close > span {
	cursor : pointer;
}
.centiva-idx-settings-button-close > span:hover {
	color : var(--color-isp-cls-hvr);
}
/* ========================================================================================================================== */
/*                                                                                                          Index Tools Panel */
/* ========================================================================================================================== */
.centiva-idx-elemtools-wrapper {
	border-left      : 3px solid #dfe3e6;
	padding          : 0;
	margin           : 0;
	background-color : white;
	height           : calc(100% - 66px);
	position         : fixed;
	top              : 66px;
	right            : 0;
	width            : 40%;
	min-width        : 640px;
}
@media (max-width: 768px) {
	.centiva-idx-elemtools-wrapper {
		width     : 100%;
		min-width : 0;
	}
}
.centiva-idx-elemtools-bar {
	width : 85px;
	height : 100%;
	/*background-color : #777777;*/
	background : linear-gradient(180deg, #666666 80px, #777777 80px);
	padding-top : 15px;
	display : inline-block;
	vertical-align : top;
}
.centiva-idx-elemtools-container {
	width : calc(100% - 85px);
	height : 100%;
	/*background-color : #ebeff2;*/
	background : linear-gradient(180deg, #d2d6da 80px, #ebeff2 80px);
	display : inline-block;
	padding : 15px;
}
.centiva-idx-elemtools-button-list {
	font-size  : 24px;
	text-align : center;
	margin     : 0;
}
.centiva-idx-elemtools-button {
	padding-top   : 3px;
	padding-left  : 6px;
	padding-right : 6px;
	border-radius : 50%;
	margin        : 5px 0;
	color         : white;
}
.centiva-idx-elemtools-button:hover {
	color : var(--color-light);
}
.centiva-idx-elemtools-button-close {
	margin-bottom : 35px;
}
/* ========================================================================================================================== */
/*                                                                                                                      Modal */
/* ========================================================================================================================== */
.centiva-instance-content {
	background-color : var(--color-mdl-bg);
	border           : 1px solid var(--color-mdl-bdr);
}
.modal-header {
	background-color : var(--color-mdl-hdr-bg);
	color            : var(--color-mdl-hdr-txt);
	border-color     : var(--color-mdl-bdr);
}
.modal-title{
	color : var(--color-mdl-hdr-txt);
}
.modal-header .close {
    color : var(--color-mdl-hdr-txt);
}
.modal-footer {
	border-color : var(--color-mdl-bdr);
}
/* ========================================================================================================================== */
/*                                                                                                                     QModal */
/* ========================================================================================================================== */
.custombox-content .qmodal {
	background-color : var(--color-mdl-bg);
	color            : var(--color-mdl-txt);
}
.custombox-content .custom-modal-title {
	background-color : var(--color-mdl-hdr-bg);
	color            : var(--color-mdl-hdr-txt);
}
.custombox-content .close {
	color : var(--color-mdl-hdr-txt);
}
/* ========================================================================================================================== */
/* ========================================================================================================================== */
.centiva-divider-hr {
	border       : 20px solid #eee;
	/*margin-left  : -20px;
	margin-right : -30px;*/
}
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/*                                                                                                        Custom Context Menu */
/* ========================================================================================================================== */
.centiva-context-menu {
	position         : absolute;
	border           : 1px solid var(--color-main);
	background-color : white;
	z-index          : 50000;
	list-style       : none;
	margin           : 0;
	padding          : 0;
}
.centiva-context-menu > li {
	padding : 5px;
}
.centiva-context-menu-option:hover {
	background-color : #ebeff2;
}
.centiva-context-menu-option:active {
	background-color : #d3dae0;
}
.centiva-context-menu-option-icon {
	margin-right : 10px;
}
.centiva-context-menu-separator {
	border-bottom: 1px dashed #a4acb3;
	margin: 0 5px;
}
/* =========================================================================================================================== */
/*                                                                                                             Application CSS */
/* =========================================================================================================================== */
/*                                                                                                      Category Select Picker */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-category-select-picker .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: calc(100% - 35px) !important;
}
.centiva-category-select-picker .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button {
	border-right               : none !important;
	border-top-right-radius    : 0;
	border-bottom-right-radius : 0;
}
.centiva-category-select-picker > button {
	border-top-left-radius    : 0;
	border-bottom-left-radius : 0;
}
/*                                                                                                           Summernote Editor */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.note-editor.note-frame {
    margin-bottom : 0;
}
.element-editor {
	background-color : var(--color-fld-bg);
	border           : 1px solid var(--color-fld-bdr) !important;
	border-radius    : 4px;
}
.element-editor .panel {
	background-color : transparent;
}
.element-editor .panel-heading {
	border : none;
	border-radius : 0;
	padding : 0 5px 5px;
}
.element-editor .centiva-content-header {
	margin           : 0 !important;
	color            : var(--color-fld-txt);
	padding : 5px 8px 0;
	border : none;
	border-radius : 0;
}
.note-editor {
	border : none !important;
	border-radius : 0;
}
.note-editor .note-toolbar, .note-editor.note-frame .note-editing-area .note-editable {
	background-color : transparent;
}
.note-editor.note-frame .note-editing-area .note-editable {
	color : var(--color-fld-txt);
	padding : 2px 5px;
	margin: 0px 6px 2px;
	border-radius : 3px;
}
.note-editor.note-frame .note-statusbar {
	background-color : transparent;
	border : none;
}
.note-resizebar {
	background-color : transparent;
}
.note-status-output {
	padding-top : 5px;
}
.element-editor .note-dropdown-menu .note-color-reset, .element-editor .note-dropdown-menu .note-color-select {
	background-color : #36404a;
	color            : var(--color-btn-dflt-txt);
	margin           : 5px 0 !important;
	justify-content  : center;
}
.element-editor .note-dropdown-menu .note-color-btn {
	border-color : #36404a !important;
}
.element-editor .note-dropdown-menu .note-palette-title {
	border : none !important;
	color        : var(--color-btn-dflt-txt);
}
/*                                                                                                           Bootstrap Changes */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
ul.ColVis_collection{
	overflow-y : auto;
	max-height : 50%;
	width      : max-content;
}
.footer {
	padding: 10px 16px;
}
.bs-actionsbox, .bs-donebutton, .bs-searchbox > input {
	margin-bottom : 4px;
}
/*                                                                                   Data Table and Sel Col Button Only Colors */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
button.ColVis_Button,
.ColVis_Button:hover {
  background-color: #ffffff !important;
  border: 1px solid var(--color-grey) !important;
  height: 32px !important;
  color: var(--color-main) !important;
}
.text-custom {
    color: #797979;
}
.pagination > li > a,
.pagination > .disabled > a {
    background-color : var(--color-grd-pgn-bg);
    border-color     : var(--color-grd-pgn-bdr);
    color            : var(--color-grd-pgn-txt);
}
.pagination > li > a:hover,
.pagination > .disabled > a:hover {
    background-color : var(--color-grd-pgn-bg);
    border-color     : var(--color-grd-pgn-bdr);
    color            : var(--color-grd-pgn-txt-hvr);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color : var(--color-grd-pgn-bg-actv);
    border-color     : var(--color-grd-pgn-bdr-actv);
    color            : var(--color-grd-pgn-txt-actv);
}
td.centiva-datatable-details {
	background-size: 12px;
	cursor: pointer;
}
td.centiva-datatable-details::before { /* 27-11-2019 */
	font-family  : 'Ionicons';
	content      : "\f123";
	padding-left : 5px;
}
tr.shown td.centiva-datatable-details {
	background-size: 12px;
}
tr.shown td.centiva-datatable-details::before { /* 27-11-2019 */
	font-family  : 'Ionicons';
	content      : "\f126";
	padding-left : 5px;
}
.centiva-datatable-details-background {
	margin-left: 45px;
	padding:5px;
    background-color: transparent;
    overflow: overlay;
    max-height: 200px;
}
.centiva-datatable-header-row-1 {
	background-color: #bed8f8;
}
.centiva-datatable-header-row-2 {
	background-color: #e9f2fc;
}
th.centiva-dt-column-align-left-head {
	text-align: left;
}
th.centiva-dt-column-align-center-head {
	text-align: center;
}
th.centiva-dt-column-align-right-head {
	text-align: right;
}
td.centiva-dt-column-align-left-body {
	text-align: left;
}
td.centiva-dt-column-align-center-body {
	text-align: center;
}
td.centiva-dt-column-align-right-body {
	text-align: right;
}
td.centiva-dt-column-align-left-body input {
	text-align: left;
}
td.centiva-dt-column-align-center-body input {
	text-align: center;
}
td.centiva-dt-column-align-right-body input {
	text-align: right;
}
/*                                                                                                     Date Picker Only Colors */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: var(--color-main) !important;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: var(--color-main);
}
/*                                                                                   Date Range Picker Only Colors */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.daterangepicker td.active,
.daterangepicker td.active:hover {
    border-color: #ffffff;
}
/*                                                                                        Update Form Controls Layout
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.form-group {
   margin-bottom: 2px; /* 13/09/2019 */
}
.tab-pane .card-box {
   padding: 2px 10px 2px 10px;
   margin-bottom: 3px;
}
.modal .card-box {
   padding: 2px 10px 2px 10px;
   margin-bottom: 3px;
}
.modal-backdrop {
  background-color: transparent;
  /*opacity: 0.9;*/
}
.modal .card-box h4.text-dark {
	font-weight: 700;
	color: var(--color-light) !important;
}
.centiva-content-header {
	/*font-weight: 700;
	color: #5d9cec !important; */
  	text-transform: none;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 18px;
}
.centiva-object-header {
	font-weight: 700;
	color: var(--color-light) !important;
	margin: 7px 0;
}
.tab-pane .form-horizontal h4.text-dark {
	font-weight: 700;
	padding-right: 5px;
}
.tab-pane .card-box h4.text-dark {
	font-weight: 700;
	color: var(--color-light) !important;
}
.centiva-card-box-button {
	padding-top: 5px;
	cursor: pointer;
}
.form-horizontal .checkbox, .form-horizontal .radio {
	min-height : 32px;
}
/*                                                                                                                     New CSS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-tab-header-text {
	text-transform: none;
}
.centiva-border {
	/* border: 1px solid #eaeaea; */
    /* border-radius: 4px; */
	/* padding-left: 9px; */
	overflow-y: auto;
	overflow-x: hidden;
}
.centiva-drop-down-panel {
	border: 1px solid #eaeaea;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 20px;
	/* overflow-y: auto;   scroll */
	/* overflow-x: hidden; scroll */
}
.centiva-gmaps-full {
  height: 700px;
  background: #ffffff;
  border-radius: 3px;
}
.centiva-tool-bar {
    position: fixed;
	opacity: 1.00;
	background-color: #ffffff;
	border: 1px solid #36404a;
	border-radius: 4px;
}
.centiva-instance-width {
	width: calc(100% - 300px);
	margin: 72px auto 0 auto;
}
.centiva-modal-page-width {
	width: 60%;
}
.centiva-modal-page-content {
	background-color: #ffffff;
	padding: 10px 20px 10px 20px;
}
.centiva-tool-bar-quick {
    position:fixed;
    bottom:5px;
    right:25px;
/*	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); */
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.centiva-modal-image-container {
	height: 55%;
	width: 55%;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-z-index-f {
	z-index: 101;
}
.centiva-z-index-m {
	z-index: 102;
}
.centiva-z-index-l {
	z-index: 103;
}
.centiva-z-index-ontop {
	z-index: 10050;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-h-sep1 {
	height: 1px;
}
.centiva-h-sep2 {
	height: 5px;
}
.centiva-h-sep3 {
	height: 10px;
}
.centiva-h-sep4 {
	height: 15px;
}
.centiva-h-sep5 {
	height: 20px;
}
.centiva-v-sep1 {
	width: 5px;
}
.centiva-v-sep2 {
	width: 10px;
}
.centiva-v-sep3 {
	width: 15px;
}
.centiva-v-sep4 {
	width: 20px;
}
.centiva-modal-grid {
	text-align : left;
}
/*                                                                                                           Right Bar Classes */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-rightbar {
	padding          : 15px 0 0 0;
	margin           : 0;
	background-color : var(--color-main);
	height           : calc(100% - 65px);
	position         : fixed;
	top              : 110px;
	right            : 0;
	width            : 85px;
	z-index          : 4;
}
.centiva-rightbar-inst {
	padding          : 15px 0 0 0;
	margin           : 0;
	background-color : var(--color-main);
	height           : calc(100% - 64px);
	position         : fixed;
	top              : 64px;
	right            : 0;
	width            : 85px;
}
.centiva-rightbar-button-list {
	font-size  : 24px;
	text-align : center;
	margin     : 0;
}
.centiva-rightbar-button {
	padding-top   : 3px;
	padding-left  : 6px;
	padding-right : 6px;
	border-radius : 50%;
	margin        : 5px 0;
	color         : white;
}
.centiva-rightbar-button:hover {
	color : var(--color-light);
}
/*                                                                                                            Calendar Classes */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-cdr-main {
	/*padding : 0 10px;*/
	margin : 0;
	height : calc(100vh - 200px);
	/*width   : calc(100% - 65px);*/
}
.centiva-cdr-right-sidebar {
	padding          : 0;
	margin           : 0;
	background-color : #36404a;
	height           : calc(100% - 65px);
	position         : fixed;
	top              : 110px;
	right            : 0;
	width            : 50px;
	z-index          : 1039;
}
.centiva-cdr-right-sidebar-buttons {
	font-size  : 24px;
	text-align : center;
	margin     : 0;
}
.centiva-cdr-right-sidebar-button {
	padding-top   : 3px;
	padding-left  : 6px;
	padding-right : 6px;
	border-radius : 50%;
	margin        : 5px 0;
}
.centiva-cdr-right-menu-container {
	/*box-shadow       : -5px 0 15px #aaaaaa;*/
	border-left      : 3px solid #36404a;
	padding          : 0;
	margin           : 0;
	background-color : white;
	height           : calc(100% - 110px);
	position         : fixed;
	top              : 110px;
	right            : 85px;
	width            : 250px;
	/*display          : none;*/
}
.centiva-cdr-right-sidebar-menu {
	display: none;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-cdr-calendar-event-modal-window {
	max-width: 750px;
	margin: 0 auto;
	margin-top: 100px;
}
.centiva-cdr-calendar-event-modal-content {
	padding: 0 1px;
	border-radius: 4px;
}
.centiva-cdr-calendar-event-modal-body {
	padding: 0 0 15px 0;
}
.centiva-cdr-calendar-event-modal-border {
	margin: 0;
	border: none;
}
.centiva-cdr-calendar-event-modal-tab-content {
	min-height: 500px;
	box-shadow: none;
	padding-bottom: 0;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-cdr-info-event-modal-content {
	width: 300px;
	background-color: #36404a;
	position: absolute;
	border-radius: 4px;
	box-shadow: 0 0 10px 2px #ffffff;
}
.centiva-cdr-info-event-modal-title {
	margin-left: 10px;
	color: white;
	float: left;
}
.centiva-cdr-info-event-modal-date {
	font-size: 11px;
	color: white;
}
.centiva-cdr-info-event-modal-spacer {
	margin: 5px;
	padding-top: 5px;
	color: white;
}
.centiva-cdr-info-event-modal-desc {
	font-size: 11px;
	margin: 0 10px 30px 10px;
	color: white;
	padding: 0;
}
.centiva-cdr-info-event-modal-url-p {
	font-size: 11px;
	margin: 0 10px;
	padding: 0;
}
.centiva-cdr-info-event-modal-url-a {
	text-decoration: underline;
	color: lightblue;
}
.centiva-cdr-info-event-modal-user {
	font-size: 11px;
	margin: 5px 10px;
	padding: 0;
	color: lightblue;
}
.centiva-cdr-info-container-top-right::after {
	content: " ";
    position: absolute;
    top: 5px;
    left: 100%;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #36404a;
}
.centiva-cdr-info-container-top-left::after {
	content: " ";
    position: absolute;
    top: 5px;
    left: 0;
    margin-left: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #36404a transparent transparent;
}
.centiva-cdr-info-container-bot-right::after {
	content: " ";
    position: absolute;
    top: calc(100% - 15px);
    left: 100%;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #36404a;
}
.centiva-cdr-info-container-bot-left::after {
	content: " ";
    position: absolute;
    top: calc(100% - 15px);
    left: 0;
    margin-left: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #36404a transparent transparent;
}
.centiva-cdr-info-container-mid-right::after {
	content: " ";
    position: absolute;
    top: calc(0% - 5px);
    left: 100%;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #36404a;
}
.centiva-cdr-info-container-mid-left::after {
	content: " ";
    position: absolute;
    top: calc(50% - 5px);
    left: 0;
    margin-left: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #36404a transparent transparent;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.fc-event {
	cursor : pointer;
}
.fc-button-primary {
	color            : var(--color-main);
	background-color : white;
	border-color     : var(--color-grey);
	min-width        : 36px;
	min-height       : 36px;
}
.fc-button-primary:disabled {
	background-color : var(--color-app-bg);
	border-color     : var(--color-grey);
}
.fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {
	color            : white;
	background-color : var(--color-main);
	border-color     : var(--color-grey);
}
.fc-button-primary:focus {
	box-shadow : none !important;
}
.fc-button-primary:not(:disabled):hover {
	color            : white;
	background-color : var(--color-main);
	border-color     : var(--color-grey);
}
.fc-custom-btn-icon {
	font-size      : 18px;
	vertical-align : middle !important;
}
.fc-add-button {
	color            : white;
	background-color : red;
	border-color     : red;
}
.fc-add-button:hover {
	color            : red !important;
	background-color : white !important;
	border-color     : var(--color-grey) !important;
}
.fc-add-button:focus {
	color            : white;
	background-color : darkred;
	border-color     : red;
}
.fc-toolbar.fc-header-toolbar {
	margin-top    : 0;
	margin-bottom : 10px;
}
.fc-toolbar h2 {
	text-transform : none;
	font-size      : 24px;
	padding-left   : 10px;
}
.fc-view {
	margin : 0;
}
.fc th.fc-widget-header {
	padding : 0 4px;
}
.fc-sat {
	background-color: #f7f7f7;
}
.fc-sun {
	background-color: #f7f7f7;
}
.fc-today {
	color: #ff5555;
	/*font-weight: bold;*/
}
.fc-right div {
	margin-left: .75em !important;
}
.fc-right .btn-default {
	margin-bottom: 5px;
}
.fc-month-button.btn.btn-default.active {
	opacity: .65;
}
.fc-agendaWeek-button.btn.btn-default.active {
	opacity: .65;
}
.fc-agendaDay-button.btn.btn-default.active {
	opacity: .65;
}
/*                                                                                                        Color Picker Classes */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-color-picker-option::before {
	content: "█████";
	margin-right: 10px;
	letter-spacing: -2px;
}
.centiva-color-picker-red::before {
	content: "█████";
	margin-right: 10px;
	color: #ff0000;
	letter-spacing: -2px;
}
.centiva-color-picker-pink::before {
	content: "█████";
	margin-right: 10px;
	color: #ffc0cb;
	letter-spacing: -2px;
}
.centiva-color-picker-orange::before {
	content: "█████";
	margin-right: 10px;
	color: #ff8c00;
	letter-spacing: -2px;
}
.centiva-color-picker-yellow::before {
	content: "█████";
	margin-right: 10px;
	color: #ffff00;
	letter-spacing: -2px;
}
.centiva-color-picker-grass::before {
	content: "█████";
	margin-right: 10px;
	color: #9acd32;
	letter-spacing: -2px;
}
.centiva-color-picker-green::before {
	content: "█████";
	margin-right: 10px;
	color: #008000;
	letter-spacing: -2px;
}
.centiva-color-picker-blue::before {
	content: "█████";
	margin-right: 10px;
	color: #4169e1;
	letter-spacing: -2px;
}
.centiva-color-picker-centiva::before {
	content: "█████";
	margin-right: 10px;
	color: #4c5667;
	letter-spacing: -2px;
}
.centiva-color-picker-orchid::before {
	content: "█████";
	margin-right: 10px;
	color: #da70d6;
	letter-spacing: -2px;
}
.centiva-color-picker-purple::before {
	content: "█████";
	margin-right: 10px;
	color: #800080;
	letter-spacing: -2px;
}
.centiva-color-picker-gray::before {
	content: "█████";
	margin-right: 10px;
	color: #808080;
	letter-spacing: -2px;
}
.centiva-color-picker-black::before {
	content: "█████";
	margin-right: 10px;
	color: #000000;
	letter-spacing: -2px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
button.btn.dropdown-toggle.btn-white { /* Select Picker Sizing */
	height: 32px; /* 13/09/2019 */
}
.centiva-btn { /* 13/09/2019 */
	display: inline-block;
	height: 32px;
	width: 32px;
	padding: 0;
	margin: 0;
	outline: none !important;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	border-radius: 3px;
}
.bg-grey > span { /* 13/09/2019 */
	font-weight: 1000;
}
.input-group-btn .btn { /* 13/09/2019 */
	height: 32px;
    padding: 5px 8px;
}
.btn {
	height          : 32px;
    padding         : 5px 8px;
	display         : flex;
	flex-direction  : row;
	align-items     : center;
	justify-content : center;
	column-gap      : 5px;
}
.add-category-button { /* 13/09/2019 */
	height: 32px;
	width: 30px;
	padding: 0;
}
.input-group-addon { /* 13/09/2019 */
	padding: 8px;
}
.bootstrap-select .dropdown-menu { /* 02/10/2019 */
	top: -17%;
	bottom: auto;
}
.tooltip {
	z-index : 199999 !important;
}
.tooltip-inner {
    white-space : pre-wrap;
	min-width   : 150px;
}
.col-md-5div {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width: 992px) {
	.col-md-5div {
		float: left;
		width: 20%;
	}
}
/*                                                                                                       Bootstrap ColorPicker */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.colorpicker-alpha.colorpicker-visible, .colorpicker-hue.colorpicker-visible, .colorpicker-saturation.colorpicker-visible, .colorpicker-selectors.colorpicker-visible, .colorpicker.colorpicker-visible {
	z-index: 2000 !important;
}
.colorpicker-alpha {
	display:none !important;
}
.colorpicker {
	min-width:128px !important;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-req-xref {
	border: 1px solid red;
}
.centiva-wrn-elem {
	background-color: #ffaaaa;
}
/*                                                                                                      Category Select Picker */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-category-addbtn {
	cursor: pointer;
}
.centiva-tab-border > .nav.nav-tabs > li > a.centiva-tab-error {
	color: var(--color-errors) !important;
}
.centiva-field-spacer {
	padding: 8px 0;
}
/*                                                                                                                 Wizard Tabs */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.centiva-wizard-tab-active {
	background-image: linear-gradient(0deg, black 3px, transparent 3px);
	border-radius: 3px !important;
/*	border-bottom: 3px solid #4c5667 !important;
	box-sizing: border-box !important;*/
/*	outline-bottom: 3px solid #4c5667 !important;
	outline-offset: -3px;*/
}
.centiva-wizard-tab > a {
	line-height: 35px !important;
	cursor: default !important;
}
.centiva-wizard-tab-completed {
	background-color: #cee0ff !important;
	border-radius: 3px !important;
	/*cursor: pointer !important;*/
}
.centiva-wizard-tab-pending {
	background-color: #aec0de !important;
	border-radius: 3px !important;
	/*cursor: pointer !important;*/
}
.centiva-wizard-tab {
	padding: 5px 0 5px 5px;
}
/* =========================================================================================================================== */
label {
    font-weight: 100;
}
div.row {
    margin-left  : -10px;
    margin-right : -10px;
}
.table-responsive {
	/* overflow-x : visible; */
}
.table-responsive div.dt-button-collection > ul {
	max-height : 250px;
	overflow-y : scroll;
}
.centiva-info-tooltip {
    color : var(--color-light);
}

textarea.form-control { /* 2022-02-23 */
    min-height: 56px;
}
/* =========================================================================================================================== */
.centiva-colexp-btn {
    cursor             : pointer;
    -webkit-transition : -webkit-transform .5s ease-in-out;
    -ms-transition     : -ms-transform .5s ease-in-out;
    transition         : transform .5s ease-in-out;
}
.centiva-colexp-btn.active {
    transform         : rotate(180deg);
    -ms-transform     : rotate(180deg);
    -webkit-transform : rotate(180deg);
}
/* =========================================================================================================================== */
/* Grid Filters New Layout                                                                                                     */
/* =========================================================================================================================== */
.c-filter-card-box {
	margin-bottom : 0;
	overflow      : hidden;
}
.c-filter-wrapper {
	display        : flex;
	flex-direction : column;
}
.c-filter-top-row {
	flex-shrink     : 0;
	display         : flex;
	flex-direction  : row;
	align-items     : center;
	justify-content : space-between;
	margin-bottom   : 2px;
}
.c-filter-top-row > div:first-child {
	min-height      : 32px;
	display         : flex;
	flex-direction  : row;
	align-items     : center;
	justify-content : space-between;
}
.c-filter-header {
	font-weight : lighter;
	color       : var(--color-main);
	margin      : 0;
}
.c-filter-showhide {
	margin-left : 15px;
}
.c-filter-showhide-sm {
	margin-left : 15px;
	display     : none;
}
.c-filter-top-right {
	display        : flex;
	flex-direction : row;
	align-items    : center;
}
.c-filter-top-right .form-group {
	margin-bottom : 0;
	width         : 480px;
}
.c-filter-wrapper label {
	padding-top : 7px;
	margin-bottom : 0;
	text-align : right;
}
.c-filter-mid-row {
	flex-shrink     : 0;
	display         : flex;
	flex-direction  : row;
	justify-content : flex-end;
	margin-right    : 27px;
}
.c-filter-mid-row .form-group {
	width : 480px;
}
@media (max-width: 768px) {
	.c-filter-top-row {
		flex-direction : column;
		align-items    : stretch;
	}
	.c-filter-top-right {
		justify-content : flex-end;
		margin-right    : 27px;
	}
	.c-filter-showhide {
		display : none;
	}
	.c-filter-showhide-sm {
		display : block;
	}
}
@media (max-width: 600px) {
	.c-filter-top-right, .c-filter-mid-row {
		margin : 0;
	}
}
@media (max-width: 540px) {
	.c-filter-wrapper .col-xs-4, .c-filter-wrapper .col-xs-8 {
		width : 50%;
	}
}
.c-filter-right-buttons {
	margin-left     : 5px;
	display         : flex;
	flex-direction  : column;
	justify-content : space-between;
}
.c-filter-right-buttons > button {
	margin-bottom : 2px;
}
.c-filter-bottom-row {
	flex-grow : 1;
}
.c-filter-wrapper .form-horizontal .checkbox,
.c-filter-wrapper .form-horizontal
.c-filter-wrapper .checkbox-inline,
.c-filter-wrapper .form-horizontal .radio,
.c-filter-wrapper .form-horizontal .radio-inline {
	padding-top : 0;
}
.c-filter-wrapper .checkbox label::after {
	top : auto;
	width : auto;
}
/* =========================================================================================================================== */
/* Select Picker Corrections (08/11/2022)
/* =========================================================================================================================== */
.bootstrap-select.btn-group .dropdown-toggle {
	overflow : hidden;
}
.bootstrap-select.btn-group .dropdown-toggle span.filter-option.pull-left {
    white-space : pre-wrap;
}
/* =========================================================================================================================== */
.modal.note-modal.link-dialog.in .modal-content {
	padding       : 0;
	border-radius : 0;
    border-color  : var(--color-main);
}
.modal.note-modal.link-dialog.in .modal-header {
	padding : 15px;
}
.modal.note-modal.link-dialog.in .modal-body {
	padding : 15px 25px;
}
.modal.note-modal.link-dialog.in .modal-footer {
	padding : 15px;
}
/* =========================================================================================================================== */
.centiva-hidden {
	display : none !important;
}
.centiva-dt-pagination {
	display        : flex;
	flex-direction : row;
	align-items    : center;
	column-gap     : 20px;
}
@media(max-width: 1000px) {
	.centiva-dt-pagination {
		flex-direction : column;
		align-items    : flex-end;
	}
}
.jstree-anchor, .jstree-anchor:link {
	color : var(--color-grd-txt) !important;
}
/* =========================================================================================================================== */
.qmodal .modal-footer {
	display         : flex;
	flex-direction  : row;
	justify-content : flex-end;
	column-gap      : 5px;
}
.qmodal .modal-footer:before, .qmodal .modal-footer:after {
	content : none;
}
/* =========================================================================================================================== */
.dataTable input, .dataTable select {
	height           : 24px;
	background-color : transparent !important;
	border           : none !important;
	border-radius    : 0;
}
.dataTable input {
	padding : 2px 8px;
}
.dataTable select {
	padding : 2px 4px;
}
.dataTable input:hover {
	background-color : var(--color-btn-whit-hvr-bg) !important;
}
.dataTable select:hover {
	background-color : var(--color-btn-whit-hvr-bg) !important;
}
.centiva-grid-editable-input-td {
	position : relative;
}
.centiva-grid-editable-input-icon {
	position  : absolute;
	right     : auto;
	left      : 10px;
	top       : 11px;
	font-size : 12px;
}
.centiva-grid-editable-input-btns {
	flex-direction : row;
	align-items    : center;
	column-gap     : 1px;
	position  : absolute;
	display : none;
	top     : 7px;
	right   : 7px;
	font-size : 12px;
}
.centiva-grid-editable-input-btns > span {
	padding: 3px;
    background-color: var(--color-c6);
    border: 1px solid var(--color-c7);
    border-radius: 3px;
	cursor : pointer;
}
.centiva-grid-editable-input-btns > span:hover {
    background-color: var(--color-c7);
}
.centiva-grid-editable-input-td:hover .centiva-grid-editable-input-btns {
	display : flex;
}

.centiva-grid-editable-input-td input {
	padding-left : 20px;
}
.centiva-grid-editable-input-td .edit-div {
	padding    : 2px 8px 2px 20px;
	min-height : 24px;
	overflow   : auto;
}
.centiva-grid-editable-input-td .edit-div:focus {
	background-color : var(--color-fld-focus-bg) !important;
	border           : 1px solid var(--color-fld-focus-bdr) !important;
	color            : var(--color-fld-focus-txt);
}
.edit-div[placeholder]:empty:before {
    content : attr(placeholder);
    color   : var(--color-grd-sel-txt);; 
}
.centiva-grid-editable-input-icon:hover ~ input {
	background-color : var(--color-btn-whit-hvr-bg) !important;
}

.centiva-grid-editable-fl {
	width            : 100%;
	background-color : transparent;
	border           : none;
	height           : 24px;
	padding          : 2px 8px 2px 22px;
	color            : var(--color-c2);
}

@media screen and (max-width: 767px) {
	.table-responsive {
		border: none;
	}
}
/* ========================================================================================================================== */
/* Centiva Element Grid - Check Box                                                                                           */
/* ========================================================================================================================== */
.ceg-check {
	cursor : pointer;
}
.ceg-check:not(.ceg-check-disabled):hover {
	color : var(--color-c7);
}
.ceg-check.ceg-check-disabled {
	color  : var(--color-c4);
	cursor : not-allowed;
}
.ceg-cb-header {
	cursor : pointer;
}
/* ========================================================================================================================== */
/* FilePreviewWindow                                                                                                          */
/* ========================================================================================================================== */
.fpw-container {
	width           : 100%;
	height          : 100%;
	overflow        : auto;
	display         : flex;
	align-items     : center;
	justify-content : center;
	position        : relative;
}
.fpw-image {
	max-width  : 100%;
	max-height : 100%;
	object-fit : contain;
}
.fpw-text {
	height           : 100%;
	padding          : 0;
	overflow         : auto;
	width            : 100%;
    background-color : transparent;
    border           : none;
    margin           : 0 45px;
	resize           : none;
	color            : var(--color-c3);
}
.fpw-frame {
	width  : calc(100% - 75px);
	height : 100%;
	border : none;
}
.fpw-arrow {
	cursor           : pointer;
	background-color : #00000044;
	border-radius    : 5px;
	width            : 25px;
	height           : 50px;
	display          : flex;
	align-items      : center;
	justify-content  : center;
	font-size        : 20px;
	color            : white;
	position         : absolute;
	top              : 50%;
	translate        : 0 -50%;
}
.fpw-arrow:hover {
	background-color : #00000099;
}
.fpw-left {
	left : 0;
}
.fpw-right {
	right : 0;
}
.fpw-label {
	font-weight : normal;
	margin-left : 24px;
}
.fpw-unsupported {
	width           : 100%;
	height          : 100%;
	display         : flex;
	flex-direction  : column;
	align-items     : center;
	justify-content : center;
}
.fpw-unsupported-icon {
	color     : var(--color-c4);
	font-size : 100px;
}
.fpw-unsupported-text {
	color     : var(--color-c4);
	font-size : 24px;
}
.fpw-buttons {
	position       : absolute;
	bottom         : 0;
	right          : 0;
	display        : flex;
	flex-direction : column-reverse;
	row-gap        : 2px;
}
/* ========================================================================================================================== */
/* ElementLoadSpinner                                                                                                         */
/* ========================================================================================================================== */
.els-wrapper {
	width    : 100%;
    height   : 100%;
    position : absolute;
    top      : 0;
    left     : 0;
    z-index  : 100;
}
.els-backdrop {
	position         : absolute;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	background-color : black;
	opacity          : 0;
	transition       : opacity 0.6s;
	display          : none;
}
.els-backdrop.visible {
	display : block;
	opacity : 0.2;
}
.els-spinner {
	width               : 80px;
	height              : 80px;
	position            : absolute;
	translate           : -50% -50%;
	top                 : 50%;
	left                : 50%;
	opacity             : 0;
	transition          : opacity 0.6s;
	display             : none;
}
.els-spinner.visible {
	display : block;
	opacity : 1;
}
.els-spinner > div {
	box-sizing          : border-box;
	position            : absolute;
	width               : 100%;
	height              : 100%;
	border              : 10px solid transparent;
	border-top-color    : var(--color-c3);
	border-radius       : 50%;
	animation           : elsSpin 1.2s linear infinite;
}
.els-spinner > div:last-child {
	border              : 10px solid transparent;
	border-bottom-color : var(--color-c3);
}
.els-label {
	position            : absolute;
	translate           : -50% -50%;
	top                 : calc(50% + 60px);
	left                : 50%;
	opacity             : 0;
	transition          : opacity 0.6s;
	color               : var(--color-c3);
	text-align          : center;
	font-size           : 24px;
	font-weight         : bold;
	display             : none;
}
.els-label.visible {
	display : block;
	opacity : 1;
}
@keyframes elsSpin {
	0%   { transform : rotate(0deg);   }
	100% { transform : rotate(360deg); }
}
/* ========================================================================================================================== */
/* ElementLoadPopup                                                                                                           */
/* ========================================================================================================================== */
@property --clp-p {
	syntax        : '<number>';
	inherits      : true;
	initial-value : 0;
}
.c-load-popup {
	position         : absolute;
	top              : 70px;
	left             : 70px;
	display          : flex;
	flex-direction   : row;
	align-items      : center;
	row-gap          : 20px;
    column-gap       : 20px;
	background-color : var(--color-c1);
	border           : 1px solid black;
	border-radius    : 5px;
	box-shadow       :  0 0 10px black;
    padding          : 20px;
}
.clp-loader {
	--clp-p : 0;
	--clp-b : 22px;
	--clp-c : var(--color-c7);
	--clp-w : 150px;
  
	width         : var(--clp-w);
	aspect-ratio  : 1;
	position      : relative;
	display       : inline-grid;
	margin        : 5px;
	place-content : center;
	font-size     : 25px;
	font-weight   : bold;
	font-family   : sans-serif;
	color         : var(--color-c2);
    flex-shrink   : 0;
}
.clp-loader:before, .pie:after {
	content       : "";
	position      : absolute;
	border-radius : 50%;
}
.clp-loader:before {
	inset           : 0;
	background      : radial-gradient(farthest-side,var(--clp-c) 98%,#0000) top/var(--clp-b) var(--clp-b) no-repeat, conic-gradient(var(--clp-c) calc(var(--clp-p)*1%),var(--color-c5) 0);
	-webkit-mask    : radial-gradient(farthest-side,#0000 calc(99% - var(--clp-b)),#000 calc(100% - var(--clp-b)));
	mask            : radial-gradient(farthest-side,#0000 calc(99% - var(--clp-b)),#000 calc(100% - var(--clp-b)));
	background-size : 0 0, auto;
}
.clp-loader:after {
	inset      : calc(50% - var(--clp-b)/2);
	background : var(--clp-c);
	transform  : rotate(calc(var(--clp-p)*3.6deg)) translateY(calc(50% - var(--clp-w)/2));
	content    : none;
}
.clp-right {
    color          : var(--color-c2);
    display        : flex;
    flex-direction : column;
    row-gap        : 10px;
	width          : 578px;
	max-width      : 578px;
}
.clp-text {
    font-size : 20px;
}
.clp-info {
    font-size : 16px;
}
.clp-backdrop {
	position : absolute;
	top      : 0;
	right    : 0;
	bottom   : 0;
	left     : 0;
}
@media screen and (max-width: 940px) {
	.c-load-popup {
		left      : 50%;
		translate : -50% 0;
	}
	.clp-right {
		width : calc(100vw - 262px);
	}
}
@media screen and (max-width: 400px) {
	.c-load-popup {
		flex-direction  : column;
		justify-content : center;
	}
	.clp-right {
		width : calc(100vw - 80px);
	}
	.clp-text {
		text-align : center;
	}
}
/* ========================================================================================================================== */
/* ElementLoadPopup                                                                                                           */
/* ========================================================================================================================== */
.centiva-flash-container {
	position : relative;
}
.centiva-flash {
	position         : absolute;
	width            : 100%;
	height           : 100%;
	top              : 0;
	right            : 0;
	bottom           : 0;
	left             : 0;
	z-index          : 2;
	animation        : flash 1s linear 1;
	background-color : white;
}
@keyframes flash {
	from { opacity : 1; }
	to   { opacity : 0; }
}
/* ========================================================================================================================== */