/*@import '/js/primeui-1.1/themes/aristo/theme.css';*/

/* @import '/css/jqueryui/aristo/ui.css';  */

html, body {
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial;
	overflow: hidden;
}

html.mainwindow {
	overflow: hidden;
}

button {
	font-size: 100% !important;
	min-width: 100px;
	padding: 3px 5px 5px 5px !important;
}
button:focus {
	outline-offset: -2px;
}

select {
	/* min-width: 200px; */
}

input[type='text'], input[type='password'], textarea {
	bbackground: url(search-dark.png) no-repeat 10px 6px #444;
	background-color: #ddd;
	border: 0 none;
	font: 10pt Arial;
	padding: 3px 5px;
	border-radius: 5px;
	/* box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; */
	transition: all 0.7s ease 0s;
	border: 1px solid #333;
}

input[type='text']:hover, input[type='password']:hover, textarea:hover {
	box-shadow: 0  0 4px 1px #0972a5; 
}
input[type='text']:focus, input[type='password']:focus, textarea:focus {
	box-shadow: 0  0 6px 2px #0972a5; 
	outline: none;
}


fieldset {
	border: 0.5px solid;
	border-radius: 5px;
	margin: 15px 15px 0 0;
}
legend {
	padding: 0 10px 0 10px;
	background: none;
}

textarea {
	resize: none;
}

iframe {
	/*
	display: block;
	*/
	width: 100%;
	height: 98%;
	border: 0;
}

/* JQuery dialog resize bug */
/*
.ui-dialog, .ui-dialog-content {
    box-sizing: content-box;
}
*/

/* JQuery datepicker */
.ui-datepicker{
	z-index: 10000 !important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23), 0 0 5px #aaa inset;
};

/* JQuery dialog overlay */
.ui-widget-overlay {
	/* background: #000;
	*/
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}

/* Jquery UI tabs styling */
.ui-tabs .ui-tabs-nav li {
	border-left: 1px solid #555;
}
.ui-tabs .ui-tabs-nav li a {
	padding: .35em 1em; 
	cursor: pointer !important;
}
.ui-tabs .ui-tabs-panel {
	padding: 0 0 0 5px;
	/*
	scrollbar-width: 5px;
	scrollbar-color: red;
	*/
	/* border: 1px solid white; */
}
.ui-widget {
	font-family: Arial;
	font-size: 10pt;
}
.ui-widget button {
	font-family: Arial;
	font-size: 8pt;
	/* box-shadow: 0px 0px 10px -2px #777; */
	height: 24px;
	/* Shadow slider -> https://www.joshwcomeau.com/css/designing-shadows/ */
	bbackground: #498be7;
	bcolor: white;
	border-color: #888;
}
.ui-widget button:focus  {
	box-shadow: 0 0 0;
}
.ui-selectmenu-button-closed:focus, .ui-selectmenu-button-closed:hover {
	bborder: 1px solid #0b93d5;
	border: 0;

}
.ui-selectmenu-button {
	margin: 3px 0 3px 0;
	padding: 3px 0px 0px 5px;
	bbox-shadow: 0px 0px 10px -2px #777;
	bborder-color: #888;
	border: 0;
	height: 22px;
}
.ui-selectmenu-menu .ui-menu {
	max-height: 200px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23), 0 0 5px #aaa inset;
}
.ui-dialog {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23), 0 0 5px #aaa inset;
}
.ui-dialog-titlebar button {
	min-width: 0;
	width: auto; 
}
.ui-tabs {
	padding: 0;
	background: transparent;
}

.ui-button:focus {
	border: none !important;
	/*
	border: 1px solid #0b93d5;
	background: #003147;
	font-weight: normal;
	color: #ffffff;
	*/
}
.ui-button.ui-state-active:hover {
	border: none !important;
	/*
	border: 1px solid #26b3f7;
	font-weight: normal;
	*/
	background: #0972a5 !important;
	color: #ffffff !important;
}

.ui-dialog-titlebar {
	background: none;
	border: none;
	border-radius: 0;
	/* box-shadow: inset 0 -4px 4px rgba(149, 149, 149, 0.2); */
	border-bottom: 1px solid rgba(149, 149, 149, 0.5);
}
.ui-button {
	/* border: 1px solid #444; */
	text-align: left;
}
.ui-dialog-buttonset .ui-button {
	text-align: center;
}

