body a:hover{
	text-decoration: none !important;
}

@media screen and (max-width: 1024px) {
	.gmapSize {
		width: 100%;
		height: 350px;
	}
	.mobile-invisible{
		display: none !important;
	}
	.noPadding{
		padding: 10px 0px !important;
	}
	.col-12.gridCssFicticio {
		width: 0;
	}
	.cuttedTextButton span.ui-button-text.ui-c {
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
		width:95%;
	}

	.pageTitle {
		padding: 0px 15px;
		margin: 0px !important;
	}

   .littlePadding{
   		padding: 2px 4px !important;
   }
   
   .datalistTitle{
   		margin:2px;
   }

	.layout-wrapper .topbar .topbar-right .topbar-items {
		max-height: 500px;
		overflow-y: auto;
	}
	
}

@media screen and (max-width: 512px) {
	.login-panel {
		width:80vw !important;
	}
}

@media only screen and (min-width : 992px) {
	.gmapSize {
		width: 100%;
		height: 500px;
	}
}

.thick-border{
	border: 5px solid orange;
}

.tdlt {text-align: left; vertical-align: top;}
.tdrt {text-align: right; vertical-align: top;}
.tdct {text-align: center; vertical-align: top;}
.tdlm {text-align: left; vertical-align: middle;}
.tdrm {text-align: right; vertical-align: middle;}
.tdcm {text-align: center; vertical-align: middle;}
.tdlb {text-align: left; vertical-align: bottom;}
.tdlb50 {text-align: left; vertical-align: bottom; width: 50%;}
.tdrb {text-align: right; vertical-align: bottom;}
.tdcb {text-align: center; vertical-align: bottom;}
.tdlt1 {text-align: left; vertical-align: top; width: 1%;}
.tdlt2 {text-align: left; vertical-align: top; width: 2%;}
.tdlt3 {text-align: left; vertical-align: top; width: 3%;}
.tdlt4 {text-align: left; vertical-align: top; width: 4%;}
.tdrt5 {text-align: left; vertical-align: right; width: 5%;}
.tdcm5 {text-align: center; vertical-align: middle; width: 5%;}
.tdlm5 {text-align: left; vertical-align: middle; width: 5%;}
.tdcm7 {text-align: center; vertical-align: middle; width: 7%;}
.tdlt10 {text-align: left; vertical-align: top; width: 10%;}
.tdct10 {text-align: center; vertical-align: top; width: 10%;}
.tdlm10 {text-align: left; vertical-align: middle; width: 10%;}
.tdcm10 {text-align: center; vertical-align: middle; width: 10%;}
.tdlt15 {text-align: left; vertical-align: top; width: 15%;}
.tdlm20 {text-align: left; vertical-align: middle; width: 20%;}
.tdlt20 {text-align: left; vertical-align: top; width: 20%;}
.tdrm20 {text-align: right; vertical-align: middle; width: 20%;}
.tdrt20 {text-align: right; vertical-align: top; width: 20%;}
.tdct20 {text-align: center; vertical-align: top;; width: 20%;}
.tdcm20 {text-align: center; vertical-align: middle; width: 20%;}
.tdlt25 {text-align: left; vertical-align: top; width: 25%;}
.tdrt25 {text-align: right; vertical-align: top;; width: 25%;}
.tdct25 {text-align: center; vertical-align: top;; width: 25%;}
.tdlm30 {text-align: left; vertical-align: middle; width: 30%;}
.tdlt30 {text-align: left; vertical-align: top; width: 30%;}
.tdlt31 {text-align: left; vertical-align: top; width: 31%;}
.tdlt32 {text-align: left; vertical-align: top; width: 32%;}
.tdlt33 {text-align: left; vertical-align: top; width: 33%;}
.tdlt34 {text-align: left; vertical-align: top; width: 34%;}
.tdrt30 {text-align: right; vertical-align: top;; width: 30%;}
.tdct30 {text-align: center; vertical-align: top;; width: 30%;}
.tdlm30 {text-align: left; vertical-align: middle; width: 30%;}
.tdrt33 {text-align: right; vertical-align: top;; width: 33%;}
.tdct33 {text-align: center; vertical-align: top;; width: 33%;}
.tdlt35 {text-align: left; vertical-align: top; width: 35%;}
.tdlm35 {text-align: left; vertical-align: middle; width: 35%;}
.tdrt35 {text-align: right; vertical-align: top;; width: 35%;}
.tdlt40 {text-align: left; vertical-align: top; width: 40%;}
.tdlm40 {text-align: left; vertical-align: middle; width: 40%;}
.tdlt45 {text-align: left; vertical-align: top; width: 45%;}
.tdlt48 {text-align: left; vertical-align: top; width: 48%;}
.tdrt45 {text-align: right; vertical-align: top; width: 45%;}
.tdlm50 {text-align: left; vertical-align: middle; width: 50%;}
.tdlt50 {text-align: left; vertical-align: top; width: 50%;}
.tdrt50 {text-align: right; vertical-align: top; width: 50%;}
.tdlt55 {text-align: left; vertical-align: top; width: 55%;}
.tdlt65 {text-align: left; vertical-align: top; width: 65%;}
.tdlt70 {text-align: left; vertical-align: top; width: 70%;}
.tdlt80 {text-align: left; vertical-align: top; width: 80%;}
.tdlm80 {text-align: left; vertical-align: middle; width: 80%;}
.tdlt85 {text-align: left; vertical-align: top; width: 85%;}
.tdlt90 {text-align: left; vertical-align: top; width: 90%;}
.tdlm90 {text-align: left; vertical-align: middle; width: 90%;}
.tdlt95 {text-align: left; vertical-align: top; width: 95%;}

