@charset "ISO-8859-1";

@import url(//fonts.googleapis.com/css?family=Open+Sans);


/*options button toolbar*/
.ui-prointej-opt-settings-actions > button{
	background: transparent !important;
	color: black !important;
}

/*help text bottom inputtext*/
.ui-prointej-help-message{
	margin: 0 0 0 0.5rem;
	padding: 0.429rem 0.429rem;
	display: inline-block;
	border-radius: 3px;
	font-size: smaller;
}

/*info button*/
.ui-prointej-button-info:hover{
	background: transparent !important;
}

/*tabs settings*/
.ui-prointej-settings-tab div.ui-tabs-panels{
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: #fe9a26;
	border: 0px;
}

.ui-prointej-settings-tab div > div > .ui-panel .ui-panel-content {
	background: #fe9a26;
	border: 0px;
}


body .ui-prointej-settings-tab > .ui-tabs-nav li.ui-tabs-header.ui-state-active{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background: #fe9a26;
	border: 0px;
}

body .ui-prointej-settings-tab > .ui-tabs-nav li:hover{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background: #f4f4f4;
	border: 0px;
}

/*treetable settings*/
body .ui-prointej-settings-tab-treetable > div.ui-treetable-header{
	background: #fe9a26;
	border-width: 3px 0px 3px 0px;
	color: #3c197a;
	
}

body .ui-prointej-settings-tab-treetable > table > thead > tr > th {
	background: #fe9a26;
	border-width: 0px 0px 0px 0px;
}


body .ui-prointej-settings-tab-treetable > table > tbody > tr > td {
	background: #fe9a26;
	font-size: x-small;
	border-width: 1px 0px 1px 0px !important;
}



/*tabs settings*/


/*forms card label*/
body .ui-prointej-grid-form-label > div.ui-card-body > div.ui-card-content > div > div > div.ui-inputgroup > span > label {
	color: #ab2d2d;
	font-weight: bold;
}
/*datepicker*/
body .ui-prointej-grid-form-label > div.ui-card-body > div.ui-card-content > div.p-grid > div > div.ui-fluid > div > div.ui-inputgroup > span > label {	
	color: #ab2d2d;
	font-weight: bold;
}
body .ui-prointej-grid-form-label > div.ui-card-body > div.ui-card-content > div > div > label {
	font-size: 12px !important;
	margin-left: 0.429rem;	
	color: #ab2d2d;
	font-weight: bold;
}

body .ui-prointej-grid-form-label > div.ui-card-body > div.ui-card-content > div > div.ui-datatable-header {
	background: #ffffff;
	border: 0px;
}
/*form card inputtext*/


/*toolbar buttons*/
.ui-prointej-delete{
	background: #e2113c !important;
	border: 0px;
}
.ui-prointej-close{
	background: #e2113c !important;
}
.ui-prointej-search{
	background: #70757a !important;
}
.ui-prointej-settings{
	background: #fe9a26 !important;
}
/*only splitbutton*/
.ui-prointej-save > .ui-button.ui-state-default {
	background: #3f9940;
}
/*toolbar buttons*/

/*utils */
.p-ui-prointej-sm-hidden{
	display: block; 
}

.p-ui-prointej-sm-visible{
	display: none; 
}
.p-ui-prointej-sm-visible-tooltip{
	display: none; 
}
.p-ui-prointej-sm-visible-tooltip-font{
	font-size: x-small;
	
}


@media screen and (max-width: 576px) {
	.p-ui-prointej-sm-hidden{
		display: none;
	}
	
	.p-ui-prointej-sm-visible{
		display: block;
	}
	
	.p-ui-prointej-sm-visible-tooltip{
		display: initial; 
	}
}


/*dialog oversized*/
.ui-dialog-oversized {
    height: 100%;    
}
@media screen and (max-width: 576px) {
	.ui-dialog-oversized {
    	height: 600px;
	}
}

/*dialog prointej*/
.ui-prointej-dialog > div.ui-dialog{
	border: 0px;
	box-shadow: 0 0 0px 0 rgb(0 0 0 / 0%);
	
}

.ui-prointej-dialog > div > div.ui-dialog-titlebar{
	background: 0;
	padding: 5px;
	border-bottom: 0px;
}


.ui-prointej-dialog > div > div.ui-dialog-content{
	background: 0;
	border: 0px;
	padding: 5px;
}

.ui-prointej-dialog > div > div > div.ui-scrollpanel{
	background: 0;	
	border: 0px;
}


.ui-prointej-dialog > div > div.ui-dialog-titlebar > a.ui-dialog-titlebar-icon{
	color: #212121;
	background: white;
}

.ui-prointej-dialog > div > div.ui-dialog-titlebar > a.ui-dialog-titlebar-icon:hover{
	color: white;
	background: #17B181;
}



/*growl secondary toolbar support*/
body .ui-growl {
    top: 175px;
}
@media screen and (max-width: 576px) {
	body .ui-growl {
    	top: 145px;
	}
}

/*button support*/
body .ui-overlay-badge:not(.ui-prointej-notification-badge > div > div){
	width: -webkit-fill-available;
}



/*sidebar right*/
.ui-prointej-card-label-det{
	font-size: 0.85em;
	font-weight: 600;    
    color: gray;
    letter-spacing: 0.03em;
}

.ui-prointej-card-label{
	font-size: 0.85em;
	font-weight: 400;    
    color: gray;
    letter-spacing: 0.03em;
}
.ui-prointej-card-txt{
	font-size: 0.8em;
    font-weight: 600;
    letter-spacing: 0.03em;
}
.ui-prointej-card-number{
	font-size: 0.85em;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.ui-prointej-card-date{
	font-size: 0.85em;
    font-weight: 600;
    letter-spacing: 0.03em;
}

.ui-prointej-side-right-one{
	width: 576px !important;
	/*top: 93px !important;*/
	background:	#eff3f7 !important;
}

/*.ui-tabs .ui-tabs-panel {
    background:	#eff3f7 !important;
}*/

/*audit log*/

.ui-prointej-audit-label{
	font-size: small !important;
	font-weight: bold;
	color: #ab2d2d;
}
.ui-prointej-audit-text {	
	color: #666666 !important;
	font-weight: bold !important;
	border: 0px !important;
	opacity: 1 !important;
}

.ui-prointej-audit-date > input{	
	color: #666666 !important;	
	border: 0px !important;
	opacity: 0.9 !important;
	padding-bottom: inherit;
	padding-top: inherit;
}
	



@media screen and (max-width: 576px) {
	.ui-prointej-side-right-one{
		width: 100% !important;
		/*top: 69px !important;*/
	}
		
}

/*overlay tools panel headerOptions*/
.ui-prointej-overlay{
	width: 100% !important;
	top: 89px !important;
	left: 0px !important;
	position: fixed !important;	
	max-width: 100% !important;			
}

/*menu options */
.ui-prointej-overlay-options{
	z-index: 10100 !important;
	width: 140px !important;			
}

.ui-prointej-overlay-profile{
	width: 220px !important;
	top: 89px !important;
	position: fixed !important;	
	z-index: 12000 !important;
	max-width: 100% !important;		
}

.ui-prointej-overlay-notification{
	width: 320px !important;
	top: 89px !important;
	position: fixed !important;	
	z-index: 12000 !important;
	max-width: 100% !important;		
}

.ui-prointej-overlay-settings{
	width: 100% !important;
	top: 140px !important;
	left: 0px !important;
	position: fixed !important;	
	max-width: 100% !important;		
}


html:not([data-scroll='0']) .ui-prointej-overlay-top {
  
	width: 100% !important;
	top: 81px !important;
	left: 0px !important;
	position: fixed !important;
	
}

html:not([data-scroll='0']) .ui-prointej-overlay-top-profile {
  
	width: 220px !important;
	top: 81px !important;
	position: fixed !important;
	z-index: 12000 !important;	
  	
}


html:not([data-scroll='0']) .ui-prointej-overlay-top-notification {
  
	width: 320px !important;
	top: 81px !important;
	position: fixed !important;
	z-index: 12000 !important;	
  	
}


html:not([data-scroll='0']) .ui-prointej-overlay-top-settings {
  
	width: 100% !important;
	top: 145px !important;
	position: fixed !important;
	
}


@media screen and (max-width: 576px) {
			.ui-prointej-overlay{
				top: 77px !important;
			}
			
			.ui-prointej-overlay-profile{
				top: 77px !important;
			}	
			
			.ui-prointej-overlay-notification{
				top: 77px !important;
				width: 100% !important;
			}
			
			.ui-prointej-overlay-settings{
				top: 128px !important;
				width: 100% !important;
			}
			
			html:not([data-scroll='0']) .ui-prointej-overlay-top {  
				top: 69px !important;			  	
			}
			
			html:not([data-scroll='0']) .ui-prointej-overlay-top-profile {  
				top: 69px !important;			  	
			}
			
			html:not([data-scroll='0']) .ui-prointej-overlay-top-notification {  
				top: 69px !important;	
				width: 100% !important;		  	
			}
			
			html:not([data-scroll='0']) .ui-prointej-overlay-top-settings {  
				top: 135px !important;	
				width: 100% !important;		  	
			}
			
		}


/*MAIN HEADER*/
.ui-prointej-outputpanel{
	box-shadow: 0 0px 0px rgb(0 0 0 / 80%) !important;
  	top: 8px !important;  
  	z-index: 1000 !important
}



/*clock adjust*/
body .ui-clock {
    font-size: xx-small !important;    
    border: 0px solid #c8c8c8;
    background: #ffffff;
    color: #333333;
    padding: 0.571rem 1rem;
}

/*Hide profile*/
.ui-profilePanel{
		display: block;
	}	
	
.ui-profilePanelNoProfileRes{
		display: none;
	}	
	
/*small*/	
@media screen and (max-width: 576px) {
	.ui-profilePanelNoProfile{
		display: none;
	}	
	
	.ui-profilePanelProfileRes{
		display: block;
	}
}


body .ui-toolbar {
	border: 0px;
}

/*theme responsive adjust*/
@media screen and (max-width: 640px) {
/*toolbar adjusts*/
	body .ui-toolbar {
		border: 0px;
		padding: 0.3em;
	}
	/*button padding adjust*/
	body .ui-button.ui-button-text-icon-left .ui-button-text {
	    /*padding: .3em 1em .3em 2.1em;*/
	    padding: 0.429rem 1rem 0.429rem 2rem;
	}
	
	/*body .ui-button.ui-button-icon-only .ui-button-text {
	    padding: .3em 1em .3em 2.1em;
	}*/
	
	body .ui-datatable .ui-datatable-data > tr > td {
    	padding: 4px 10px;    
	} 

	body .ui-paginator .ui-paginator-pages {
	    padding: 0;
	    display: none;
	}
	
	
	
	
}

/*theme splitbutton adjust*/
body .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    position: absolute;
    top: 0;
    margin-left: -1px;
    right: 0;
}

body .ui-splitbutton {
    padding-right: 2.8em;
}
/*
body .ui-splitbutton .ui-button:first-child {
    width: -webkit-fill-available;
}*/

body .ui-button.ui-button-icon-only {
    width: 2.357rem;
}
/*theme splitbutton adjust*/

/*Notifications*/
.ui-prointej-notification-title{
	font-size: large;
    font-weight: bold;
    text-align: justify;
}

.ui-prointej-notification-detail{
	text-align: justify;
    text-indent: inherit;
    font-size: smaller;
    padding-left: 5px;
}

.ui-prointej-notification-date{
	font-size: smaller;  
	font-weight: bold;      
}

.ui-prointej-notification-badge{	      
}


/*Update footPage*/
.footPage{
	font-size: large;
}





.ui-dialog-img {
    position: fixed;
    padding: 0;
    overflow: hidden;
    display: none;
    top: 0px !important; 
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
}



/*Calendar with showOn button correction*/
input.hasDatepicker{
	width: 70% !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
		
}

.ui-log {
	left: 500px;
	top: 250px;
}


.cus-button-side-menu{
	 border: 1px solid #F54A26 !important;
    background: #F2222F !important;
    outline: 0 none !important;
}
    
.ui-sticky-floating {
        top: 250px !important;
        width: 1px !important;
         @media (max-width: 960px) {
        .ui-sticky-floating {
            top: 220px !important;
            width: 1px !important;
        }
    }        
    }    

/*Panel menu header*/
.ui-panelmenu .ui-panelmenu-header.ui-state-active, .ui-panelmenu .ui-panelmenu-header.ui-state-active a {
    background: #3C197A;
    color: #fff;
    border-color: #3C197A;
}

/*Ajuste selectOnetoMenu*/
.ui-selectonemenu {
	padding-right: 0px !important;
}


/*Cortamos las palabras de las celdas que no encajen*/
.p-datatable-wrap {
	white-space: normal !important;
	word-break: break-word !important;
}

.ui-datatable-resizable tbody td {
	/*white-space: normal !important;*/
	word-break: break-word !important;
}

/*.p-datepicker {
	width: 100% !important;
	display: inline !important;
}*/

/*datepicker*/
body .ui-datepicker .ui-datepicker-calendar td {
    padding: 0.1rem;
    text-align: center;
}


body .ui-widget {
	font-size: small;
	/*font-family: 'Open Sans', sans-serif;*/
}

.ui-autocomplete-panel .ui-autocomplete-table {
	font-size: xx-small;
}

.ui-inputtext, .ui-inputfield, .ui-password {
	width: 100% !important;	
	/*padding-left: 0px !important;*/
	/*padding-right: 0px !important;*/
}

.ui-inputfield:not(.ui-prointej-audit-text):not(.ui-prointej-audit-date > input){
	color: #3c197a !important;	
}

.ui-inputfield:not(.ui-prointej-audit-text):not(.ui-prointej-audit-date > input):hover{
	text-shadow: 0px 0px 1px black;
	border-color: #007ad9;	
	box-shadow: 0 0 0.5rem #666666;
	
}
.ui-inputfield:not(.ui-prointej-audit-text):not(.ui-prointej-audit-date > input):focus{
	text-shadow: 0px 0px 1px black;
	border-color: #007ad9;	
	box-shadow: 0 0 0.5rem #666666;
	
}


.ui-input-invalid {
	border-style: solid !important;
	border-color: red !important;
	border: 1px;
}

.ui-message-error, .ui-message-info, .ui-message-warn {
	font-size: 65% !important;
	width: 100% !important;
	text-align: left !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 2px 0px !important;
}

.ui-panelgrid, .ui-panelgrid tr, .ui-panelgrid td {
	border: 0 !important;
	align: center !important;
	width: 100% !important;
}

.red {
	background-color: #FF7171;
	background-image: none;
}

.green {
	background-color: #009B00;
	background-image: none;
}

.defecto {
	background-color: none;
	background-image: none;
}

.box, .sample-layout>div {
	background-color: #ffffff;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 0px;
	border-radius: 4px;
	margin-bottom: 10px;
}

.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
    border: 1px solid #3C197A00;
    color: #fff;
    background: #3C197A;
}