.uui-icon[class*=" fa-"] {
   /* Remove the jQuery UI Icon */
   background: none repeat scroll 0 0 transparent;
   /* Remove the jQuery UI Text Indent */
   text-indent: 0;
   position: relative;
   top: 2px;
 }
.ui-icon[class*=" fa-"]:hover ,
.ui-icon[class*=" fa-"]:focus ,
.ui-button:hover .ui-icon[class*=" fa-"],
.ui-button:focus .ui-icon[class*=" fa-"] 
{
  background-image: none;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  /*background-image: none;*/
}


.ui-icon {float: left; margin: 0 4px;}
.ui-button .ui-icon + span {
  margin-left: 0.4em;
}
.ui-jqgrid .ui-button:not(:hover) {
	background-color: #555;
	box-shadow: 0 0 2px #aaa;
}
.ui-jqgrid .ui-button .ui-icon {
	/*
	ccolor: rgb(147, 147, 147);
	*/
	color: #eee;
	/*
	text-shadow: 0.5px 0.5px 0.5px #777;
	text-shadow: 1px 1px 1px #000;
	*/
}

.ui-icon-bounce {
  position: relative;
  overflow: visible !important; /* allow animation to go outside the button */
  display: inline;
}
.ui-icon-bounce:after {
  position: absolute;
  top: 0;
  left: 0;
  /* animation: bounce 0.5s infinite ease-in-out; */
  animation: bounce 1s infinite cubic-bezier(.28,.84,.42,1);
}

.vs-bounce {
  animation: bounce 1s infinite cubic-bezier(.28,.84,.42,1);
}

/*
@keyframes bounce {
  0%, 100% {
	transform: translateY(0);
  }
  50% {
	transform: translateY(-20px);
  }
}
*/
@keyframes bounce {
	0%   { transform: translateY(0); }
	15%  { transform: translateY(-10px); }
	30%  { transform: translateY(0); }
	45%  { transform: translateY(-5px); }
	60%  { transform: translateY(0); }
	75%  { transform: translateY(-2px); }
	90%  { transform: translateY(0); }
	100% { transform: translateY(0); }
}


/* Summernote */
/* 
.note-dialog .modal-dialog{ z-index:1050; }
.modal-backdrop, .modal-backdrop.in{
	display: none !important;
}
*/

.note-toolbar .note-btn-group .note-btn {
	min-width: 0;
	width: auto;
	/*
	color: inherit !important;
	background-color: inherit !important;
	*/
}

.note-dropdown-item {
	color: black !important;
	background-color: #ddd;
}
.note-dropdown-menu {
	color: black !important;
	background-color: #ddd !important;
}
.note-editable {
	background-color: white;
}
/*
.note-color-row .note-btn .note-color-btn {
	color: revert-layer !important;
	background-color: revert-layer !important;
}
.note-editable, .note-codable {
	color: #222 !important;
	background-color: #ccc !important;
}
*/


/* Tabs */

#tabmain {
	border: 0;
}

#tabmain > ul {
	/* overflow: hidden; */
	white-space: nowrap;
	list-style-type: none;
	display: inline-flex;
	width: fit-content;
}

#tabmain .ui-tabs-nav { 
	padding: 0;
	background: transparent; 
	border-width: 0px; 
	margin: 0;
	border-bottom: 1px dotted #999;
} 
#tabmain .ui-tabs-nav li { 
	position: static; 
	margin: 0; 
	padding: 0;
	/* border-bottom: 1px solid #327e04 !important; */
	border-radius: 0px; 
	height: 31px;
	overflow: hidden;
} 
#tabmain .ui-tabs-nav li:first-child { 
	border-radius: 6px 0px 0px 6px; 
} 
#tabmain .ui-tabs-nav li:last-child { 
	border-radius: 0px 6px 6px 0px; 
} 
#tabmain .ui-tabs-nav li.ui-tabs-selected { 
	padding-bottom: 0px; 
	/* border-bottom: 1px solid #d4ccb0 !important; */
}
/*
#tabmain .ui-tabs-nav li {
	background: transparent;
	border: 0;
}
#tabmain .ui-state-active {
	border-bottom: 3px solid !important;
}
*/


