/* BEGIN STYLESHEET */
/* PD: ASCII art font: DOS Rebel */
 
/**
 *     █████                      ███   █████     ███                         ██████   █████                      
 *    ░░███                      ░░░   ░░███     ░░░                         ░░██████ ░░███                       
 *     ░███   ███████ ████████   ████  ███████   ████   ██████  ████████      ░███░███ ░███   ██████   █████ █████
 *     ░███  ███░░███░░███░░███ ░░███ ░░░███░   ░░███  ███░░███░░███░░███     ░███░░███░███  ░░░░░███ ░░███ ░░███ 
 *     ░███ ░███ ░███ ░███ ░███  ░███   ░███     ░███ ░███ ░███ ░███ ░███     ░███ ░░██████   ███████  ░███  ░███ 
 *     ░███ ░███ ░███ ░███ ░███  ░███   ░███ ███ ░███ ░███ ░███ ░███ ░███     ░███  ░░█████  ███░░███  ░░███ ███  
 *     █████░░███████ ████ █████ █████  ░░█████  █████░░██████  ████ █████    █████  ░░█████░░████████  ░░█████   
 *    ░░░░░  ░░░░░███░░░░ ░░░░░ ░░░░░    ░░░░░  ░░░░░  ░░░░░░  ░░░░ ░░░░░    ░░░░░    ░░░░░  ░░░░░░░░    ░░░░░    
 *           ███ ░███                                                                                             
 *          ░░██████                                                                                              
 *           ░░░░░░                                                                                               
 */
 
.docked-view.dock-cover-shadow-right{
	box-shadow: 0px 0px 0px 0px #FFFFFF; !important;
}
.docked-view-right{
	pointer-events: none;
}
.psc-docks_menu_without_border{
	border-right: none !important;
}






/**
 *     ███████████                             █████   
 *    ░█░░░███░░░█                            ░░███    
 *    ░   ░███  ░   ██████   ██████    █████  ███████  
 *        ░███     ███░░███ ░░░░░███  ███░░  ░░░███░   
 *        ░███    ░███ ░███  ███████ ░░█████   ░███    
 *        ░███    ░███ ░███ ███░░███  ░░░░███  ░███ ███
 *        █████   ░░██████ ░░████████ ██████   ░░█████ 
 *       ░░░░░     ░░░░░░   ░░░░░░░░ ░░░░░░     ░░░░░  
 *                                                     
 *                                                     
 *                                                     
 */

/* Permitir cerrar el toast */
.psc-toast_notification{
	pointer-events: auto;
}


/* Toast Notification CSS animations */
@keyframes slide-in-right-enter {
	from {transform: translateX(125%);}
	to {transform: translateX(0%);}
}

@keyframes slide-in-right-exit {
	from {transform: translateX(0%);}
	to {transform: translateX(125%);}
}

@keyframes slide-in-left-enter {
	from {transform: translateX(-125%);}
	to {transform: translateX(0%);}
}

@keyframes slide-in-left-exit {
	from {transform: translateX(0%);}
	to {transform: translateX(-125%);}
}

@keyframes slide-in-top-enter {
	from {transform: translateY(-125%);}
	to {transform: translateY(0%);}
}

@keyframes slide-in-tophttp://192.168.50.223:8088/data/perspective/client/prj_cDE1MDAy/users-exit {
	from {transform: translateY(0%);}
	to {transform: translateY(-125%);}
}

@keyframes slide-in-bottom-enter {
	from {transform: translateY(125%);}
	to {transform: translateY(0%);}
}

@keyframes slide-in-bottom-exit {
	from {transform: translateY(0%);}
	to {transform: translateY(125%);}
}