.button.ui-button.ui-state-hover:not(.ui-prointej-button-info), .ui-button.ui-state-hover:not(.ui-prointej-button-info) {
    border: 1px solid #09AC91 !important;
    background: #17B181 !important;
    outline: 0 none !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #09AC91;
    background: #17B181;
    color: #fff;
}

.ui-progressbar .ui-progressbar-value {
    border: 1px solid #09AC91;
    background: #17B181;
}

.ui-progressbar .ui-progressbar-label {
    color: #3C197A;
}

.ui-paginator .ui-paginator-page.ui-state-active {
    background: #3C197A;
    color: #fff;
    border-color: #3C197A;
}

.ui-datatable th.ui-state-active {
    background: #3C197A;
    color: #fff;
}

.footer-prointej {
	padding-top: 0.5em;
	margin-top: 0.5em; 
	position: absolute;
	position: relative;
	padding-right: 16px;
	padding-bottom: 0.5em;
	bottom: 0px;
	width: 100%;
}

.vertical-container {
	margin: 0;
	height: 150px;
	background: #efefef;
	border-radius: 4px;
}

.vertical-container-modulo {
	margin: 0;
	height: auto;
	background: #efefef;
	border-radius: 4px;
}


.p-center {
	margin: 0;
	position: absolute;
	width: auto;
	align-content: center;
	transform: translate(-50%, -50%);
	top: 25%;
	left: 50%;
}