/* Responsive Grid Layout */
/*
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
	.grid-stack {
		grid-template-columns: repeat(1, 1fr);
	}
}
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
	.grid-stack {
		grid-template-columns: repeat(2, 1fr);
	}
}
// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
	.grid-stack {
		grid-template-columns: repeat(3, 1fr);
	}
}
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
	.grid-stack {
		grid-template-columns: repeat(4, 1fr);
	}
}
*/
.grid-stack {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
.grid-stack-item-content {
	margin: 0;
	padding: 0;
	border: 1px solid #333;
	
	/* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23), 0 0 5px #aaa inset; */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.55);

	border-radius: 5px;
	overflow: hidden !important;
}

.portlet-context-menu {
	width: 12px;
	height: 12px;
	float: right;
	margin-top: 2px;
	margin-right: 5px;
	background-position: 1px 0;
	/* background-image: url(images/close-button-red.png) !important; */
	background-size: contain;
	box-shadow: none;
	border: 0;
}
.portlet-button {
	width: 12px;
	height: 12px;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
	background-position: 1px 0;
	background-image: url(images/close-button-red.png) !important;
	background-size: contain;
	box-shadow: none;
	border: 0;
}
.portlet-button:hover {
	opacity: 0.5;
	/*
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	*/
}

.portlet {
	margin: 0 16px 5px 0;
	/* padding: 0.3em; */
	/* box-shadow: 3px 3px 5px #888888; */
	display: inline-block;
	/* background-color: white; */
	/* border: 1px solid #888; */
}
.portlet-header {
	padding: 3px 5px 0 3px;
	position: relative;
	cursor: pointer;
	text-align: left;
	height: 25px;
	border: 0;
	/* border-bottom: 1pt inset #999; */
}

.portlet-content {
	overflow: auto;
	cursor: pointer;
}

.grid-stack ul {
    background-color : white;
	list-style-type: none;
}

.grid-stack {
    margin: 0;
    width: 100% !important;
    opacity: .8;
    text-align: center;
    transition: opacity .6s;
}

.grid-stack .gs-w {
    background: #FFF;
    cursor: pointer;
}

.grid-stack li {
	border-radius: 8px;
    font-size: 12pt;
    /* font-weight: bold; */
    text-align: left;
    line-height: 100%;
	border-left: 1px #888 solid;
	border-bottom: 1px #888 solid;
	border-top: 1px #ddd solid;
	/*
	border: 1px #888 solid;
	*/
	box-shadow: 0 13px 15px rgba(0, 0, 0, 0.55);
}

.grid-stack .player {
    background: #FFF;
}

.grid-stack-placeholder > .placeholder-content {
    bborder: none!important;
    background: grey;
	opacity: .2;
    bborder: 1px dotted black;
}

/* Platform Header */
.platformheader {
	position: relative;
	top: 0;
	width: 100%;
	height: 60px;
	bbackground-color: #999;
	padding-top: 5px;
	overflow: hidden;
}

/* toastr override */
#toast-container.toast-top-center > div {
	width: 400px;
}
.toast-title {
	padding-bottom: 8px;
	font-size: 12pt;
}

/* Light mode */
/*
body.light-mode {
	background-color: #f5f5f5;
	color: #333;
}
header.light-mode, footer.light-mode, nav a, .portlet-content.dark-mode {
	background-color: #fff;
	padding: 1rem;
	margin: 1rem;
	border-radius: 5px;
}
*/
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}
nav li {
	margin-right: 1rem;
}
nav a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

/* Heading tabs */

.headertabs { 
    border: none !important;
} 
.headertabs .ui-widget-header { 
    background: transparent; 
    border: none;
    border-bottom: 1px solid #c0c0c0; 
    border-radius: 0px; 
} 
.headertabs .ui-tabs-navnav {
	border: none;
}
.headertabs .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 
.headertabs .ui-tabs-nav .ui-state-active { 
    /* background: transparent url(/css/images/tabarrow.png) no-repeat bottom center; */
    border-bottom: 3px solid #4169E1;
	border-radius: 0 !important;
} 
.headertabs .ui-tabs-nav .ui-state-default a { 
    color: #c0c0c0; 
} 
.headertabs .ui-tabs-nav .ui-state-active a { 
    /* color: #459e00; */
    color: #4169E1;
}