@keyframes fade-in {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fade-out {
	from {opacity: 1;}
	to {opacity: 0;}
}



/**
 *     ██████   █████                       █████                            ██████████                     █████             
 *    ░░██████ ░░███                       ░░███                            ░░███░░░░███                   ░░███              
 *     ░███░███ ░███   ██████   █████ █████ ░███████   ██████   ████████     ░███   ░░███  ██████   ██████  ░███ █████  █████ 
 *     ░███░░███░███  ░░░░░███ ░░███ ░░███  ░███░░███ ░░░░░███ ░░███░░███    ░███    ░███ ███░░███ ███░░███ ░███░░███  ███░░  
 *     ░███ ░░██████   ███████  ░███  ░███  ░███ ░███  ███████  ░███ ░░░     ░███    ░███░███ ░███░███ ░░░  ░██████░  ░░█████ 
 *     ░███  ░░█████  ███░░███  ░░███ ███   ░███ ░███ ███░░███  ░███         ░███    ███ ░███ ░███░███  ███ ░███░░███  ░░░░███
 *     █████  ░░█████░░████████  ░░█████    ████████ ░░████████ █████        ██████████  ░░██████ ░░██████  ████ █████ ██████ 
 *    ░░░░░    ░░░░░  ░░░░░░░░    ░░░░░    ░░░░░░░░   ░░░░░░░░ ░░░░░        ░░░░░░░░░░    ░░░░░░   ░░░░░░  ░░░░ ░░░░░ ░░░░░░  
 *                                                                                                                            
 *                                                                                                                            
 *                                                                                                                            
 */
 
/* Direct stylesheet authoring is an advanced feature. Knowledge of CSS required.*/

/* DOCKS MENUS */
:root {
	--docks_nav_open_width: 300px;
	--docks_nav_closed_width: 50px;
	--docks_nav_width: 0px;
	--topbar_height: 50px;
	--docks_nav_link_height: 40px;

	--docks_nav--bgColor: var(--neutral-10);
	--docks_nav--color: var(--label);
	--docks_nav_section_open--bgColor: var(--neutral-30);
	--docks_nav_link_active--bgColor: var(--callToAction--active);
	--docks_nav_link_active--color: var(--white);
	--docks_nav_link_hover--bgColor: var(--callToAction--hover);
	--docks_nav_link_hover--color: var(--docks_nav_link_active--color);
	--docks_nav_button--bgColor: transparent;
	--docks_nav_button--color: var(--white);
	--topbar--bgColor: #2b2a2a;
	--topbar--color: var(--white);
	--docks_nav_padding_width: 5px;

	--breakpoint-small: 450;
	--breakpoint-medium: 800;
}

/* DOCKS */
.docked-view-left {
	width: auto !important;
	height: calc(100% - var(--topbar_height)) !important;
}

/* NAV */
.psc-docks_nav {
	width: var(--docks_nav_width);
	border-right: 1px solid var(--border);
	background-color: var(--docks_nav--bgColor);
	color: var(--docks_nav--color);
	padding: 10px 0px;
	transition: all 0.2s ease-in-out;
}

.psc-docks_nav_open {
	width: var(--docks_nav_open_width);
	transition: all 0.2s ease-in-out;
}

.psc-docks_nav_button {
	background-color: var(--docks_nav_button--bgColor);
	color: var(--docks_nav_button--color);
}

/* NAV LOGO */
.psc-docks_nav_logo_1 {
	transition: all 0.2s ease-in-out 0.5s;
}

.psc-docks_nav_logo_2 {
	max-width: 0;
	opacity: 0;
}

.psc-docks_nav_open .psc-docks_nav_logo_1 {
	max-width: 0;
	opacity: 0;
	transition: all 0.2s ease-in-out 0.3s;
}

.psc-docks_nav_open .psc-docks_nav_logo_2 {
	max-width: 256px;
	opacity: 1;
	transition-delay: 0.2s;
}

/* NAV SECTION */
.psc-docks_nav_section {
	max-height: var(--docks_nav_link_height);
	gap: 5px;
}

.psc-docks_nav_open .psc-docks_nav_section_open {
	max-height: 1000px;
	transition: max-height 0.4s ease-in-out;
	color: var(--label);
	border-radius: var(--borderRadius);
	background-color: var(--docks_nav_section_open--bgColor);
}

.psc-docks_nav_open .psc-docks_nav_section .psc-docks_nav_repeater {
	gap: 5px;
}

.psc-docks_nav:not(.psc-docks_nav_open) .psc-docks_nav_section .psc-docks_nav_repeater .psc-docks_nav_link>svg:nth-child(1) {
	transition: visibility 0.2s ease-in-out 0.2s;
}

.psc-docks_nav_open .psc-docks_nav_section .psc-docks_nav_repeater .psc-docks_nav_link>svg:nth-child(1) {
	visibility: hidden;
}

/* NAV LINK */
.psc-docks_nav_link {
	height: var(--docks_nav_link_height);
	border-radius: var(--borderRadius);
	gap: 5px;
}

.psc-docks_nav_link .ia_labelComponent,
.psc-docks_nav_link>svg:nth-child(3) {
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.1s ease-in-out;
}

.psc-docks_nav_open .psc-docks_nav_section_open .psc-docks_nav_link .ia_labelComponent,
.psc-docks_nav_open .psc-docks_nav_link .ia_labelComponent {
	opacity: 1;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.psc-docks_nav_section_open .psc-docks_nav_link>svg:nth-child(3),
.psc-docks_nav_section_open .psc-docks_nav_link>svg:nth-child(3) {
	opacity: 1;
	transform: rotate(90deg);
	transition: transform 0.2s ease-in-out;
}

.psc-docks_nav_open .psc-docks_nav_section svg {
	opacity: 1;
}

.psc-docks_nav_link:hover,
.psc-docks_nav_link.psc-selected:hover {
	color: var(--docks_nav_link_hover--color);
	background-color: var(--docks_nav_link_hover--bgColor);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.psc-docks_nav_link.psc-selected {
	background-color: var(--docks_nav_link_active--bgColor);
	color: var(--docks_nav_link_active--color);
	transition: all 0.2s ease-in-out;
}

.psc-docks_nav:not(.psc-docks_nav_open) .psc-docks_nav_section .psc-docks_nav_link.psc-selected_parent {
	color: var(--docks_nav_link_active--color);
	background-color: var(--docks_nav_link_active--bgColor);
}
.psc-docks_nav .psc-docks_nav_section:not(.psc-docks_nav_section_open) .psc-docks_nav_link.psc-selected_parent {
	color: var(--docks_nav_link_active--color);
	background-color: var(--docks_nav_link_active--bgColor);
}

.psc-docks_nav:not(.psc-docks_nav_open) .psc-not_a_link {
	max-height: 0;
}

.psc-docks_nav:not(.psc-docks_nav_open) .psc-not_a_link .ia_labelComponent {
	opacity: 0;
}

.psc-docks_nav_open .psc-docks_nav_link .ia_labelComponent {
	opacity: 1;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.psc-not_a_link:hover {
	color: var(--label);
	background-color: transparent !important;
	cursor: default !important;
	transition: all 0.2s ease-in-out;
}

/* NAV TREE */
.psc-docks_nav .tree {
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.psc-docks_nav .tree .node-wrapper {
	display: block;
}

.psc-docks_nav_open .psc-docks_nav_section_open .tree {
	opacity: 1;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.psc-docks_nav .ia_treeComponent__node {
	border-radius: var(--borderRadius);
	cursor: pointer;
	font-size: 16px;
}

.psc-docks_nav .tree-row {
	margin-bottom: 5px;
}

.psc-docks_nav .ia_treeComponent__node:hover {
	color: var(--docks_nav_link_active--color);
	background-color: var(--docks_nav_link_hover--bgColor);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.psc-docks_nav .ia_treeComponent__node--selected {
	background-color: var(--docks_nav_link_active--bgColor);
	color: var(--docks_nav_link_active--color);
	transition: all 0.2s ease-in-out;
}

.psc-docks_nav .ia_treeComponent__node .tree-item {
	height: var(--docks_nav_link_height) !important;
}

.psc-docks_nav .ia_treeComponent__node .tree-item-label {
	font-weight: normal;
}

.psc-docks_nav .ia_treeComponent__alignmentGuide,
.psc-docks_nav .terminal-node .ia_treeComponent__node__icon {
	display: none;
}

.psc-docks_nav .ia_treeComponent__node .node-icon,
.psc-docks_nav .ia_treeComponent__node .expand-icon {
	fill: var(--label);
}

.psc-docks_nav .ia_treeComponent__node:hover .node-icon,
.psc-docks_nav .ia_treeComponent__node:hover .expand-icon {
	fill: var(--docks_nav_link_active--color);
}

.psc-docks_nav .ia_treeComponent__node--selected .node-icon,
.psc-docks_nav .ia_treeComponent__node--selected .expand-icon {
	fill: var(--docks_nav_link_active--color);
}

/* Overrides the default scrollbar styles */
.psc-docks_nav::-webkit-scrollbar {
	width: 3px;
	scrollbar-width: thin;
	scrollbar-color: var(--neutral-20) var(--neutral-90);
}

.psc-docks_nav::-webkit-scrollbar-track {
	background: transparent;
}

.psc-docks_nav::-webkit-scrollbar-thumb {
	background: var(--neutral-50);
	border-radius: 1px;
}

.psc-docks_nav::-webkit-scrollbar-thumb:hover {
	background: var(--neutral-70);
}

/* Override the rules governing the dock mode (push or cover) */
.center.view-parent {
	max-height: calc(100% - var(--topbar_height)) !important;
	max-width: calc(100% - var(--docks_nav_width)) !important;
	margin: var(--topbar_height) 0px 0px var(--docks_nav_width) !important;
	transition: all 0.2s ease-in-out !important;
}

/* BEGIN STYLE CLASSES */
.psc-docks\/nav {
  border-right-color: var(--border);
  border-right-style: solid;
  border-right-width: 2px;
}

.psc-exchange\/toast\/message\/expansion {
  background-color: var(--callToActionHighlight);
  border-color: var(--neutral-100);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: var(--neutral-100);
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  margin: 2px;
  overflow: visible;
  padding: 2px;
  text-align: left;
}

.psc-exchange\/toast\/message\/icon {
  cursor: pointer;
  padding: 6px;
}

.psc-exchange\/toast\/message\/label {
  padding: 10px;
  padding-bottom: 4px;
  padding-top: 4px;
}

.psc-exchange\/toast\/message\/root {
  background-color: var(--infoSecondary);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: var(--neutral-100);
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  overflow: visible;
  text-align: center;
}

.psc-fw\/content\/group_title {
  border-bottom-style: solid;
  border-bottom-width: 0.2px;
  font-size: 1.1em;
  font-weight: bolder;
  margin: 10px;
}

.psc-fw\/forms\/checkbox {
  margin: 3px;
}

.psc-fw\/forms\/error {
  background-color: #FFDBE0;
  border-bottom-style: solid;
  box-shadow: 0px 0px 10px 1px #FFDBE0FF;
}

.psc-fw\/utils\/message-background-error {
  background-color: #FF8C99AB;
}

.psc-fw\/utils\/message-background-ok {
  background-color: #81F965C7;
}

.psc-prj\/btnPeriodos {
  margin: 2px;
  margin-top: 3px;
}

.psc-prj\/main_group {
  border-style: solid;
  border-width: 0.1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 5px;
}

.psc-prj\/main_label_grupo {
  background-color: #FF002517;
}

.psc-prj\/main_subgroup {
  margin: 5px;
}