/*Fuente*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
/*Generales*/
body{
	font-family: 'Roboto', sans-serif;
	color: #333;
	font-size: 18px;
}
a{
	color: #D60081;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
.f-light{
	font-weight: 300;
}
.mt-10{
	margin-top: 10px;
}
.p-10{
	padding: 10px;
}
.form-control{
	border-radius:0px !important;
}

/*Botones*/
.btn-plano{
	color: #D5007F;
	font-weight: 700;
	background-color: #fff;
	border-color: #fff;
	font-size: 20px;
}

/*Colores de fondo*/
.bg-gris1{
	background-color: #ccc; 
}
.bg-gris2{
	background-color: #999999;
}
.bg-negro{
	background-color: #000;
}
.bg-grad-rosa{
	background: rgba(213,0,128,1);
	background: -moz-linear-gradient(left, rgba(213,0,128,1) 0%, rgba(213,0,128,1) 24%, rgba(238,153,204,1) 85%, rgba(238,153,204,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(213,0,128,1)), color-stop(24%, rgba(213,0,128,1)), color-stop(85%, rgba(238,153,204,1)), color-stop(100%, rgba(238,153,204,1)));
	background: -webkit-linear-gradient(left, rgba(213,0,128,1) 0%, rgba(213,0,128,1) 24%, rgba(238,153,204,1) 85%, rgba(238,153,204,1) 100%);
	background: -o-linear-gradient(left, rgba(213,0,128,1) 0%, rgba(213,0,128,1) 24%, rgba(238,153,204,1) 85%, rgba(238,153,204,1) 100%);
	background: -ms-linear-gradient(left, rgba(213,0,128,1) 0%, rgba(213,0,128,1) 24%, rgba(238,153,204,1) 85%, rgba(238,153,204,1) 100%);
	background: linear-gradient(to right, rgba(213,0,128,1) 0%, rgba(213,0,128,1) 24%, rgba(238,153,204,1) 85%, rgba(238,153,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50080', endColorstr='#ee99cc', GradientType=1 );

}
.txt-blanco{
	color: #fff;
}
/*Header*/
.navbar {
   border-radius: 0px !important;
}
.id-system{
	width: 250px;
}
.p-logo{
	padding: 10px 20px;
}
.logout{
	background: #D5007F;
    padding-bottom: 2px;
    padding-top: 0px;
    margin-right: -1px;
    margin-bottom: -1px;
    margin-top: -1px;
}
.logout:hover{
	background: #D5007F;
}
.logout a, .name-user a{
	color: #fff;
    text-decoration: none;
}
.logout a:hover, .logout a:focus{
	background: #D5007F !important;
    text-decoration: underline !important;
}
.name-user a:hover, .name-user a:focus{
	background: #000 !important;
    text-decoration: underline !important;
}

.highlight1 {
    background: #fff  !important ;
}

.highlight2 {
    background: #fcebf5  !important ;
}

/*Footer*/
.footer-gris{
	border-top: 3px solid #999999;
	color: #333;
	background-color: #e2e2e2; 
}
.footer {
  position: relative;
  width: 100%;
  height: 40px;
  color: white;
}
.p-cau{
    padding: 20px 0px 5px 0px;	
}
.p-system{
	padding: 5px 0px 20px 0px;
}
.p-version{
	padding: 10px 0px;
}
.pt-14{
	padding-top: 14px;
}
.system-name{
	font-size: 12px;
	font-weight: 300;
}
 .logoINE{
 	width: 120px;
    padding: 10px 20px;
    border-right: 1px solid #e6e6e6;
 }
.version{
	font-size: 14px;
    color: #FFFFFF;
}
/*Login*/
.login{
	padding: 30px 20px 15px 20px;
    border: 1px solid #ccc;
	-webkit-box-shadow: 11px 15px 17px -1px rgba(204,204,204,0.76);
	-moz-box-shadow: 11px 15px 17px -1px rgba(204,204,204,0.76);
	box-shadow: 11px 15px 17px -1px rgba(204,204,204,0.76);
	margin-bottom: 50px;
}
.id-login{
	margin-bottom: 25px;
}
.id-login img{
	width: 200px;
	margin-left: 20%;
}
.img-captcha{
	width: 100%;
}
.input-captcha{
    height: 42px;
}
.btn-login{
	color: #fff;
	background-color: #D5007F;
	border-color: #D5007F;
	border-radius: 0px;
    width: 100%;
}

.btn-menu{
	color: #333;
	background-color: #fff;
	border-color: #fff;
	border-radius: 0px;
    width: 100%;
    cursor: pointer;
}

.menu:hover {
	background: #e2e2e2;
	color: #000;
	}
.p-datos{
	border-top: 1px solid #ccc;
    padding: 20px 0px 0px 0px;
}
.modal-login{
	border-radius: 0px !important;
}
.modal-login-w{
	width: 300px;
}
.titulo-modal-login{
	text-align: center;
    font-weight: 700;
    margin: 20px 0px;
}
.btn-modal-login{
	margin-left: 25%;
}
.close {
    font-size: 35px !important;
    font-weight: 300 !important;
    color: #fff !important;
    text-shadow: 0 0 0 #fff !important;
    opacity: 1 !important;
}

.ui-dialog{
	top: 200px !important;
    left: 400px !important;
}

.ui-dialog-content{
	overflow: hidden !important;
    text-align: center;
}

.ui-dialog .ui-resizable-se {
    display: none;
}
.notificacion-msj > .ui-dialog.ui-widget-content .ui-dialog-content {
    padding: 15px;
    font-size: 14px;
    height: 260px;
    overflow: hidden !important;
}
.ui-dialog.ui-widget-content .ui-dialog-content {
	padding: 5px 50px 30px 50px !important;
   /*  padding: 20px 20px 30px 20px; !important; */
    font-size: 18px !important;
}
.ui-dialog.ui-widget-content {
    background-color: #f6f6f6 !important;
}
.ui-dialog.ui-widget-content .ui-dialog-titlebar {
    padding: 0px;
   /*  padding: 9px 15px; */
    border-bottom: 1px solid #f6f6f6 !important;
    background-color: #f6f6f6 !important;
}

.ui-dialog .ui-widget-content .ui-icon {
    background-image: none;
}

.ui-dialog-buttonpane{
	    text-align: center !important;
}

.plus-table .ui-icon-circle-triangle-e {
    width: 20px;
    height: 20px;
    background-image: url("/bases/app/javax.faces.resource/img/folder.png") !important;
    background-position: 0px 0px;   
}

.plus-table .ui-icon-circle-triangle-s {
	width: 20px;
    height: 20px;
    background-image: url("/bases/app/javax.faces.resource/img/folder-open.png") !important;
    background-position: 0px 0px;
}

.tblProcesos{
	font-size: medium !important;
    width: 100% !important;
    table-layout: auto !important;
}

.tblProcesos tbody td{
	border-style: none !important;
	padding-right: 0% !important;
}

.ui-datatable table {
  /*font-size: medium;
    width: 100% !important;
    table-layout: auto !important;*/
}

.ui-datatable tbody td{
/*	    border-style: none !important;
	    padding-right: 0%;  */
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:#e2e2e2 !important;
}

/*estilos para pestaņas*/
   	
    /*contenedor de tabs*/
    .tabs-navigation{
    	margin-top: -35px;
    }
    .panel-default {
		border-color: #fff !important;
		box-shadow: 0px 0px 0px !important;
   	}
    .ui-tabs.ui-tabs-top > .ui-tabs-nav{
    	background-color: #fff !important;
    }

    /*tab activa*/
    .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected{
	    border-bottom: 5px solid #d5007f;
	    border-right: 1px solid #ccc;
    }

    /*tab inactiva*/
    .ui-tabs.ui-tabs-top > .ui-tabs-nav li{
	   	width: 16%;
	   	height: 65px;
    	padding-top: 10px;
	   	margin-right: 1px;
	    border-radius: 0px;
	    border-bottom: 5px solid #ccc;
	    border-top: 1px solid #ededed;
	    border-right: 1px solid #ccc;
	    border-left: 1px solid #ededed;
	    background-color: #ededed; 
    }

/*Propiedades Moviles
@media (max-width: 1024px) and (max-width: 1500px) {
	.ui-datatable-tablewrapper {
	    overflow: hidden;*/
	}
}
@media (max-width: 768px) {
	.logout {
	    background: #D5007F;
	    padding-bottom: 2px;
	    padding-top: 0px;
	    margin-right: 0px;
	    margin-bottom: -8px;
	    margin-top: 0px;
	}
}

.ui-messages-info-detail, .ui-messages-warn-detail,
	.ui-messages-error-detail, .ui-messages-fatal-detail,
	.ui-message-info-detail, .ui-message-warn-detail,
	.ui-message-error-detail, .ui-message-fatal-detail {
	 	margin-left: -8%;
    	font-size: 1vw;
}

.ui-messages-error, .ui-message-error{
	color: #b94a48 !important;
    background-color: #ffffff !important;
    border: none !important;	
    margin-top: -2% !important;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon,
	.ui-messages-fatal-icon, .ui-message-info-icon, .ui-message-warn-icon,
	.ui-message-error-icon, .ui-message-fatal-icon {
	background: none !important;
}

.ui-fluid .ui-calendar, .ui-fluid .ui-calendar input{
	background: #ffffff !important;
	margin-top: -2%;
	font-family: sans-serif;
	border-color:#C2C6C4!important;
	font-size: 1vw !important;
}

.ui-radiobutton-icon{
    background-color: #ffffff;
}



.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-size: 1.5vw !important;
}

.ui-datatable-scrollable .ui-datatable-scrollable-header, .ui-datatable-scrollable .ui-datatable-scrollable-footer .ui-widget-header{
	border: none;
}

.modal{
	left: 0% !important;
	right: 0% !important;
	top: 0% !important;
	bottom: 0% !important;
	margin: auto !important;
}

.ui-dialog .ui-dialog-title{
	margin-left: 5% !important;
}

.tblProcesoAdmin{
	font-size: medium !important;
}

.tblSistemaAdmin{
	font-size: medium !important;
}

.tblRolAdmin{
	font-size: medium !important;
}

.tblProcesoSistema{
	font-size: 75% !important;
	margin-left: -2%;
	width: 101.3% !important;
}

.ui-datatable-scrollable-header-box{
	margin-right: 14px !important;
}

.ui-datatable-scrollable .ui-datatable-scrollable-header, .ui-datatable-scrollable .ui-datatable-scrollable-footer{
	border: none;
}

.columProceso{
	width:11% !important;
	text-align: left !important;
	border-bottom: none !important;
	border-top: none !important;
	border-left: none !important;
}

.columArea{
	width:10% !important;
	text-align: left !important;
	border-bottom: none !important;
	border-top: none !important;
	border-left: none !important;
}

.columSistema{
	width:22% !important;
	text-align: left !important;
	border-bottom: none !important;
	border-top: none !important;
	border-left: none !important;
}

.columRol{
	width:26% !important;
	text-align: left !important;
	border-bottom: none !important;
	border-top: none !important;
	border-left: none !important;
}

.columVigente{
	width:10% !important;
	text-align: center !important;
	border-bottom: none !important;
	border-top: none !important;
	border-left: none !important;
}

.columTipo{
	text-align: center !important;
	border-bottom: none !important;
	border-top: none !important;
	border-left: none !important;
}

.columUrl{
	text-align: center !important;
	border-bottom: none !important;
	border-top: none !important;
	border-left: none !important;
}

.columEditar{
	text-align: center !important;
	border-bottom: none !important;
	border-top: none !important;
	border-left: none !important;
}

.imgVigencia{
	text-align: center !important;
}

.ui-dialog.ui-widget-content .ui-dialog-content{
	background-color: #ffffff;
}

.ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4, .ui-grid-col-5, .ui-grid-col-6, 
.ui-grid-col-7, .ui-grid-col-8, .ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12{
	text-align: left !important;
}

.ui-panelgrid .ui-panelgrid-footer{
	border: none;
}

.tblFooter{
	margin-top: 2%;
	width: 100%;
	margin-left: -2%;
}

.col1{
	width: 15%;
	border: none !important;
	background-color: #ededed;
}

.col2{
	width: 15%;
	border: none !important;
	background-color: #ededed;
	padding-top: -15% !important;
}

.col3{
	text-align: right;
	width: 70% !important;
	border: none !important;
	background-color: #ededed;
}

/*.tabAdmin{
	width: 24% !important;
}*/

.lblTituloTblAdmin{
	 margin-left: -2% !important;
    font-size: 1.1vw !important;
    font-weight: bold !important;
    color: black !important;
}

.tblAdmin{
	border: none !important;
    font-size: 0.9vw !important;
    color: black !important;
    margin-right: 4% !important;
    
}

.colum1TblAdmin{
	border: none !important;
}

.colum2TblAdmin{
	border: none !important;
	text-align: center !important; 
	width: 20% !important;
}

.imgEditTblAdmin{
	height: auto !important;
    width: 34% !important;
}

.imgVigenciaTblAdmin{
	height: auto !important;
    width: 18% !important;
}

.btnAgrgarAdmin{
	text-align: right; 
	padding-top: 6%; 
	background-color: #ededed; 
	width: 97%; 
	padding-bottom: 4%; 
	padding-right: 2%;
}


.lblEtiquetaCampoFechaInicioAdmin{
	font-size: 0.9vw !important;
    color: black !important;
}


.btnCerrar{
	color: black !important;
}

.lblCerrar{
	text-decoration: underline;
}

.btnCerrar:HOVER {
	color: #d5007f !important;
}