/* skining */
@media (max-width: 640px) {
	body.layout-compact .ui-rating .ui-rating-star a {
		font-size: 50px;
	}
}

div.pac-container {
   z-index: 10000 !important;
}
.tdMapValue {
		text-align: left;
		vertical-align: middle;
		line-height: 25px;
		background-color: #DDDDDD;
		font-size: 12px;
		color: #222222;
		padding-left: 7px;
		padding-right: 7px;
}
.tdMapLabel {
		text-align: left;
		vertical-align: middle;
		line-height: 25px;
		font-size: 12px;
		color: #333333;
		padding-right: 7px;
}
.mapLegendTxt{
	margin-left: 5px;
	line-height: 25px;
	font-size: 12px;
	color: #333333;
	float: right;
	padding-right: 7px;
}
.mapLegendIcon{
	height:15px;
	width:20px;
	border: 1px solid #333333;
	margin-left: 10px;
	float: right;
}
.cuttedText {
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow:hidden;
	text-overflow:ellipsis; 
}
.white-arrow-selectCheckBoxMenu.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon{
	color: #FFFFFF !important;
}

.cuttedTextAfterTwoLines {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word; /* Permite dividir palabras largas */
	word-break: break-word; /* Fuerza la ruptura de palabras */
}

.cuttedTextAfterThreeLines{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word; /* Permite dividir palabras largas */
	word-break: break-word; /* Fuerza la ruptura de palabras */
}

.layout-menu-horizontal .layout-menuitem-text {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word; /* Permite dividir palabras largas */
	word-break: break-word; /* Fuerza la ruptura de palabras */
}

.teamwork-menuitem-badge {
	position: inherit !important;
	display: inline-block !important;
	min-width: 1.5rem !important;
	padding: 0.25rem !important;
	border-radius: 50% !important;
	margin-left: 0.5rem !important;
}

.menuitem-badge {
	font-size: 11px !important;
}

.tw-user-online-icon {
    width: 20.25px;
	height: 20px;
}

.tw-user-online-icon:before{
    content: '';
    display: block;
    width: 20.25px;
    height: 20px;
    margin-left: -3px;
    background: url("/ServiceTonic/javax.faces.resource/images/tw-user-online-icon.png.jsf");
}

.ui-dataview .ui-dataview-header .ui-dataview-layout-options {
	display:none !important;
}

.copyright-icon {
    width: 25.71px;
	height: 20px;
}

.copyright-icon:before{
    content: '';
    display: block;
    width: 20.25px;
    height: 20px;
    margin-left: 10px;
    margin-top: -3px;
    background: url("/ServiceTonic/javax.faces.resource/images/copyright-icon.png.jsf");
}

.planificacion-GMAO-icon {
    width: 17.5px;
	height: 17.5px;
}

.planificacion-GMAO-icon:before{
    content: '';
    display: block;
    width: 20.25px;
    height: 20px;
    position: absolute;
    background: url("/ServiceTonic/javax.faces.resource/images/planificacion-GMAO-icon.png.jsf");
}

.notifications-off-icon {
    width: 20.25px;
	height: 20px;
}

.notifications-off-icon:before{
    content: '';
    display: block;
    width: 20.25px;
    height: 20px;
    background: url("/ServiceTonic/javax.faces.resource/images/notifications-off-icon.png.jsf");
}

.qr-code-scanner-icon {
    width: 25.71px;
	height: 21px;
}

.qr-code-scanner-icon:before{
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    background: url("/ServiceTonic/javax.faces.resource/images/qr-code-scanner-icon.png.jsf");
}

.tw-user-offline-icon {
    width: 20.25px;
	height: 20px;
}

.tw-user-offline-icon:before{
    content: '';
    display: block;
    width: 20.25px;
    height: 20px;
    margin-left: -3px;
    background: url("/ServiceTonic/javax.faces.resource/images/tw-user-offline-icon.png.jsf");
}

.black-btn {
	color: black !important;
}

body .ui-datatable .ui-datatable-data > tr {
    height: 60px !important;
}

body .ui-datatable-small-row .ui-datatable-data > tr {
    height: 45px !important;
}

body .ui-datatable-auto-height .ui-datatable-data > tr {
    height: auto !important;
}

.ui-datatable-no-header thead {
	display:none;
}
/*
body .ui-datatable thead th .ui-column-title {
    font-size: 12px !important;
}
*/
.show-headers th .ui-column-title {
	display: inline !important;
}

.txtValue {
	font-size: 12px !important;
	color: rgba(0,0,0,.87) !important;
	font-weight: 400;
}

.ui-datatable-data{
	font-size: 12px !important;
	word-wrap: break-word;
}

.txtLink {
/*	font-size: 12px !important;	*/
	color: rgba(0,0,0,.87) !important;
	font-weight: 400;
}

.txtLink:hover {
    text-decoration: underline !important;
} 

.styleIcon {
	float:left !important;
	text-align:center !important;
	color: rgba(0,0,0,.60) !important;
	margin-right:5px !important;
}

.txtTitle{
	font-size:18px !important; 
	font-weight:600 !important;
}

.txtSubTitle{
	font-size:16px !important; 
	font-weight:500 !important;
}

.txtWhite {
	font-size: 12px !important;
	color: white !important;
	font-weight: 400;
}

.txtLetter{
	font-size:18px !important; 
	font-weight:400 !important;
}

.txtTitle14 {
	font-size: 14px !important;
	font-weight: 600 !important;
}