/* Dark mode */
/*
body.dark-mode {
	background-color: #222;
	color: #eee;
}
header.dark-mode, footer.dark-mode, nav a, .portlet-content.dark-mode {
	background-color: #222;
}
nav.dark-mode a {
	color: #f5f5f5;
}
*/

.grid-stack-item-content {
	background: #ddd;
}

.grid-stack-item-content.dark-mode {
	background: #222;
}

.quickstats {
	padding: 0 10px;
	text-align: left;
	/* min-width: 200px; */
}

.light-mode {
	background-color: #fff;
}
.dark-mode {
	background-color: #111 !important;
	color: white !important;
}

.select2-selection.dark-mode, .select2-selection__rendered.dark-mode {
	background-color: #222 !important;
}
.select2-selection, .select2-selection__rendered {
	background-color: #ddd !important;
}
/*
	Veriswitch custom styles
*/
.vs-void-row { color:red !important; font-weight:bold !important; text-decoration: line-through; }
.vs-red-row { color:red !important; font-weight:bold !important; }
.vs-blue-row { color:blue !important; font-weight:bold !important; }
.vs-green-row { color:green !important; font-weight:bold !important; }
.vs-orange-row { color:#E37F00 !important; font-weight:bold !important; }
.vs-zero-row { color:blue !important; font-weight:bold !important; }
.vs-total-row { color:black !important; background-color: #BCF5A9 !important; font-weight: bold !important; font-style: italic !important; }
.vs-azure-row { color: #2a67c9 !important; font-weight:bold !important; }
.vs-row-disabled { opacity: 0.5; }

/*
.vs-alt-row {background-color: #EDEDED}
.vs-table-row-alt { background-color: #EDEDED; cursor: pointer;}
.vs-table-row:hover { background-color: #dfdfdf; cursor: pointer;}
*/

/* .vs-fieldset {width: 400px; padding: 15px; margin-bottom: 10px; height: 455px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.55);} */
.vs-fieldset {width: 400px; padding: 15px; margin-bottom: 10px; height: 455px;}

.vs-fieldset legend {font-weight: bold; }
.vs-fieldset input[type='text'] {width: 96%; margin: 5px 0;}
.vs-fieldset textarea {width: 96%; margin: 5px 0; }

.vs-row-alt {
	background: rgba(182, 183, 182, 0.2);
}
.vs-table {
	text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; 
}
.vs-table:hover {
	background: rgba(182, 183, 182, 0.3);
	cursor: pointer;
}
.vs-table-header {
	background: rgba(182, 183, 182, 0.3);
}
/*
.vs-row-alt.dark-mode {
	background: #333;
}
*/
.vs-row-transparent {
	background: transparent;
}

.vs-tab-close {
	position: absolute; 
	left: 6px; 
	top: 10px;
	cursor: pointer;
}
.vs-tab-close:hover {
	filter: brightness(65%);
}

.vs-centered-option {
    text-align: center !important;
    width: 100%;
    display: block;
    pointer-events: none !important;
}

.vs-modal-above {
	z-index: 1000;
}
.vs-glow-ready {
	animation: vs-glow-blinker 1s linear infinite;
	color: green;
	font-weight: bold;
}
.vs-glow-error {
	animation: vs-glow-blinker 1s linear infinite;
	color: red;
	font-weight: bold;
}
.vs-glow-notice {
	animation: vs-glow-blinker 1s linear infinite;
	color: blue;
	font-weight: bold;
}
.vs-glow {
	animation: vs-glow-blinker 1s linear infinite;
	font-weight: bold;
}
@keyframes vs-glow-blinker {
  50% {
    opacity: 0.2;
  }
}

.vs-glowtext {
    ttransition: text-shadow 2s linear;
    transition: background-color 2s linear;
}
.vs-glowtext.glow {
    ttext-shadow: 0 0 10px red;
    background-color: #ffcccc;
}

@keyframes greenpulse {
  from { background-color: #749a02; bbox-shadow: 0 0 9px #333; }
  50% { background-color: #91bd09; bbox-shadow: 0 0 18px #91bd09; }
  to { background-color: #749a02; bbox-shadow: 0 0 9px #333; }
}
.vs-glowcontainer {
    animation:greenpulse 7s infinite;
    animation:greenpulse 7s infinite;
    /* -moz-animation:glow 7s; /* Firefox */
    -webkit-animation:greenpulse 7s infinite; /* Safari and Chrome */
    /* -o-animation:demo 7s; /* Opera */
    /* margin: 30px; */
}
.vs-highlight:hover {
	opacity: 0.5;
}

.vs-separator {
    display: inline-block;
    width: 1px;
    height: 25px;
    color: #ccc;
    border-right: solid 1px #666;
    opacity: 0.5;
    position: relative;
    top: 10px;
	margin: 0 5px;

    /* Add a subtle 3D effect */
    box-shadow: inset -1px -1px 3px rgba(255, 255, 255, 0.3), 
                inset 1px 1px 3px rgba(0, 0, 0, 0.3);
}
/* .ui-jqgrid-labels .ui-th-column { border-right-color: 1px solid; } */
.ui-jqgrid .ui-subgrid {
	cursor: pointer;
}

.ui-jqgrid-ftable {
    border-top: 1px solid rgba(94, 94, 94, 0.8) !important; /* Adjust thickness and color */
}

.jqgrow{ cursor:pointer; }
.ui-jqgrid-labels .ui-th-column { border: 1px dotted #666; }
.ui-search-toolbar .ui-th-ltr { border: 1px dotted #666; }

.ui-jqgrid > .ui-jqgrid-view input,
.ui-jqgrid > .ui-jqgrid-view select,
.ui-jqgrid > .ui-jqgrid-view textarea,
.ui-jqgrid > .ui-jqgrid-view button {
    color: black;
}
.ui-jqgrid .ui-state-hover {
    /* background-color: #4787e1 !important; */ /* Replace with your desired hover color */
    /*color: #333;*/ /* Optional: change the text color */
	bborder: 1px solid #4787e1;
	bbox-shadow: inset 0 0 1px 1px rgb(57, 84, 189);
	/* border-bottom: 0px solid rgb(57, 84, 189); */
	border-bottom: transparent;
	border-right: transparent;
	background-color: rgba(30, 26, 228, 0.2);
	color: inherit;
}
.ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-labels .ui-th-column {
    font-size: 9pt;
}
.ui-subgrid {
    font-size: 8pt; /* Adjust font size */
}
.ui-subgrid-data {
    font-size: 8pt;
}
.ui-jqgrid tr.jqgrow td { 
	text-overflow: ellipsis;-o-text-overflow: ellipsis; 
}
.ui-jqgrid .ui-subgrid td { 
    text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; 
}
.ui-tooltip {
	max-width: none;
}

/*
	Font-Awesome icons in jQuery UI buttons
	- offset issue when text = false
*/
.ui-button-icon-only .fas {
    position: relative;
    top: 10px; /* Adjust this value as needed */
	left: 10px;
}

/*
	Scrollable tab bar
*/
.tabs-wrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.tabs-scroll {
    overflow-x: hidden;
    white-space: nowrap;
    flex-grow: 1;
}

.tabs-scroll ul {
    display: inline-flex;
    padding: 0;
    margin: 0;
}
.arrow {
    cursor: pointer;
    padding: 0 10px;
    user-select: none;
}

.note-editable table td,
.note-editable table th {
	vertical-align: top !important;
}

.note-editable, .note-placeholder {
  font-family: 'Arial';
  font-size: 11pt;
}

.ui-dialog { z-index: 1001;}


/*
	Fix jquery-ui dialog resize bug
.ui-dialog, .ui-dialog-content {
    box-sizing: content-box;
}
*/

/*
#custom-tooltip {
	position: absolute;
	display: none;
	border: 1px solid #ccc;
	padding: 8px;
	background-color: #fff;
	color: #333;
	border-radius: 4px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	z-index: 1000;
}
*/