/*** CSS PrimeFaces Classes ***/

.ui-autocomplete-panel{width:auto!important}
/* .ui-autocomplete-multiple-container{width:auto!important} */

.ui-fluid .ui-selectonemenu{min-width:0!important}
.ui-fluid .ui-calendar{position:initial!important}

.ui-growl{width:320px!important;top:inherit!important;right:10px;bottom:10px;z-index:999999999!important;}
.ui-growl-warn{background-color:#ff8f00!important}
.ui-growl-message{width:240px!important;}

/* .ui-datalist-data{padding-left:15px!important} */

/* .ui-outputlabel{display:block!important} */

.ui-panelgrid .ui-panelgrid-cell{padding:16px 10px!important}

.ui-fieldset .ui-panelgrid .ui-panelgrid-cell{padding:16px 10px 5px!important}

.ui-inputnumber input{text-align:right}
.ui-inputnumber-left input{text-align:left!important}

.ui-commandlink{outline:0px!important}
.ui-sticky {z-index: 5!important;}

.datalist-no-padding .ui-datalist-data{margin-block-start: inherit;margin-block-end: inherit;padding-inline-start: inherit;}

.panel-grid-line-columns{display: flex; align-items: center; gap: 10px;}

.log-output{overflow-y: scroll;height: 300px;border: 1px solid rgb(189, 189, 189);border-radius:5px;padding: 10px;}

/*** CSS Ultima Classes ***/

body .ui-treetable tbody tr td {border:1px solid #cacaca}
body .ui-treetable thead th {border:1px solid #bdbdbd}

.login-body{
    background: linear-gradient(135deg, #060923 0%, #111955 50%, #1e2a37 100%);
    background-size: cover;
    min-height: 100vh;
}

/*.login-body{background:url("/simple/javax.faces.resource/images/login.jpg.xhtml;jsessionid=DBC6D7BA5C4E9D65E870C82424450176") center center no-repeat #90a4ae;background-size:cover}*/
/*.login-body{background:url('https://images2.alphacoders.com/805/thumb-1920-805177.jpg') center center no-repeat #90a4ae;background-size:cover}*/
/* .login-panel{width:350px;min-height:200px;padding:16px} */

.login-panel{
	width: inherit !important;
	max-width: 470px !important;
	/*height: 350px;*/
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%); /* IE 9 */
	-webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
	transform: translate(-50%, -50%);
	margin: inherit !important;
}
.login-panel.card {
	background: inherit !important;
	-webkit-box-shadow: inherit !important;
	box-shadow: inherit !important;
}
.box_login {
	width: 100%;
	background: linear-gradient(135deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.5) 100%);
	border-radius: 16px;
	box-shadow: 8px 8px 21px #0c1015;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255,255,255,0.1);
}

.box_login label {
    color: #ffffff96 !important;
}

.box_login input {
    color: #FFF;
}

.box_login h1 {
    margin-bottom: 40px !important;
}

.box_login .logoSolidus {
    margin-bottom: 35px !important;
}

.box_login .logoSolidus img {
    margin-bottom: 25px !important;
}

.box_login .ui-g-12:last-child {
    margin-top: 35px !important;
}

.box_login .ui-button {
    padding: 12px 16px !important;
    min-height: 44px !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 8px !important;
}

.box_login input:-webkit-autofill,
.box_login input:-webkit-autofill:hover,
.box_login input:-webkit-autofill:focus,
.box_login input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px transparent inset !important;
    -webkit-text-fill-color: #FFF !important;
    transition: background-color 5000s ease-in-out 0s;
}

.box_login .ui-autocomplete {
    position: relative !important;
}

.box_login .ui-autocomplete .ui-autocomplete-dropdown {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 4px 4px 0 !important;
}
.login-panel-bottom {
	display: block;
	text-align: center;
	padding: 8px;
	color: #ffffff8f;
	font-size: 17px;
}
.video-background {
	background: #000;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -99;
}
.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
@media (min-aspect-ratio: 16/9) {
	.video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	.video-foreground { width: 300%; left: -100%; }
}

@media screen and (min-width: 360px) {
   .logoSolidus img  {
		width: 300px !important;
	}
}
@media screen and (min-width: 320px) {
   .logoSolidus img  {
		width: 200px;
	}
}


.logo{background:url("/simple/javax.faces.resource/images/logo-topbar.png.xhtml;jsessionid=DBC6D7BA5C4E9D65E870C82424450176") top left no-repeat!important;width:250px!important;height:75px!important;margin: 0 10px!important}
.topbar-left{padding:0 !important;padding-right: 10px!important}
.topbar-right #topbar-menu-button{margin-right:inherit!important}
.layout-wrapper .topbar .topbar-left{width: auto!important}

.dashboard .colorbox{text-align:left}
.dashboard-font-color,.colorbox-name,.colorbox-value,.colorbox-count{color:#424242!important}
.dashboard .colorbox .colorbox-name{font-size:20px}
.dashboard .colorbox .colorbox-count{font-size:14px;font-weight:normal;margin:10px 0px 10px;width:100%;display:inline-block}
.dashboard .colorbox .colorbox-value{font-size:24px;font-weight:bold}
.dashboard .colorbox.colorbox-1 div:first-child{background-color:#2e7d32}
.dashboard .colorbox.colorbox-2 div:first-child{background-color:#c62828}
.dashboard .colorbox.colorbox-3 div:first-child{background-color:#ef6c00}
.dashboard .colorbox.colorbox-4 div:first-child{background-color:#ef6c00}
.dashboard .colorbox.colorbox-1 div:last-child{background-color:#c8e6c9}
.dashboard .colorbox.colorbox-2 div:last-child{background-color:#ffcdd2}
.dashboard .colorbox.colorbox-3 div:last-child{background-color:#ffe0b2}
.dashboard .colorbox.colorbox-4 div:last-child{background-color:#ffe0b2}
.dashboard .colorbox.colorbox-6 div:first-child{background-color:#4527A0}
.dashboard .colorbox.colorbox-6 div:last-child{background-color:#c5cae9}


/*** CSS Custom Classes ***/

.ajax-status{width:32px;height:32px;position:fixed;right:7px;bottom:7px}

.panel-button{white-space:nowrap;position:relative}
.panel-button .ui-autocomplete-input{padding-right:2.8em!important}
.panel-button .ui-commandlink{position:absolute!important;margin-left:-33px!important}
.ui-fluid .input-button{right:2px!important}

.date-input input{width:110px!important}
.time-input input{width:90px!important}
.datetime-input input{width:170px!important}

.grid-column-controls{width:45px;text-align:center;letter-spacing:10px}
.grid-column-link{width:15px;text-align:center}
.grid-column-nowrap{white-space:nowrap;overflow: hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}

.panelgrid-border{border:1px solid #bdbdbd!important}

.panelgrid-cell-compact .ui-panelgrid-cell{padding:6px 10px!important}
.panelgrid-cell-nopad .ui-panelgrid-cell{padding:0!important}

.centered,.dashboard .colorbox div:first-child{display:flex;align-items:center;justify-content:center}

.panel-filter-cache{position:relative!important;top:10px!important}

/* .text-badge {font-size: 12px;color:#ffffff;background-color:#e53935;border-radius:30px;padding:3px5px3px4px;position:absolute;margin-left:-10px;margin-top:-5px;line-height:1} */

/* .money{text-align:right!important} */
/* .percent{text-align:right!important} */
/* .number{text-align:right!important} */
/* .integer{text-align:right!important} */

.uppercase{text-transform:uppercase!important}
.lowercase{text-transform:lowercase!important}
.capitalize{text-transform:capitalize!important}

::-webkit-input-placeholder{text-transform:none}
:-moz-placeholder{text-transform:none}
::-moz-placeholder{text-transform:none}
:-ms-input-placeholder{text-transform:none}

.text-center{text-align:center!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}

.font-bold{font-weight:bold!important}
.font-light{font-weight:lighter!important}
.font-normal{font-weight:normal!important}
.font-italic{font-style:italic!important}

.text-through{text-decoration:line-through}
.text-underline{text-decoration:underline}

.fs9{font-size:9px!important}
.fs10{font-size:10px!important}
.fs11{font-size:11px!important}
.fs12{font-size:12px!important}
.fs13{font-size:13px!important}
.fs14{font-size:14px!important}
.fs15{font-size:15px!important}
.fs16{font-size:16px!important}
.fs17{font-size:17px!important}
.fs18{font-size:18px!important}
.fs19{font-size:19px!important}
.fs20{font-size:20px!important}
.fs21{font-size:21px!important}
.fs22{font-size:22px!important}
.fs23{font-size:23px!important}
.fs24{font-size:24px!important}
.fs25{font-size:25px!important}
.fs26{font-size:26px!important}
.fs27{font-size:27px!important}
.fs28{font-size:28px!important}
.fs29{font-size:29px!important}
.fs30{font-size:30px!important}
.fs40{font-size:40px!important}
.fs50{font-size:50px!important}
.fs60{font-size:60px!important}
.fs100{font-size:100px!important}
.fs130{font-size:130px!important}

.empty-box5{display:block;width:100%;height:5px;overflow:hidden}
.empty-box10{display:block;width:100%;height:10px;overflow:hidden}
.empty-box20{display:block;width:100%;height:20px;overflow:hidden}
.empty-box30{display:block;width:100%;height:30px;overflow:hidden}
.empty-box40{display:block;width:100%;height:40px;overflow:hidden}
.empty-box50{display:block;width:100%;height:50px;overflow:hidden}
.empty-box60{display:block;width:100%;height:60px;overflow:hidden}
.empty-box70{display:block;width:100%;height:70px;overflow:hidden}
.empty-box80{display:block;width:100%;height:80px;overflow:hidden}
.empty-box90{display:block;width:100%;height:90px;overflow:hidden}
.empty-box100{display:block;width:100%;height:100px;overflow:hidden}
.empty-box110{display:block;width:100%;height:110px;overflow:hidden}
.empty-box120{display:block;width:100%;height:120px;overflow:hidden}
.empty-box130{display:block;width:100%;height:130px;overflow:hidden}
.empty-box140{display:block;width:100%;height:140px;overflow:hidden}
.empty-box150{display:block;width:100%;height:150px;overflow:hidden}

.float-left{float:left!important}
.float-right{float:right!important}
.float-none{float:none!important}

.mar-top5{margin-top:5px!important}
.mar-top10{margin-top:10px!important}
.mar-top15{margin-top:15px!important}
.mar-top20{margin-top:20px!important}
.mar-top25{margin-top:25px!important}
.mar-top30{margin-top:30px!important}

.mar-bot5{margin-bottom:5px!important}
.mar-bot10{margin-bottom:10px!important}
.mar-bot15{margin-bottom:15px!important}
.mar-bot20{margin-bottom:20px!important}
.mar-bot25{margin-bottom:25px!important}
.mar-bot30{margin-bottom:30px!important}

.mar-right5{margin-right:5px!important}
.mar-right10{margin-right:10px!important}
.mar-right15{margin-right:15px!important}
.mar-right20{margin-right:20px!important}
.mar-right25{margin-right:25px!important}
.mar-right30{margin-right:30px!important}

.mar-left5{margin-left:5px!important}
.mar-left10{margin-left:10px!important}
.mar-left15{margin-left:15px!important}
.mar-left20{margin-left:20px!important}
.mar-left25{margin-left:25px!important}
.mar-left30{margin-left:30px!important}

.wid-auto{width:auto!important}
.hei-auto{height:auto!important}
.hei100{height:100%!important}
.wid100{width:100%!important}

.wids2{width:2px!important}
.wids3{width:3px!important}
.wids4{width:4px!important}
.wids5{width:5px!important}
.wids6{width:6px!important}
.wids7{width:7px!important}
.wids8{width:8px!important}
.wids9{width:9px!important}
.wids10{width:10px!important}
.wids15{width:15px!important}
.wids20{width:20px!important}
.wids25{width:25px!important}
.wids30{width:30px!important}
.wids35{width:35px!important}
.wids40{width:40px!important}
.wids45{width:45px!important}
.wids50{width:50px!important}
.wids55{width:55px!important}
.wids60{width:60px!important}
.wids65{width:65px!important}
.wids70{width:70px!important}
.wids75{width:75px!important}
.wids80{width:80px!important}
.wids85{width:85px!important}
.wids90{width:90px!important}
.wids95{width:95px!important}
.wids100{width:100px!important}
.wids105{width:105px!important}
.wids110{width:110px!important}
.wids115{width:115px!important}
.wids120{width:120px!important}
.wids125{width:125px!important}
.wids130{width:130px!important}
.wids135{width:135px!important}
.wids140{width:140px!important}
.wids145{width:145px!important}
.wids150{width:150px!important}
.wids160{width:160px!important}
.wids170{width:170px!important}
.wids180{width:180px!important}
.wids190{width:190px!important}
.wids200{width:200px!important}
.wids210{width:210px!important}
.wids220{width:220px!important}
.wids230{width:230px!important}
.wids240{width:240px!important}
.wids250{width:250px!important}
.wids260{width:260px!important}
.wids270{width:270px!important}
.wids280{width:280px!important}
.wids290{width:290px!important}
.wids300{width:300px!important}
.wids310{width:310px!important}
.wids320{width:320px!important}
.wids330{width:330px!important}
.wids340{width:340px!important}
.wids350{width:350px!important}
.wids360{width:360px!important}
.wids370{width:370px!important}
.wids380{width:380px!important}
.wids390{width:390px!important}
.wids400{width:400px!important}
.wids410{width:410px!important}
.wids420{width:420px!important}
.wids430{width:430px!important}
.wids440{width:440px!important}
.wids450{width:450px!important}
.wids460{width:460px!important}
.wids470{width:470px!important}
.wids480{width:480px!important}
.wids490{width:490px!important}
.wids500{width:500px!important}
.wids510{width:510px!important}
.wids520{width:520px!important}
.wids530{width:530px!important}
.wids540{width:540px!important}
.wids550{width:550px!important}
.wids560{width:560px!important}
.wids570{width:570px!important}
.wids580{width:580px!important}
.wids590{width:590px!important}
.wids600{width:600px!important}