.txtHistoryMobile{
	font-size:14px !important; 
	font-weight:500 !important;
}

.pnlCabeceraDataTable {
	height: 52px;
	margin: 12px 0px 0px 0px !important;
	padding: 0px 30px;
	justify-content: space-between;
	align-items: center;
	background-color: var(--primary-color);
}

thead {
    vertical-align: top !important;
}

.spacing-12px {
	margin-right:2.4% !important;
}

.spacing-20px {
	margin-right:2% !important;
}

.fieldLabel {
	font-size: 12px !important;
	color: rgba(0,0,0,.87) !important;
	font-weight: 500;
}

/* STATUS COLORS */
.st-id .ui-tag {
	font-size: 1rem  !important;
    line-height: 1  !important;
    font-weight: 500  !important;
    padding: 3px 6px !important;
}

.ui-tag {
    line-height: 1  !important;
    padding: 5px 8px !important;
    text-transform: uppercase  !important;
}

.status-green {
	color: #038153 !important;
	background-color: #C0FAC2 !important;
}

.status-yellow {
	color: #B48A1F !important;
	background-color: #FFE791 !important;
}

.status-orange {
	color: #DA5F05 !important;
	background-color: #FFDAA3 !important;
}

.status-red {
	color: #CC3340 !important;
	background-color: #FFD5D8 !important;
}

.status-purple {
	color: #753BA4 !important;
	background-color: #DFBDF9 !important;
}

.status-blue {
	color: #3353B3 !important;
	background-color: #B6CFFF !important;
}

.status-grey {
	color: #6B727C !important;
	background-color: #D6D9DE !important;
}

.status- {
	color: #000000 !important;
	background-color: transparent !important;
}

.ui-fileupload .ui-fileupload-buttonbar {
	background-color: var(--primary-color) !important;
}

.ui-fileupload .ui-fileupload-buttonbar:has(.ui-state-disabled) {
	background-color: rgba(0, 0, 0, 0.12) !important;
}

body .file-upload-onlyicon .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon::before {
	content: '\e97b';
}

.file-upload-nocontent .ui-fileupload-buttonbar {
	background: transparent !important;
	border: none !important;
	padding: 0px !important;
}

.file-upload-nocontent .ui-fileupload-buttonbar:has(.ui-state-disabled) {
	background: transparent !important;
	border: none !important;
	padding: 0px !important;
}

.file-upload-nocontent .ui-button{
	margin: 0px !important;
}

.file-upload-nocontent .ui-fileupload-content {
	display: none;
}

.file-upload-onlyicon .ui-fileupload-choose {
	min-width: auto !important;
}

.file-upload-onlyicon .ui-button{
	border-radius: 50%;
	box-shadow: none;
	height: 34.31px !important;
	width: 34.31px !important;
	padding: 0px !important;
	line-height: 14px;
}

.file-upload-onlyicon .ui-fileupload-choose .ui-icon {
	left: 50% !important;
	margin-left: -8px !important;
	margin-top: -8px !important;
}

.teamwork-title {
	font-size:18px !important; 
	font-weight:600 !important; 
}

body .ui-button.ui-button-icon-only:not(.layout-config-button):not(.ui-splitbutton-menubutton) {
	border-radius: 50%;
  	height: 34.31px;
  	width: 34.31px;
	min-width: 34.31px;
	min-height: 34.31px;
}

.txtLiteral {
	font-size:12px !important;
}

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

.ui-button .ui-icon {
	font-size: 12px;
    padding-top: 2.16px;
    padding-left: 2.16px;
    padding-right: 2.17px;
    padding-bottom: 2.17px;
}

.ui-button.ui-button-icon-only .ui-icon:not(.layout-config-button > .ui-icon):not(.ui-splitbutton-menubutton > .ui-icon) {
	margin-left: -8px !important;
	margin-top: -8px !important;
}

.ui-inputfield:not(.ui-inputtextarea):not(.ui-selectonelistbox):not(.ui-selectmanymenu):not(.kbw-signature):not(.ui-chips-container) {
	max-height: 32px;
	display: flex;
	align-items: center;
}

.ui-inputgroup-addon{
	max-height: 32px;
	padding: 8px 8px !important;
}

.ui-selectcheckboxmenu{
	max-height: 32px;
	display: flex;
	align-items: center;
}

.ui-selectonebutton {
	display: flex;
	align-items: center;
}

.ui-selectonebutton > .ui-button {
	height: 32px;
	min-width: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right-width: 1px !important;
}

.ui-selectonebutton .ui-button-text {
	padding: 0rem 0.75rem !important;
}

.ui-reflow-dropdown{
	height: 32px;
}

.ui-selectonemenu {
	height: 32px;
	display: flex;
	align-items: center;
}

.ui-panel{
	box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.15) !important;
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.ui-panel-title {
	font-size: 18px !important;
	font-weight: 600 !important;
	display: block;
	width: 100%;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow:ellipsis; 
	overflow:hidden;
	text-wrap: nowrap;
}

.panelPadding20tb .ui-panel-titlebar {
	padding: 20px !important;
}

.panelPaddingBottom0tb .ui-panel-titlebar {
	padding-bottom: 0px !important;
}

.panelCardWrapper{
	padding: 15px !important;
}

.panelCardWrapperSmaller{
	padding: 7.5px !important;
}

.panelPadding20c .ui-panel-content{
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 20px !important;
	padding-top: 0px !important;
}

.panelPaddingBottom0c .ui-panel-content {
	padding-bottom: 0px !important;
}

.panel-title14 .ui-panel-title {
	font-size: 14px !important;
}