.p-center-block {
	margin: 0;
	position: absolute;
	width: auto;
	align-content: center;
	transform: translate(-50%, -50%);
	top: 150px;
	left: 50%;
}

@media screen and (min-width: 576px) {
	.p-sm-center {
		margin: 0;
		position: absolute;
		width: auto;
		align-content: center;
		transform: translate(-50%, -50%);
		top: 25%;
		left: 50%;
	}
	
	.p-sm-center-block {
		margin: 0;
		position: absolute;
		width: auto;
		align-content: center;
		transform: translate(-50%, -50%);
		top: 150px;
		left: 50%;
	}
}

@media screen and (min-width: 768px) {
	.p-md-center {
		margin: 0;
		position: absolute;
		width: auto;
		align-content: center;
		transform: translate(-50%, -50%);
		top: 25%;
		left: 50%;
	}
	
	.p-md-center-block {
		margin: 0;
		position: absolute;
		width: auto;
		align-content: center;
		transform: translate(-50%, -50%);
		top: 150px;
		left: 50%;
	}
}

/*STYLE SIDEBAR - LEFT MENU*/
.p-sidebar-inner-left-menu {
	width: auto !important;
	border: none !important;
	font-size: 0.9em !important;
}

/*Oculta el side menu*/
@media screen and (min-width: 992px) {
	.p-sm-sidebar-menu {
		overflow: scroll !important;
		width: 45% !important;
	}
	/*STYLE SIDEBAR - LEFT MENU*/
	.p-sidebar-menu {
		display: none !important;
	}	
	

}

