.ui-datatable-hor-scroll .ui-datatable-tablewrapper, .scrolling-div .ui-datatable-tablewrapper{
	overflow: auto;
	width: 1800px !important;
}

.btn-general {
	width: 95px;
}

body .ui-state-disabled {
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

.styleNumber input {
	width: 100% !important;
	text-align: right;
}
@media (max-width: 1024px) {
	.styleNumber input {
		width: calc(100% - 35px) !important;
		text-align: right;
	}
}	
.styleNumberShort input {
	width: 50% !important;
	text-align: right;
}

.styleFommatoNumero{
	width: 100% !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.styleFommatoNumero input{
	width: 100% !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.styleFommatoNumeroBold{
	width: 100% !important;
    font-size: 13px !important;
    font-weight: bold !important;
}

.styleFommatoNumeroBold input{
	width: 100% !important;
    font-size: 17px !important;
    font-weight: bold !important;
}


.styleFommatoNumeroBig{
	width: 100% !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

.styleFommatoNumeroBig input{
	width: 100% !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

.styleFommatoNumeroBoldBig{
	width: 100% !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.styleFommatoNumeroBoldBig input{
	width: 100% !important;
    font-size: 18px !important;
    font-weight: bold !important;
}


.styleNumberLeft input {
	width: 100% !important;
	text-align: left;
}

.styleNumberLeftHalf input {
	width: 50% !important;
	text-align: left;
}

.stylecabecera input {
	width: 100% !important;
	text-align: right;
	max-width: 120px;
	color: #DA5F09;
	font-weight: bold !important;
}

.stylecabecera {
	width: 100% !important;
	text-align: right;
	max-width: 120px;
	color: #DA5F09;
	font-weight: bold !important;
}
.styledocumento input {
	width: 100% !important;
	text-align: left;
	max-width: 100px;
	color: #DA5F09;
	font-weight: bold !important;
}

.stylecabecera {
	width: 100% !important;
	text-align: left;
	max-width: 100px;
	color: #DA5F09;
	font-weight: bold !important;
}

.estiloBotonStock{
	width:28% !important;
	text-align:center !important;
	background-color: #2D8EE3 !important;
	border-color: #2D8EE3 !important;
}
.estilo-destinoText{
	color: #ff0000;
    font-weight: bold;
    font-size: 20px !important;
}

.estiloBotonNuevoNuevo{
	width:28% !important;
	text-align:center !important;
	background-color: #4B6CB7 !important;
	border-color: #4B6CB7 !important;
}

.styleNumberPositivo input {
	width: 100% !important;
	text-align: right;
	max-width: 180px;
	color: green;
	font-weight: bold !important;
}

.styleNumberNegativo input {
	width: 100% !important;
	text-align: right;
	max-width: 180px;
	color: red;
	font-weight: bold !important;
}

.styleInputTotal{
	text-align:right;
	font-weight: bold !important;
	color: black !important;
	width:100%;
}


.estiloNumeroNegativo {
	width: 70% !important;
	text-align: right;
	max-width: 120px;
	color: white !important;
	background-color:#e91224 !important;
	border-color:#e91224 !important;
	font-weight: bold !important;
}
.estiloNumeroNegativo input{
	width: 100% !important;
	text-align: right;
	max-width: 120px;
	font-weight: bold !important;
	border-color: red !important;
}

.estiloNumeroPositivo {
	width: 70% !important;
	text-align: right;
	max-width: 120px;
	color: white !important;
	background-color:#34A835 !important;
	border-color:#34A835 !important;
	font-weight: bold !important;
}

.datoEmpresa {
    width: 100% !important;
    text-align: left;
    max-width: 150px;
    color: #333333 !important;
}

.datoEmpresa input{
    width: 100% !important;
    text-align: left;
    max-width: 150px;
    color: #333333 !important;
}

.styleAuto {
	width: calc(100% - 30px) !important;
}
.styleAutoFlujoCaja {
	width: calc(100% - 30px) !important;
}
.styleNumberUnited {
	width: calc(100% - 30px) !important;
	text-align: right;
}
.styleNumberUnited input {
	width: calc(100% - 30px) !important;
	text-align: right;
}
@media (max-width: 1024px) {
	.styleNumberUnited input {
		width: calc(100% - 35px) !important;
		text-align: right;
	}
}

	
.styleAuto input {
	text-transform:uppercase;
	width: 100% !important;
}

.styleAutoFlujoCaja input {
	width: 100% !important;
}

.styleCalendar input {
	width: calc(100% - 30px) !important;
}
.styleCalendarPequeno input {
	width: calc(100% - 50px) !important;
}
.styleCalendarTotal input {
	width: calc(100% - 30px) !important;
}
body .styleCalendarHour input {
	width: 70px;
}
body .styleCalendarHour .ui-datepicker {
	border-radius: 7px !important;
    width: auto !important;
}
.estilo-montos{
	width: 100%;
    text-align: right !important;
    font-weight: bold !important;
    background-color: white !important;
    border-color: #000000 !important;
    color: #151212 !important;
    font-weight: bold !important;
}
.estilo-montos input {
	width: 100%;
    text-align: right;
    font-weight: bold;
    background-color: #67fe7d;
    border-color: #000000;
    color: #151212 !important;
    font-weight: bold !important;
}
.estilo-montos-px{
	width: 100px !important;
    text-align: right !important;
    font-weight: bold !important;
    background-color: white !important;
    border-color: #000000 !important;
    color: #151212 !important;
    font-weight: bold !important;
}
.estilo-montos-px input {
	width: 97px !important;
    text-align: right;
    font-weight: bold;
    background-color: #67fe7d;
    border-color: #000000;
    color: #151212 !important;
    font-weight: bold !important;
}

.estilo-montos-px-cmp {
    width: 100px !important;
    text-align: right !important;
    font-weight: bold !important;
    background-color: white !important;
    border-color: #000000 !important;
    color: #151212 !important;
    font-weight: bold !important;
}
.estilo-montos-px-cmp input{
    width: 100px !important;
    text-align: right !important;
    font-weight: bold !important;
    background-color: white !important;
    border-color: #000000 !important;
    color: #151212 !important;
    font-weight: bold !important;
}

@media (min-width: 1630px) {
	.styleCalendar input{
		width: calc(60% - 30px) !important;
	}
	.styleCalendarTotal input {
		width: calc(100% - 30px) !important;
	}
	.styleCalendarPequeno input {
		width: calc(100% - 30px) !important;
	}
	.styleCalendarHour input {
		width: calc(100% - 140px) !important;
	}
}

@media (max-width: 765px) {
	.styleCalendarHour input {
		width: calc(100% - 100px) !important;
	}
}

@media (min-width: 651px) {
	body .ui-datatable .ui-datatable-data td.alinear-number{
		text-align: right !important;
	}
}	

.styleCalendarKadex input {
	width: calc(100% - 40px) !important;
}

@media (min-width: 1630px) { 
	.styleCalendarKardex input{
		width: calc(100% - 40px) !important;
	}
}


.styleCalendar button {
	width: 30px !important;
}


.estiloCalendario input {
	width: calc(100% - 20px) !important;
}

@media (min-width: 1630px) {
	.estiloCalendario input{
		width: calc(100% - 20px) !important;
	}
}

.estiloCalendario button {
	width: 20px !important;
}

.tipoCambioMonto input {
	width: calc(100% - 30px) !important;
	text-align: right;
	max-width: 80px;
}

.tipoCambioMontoTotal input {
	width: calc(100% - 30px) !important;
	text-align: right;
}

.conciliaMes input {
	width: 100% !important;
	max-width: 40px;
}

.contaMonto input {
	width: 100% !important;
	max-width: 120px;
	text-align: right;
}

.requerMonto input {
	width: 50% !important;
	text-align: right;
}

.png-no-padding {
	padding: 0 !important;
}

.png-no-padding .ui-panel-content {
	border: none !important;
    padding: 0 !important;
}

.col-padding-cell {
	padding: .5em !important;
}

.col-no-padding-left{
	padding-left:0px !important;
}

.col-no-padding-right{
	padding-right:0px !important;
}

.col-padding-cell-align-left {
	padding: .5em !important;
	float: right !important;
}

.png-no-padding-lat {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.png-no-padding-lft-top-bot {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	padding-right: 10px !important;
	padding-left: 0 !important;
}

.pnl-no-border {
	border: 0px !important;
}

.pnl-no-border>div:first-child {
	border: 0px !important;
	padding: 0;
}

      
body .ui-tabs .ui-tabs-panels .layout-class{
	border: 1px solid rgb(213, 213, 213);
}


body .ui-fieldset .ui-fieldset-legend {
	border: 1px solid #dedede;
    background-color: #efefef;
    color: #333333;
    padding: 0.857em 1em;
    font-weight: 700;
    border-radius: 5px;
    height: 35px;
}
.mayusculas{
	text-transform:uppercase;
}


.ui-outputlabel .ui-outputlabel-rfi {
	margin-left: .4em;
	color: red;
	font-size: 16px;
}

body .black-color{
	font-weight: bold;
	padding-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    color: #505355;
}


body .black-color-wf{
	font-weight: bold;
	padding-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    color: #313131;
}

body .black-color-mnt{
	font-weight: bold;
	color: #505355;
}
@media ( max-width: 650px ) {
    body .ui-datatable thead th,
    body .ui-datatable tfoot td {
        text-align: left !important;
        display: block;
        border: 0px none !important;
        width: 100% !important;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
    }

    body .ui-datatable .ui-datatable-data td{ 
        text-align: left !important;
        display: block;
        border: 0px none !important;
        width: 100% !important;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
    }
    body .ui-datatable .ui-datatable-data td.column-none
    {
     display: none;
    }
    body .ui-datatable .ui-datatable-data td.column-none
    {
     display: none;
    }
    
    .dialogResponsive{
    	max-width: 98% !important;
	    padding: 1% !important;
	    height: 90vh !important;
	    overflow-y: overlay !important;
    }
    
    .dialog2Responsive{
    	max-width: 98% !important;
	    padding: 1% !important;
	    height: 90vh !important;
	    overflow-y: overlay !important;
    }
    
    .dialog3Responsive{
    	max-width: 98% !important;
	    padding: 1% !important;
	    height: 90vh !important;
	    overflow-y: overlay !important;
    }
    
    .dialogConfirmResponsive{
    	max-width: 98% !important;
	    padding: 1% !important;
	    height: 90vh !important;
	    overflow-y: overlay !important;
    }
    
    .dialogComponentResponsive{
    	max-width: 98% !important;
	    padding: 1% !important;
	    height: 90vh !important;
	    overflow-y: overlay !important;
    }
    
    .dialogComponent2Responsive{
    	max-width: 98% !important;
	    padding: 1% !important;
	    height: 90vh !important;
	    overflow-y: overlay !important;
    }
    .dialogComponent6Responsive{
    	max-width: 50% !important;
	    padding: 1% !important;
	    height: 90vh !important;
	    overflow-y: overlay !important;
    }
    .dialogComponent3Responsive{
    	max-width: 98% !important;
	    padding: 1% !important;
	    height: 90vh !important;
	    overflow-y: overlay !important;
    }
    
    .dialogComponent4Responsive{
    	max-width: 98% !important;
	    padding: 1% !important;
	    height: 90vh !important;
	    overflow-y: overlay !important;
    }
    
    
    .col-no-padding-left{
		padding-left:1em !important;
	}
	
	.col-no-padding-right{
		padding-right:1em !important;
	}
} 

	.dialogResponsive{
    	width: 1000px !important;
    	max-width:90vw !important;
    	max-height: 90vh !important;
    	overflow-y: auto;
    }
    
    .dialog2Responsive{
    	width: 600px !important;
    	max-width:90vw !important;
    	max-height: 90vh !important;
    	overflow-y: auto;
    }
    
    .dialog3Responsive{
    	width: 800px !important;
    	max-width:90vw !important;
    	max-height: 85vh !important;
    	overflow-y: auto;
    }
    
    .dialogConfirmResponsive{
    	width: 420px !important;
    	max-width:90vw !important;
    	max-height: 85vh !important;
    	overflow-y: auto;
    }
    
    .dialogComponentResponsive{
    	width: 1600px !important;
    	max-width:90vw !important;
    	max-height: 85vh !important;
    	overflow-y: auto;
    }
    
    .dialogComponent2Responsive{
    	width: 1200px !important;
    	max-width:90vw !important;
    	max-height: 85vh !important;
    	overflow-y: auto;
    }
    .dialogComponent6Responsive{
    	width: 500px !important;
    	max-width:90vw !important;
    	max-height: 85vh !important;
    	overflow-y: auto;
    }
    .dialogComponent3Responsive{
    	width: 1000px !important;
    	max-width:90vw !important;
    	max-height: 85vh !important;
    	overflow-y: auto;
    }
    
    .dialogComponent4Responsive{
    	width: 800px !important;
    	max-width:90vw !important;
    	max-height: 85vh !important;
    	overflow-y: auto;
    }

@media (max-width: 1024px) {
	body .ui-datatable thead th.column-none{
		display: none;
	}
	body .ui-datatable .ui-datatable-data td{ 
        text-align: left !important;
	}
	body .ui-datatable .ui-datatable-data td.column-none
    {
     display: none;
    }
}

body .image-style{
	color: inherit;
	background-repeat: no-repeat;
    background-color: transparent;
    border-color: transparent;
    height: 54px;
    background-position: center;
    -moz-user-select: none;
    -ms-user-select: none;
    text-indent: -9000px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

body .vertical-lign-div{
	display: inline-flex;
    align-items: center;
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    border: 1px solid #1472c5;
    background-color: #2d8fe6;
    color: #ffffff;
    cursor: default;
}

body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon{
    color: #060505;
}


body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon:hover {
    color: #060505;
}

/**PARA EL CARGANDO**/
#dialogLoading {
    position: fixed;
    padding: 0;
    overflow: hidden;
    display: none;
    z-index: 500;
    opacity: 1;
}

body #dialogLoading {

    box-shadow: 0 0 0.429em 0 rgba(0, 0, 0, 0);
}
body .loading .ui-dialog-content{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px 0px transparent;
    background-color: transparent;
    border: 0px solid #c7c7c7;
}


#preloader{
    opacity: 1;
    width: 101px;
	height: 101px;
	overflow: hidden;
	background: url("/SIGANube/javax.faces.resource/ecuador-layout/images/loader_sigesa.png") center no-repeat !important;
	animation: preloaderImg 1.2s infinite linear;
}

#preloaderCmp{
    opacity: 1;
    width: 101px;
	height: 101px;
	overflow: hidden;
	background: url("/SIGANube/javax.faces.resource/ecuador-layout/images/loader_sigesa.png") center no-repeat !important;
	animation: preloaderImg 1.2s infinite linear;
}

.preloader_menu{
    opacity: 1;
    width: 101px;
	height: 101px;
	overflow: hidden;
	background: url("/SIGANube/javax.faces.resource/ecuador-layout/images/loader_sigesa.png") center no-repeat !important;
	animation: preloaderImg 1.2s infinite linear;
}


/*#preloader:after{
    position:absolute;
    width:50px;
    height:50px;
    border-top:10px solid #2872B4;
    border-bottom:10px solid #2872B4;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-radius:50px;
    content:'';
    top:-20px;
    left:-20px;
    animation: preloader_after 1.5s infinite linear;
}

@keyframes preloader {
}*/
/*@keyframes preloader {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);background:#2872B4;}
    100% {transform: rotate(360deg);}
}
@keyframes preloader_after {
    0% {border-top:10px solid black;border-bottom:10px solid black;}
    50% {border-top:10px solid black;border-bottom:10px solid black;}
    100% {border-top:10px solid black;border-bottom:10px solid black;}
}*/

@keyframes preloaderImg {
    0% 	{opacity: 1;	background-size: 101px 101px;}
    
    5% 	{opacity: 0.9;background-size: 100.9px 100.9px;}
    10% {opacity: 0.9;background-size: 100.8px 100.8px;}
    
    15% {opacity: 0.9;background-size: 100.7px 100.7px;}
    20% {opacity: 0.9;background-size: 100.6px 100.6px;}
    
    25% {opacity: 0.8;background-size: 100.5px 100.5px;}
    30% {opacity: 0.8;background-size: 100.4px 100.4px;}
    
    35% {opacity: 0.8;background-size: 100.3px 100.3px;}
    40% {opacity: 0.8;background-size: 100.2px 100.2px;}
    
    45%	{opacity: 0.7;background-size: 100.1px 100.1px;}
    50% {opacity: 0.7;background-size: 100.1px 100.1px;}
    55% {opacity: 0.7;background-size: 100.1px 100.1px;}
    
    60% {opacity: 0.8;background-size: 100.2px 100.2px;}
    65% {opacity: 0.8;background-size: 100.3px 100.3px;}
    
    70% {opacity: 0.8;background-size: 100.4px 100.4px;}
    75% {opacity: 0.8;background-size: 100.5px 100.5px;}
    
    80% {opacity: 0.9;background-size: 100.6px 100.6px;}
    85% {opacity: 0.9;background-size: 100.7px 100.7px;}
    
    90% {opacity: 0.9;background-size: 100.8px 100.8px;}
    95% {opacity: 0.9;background-size: 100.9px 100.9px;}
    
    100%{opacity: 1;  background-size: 101px 101px;}
}


/**PARA EL CARGANDO**/

.aprobado-class{
	color: #07993C;
	font-weight: bold;
}

.sinaprobar-class{
	color: #C19D08;
	font-weight: bold;
}

.rechazado-class{
	color: #DE0909;
	font-weight: bold;
}

.anulado-class{
	color: #DE4609;
	font-weight: bold;
}

.negociacion-class{
	color: #057EFF;
	font-weight: bold;
}

.inventarioAbierto-class{
	color: #057EFF;
	font-weight: bold;
}

.inventarioEmitido-class{
	color: #07993C;
	font-weight: bold;
}

.inventarioAnulado-class{
	color: #DE0909;
	font-weight: bold;
}

.vencida-class{
	color: #3C2C2C;
	font-weight: bold;
}

.negro-class{
	color: #000000;
	font-weight: bold;
}

body .boton-naranja{
	background: #DE4609;
	border-color: #DE4609;
}
body .boton-naranja.ui-state-hover{
	background: #B63A09;
	border-color: #B63A09;
}

body .ui-widget .datatable-componente{
	font-size: 11px;
    width: 100%;
    margin: 0% 0% 0% 0%;
}

body .indigo-btn{
	background-color: #9861F9; 
	border: 1px solid #9861F9;
}

body .indigo-btn.ui-state-hover{
	background-color: #722CEE; 
	border: 1px solid #722CEE;
}

body .detalle-btn{
	background-color: #D35400; 
	border: 1px solid #D35400;
}

body .detalle-btn.ui-state-hover{
	background-color: #A04000; 
	border: 1px solid #A04000;
}

body .detalle2-btn{
	background-color: #2874A6; 
	border: 1px solid #2874A6;
}

body .detalle2-btn.ui-state-hover{
	background-color: #21618C; 
	border: 1px solid #21618C;
}

body .detalle3-btn{
	background-color: #1DA0A0; 
	border: 1px solid #1DA0A0;
}

body .detalle3-btn.ui-state-hover{
	background-color: #167E7E; 
	border: 1px solid #167E7E;
}

body .detalle4-btn{
	background-color: #9B562D; 
	border: 1px solid #9B562D;
}

body .detalle4-btn.ui-state-hover{
	background-color: #804521; 
	border: 1px solid #804521;
}
body .detalle5-btn{
	background-color: #FB6A46 !important; 
	border: 1px solid #FB6A46 !important;
}

body .detalle5-btn.ui-state-hover{
	background-color: #FE5F37 !important; 
	border: 1px solid #FE5F37 !important;
}
body .detalle6-btn{
	background-color: #F7F718 !important; 
	border: 1px solid #F7F718 !important;
	color: black !important;
}

body .detalle6-btn.ui-state-hover{
	background-color: #F7F718 !important; 
	border: 1px solid #F7F718 !important;
}
body .lead-btn{
	background-color: #3498DB; 
	border: 1px solid #3498DB;
}

body .lead-btn.ui-state-hover{
	background-color: #2E86C1; 
	border: 1px solid #2E86C1;
}

body .mensaje-eliminar{
	font-size: 15px;
	margin-right: 1%;
	color: #333333;
	font-weight: 400;
}
body .mensaje-atencion{
	font-size: 15px !important;
	margin-right: 1%;
	color: #d41717;
	font-weight: 400;
}
body .mensaje-warning{
	font-size: 15px;
	margin-right: 1%;
	font-weight: 400;
}

body .darkorange-btn{
	background-color: #d76300; 
	border: 1px solid #d76300;
}

body .darkorange-btn.ui-state-hover{
	background-color: #B13800; 
	border: 1px solid #B13800;
}

body .darkyellow-btn{
	background-color: #FFA500; 
	border: 1px solid #FFA500;
}

body .darkyellow-btn.ui-state-hover{
	background-color: #D97000; 
	border: 1px solid #D97000;
}

body .darkblue-btn{
	background-color: #28628E; 
	border: 1px solid #28628E;
}

body .darkblue-btn.ui-state-hover{
	background-color: #023785; 
	border: 1px solid #023785;
}

body .darkgreen-btn{
	background-color: #006848; 
	border: 1px solid #006848;
}

body .darkgreen-btn.ui-state-hover{
	background-color: #003D3F; 
	border: 1px solid #003D3F;
}

body .gray-btn{
	background-color: #f3f3f3; 
	border: 1px solid #f3f3f3;
	color: black;
}

body .gray-btn.ui-state-hover{
	background-color: #d1d1d1; 
	border: 1px solid #d1d1d1;
	color: black;
}

body .lightblue-btn{
	background-color: #5bc0de; 
	border: 1px solid #5bc0de;
}

body .lightblue-btn.ui-state-hover{
	background-color: #3595D5; 
	border: 1px solid #3595D5;
}

body .darkbrown-btn{
	background-color: #3C2C2C; 
	border: 1px solid #3C2C2C;
}

body .darkbrown-btn.ui-state-hover{
	background-color: #160003; 
	border: 1px solid #160003;
}

body .stylePercepcion input {
	text-align:right;
	width: calc(100%) !important;
}

@media ( max-width: 650px ) {
	body .stylePercepcion input {
		text-align:right;
		width: calc(100%) !important;
	}
}

<style type="text/css">    
    .white-button.ui-button.ui-state-default {
        background-color: #ffffff;
        color: #222222;
        border-color: #d6d6d6;
        /* with the exported variables from Nova and Luna Themes*/
        border-color: var(--input-border-color, #d6d6d6);
    }
 
    .white-button.ui-button.ui-state-default:enabled:hover, 
    .white-button.ui-button.ui-state-default:focus {
        background-color: #f2f2f2;
        border-color: #ccc;
        color: #373a3c;
        /* with the exported variables from Nova and Luna Themes*/
        border-color: var(--input-hover-border-color, #ccc);
    }
 
    .green-button.ui-button.ui-state-default {
        background-color: #5cb85c;
        border-color: #5cb85c;
        color: #fff;
    }
 
    .green-button.ui-button.ui-state-default:enabled:hover, 
    .green-button.ui-button.ui-state-default:focus {
        background-color: #4cae4c;
        border-color: #5cb85c;
    }
 
    .red-button.ui-button.ui-state-default {
        background-color: #d9534f;
        border-color: #d9534f;
        color: #fff;
    }
 
    .red-button.ui-button.ui-state-default:enabled:hover, 
    .red-button.ui-button.ui-state-default:focus {
        background-color: #d43f3a;
        border-color: #d9534f;
    }
     
</style>


texto-color
{
	width: 100%;
   background-color: chartreuse;
   border-color: forestgreen;
}
.texto-color input
{
   width: 100%;
   background-color: chartreuse;
   border-color: forestgreen;
}

texto-color-amarillo
{
	width: 100%;
   background-color: #ffff80;
   border-color: #000000;
}
.texto-color-amarillo input
{
   width: 100%;
   background-color: #ffff80;
   border-color: #000000;
}

texto-color-verde
{
	width: 100%;
   background-color: #67fe7d;
   border-color: #000000;
}
.texto-color-verde input
{
   width: 100%;
   background-color: #67fe7d;
   border-color: #000000;
}

texto-color-celeste
{
	width: 100%;
   background-color: #80ffff;
   border-color: #000000;
}
.texto-color-celeste input
{
   width: 100%;
   background-color: #80ffff;
   border-color: #000000;
}

.p-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.5em;
    margin-left: -0.5em;
    margin-top: -0.5em;
}

.p-col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 0.5em;
}
.scroll-table{
	overflow: auto;
	height: 200px !important;
    width: 900px !important;
}

.scroll-table .ui-datatable-scrollable-header table {
   width: auto !important;
}
   
@media ( max-width: 1455px ) {
.p-grid {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-box;
   -ms-flex-wrap: wrap;
   flex-wrap: nowrap;
   margin-right: -0.5em;
   margin-left: -0.5em;
   margin-top: -0.5em;
}
}

@media ( max-width: 1455px ) {
.p-col {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   padding: 0.5em;
}
}

@media ( max-width: 1455px ) {
	.scroll-table{
		overflow: auto;
		height: 200px !important;
	    width: auto !important;
	}
}
body.ui-radiobutton > .ui-radiobutton-box.ui-state-error{
	border: 1px solid blue !important;
}	
body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #dbe4ec !important;
    background-color: #2D8EE3;
    color: #ffffff;
}
body .ui-datatable .ui-datatable-header{
     height: 50px !important;
     
}	

@media (max-width: 1024px) { 
	.styleSelectOneMenu{
		width: 100% !important;
	}
	.styleSelectOneMenu2{
		width: 100% !important;
	}
}
.styleSelectOneMenu{
	width: 50%;
}
.styleSelectOneMenu2{
	width: 70%;
}
/*g,md no se muestra*/
@media (min-width: 1024px) { 
	.emptyDiv{
		display: none !important;
	}
}
/*lg se muestra*/
@media (max-width: 1024px) { 
	.emptyDivMov{
		display: none !important;
	}
}
.emptyDivMov{
	

}
.emptyDiv{
	

}

/*COMBOS*/
@media (max-width: 1024px){ 
	body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
	    white-space: normal;
	}
	body .ui-selectonemenu-panel {
		width: min-content;
	}
}
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    width: 100%;
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    white-space: normal;
    max-width: 500px !important;
}

/*END COMBOS*/
}
body .ui-selectonemenu-panel .ui-selectonemenu-items {
    padding: 0 !important;
    max-width: 500px !important;
}