.panel-title-pl2 .ui-panel-title {
	padding-left: .5rem !important;
}

.card {
	box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.15) !important;
	border: 1px solid rgba(0, 0, 0, 0.12);
	padding: 20px;
}

.cardPageTitle{
	margin: 5px 0px 25px 0px !important;
}

.layout-topbar-action-panel {
	box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.15) !important;
	border: 1px solid rgba(0, 0, 0, 0.12) !important;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.layout-topbar-action-item:hover {
	background-color: var(--primary-lightest-color) !important;
	border-radius: 4px;
}

.panel-defaultShadow {
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
}

.ui-shadow {
	box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.15);
}

.gutter15.grid > [class*="col"] {
	padding: 15px;
}

/********** COLORES DASHBOARD *********/

.dashboard .colorbox.colorbox-green {
  background-color: #6ECB94;
}
.dashboard .colorbox.colorbox-red {
  background-color: #FF5F5F;
}
.dashboard .colorbox.colorbox-orange {
  background-color: #FCD15C;
}

.panelTotalesUno .linkTotales .colorbox-name {
	margin-bottom:10px !important;
	font-size:20px !important;
	font-weight:500 !important;
}

.panelTotalesUno .linkTotales .colorbox-count {
	font-size:28px !important;
	font-weight:600 !important;
}

.panelTotalesUno div > span {
	height:131px !important;
}

.panelTotalesUno .ui-panel-content {
	padding: 0px !important;
}

.center-big-icon-button .ui-button-icon-left {
	margin-top: -1rem !important;
}

.ui-button-icon-left {
	margin-top: -0.643rem !important;
}

.editPanel{
	margin-top: 20px;
	border: 1px solid;
	border-color: rgba(0, 0, 0, 0.12);
}