/*Muestra el side menu y oculta el menuBar*/
@media screen and (max-width: 992px) {
	/*STYLE SIDEBAR - LEFT MENU*/
	.p-sm-sidebar-menu {
		overflow: scroll !important;
		width: 45% !important;
	}
	
	.p-sm-menubar {
		display: none !important;
	}
	
}




/*Responsive datatable reflow rules*/
@media screen and (max-width: 640px) {
	/*STYLE SIDEBAR - LEFT MENU*/
	.p-sm-sidebar-menu {
		overflow: scroll !important;
		width: 80% !important;
	}
	
	.p-sm-font-list-data {
		font-weight: bold;
	}
	.ui-column-title {
		font-weight: normal;
		font-size: x-small;
	}
	.p-sm-de-actions {
		display: table-cell;
		width: 32px;
		text-align: center;
	}
	.p-sm-de-actions-split {
		visibility: hidden;
		display: none !important;		
	}
	
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not (.ui-helper-hidden
		){
		display: flex !important;
	}
	
		
	
	body .ui-prointej-db-header-date > div.ui-datatable-scrollable-body > table > tbody > tr > td[role=gridcell]:has(.ui-row-editor):not(:first-of-type){
		display: -webkit-inline-box;				
	}
	
	body .ui-prointej-db-header-date > div.ui-datatable-scrollable-body > table > tbody > tr > td[role=gridcell]:has(.ui-row-editor):not(:first-of-type) > div.ui-row-editor > a{
		background: #3c197a;
		border-radius: 13%;
		margin-left: 14px;
		height: 2.09rem;
		width: 2.35rem;				
	}
	
	body .ui-prointej-db-header-date > div.ui-datatable-scrollable-body > table > tbody > tr > td[role=gridcell]:has(.ui-row-editor):is(:first-of-type){
		display: none;		
	}
	
	
	
	
}