@media ( max-width: 420px ) {
	body .ui-fieldset .ui-fieldset-legend{
		height: 50px;
	}
}


.fa-info-circle:before {
    content: "\f05a";
    color: #236dcc;
    float: left;
    padding: 5px;
}

@media (max-width: 380px) { 
	body .ui-tabs-panels .ui-tabs-panel .ui-g {
		width: 230px !important;
	}
}

@media (max-width: 420px) { 
	.estilo-center{
		text-align: center;
	}	
}
	

@media (max-width: 420px) { 
	.estilo-montos-px {
		width: 200px !important;
	    text-align: right;
	    font-weight: bold;
	    background-color: #67fe7d;
	    border-color: #000000;
	    color: #151212 !important;
	    font-weight: bold !important;
	}
}

.longSelectOneMov{
	
}
@media (max-width: 1024px) { 
	.longSelectOneMov .ui-selectonemenu-label{
		white-space: normal !important;
	}
}
.component-btn{
	width: 30px !important;
	background: black !important;
	border-color: black !important;
	color: white !important;
}

.ui-panelgrid .border-transparent .ui-panelgrid-cell{
	border: 0px solid #dedede !important;
}

@media (max-width: 420px) { 
	.style-width{
		width: 19% !important;
	}
}

.xmlCompra .ui-fileupload-buttonbar {
    border: 0px solid #ececec !important;
    background-color: white !important;
    color: #333333 !important;
    padding: 0.857em 1em !important;
}

