/*****************/
/**** BOTONES ****/

.btn-basic{
	/* Quita estilos java */
	-moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
	border-radius: 5px !important;
	border: none;
}
.btn-thin{
	padding: 0 !important;
}
.btn-thin .ui-button-text {
    padding: .3em 1em !important;
}
.btn-thin-icon-right{
	padding: 0 0.7rem 0 0 !important;
}
.btn-thin-icon-right .ui-button-text {
    padding: .3em 1em !important;
}

.btn-blue{
	color: white;
	background: var(--blue-conavi) !important;
	border: 2px solid var(--blue-conavi) !important;
}
.btn-blue:hover,
.btn-blue.ui-state-hover{
	color: white !important;
	background: var(--blue-conavi-darker-1) !important;
}




/*********************/
/**** FILE UPLOAD ****/
/* FILEUPLOAD */
.mainFileUpload .ui-fileupload-buttonbar {
    border: none !important;
    background: none !important;
    color: var(--gris-texto-base) !important;
    padding: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.mainFileUpload .ui-button {
	/* mismos del .btn */
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    padding: .375rem .75rem;
    line-height: 1.5;
    
    /* mismos estilos que .btn-blue; */
    border-radius: 5px;
    color: white;
	background: var(--blue-conavi) !important;
	border: 2px solid var(--blue-conavi) !important;
	
    border: none;
}
.mainFileUpload .ui-state-hover {
    /* mismos estilos que .btn-blue; */
    color: white !important;
	background: var(--blue-conavi-darker-1) !important;
	
    border: none;
}
.mainFileUpload .ui-icon{
    display: none;
}
.mainFileUpload .ui-widget-content{
    border: none !important;
    padding: 0  !important;
}
.mainFileUpload .ui-fileupload-content .ui-progressbar{
	max-width: 100px;
}

@media screen and (max-width: 40em) {
    .mainFileUpload .ui-button {
		padding: 0;
    }
    .mainFileUpload .ui-button .ui-button-text {
        display: block;
        padding: 0.5rem 1rem 0.5rem 2rem;
    }
}


/* REGLAS PARA INPUTS DENTRO DE TABLAS */
/*.cell-text-input{
	-moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
}*/

.input-basic{
	border: 1px solid var(--gris-lineas);
	border-radius: 5px;
	color: var(--gris-texto-base);
}

.input-border-bottom{
	border-width: 0 0 1px 0 !important;
    border-color: var(--blue-conavi) !important;
    border-radius: 0px !important;
    color: var(--gris-texto-base);
}

.select-basic {
	border: 1px solid var(--gris-lineas);
	border-radius: 5px;
	color: var(--gris-texto-base);
}

.p-calendar-button input{
	width: calc(100% - 2.357rem);
	/* mismos del input-basic */
	border: 1px solid var(--gris-lineas);
	border-radius: 5px;
	color: var(--gris-texto-base);
}