.grid {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

h3 {
	font-size: 18px;
}

.st-divider{
	border-bottom-width: 0.75px;
	border-bottom-style: solid;
	border-color: rgb(192, 192, 192);
}

.ui-selectonebutton.history-data-selectonebutton {
	height:38px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.historyLabel {
	font-size: 12px !important;
	color: rgba(0, 0, 0, 0.60) !important;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
	text-overflow:ellipsis; 
	overflow:hidden; 
	white-space:nowrap;
}

body .ui-rating .ui-rating-star{
	width: auto !important;
	height: auto !important;
}

/* TOOLS BACKGROUND COLORS REPLACED */
.yellow-bgcolor {
  background-color: #FFC100 !important;
}

.purple-bgcolor {
  background-color: #AD00B1 !important;
}

.black-bgcolor {
  background-color: #444 !important;
}

body .ui-selectbooleanbutton.ui-state-active, body .ui-selectonebutton > .ui-button.ui-state-active, body .ui-selectmanybutton > .ui-button.ui-state-active {
    background: var(--primary-color) !important;
    color: var(--primary-color-text) !important;
}

body .ui-selectbooleanbutton.ui-state-active:hover, body .ui-selectonebutton > .ui-button.ui-state-active:hover, body .ui-selectmanybutton > .ui-button.ui-state-active:hover {
    background: var(--primary-color) !important;
    opacity: 0.92 !important;
    color: var(--primary-color-text) !important;
}

body .ui-selectbooleanbutton.ui-state-active .ui-icon, body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon {
	color: var(--primary-color-text) !important;
}

body .ui-selectbooleanbutton.ui-state-active .ui-icon:hover, body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon:hover, body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon:hover {
	color: var(--primary-color-text) !important;
}

/* PANELES HOME*/
.pnlGrdTime {margin-left: 0px; float: left; width: 100%;}
.pnlGrpTime {height: 184px; margin-left: 0px; background-color: #FFF; float: left;
				margin-top: 0px;}
.pnlLeftUp {width: 9px; height: 9px; background: url(../images/bkg/elem_left_up.jpg);}
.pnlUpTime {height: 9px; background: url(../images/bkg/elem_up.jpg) repeat-x top;}
.pnlRightUp {width: 9px; height: 9px; background: url(../images/bkg/elem_right_up.jpg);}
.pnlLeft {width: 9px; height: 187px; background: url(../images/bkg/elem_left.jpg);}

/* Tipo tiempo  */
.pnlGrdDiaSem {width: 126px; height: 18px; float: left; margin-left: 1px; line-height: 18px; text-align: center;}
.pnlGrdDiaMes {width: 114px; height: 20px; float: left; margin-left: 0px; line-height: 20px;}
.pnlGrpDiaMes {width: 20px; height: 18px; background-color: #CCCCCC; line-height: 18px;}
.pnlGrpDiaMes span {color: #646464; font-weight: bold;}
.pnlGrpHoy {width: 20px; height: 18px; background-color: #888888; line-height: 18px;}
.pnlGrpHoy span {color: #FFF; font-weight: bold;}
.pnlGrpContDia {width: 100%; height: 18px; background-color: #FFF; line-height: 18px; border: 1px solid #DDDDDD;}

/* CUADRO DE MANDO */
.bkg_LIST {
	background: url( "../images/bkg/bkg_list.png") no-repeat center;
	background-size: 50% 55px;
}

.bkg_TREND {
	background: url( "../images/bkg/bkg_trend.png") no-repeat center;
	background-size: 50% 55px;
}

.bkg_STACKED {
	background: url( "../images/bkg/bkg_stacked.png") no-repeat center;
	background-size: 50% 55px;
}

.bkg_TOTALS {
	background: url( "../images/bkg/bkg_totals_cards.png") no-repeat center;
	background-size: 100% 55px;
}

.bkg_TOTALS_BARS {
	background: url( "../images/bkg/bkg_totals_bars.png") no-repeat center;
	background-size: 50% 55px;
}

.bkg_TABLE {
	background: url( "../images/bkg/bkg_graphic.png") no-repeat center;
	background-size: 25% 55px;
}

.bkg_TIME {
	background: url( "../images/bkg/bkg_time.png") no-repeat center;
	background-size: 50% 55px;
}

.bkg_SLA {
	background: url( "../images/bkg/bkg_list.png") no-repeat center;
	background-size: 50% 55px;
}

.panel-clickable {
	color: rgba(0,0,0,.87) !important;
	font-weight: 400;
}

.panel-clickable:hover {
    text-decoration: underline !important;
}

.background-primaryColor {
	background: var(--primary-color);
    color: var(--primary-color-text);
}

.background-primaryColor .ui-commandlink,
.background-primaryColor .ui-commandlink:hover {
	color: var(--primary-color-text);
}

.menu-shadow {
	box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.15) !important;
}

/* TAGS COLORS EN HISTORIAL*/
.status-solution {
	color: #4CAF50 !important;
	background-color: #C0FAC2 !important;
}

.status-private {
	color: rgba(0,0,0,.60) !important;
	background-color: #CCCCCC !important;
}

.hist-noti-contact {
	color: #FF7A00 !important;
	background-color: #FBCD98 !important;
}

.hist-action-type {
	color: #3F51B5 !important;
	background-color: #8E9FFF8A !important;
}

.ui-datatable-border-round {
	border-radius: 4px;
}

.ui-datatable-border-round > .ui-datatable-tablewrapper {
	border-radius: 4px;
}

.letter-panel {
	float:left;
	text-align: center;
	padding: 0 !important;
}

.letter-panel > .ui-panel-content {
	padding: 6px 0px 0px 0px !important;
	height: 32px !important;
}

.selected-panel > .ui-panel-content {
	background-color: lightgray !important;
	height: 36px !important;
}

.historyLabel-WHATSAPP {
	color: #25D366 !important;
	background-color: #C1F7D3 !important;
}

.historyLabel-MAIL {
	color: #3F51B5 !important;
	background-color: #C0C9FA !important;
}

.historyLabel-WEB {
	color: #B34B00 !important;
	background-color: #FAD9C3 !important;
}

.historyLabel-CHAT {
	color: #8300E9 !important;
	background-color: #E2C3FA !important;
}

.historyLabel-WEBSERVICE {
	color: #FF810C !important;
	background-color: #FADCC2 !important;
}

.historyLabel-ACCEPT {
	color: #4CAF50 !important;
	background-color: #D4F5DE !important;
}

.historyLabel-DENIED {
	color: #CC3340 !important;
	background-color: #FFD5D8 !important;
}

.delete-item-alerts {
	text-decoration: none;
}

.delete-item-alerts:hover {
	text-decoration: none !important;
	opacity: 0.7;
}

.dialog-title-lg > .ui-dialog-titlebar > .ui-dialog-title {
	font-size: 21px !important;
}

.ui-chkbox-box {
	transform: scale(0.8);
}

@media (max-width: 640px) {
	body .ui-selectonebutton.sob-toggle > div.ui-button:not(:last-child) {
		border-top-left-radius: 4px;
		border-top-right-radius: 0;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 0;
		border-top-width: 1px;
		border-right-width: 0px;
		border-bottom-width: 1px;
		border-left-width: 1px;
	}
}

@media (max-width: 640px) {
	body .ui-selectonebutton.sob-toggle > div.ui-button:last-child {
		border-top-left-radius: 0px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 4px;
		border-width: 1px;
	}
}

body .ui-selectonelistbox {
	min-width: auto;
}

.black-button-icon > .ui-button.ui-button-icon-only:not(.layout-config-button):not(.ui-splitbutton-menubutton) {
	color: black;
	background-color: transparent;
}

.panelInnerPadding0 > .ui-panel-titlebar {
	padding: 0px !important;
	padding-bottom: 5px !important;
}

.panelInnerPadding0 > .ui-panel-content {
	padding: 0px !important;
	flex-grow: 1;
}

.panelInheritHeight > .ui-panel-content {
	height: inherit !important;
	padding: 16px !important;
}

.panelPadding0 > .ui-panel-content {
	padding: 0px !important;
	background-color: inherit !important;
}

.panelPaddingTop0 >.ui-panel-content {
	padding-top: 0px !important;
}

.ui-state-highlight > .ui-panel-content {
	background-color: #E91E63 !important;
}

.dataListHistory > .ui-dataview-header {
	display: none;
}

.dataListHistory > .ui-dataview-content {
	padding-top: 0px !important;
	border-width: 1px !important;
	border-color: rgba(0, 0, 0, 0.12) !important;
	border-style: solid !important;
	border-radius: 4px !important;
}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* Iconos  */
/* -------------------------------------------------------------------------------------------------------------------------- */
.hist_uweb, .hist_umai, .hist_acci, .hist_mant, .hist_crea, .hist_asig, .hist_esta, .hist_rela, .hist_buru, 
.hist_noti, .hist_uwse, .hist_prio, .hist_acce, .hist_deni, .hist_chat, .hist_requ, .hist_uwhatsapp
{display: block; width:24px; height: 24px;}

.hist_acci {background: url(../images/ico/hist_accion.png) no-repeat;}
.hist_mant {background: url(../images/ico/hist_mant.png) no-repeat;}
.hist_crea {background: url(../images/ico/hist_create.png) no-repeat;}
.hist_asig {background: url(../images/ico/hist_asig.png) no-repeat;}
.hist_esta {background: url(../images/ico/hist_estado.png) no-repeat;}
.hist_rela {background: url(../images/ico/hist_relacion.png) no-repeat;}
.hist_buru {background: url(../images/ico/hist_br.png) no-repeat;}
.hist_noti {background: url(../images/ico/hist_notif.png) no-repeat;}
.hist_prio {background: url(../images/ico/hist_prioridad.png) no-repeat;}

.hist_acce {background: url(../images/ico/hist_accept.png) no-repeat;}
.hist_deni {background: url(../images/ico/hist_denied.png) no-repeat;}
.hist_requ {background: url(../images/ico/hist_more_info.png) no-repeat;}

.hist_uweb {background: url(../../images/ico/hist_usu_web.png) no-repeat;}
.hist_umai {background: url(../../images/ico/hist_usu_mail.png) no-repeat;}
.hist_uwse {background: url(../../images/ico/hist_usu_ws.png) no-repeat;}
.hist_chat {background: url(../../images/ico/hist_usu_chat.png) no-repeat;}
.hist_uwhatsapp {background: url(../../images/ico/hist_usu_whatsapp.png) no-repeat;}


.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {
	height:inherit !important;
}

body.layout-compact .ui-button .ui-button-text {
	height: inherit !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.default-selectcheckboxmenu {
	display: inline-block;
	max-height: none;
}

.default-selectcheckboxmenu > .ui-inputfield{
	max-height: none !important;
	display: block !important;
}

.panelKanban > .ui-panel-titlebar {
	height: 35px;
}

div.ui-blockui-content{
	background-color: #FFFFFF;
}

.ui-selectbooleanbutton {
	height: 32px;
}

.ui-selectbooleanbutton .ui-button-text{
	padding: 0.5rem 0.75rem 0.5rem 2.5rem !important;
}

body .ui-progressbar .ui-progressbar-label {
	font-size: inherit;
	line-height: 1rem;
	color: var(--primary-color-text);
}

.selectOneRadioRowPadding td {
	padding-bottom: 10px;
}

.dataTable-border {
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	overflow-y: auto;
}

.panelgrid-noborder td, .panelgrid-noborder tr {
	border: none !important;
}

.border-right {
	border-right: 1px solid #e4e4e4;
}

body .ui-float-label .ui-inputwrapper-filled ~ label {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	white-space: normal;
	max-width: 80%;
    word-break: break-all;
	padding: 0px 4px;
}

body .ui-float-label .ui-selectonemenu ~ label {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	white-space: normal;
	max-width: calc(100% - 38px);
    word-break: break-all;
	padding: 0px 4px;
}

.ui-calendar ~ label {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	white-space: normal;
	max-width: calc(100% - 38px);
    word-break: break-all;
	padding: 0px 4px;
}

@media (max-width: 640px) {
	.custom-scrolltop.ui-scrolltop {
	    bottom: 90px;
	    right: 7px;
	}
}

.custom-scrolltop.ui-scrolltop {
    background-color: var(--primary-color);
}
.custom-scrolltop.ui-scrolltop:hover {
    background-color: var(--primary-color);
}

.custom-scrolltop.ui-scrolltop .ui-scrolltop-icon {
    font-size: 1rem;
    color: var(--primary-color-text);
}

.unselectedBtn {
	background: #ffffff !important;
    color: rgba(0, 0, 0, 0.87) !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    outline: 0 none !important;
}

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

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

.ui-column-customfilter > input {
	width: 100% !important;
}

.ui-datatable-sticky {
	z-index: 99 !important;
	top: auto !important;
	left: auto !important;
}

#frmLT\:pnlGrpExporters {
    top: auto !important;
	bottom: 0px !important;
}

#frmDT\:pnlGrpExporters {
    top: auto !important;
	bottom: 0px !important;
}

.ui-outputpanel.ui-sticky {
	z-index: 99 !important;
}

.ui-sticky{
	z-index: 99 !important;
	top: 56px !important;
}

.mobile-topbar-item {
	padding: 0px 10px;
}

.fc .fc-toolbar-title {
    font-size: 18px;
}

.plusButton {
	position: fixed;
    bottom: 45px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1rem;
    width: 3rem !important;
    height: 3rem !important;
}

.sci-image-container {
	width:100%;
	height:80px;
	background-image:url('/ServiceTonic/images/portal/no-image.jpg');
	background-size:cover;
	background-position:center;
}

.st-contact-field.layout-inline-menu-action-item {
	cursor:default !important;
	pointer-events: none !important;
	background-color: transparent !important;
}

.st-contact-field.layout-inline-menu-action-item a {
    pointer-events: auto !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

li.layout-topbar-action-item {
	padding: 0px !important;
}

li.layout-topbar-action-item a {
	padding: 1rem !important;
}

.ccPanel input {
	color: #000000 !important;
	border-color: #bdbdbd !important;	
}

.ui-chips-container {
	overflow: auto;
}

.anexosPanel.ui-overlaypanel{
	width: 300px;
	z-index: 10000 !important;
} 

.anexosPanel label {
	color: #000000 !important;
}

.st-overlay-panel table, .st-overlay-panel tr, .st-overlay-panel td {
	table-layout: auto;
	border: none !important;
	border-width: 0px !important;
    border-style: none !important;
}

.pnlGrdExpansion tbody td {
	border: none;
	padding: 0px;
}

.layout-footer {
	font-size: 10px;
}

.st-datatable-footer {
	background-color: #fff;
}

.st-datatable-footer img {
	width: 28px;
}

/* Change the block UI background color */
.ui-blockui {
    background-color: rgba(169, 169, 169, 0.5) !important;
}

.ui-selectonemenu label.ui-selectonemenu-label {
	display: block !important;
	min-height: fit-content !important;
	min-height: -webkit-fit-content !important;  /* Chrome */
    min-height: -moz-fit-content !important;     /* Firefox */
	overflow: hidden;
	text-overflow: ellipsis;
}

body .ui-datatable thead th.ui-sortable-column > span {
    display: inline-block;
    max-width: calc(100% - 21px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .ui-datatable thead th > span {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .ui-datatable thead.ui-datatable-scrollable-theadclone th.ui-sortable-column > span {
    display: block;
}

.sdesk-card-container {
    display: flex;
    flex-direction: column;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	box-shadow: none !important;
	border-radius: 0px;
}

.sdesk-title-container {
	width:100%;
	padding:0px 30px;
}

.sdesk-mobile-title-container {
	width:100%;
	padding:0px 1.5rem;
}

.sdesk-search-container {
	padding:0px 23px;
	justify-content: space-between;
	align-items: center;
}

.black-text-color {
	color: rgba(0, 0, 0, 0.87) !important;
}

.dialogLimitHeightContent > .ui-dialog-content {
	max-height: 80vh !important;
}

.st-dt-icon {
	display: flex;
	justify-content: center;
	align-items: center;
}

.st-dt-icon a, .st-dt-icon a:hover {
	font-size: 0rem;
	color: rgba(0, 0, 0, 0.87);
}

.st-dt-icon i {
	padding: 2.5px 2.5px;
}

.st-dt-icon .pi {
	font-size: 14px;
}

.st-dt-icon img {
	width: 19px;
	height: 19px;
}

.chart-container {
	height: 176px;
}

.chart-container canvas {
	max-height: 176px;
}

.chart-container-mobile {
	height: 106px;
}

.chart-container-mobile canvas {
	max-height: 106px;
}

.ui-panel-titlebar {
	display: flex;
	align-items: center;
}

.sun-editor .se-controller-resizing  {
	display: none !important;
}

.global-ticket-color {
	color: #70D370;	
}

.alert-icon-color {
	color: #FF0000;	
}

.ui-datatable-striped .ui-expanded-row-content {
	background-color: #F0F0F0 !important;
}

.st-fieldBean {
	padding-bottom: 15px;
}

.st-mobilefieldBean {
	padding-bottom: 10px;
}

.st-row-expansion {
	max-width:calc(100vw - 2rem);
	position:sticky;
	left:0.375rem;
}

@media (min-width: 992px) {
    .layout-menu-static.layout-menu-active .layout-main .st-row-expansion {
        max-width:calc(100vw - 19rem);
    }
}

.ui-expanded-row-content td {
    overflow: unset !important;
}

body .ui-tabmenu .ui-tabmenu-nav {
	overflow-x: auto;
}

.st-ticket-history img {
	max-width: 100%;
}

.ui-calendar input {
    width: 100%;
}

.st-row-expansion-author {
	min-width: 60px;
	flex: 1 1 60px;
	max-width: max-content;
}

.st-contact-info {
	border: 1px solid #0000001F;
	border-radius: 5px;
	margin: 1rem;
	background-color: #F5F5F5;
}

.st-contact-info .layout-inline-menu-action-panel {
	background-color: #F5F5F5 !important;
}

.hist-action-type-overflow .ui-tag-value {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 105px;
}

.st-mobile-schedule .fc-button-group {
	display: grid;
}

.st-mobile-schedule .fc-button-group > button {
	border-radius: 3px !important;
	margin: 2px !important;
}

.hist-row-toggler {
	width: 28px;
	padding: 0px !important;
}

.ui-toolbar-group-left, .ui-toolbar-group-right  {
	gap: .5rem;
}

.navigationToolbar {
	padding: 20px !important;
}

.oddItem {
	background-color: #FFFFFF;
}

.evenItem {
	background-color: #F4F4F4;
}

.dataListContent {
	width: 100%;
}

.dataListContent:not(.dataListHeader) .ui-dataview-header {
	display:none !important;
}

.dataListContent .ui-dataview-content {
	padding: 0px !important;
}

.login-panel {
	text-align: center;
}

.empty-message-padding-left .ui-datatable-empty-message > td {
	padding-left: 20px !important;
}

.layout-menu-wrapper .layout-menu-container .layout-menu .edit-ticket-menu > a .layout-menuitem-text {
	margin-left: 0;
}

.tag-link {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
	font-size: 0.75rem !important;
    font-weight: 700 !important;
    transition: background-color 0.3s, color 0.3s;
    text-transform: uppercase !important;
    text-overflow: ellipsis;
}

.st-status {
    display: inline-block;
    max-width: 100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .ui-datatable.ui-datatable-sm thead > tr > th {
    padding: 6px 10px;
}

body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td {
    padding: 6px 10px;
}

/* Background color for rows (directly targeting dataTables with st-datatable-color-hover class) */
.st-datatable-color-hover.ui-datatable > .ui-datatable-scrollable-body > table > tbody > tr.ui-datatable-even:not(.ui-expanded-row-content):hover,
.st-datatable-color-hover.ui-datatable > .ui-datatable-scrollable-body > table > tbody > tr.ui-datatable-odd:not(.ui-expanded-row-content):hover {
    background-color: var(--divider-color);
}

/* Font weight for data in rows (avoiding changes in row expansion and tags) */
.st-datatable-color-hover.ui-datatable > .ui-datatable-scrollable-body > table > tbody > tr:not(.ui-expanded-row-content):hover td *:not(.ui-tag):not(.ui-tag-value) {
    font-weight: 500;
}

/* Text and underline color for selected rows */
.st-datatable-color-hover.ui-datatable tr.selected-row {
     background-color: var(--primary-lightest-color) !important;
}

/* Text and underline color for selected rows */
.st-datatable-color-hover.ui-datatable .selected-row td,
.st-datatable-color-hover.ui-datatable .selected-row td *:not(.ui-tag-value) {
    color: var(--primary-color);
    text-decoration-color: var(--primary-color) !important;
}

@media (min-width: 992px) {
	.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu {
		flex-wrap: wrap;
	}
}

@media (min-width: 992px) {
	.layout-menu-horizontal .layout-menu-wrapper {
		height: auto;
	}
}

.layout-main.desktopPage {
	height: 100vh;
}

.st-scrollable-datatable {
    visibility: visible;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-y: auto;
}

.st-scrollable-datatable .ui-datatable-scrollable-header {
    display: flex;
    min-height: 68.3px;
    padding-right: 1.5rem;
}

.st-scrollable-datatable .ui-datatable-scrollable-body {
	display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-y: auto;
}

.st-templates-menu {
	max-height: 300px !important;
	overflow-y: auto;
}

.multiline-buttons .ui-selectonebutton {
    display: flex;
    flex-wrap: wrap; /* Permite que los botones salten a la siguiente línea */
    gap: 5px; /* Espaciado entre los botones */
}

.activeLink {
	color: #5C6CC5 !important;
}

.activeLink:hover {
	text-decoration: underline !important;
}

.ai-tonic-black-icon-12 {
    width: 12px;
	height: 12px;
}

.ai-tonic-black-icon-12:before {
    content: '';
    display: block;
    width: 12px;
	height: 12px;
    background: url("/ServiceTonic/javax.faces.resource/images/ai-tonic-black-icon-12.png.jsf");
}

.ai-tonic-white-icon-12 {
    width: 12px;
	height: 12px;
}

.ai-tonic-white-icon-12:before {
    content: '';
    display: block;
    width: 12px;
	height: 12px;
    background: url("/ServiceTonic/javax.faces.resource/images/ai-tonic-white-icon-12.png.jsf");
}

.ai-tonic-black-icon-14 {
    width: 14px;
	height: 14px;
}

.ai-tonic-black-icon-14:before {
    content: '';
    display: block;
    width: 14px;
	height: 14px;
    background: url("/ServiceTonic/javax.faces.resource/images/ai-tonic-black-icon-14.svg.jsf");
}

.ai-tonic-white-icon-14 {
    width: 14px;
	height: 14px;
}

.ai-tonic-white-icon-14:before {
    content: '';
    display: block;
    width: 14px;
	height: 14px;
    background: url("/ServiceTonic/javax.faces.resource/images/ai-tonic-white-icon-14.png.jsf");
}

.ai-tonic-button .ui-menubutton, .ai-tonic-button {
    background: linear-gradient(90deg, #4561DF -1.53%, #574ED5 48.77%, #CB40E4 119.18%) !important;
    color: #fff !important;
    border: none !important;
}

.ai-tonic-button:hover {
    filter: brightness(1.1);
}

.ui-contextmenu, .ui-menu-dynamic {
	width: fit-content;
}

.ai-tonic-image-background {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(90deg, #4561DF -1.53%, #574ED5 48.77%, #CB40E4 119.18%) !important;
    border-radius: 50%;
    color: #fff !important;
    border: none !important;
}

.ai-agent-label {
	font-size:18px;
	color:var(--text-secondary-color);
}

.ai-tonic-button .ui-button-text {
	position: relative;
	padding-right: 2em !important;
}

.ai-tonic-button .ui-button-text::after {
	content: "\e930";
	font-family: 'PrimeIcons';
	position: absolute;
	right: 0.5em;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

.ai-chatMessage-user{
	align-self: end;
	background-color: #F6F6F6;
	max-width:70%;
}

.ai-chatMessage-agent {
	padding-top: 0px !important;
	padding-left: 37px !important;
}

.ai-tonic-border {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    background-color: white;
    z-index: 0;
}

.ai-tonic-border::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 4px;
    background: linear-gradient(90deg, #4561DF -1.53%, #574ED5 48.77%, #CB40E4 119.18%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.ai-tonic-border-button {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    background-color: white;
    z-index: 0;
    border: none !important;
}

.ai-tonic-border-button::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 4px;
    background: linear-gradient(90deg, #4561DF -1.53%, #574ED5 48.77%, #CB40E4 119.18%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.ai-tonic-border-button .ui-button-text {
	background: linear-gradient(90deg, #4561DF -1.53%, #574ED5 48.77%, #CB40E4 119.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ui-dialog.ai-tonic-border-dialog {
    border-radius: 4px !important; /* Bordes redondeados */
    overflow: hidden; /* Evita que el borde sobresalga */
    border: none !important; /* Eliminar bordes estándar */
}

.ui-dialog.ai-tonic-border-dialog::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px; /* Bordes redondeados */
    padding: 1px; /* Grosor del borde */
    background: linear-gradient(90deg, #4561DF -1.53%, #574ED5 48.77%, #CB40E4 119.18%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none; /* No interfiere con eventos */
    z-index: 1; /* Asegura que sea visible */
}

.primary-color {
	color: var(--primary-color);
}

.border-like-inputTextArea {
	border: 1px solid rgba(0, 0, 0, 0.38);
    padding: 0.75rem 0.75rem;
    border-radius: 4px;
}