.xmlCompra .ui-fileupload-content {
    border: 0px solid #dedede !important;
}

.xmlCompra .ui-fileupload-upload{
	background-color: #34A835 !important;
    color: #ffffff !important;
    border: 1px solid #34A835 !important;
}
.xmlCompra .ui-fileupload-cancel{
	background-color: #e91224 !important;
    color: #ffffff !important;
    border: 1px solid #e91224 !important;
}

.styleBreadcrumb-secondHeaderEmp{
	width: 50%;
	position: absolute;
	left: 0;
}
	
.styleBreadcrumb-secondHeaderContainer-PeriodoTC{
	width: 50%;
	position: absolute;
	right: 0;
	text-align: right;
}

.styleBreadcrumb-secondHeaderPeriodo{
	width: 50%;
	position: absolute;
	left: 0;
	text-align: center;
}

.styleBreadcrumb-secondHeaderTC{
	width: 50%;
	position: absolute;
	right: 0;
	text-align: center;
}

.styleLogoContainer{
	
}

.styleProfileContainer{
	
}

.contenido-layout{
	min-height:300px; 
	padding: 37px 14px 14px 14px !important;
}

.align-div-left{
	text-align: start;
}

.align-div-right{
	text-align: end;
}
.login-empresa-titulo{
	text-align: start;
	padding: 0em 1.8em;
}

