@charset "UTF-8";
/* CSS Document */

.text-area{border:1px solid #ccc;border-radius:4px;color:#333333;}

/* JQUERY CUSTOM INPUTS CSS*/
.nice {
	/* the container div	*/
	background: #ffffff;
	height: 35px;
	width: 100%;
	}
.nice  .NFI-button {
	background:#cdcdcd;
	width:150px;
	height:35px;
	color:#4f4f4f;
	line-height:35px;
	font-size:13px;
}
.nice  .NFI-filename {
	background:#ffffff;
	width:150px;
	height:35px;
	color:#4f4f4f;
	line-height:33px;
	font-size:13px;
	/*the text input element which collects and shows the value*/
}
/*----------*/

.styled-select {
	/*width: 215px;*/
	height: 38px;
	overflow: hidden;
	background: url(../img/select-bg.png) no-repeat right #fff;
	border: 1px solid #ccc;
	line-height: 20px;
	border-radius:4px;
   }
.styled-select .custom-select {
	background: transparent;
	/*width: 215px;*/
	padding-left:15px;
	font-size: 14px;
	line-height: 28px;
	border: 0;
	border-radius: 0;
	height: 38px;
	-webkit-appearance: none;
	-moz-appearance: window;
	appearance: none;
   }
select::-ms-expand {/*quitar la flecha por defecto de los select en IE10*/
    display: none;
}

 
 .input-container {
	background: #ffffff;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 98%;
}
.input-container .styled-input{
	width: 98%;
	height: 40px;
	line-height: 40px;
	float: left;
}


.input-container input{
	height: 40px;
	line-height: 40px;/*results in nice text vertical alignment*/
	border: none;
	background: transparent;
default
	margin: 0 0 0 20px;/*don't start input text directly from the edge*/
	width: 98%;/*full width - grey on the side - 2*10px padding*/
	font-size: 15px;
	color: #333333;
	margin-left: 15px;
}
.submit-button{
	background: #94cc9d;
	border-radius: 4px;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	height: 30px;
	width: 100%;
	margin-top: 15px;
	border: 0;
	cursor: pointer;
}

 
 
 
 
 /* LOGIN */
 .login-input-container {
	background: #ffffff;
	height: 54px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 100%;
}
.login-input-container .styled-input{width:100%;height:54px;line-height:35px;float:left;}


.login-input-container input{
	height: 54px;
	line-height: 35px;/*results in nice text vertical alignment*/
	border: none;
	background: transparent;
default
	margin: 0 0 0 20px;/*don't start input text directly from the edge*/
	width: 85%;/*full width - grey on the side - 2*10px padding*/
	font-size: 15px;
	color: #aaaaaa;
	margin-left: 60px;
}
.login-submit-button{
	background-color: #be0317;
	border-radius: 4px;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	height: 50px;
	line-height: 50px;
	width: 100%;
	margin-top: 15px;
	cursor: pointer;
	border: 0;
}



/*  SELECTS */

.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select {
    cursor:pointer;
    display:inline-block;
    position:relative;
	width:98%;
	height:36px;
	line-height:40px;
	font-size:15px;
	color:4f4f4f;
	border:0px;
	
}
.styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:0 10px;
	width:96%;
	height:38px;
	background:url(../img/select-arrow) no-repeat;
	background-position:right;
	background-repeat:none;
	color:4f4f4f;
}
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:0px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:0px;
    right:0px;
}
.styledSelect:active, .styledSelect.active {
    background-color:#ffffff;
	border-radius:4px;
	width:93%;
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    border:0px solid #ccc;
	border-radius:4px;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	color:4f4f4f;
	height:200px;
	overflow:scroll;
	width:100%;
}
.options li {
    padding:0 6px;
    margin:0 0;
    padding:0 10px;
	width:98%;
	height:38px;
	line-height:38px;
	font-size:15px;
	color:
}
.options li:hover {
    background-color:#cccccc;
    color:white;
}


/********* ESPECIAL ************/

 .input-container-finder {
	background: #efefef;
	height: 30px;
	/*border: 1px solid #ccc;*/
	border-radius: 8px;
	width: 300px;
	float:right;
	/*border-bottom: 1px solid #ccc;*/
	margin-top:2px;
}
.input-container-finder .styled-input-finder{
	width: 280px;
	height: 30px;
	line-height:30px;
	float: left;
	background:url(../img/finder.png) left no-repeat;
	background-position:5px 0px;
}


.input-container-finder input{
	height: 20px;
	line-height: 20px;/*results in nice text vertical alignment*/
	border: none;
	background: transparent;
	width: 280px;
	font-size: 15px;
	color: #666666;
	margin:5px 15px 5px 35px;
	
}



/****************BUTTONS ***************/

.button-generic{width:100%;height:30px;line-height:30px;font-size:14px;text-align:center;margin-top:10px;border-radius:4px;cursor:pointer;}
.button-generic-no-click{width:100%;height:30px;line-height:30px;font-size:14px;text-align:center;margin-top:10px;border-radius:4px;}