@media screen and (min-width: 640px) {
	.ui-prointej-roweditor-left{
		width: 68px;	
	}		
	
	body .ui-prointej-db-header-date > div.ui-datatable-scrollable-body > table > tbody > tr > td[role=gridcell]:has(.ui-row-editor):not(:first-of-type){
		display: none;
	}
	
	body .ui-prointej-db-header-date > div.ui-datatable-scrollable-body > table > tbody > tr > td[role=gridcell]:has(.ui-row-editor):is(:first-of-type) > div.ui-row-editor > a{
		background: #3c197a;
		border-radius: 13%;
		margin-left: 14px;
		height: 2.09rem;
		width: 2.35rem;
	}
	
	body .ui-prointej-db-header-date > div.ui-widget-header > div.ui-datatable-scrollable-header-box > table {
		width: -webkit-fill-available;		
	}
	body .ui-prointej-db-header-date > div.ui-datatable-scrollable-body > table {
		width: -webkit-fill-available;		
	}
	
	
}

	
.p-de-actions  {
	display: none;
}	


.p-de-actions  > button.ui-button {
	margin-inline-end: 5px;	
}

.p-de-actions-split {
	display: table-cell;
	width: 64px;
	text-align: center;	
}
.p-de-actions-split > button.ui-button {
	margin-inline-end: 5px;	
}




/*Toolbar FILTRAR ACTIONS(XLS, PDF) ACTUALIZAR, PROCESAR*/
.p-proerp-toolbar {
	display: none;
}


.center-public {
	margin: 0;
	position: relative;
	width: max-content;
	align-content: center;
	transform: translate(-50%);
	top: 25%;
	left: 50%;
}


.core-button-prointej {
	height: 100%;
	width: 100%;
}

img.center-prointej {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/*FOOTER CSS*/
.p-center-footer {
	margin: 0;
	position: absolute;
	width: auto;
	align-content: center;
	transform: translate(-50%, -50%);
	top: inherit;
	left: 50%;
}


img.center-prointej-footer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}


@media screen and (min-width: 576px) {
	.p-sm-center-footer {
		margin: 0;
		position: absolute;
		width: auto;
		align-content: center;
		transform: translate(-50%, -50%);
		top: inherit;
		left: 50%;
	}
	
			
	img.sm-center-prointej-footer {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.p-md-center-footer {
		margin: 0;
		position: absolute;
		width: auto;
		align-content: center;
		transform: translate(-50%, -50%);
		top: inherit;
		left: 50%;
	}
	
	img.md-center-prointej-footer {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
	}
}


@media screen and (min-width: 1600px) {
	
	img.lg-center-prointej-footer {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 45%;
	}
}