.login-label{
	text-align: start;
}

@media (max-width: 1024px) { 
	
	.login-empresa-titulo{
		padding: 0em 1em !important;
	}
	
	.login-label{
		/*text-align: center !important;*/
	}
		
	.styleBreadcrumb-secondHeaderEmp{
		width: 100% !important;
    	position: initial !important;
	}
	
	.styleBreadcrumb-secondHeaderContainer-PeriodoTC{
		width: 100% !important;
	    position: initial !important;
	    display: inline-flex !important;
	}
	
	.styleBreadcrumb-secondHeaderPeriodo{
		width: initial !important;
	    position: initial !important;
	    padding-right: 10px !important;
	}
	
	.styleBreadcrumb-secondHeaderTC{
		width: initial !important;
	    position: initial !important;
	    padding-right: 10px !important;
	}
		
	.styleLogoContainer{
		top: 0 !important;
	    left: 0 !important;
	    margin: 0 !important;
	    width: 100% !important;
	    z-index: -1 !important;
	}
	
	.styleProfileContainer{
		top: 0 !important;
	}
		
	.contenido-layout{
		margin-top: 25px;
	}
	.enmantenimiento{
	    width: 100% !important; 
		height:auto !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
		
}

.loading{
	width: auto !important;
	height: auto !important;
	z-index:100;
	box-shadow: none !important;
}

.footer-total{
	text-align: right;
    width: 1022px !important;
}
.footer-td{
	text-align: right;
    width: 66.4375px !important;
}
.footer-td2{
	text-align: right;
    width: 261px !important;
}


.enmantenimiento{
    
	width: 80%; 
	height:auto;
	margin-right: 10%;
	margin-left:10%;
}

.bg-transparent{
	background-color:transparent !important;
}
.ui-lg-0{
	float: left;
    box-sizing: border-box;
    padding: .5em;
}
@media screen and (min-width: 64.063em)
.ui-lg-0 {
    width: 7.88888% !important;
}
@media screen and (min-width: 64.063em)
.ui-lg-0 {
    padding: .5em !important;
}
@media screen and (min-width: 40.063em)
.ui-md-0 {
    width: 7.88888% !important;
}
@media screen and (min-width: 40.063em)
.ui-md-0{
    padding: .5em !important;
}
body .product-grid-item.border-1 {
    border: 1px solid var(--surface-d);
}

body .product-grid-item .product-grid-item-top, .product-grid-item .product-grid-item-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
body .product-grid-item .product-grid-item-content {
    text-align: center;
}
body .product-name {
    font-size: 1rem;
    font-weight: 700;
}
body  .product-description {
    margin: 0 0 1rem 0;
}
body .product-badge {
    border-radius: 2px;
    padding: .25em .5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .3px;
}
body .status-instock {
    background: #C8E6C9;
    color: #256029;
    width: 100%;
    text-align:right;
    font-weight: bold !important;
    
}
body .status-outofstock {
    background: #FFCDD2;
    color: #C63737;
    border-color: #C63737;
    width: 100%;
    text-align:right;
    font-weight: bold !important;
}
body .ui-dataview .ui-paginator.ui-paginator-top {
    border-bottom: 0 none !important;
    display: none !important;
}
body .ui-dataview .ui-dataview-header .ui-dataview-layout-options {
    float: right !important;
    display: none !important;
}

body .space-botton{
	
}
body .panel_center > div.ui-panel-titlebar{
	border: 1px solid #dedede !important;
    background-color: #efefef !important;
    color: #333333 !important;
    padding: 0.857em 1em !important;
    font-weight: 700 !important;
	text-align: center !important;
}
body .column-formateo:after{
}


.row-filter-option {
    background-color: #2872B4 !important;
    background-image: none !important;
	color: #ffffff !important;
}

body .ui-datatable-sticky > div.ui-sticky{
	position:fixed !important;
	top: 155px !important;
}