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

input[type="checkbox"]{
cursor: pointer;
/*-webkit-appearance: none;*/
/*appearance: none;*/
/*background: #ffffff;*/
border-radius: 4px;
box-sizing: border-box;
position: relative;
box-sizing: content-box ;
width: 20px;
height: 20px;
border-width: 2px;
border-color:#333333;
border-style: solid;
/*transition: all .3s linear;*/
}
input[type="checkbox"]:checked{
  background: #00bcd4;
}
input[type="checkbox"]:focus{
  outline: 0 none;
  box-shadow: none;
}

/* Might want to wrap a span around your checkbox text */
.checkboxtext
{
  /* Checkbox text */
  font-size: 110%;
  display: inline;
}

.inputfile{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    font-size:16px;
    font-weight: 700;
    color: white;
    background-color: #00abc7;
    display: inline-block;
	padding:5px 15px;
	text-align:center;
	border-radius:2px;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #009eb7;
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}


.text-area{border:1px solid #999999;border-radius:4px;color:#333333;width:calc(100% - 22px);padding:10px;}

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

 
 .input-container {
	background: #ffffff;
	height: 30px;
	border: 1px solid #999999;
	border-radius: 4px;
	/*width: 98%;*/
}
.input-container .styled-input{
	/*width: 92%;*/
	height: 30px;
	line-height: 30px;
	float: left;
	width:100%;
}


.input-container input{
	height: 30px;
	line-height: 30px;/*results in nice text vertical alignment*/
	border: none;
	background: transparent;
	/*margin: 0 0 0 10px;/*don't start input text directly from the edge*/
	/*width: 92%;*//*full width - grey on the side - 2*10px padding*/
	font-size: 12px;
	color: #333333;
	margin-left:5px;
	margin-right:5px;
    width:         calc(100% - 10px)!important;
}
.submit-button{
	background: #3e4045;
	border-radius: 0px;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	width: 100%;
	letter-spacing:1px;
	margin-top: 30px;
	border: 0;
	cursor: pointer;
}



 form .label{font-size: 11px;
	 line-height: 15px;
	 text-transform: capitalize;
	 color: #7d8290;
	 letter-spacing: 1px;
	 height: 30px;
	 display: flex;
	 align-items: center;}
 
 
 .layered-shadow{box-shadow: 0 1px 1px hsl(0deg 0% 0% / 8%), 0 2px 2px hsl(0deg 0% 0% / 8%), 0 4px 4px hsl(0deg 0% 0% / 8%), 0 8px 8px hsl(0deg 0% 0% / 8%), 0 16px 16px hsl(0deg 0% 0% / 8%);}
 
 /* LOGIN */
.login-container{background-color:#ffffff;border-radius:4px;}
 .login-input-container {
	background: #ffffff;
	height: 54px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 100%;
	
}
.login-input-container span{    font-size: 24px;padding: 15px;background: #00b4ce;color: #ffffff;float:left;}
.login-input-container .styled-input{width:100%;height:54px;line-height:30px;float:left;}


.login-input-container input{
	height: 54px;
	line-height: 30px;/*results in nice text vertical alignment*/
	border: none;
	background: transparent; 
	padding: 0 0 0 20px;/*don't start input text directly from the edge*/
	width: calc(100% - 51px);/*full width - grey on the side - 2*10px padding*/
	font-size: 13px;
	color: #aaaaaa;
	float:left;
	font-size:16px;
}

.login-submit-button{background-color:#009fb3;color:#ffffff;letter-spacing:2px;}
.login-submit-button:hover{background-color:#00b4ce;}

input:-webkit-autofill {
	background-color: white !important;
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
	color: black !important;
}
input:-webkit-autofill:focus {
	background-color: white !important;
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
/*  SELECTS */
/*  SELECTS */

.select-style {
   width: 98%;
   height: 30px;
   overflow: hidden;
   border: 1px solid #999999;
   line-height:30px;
   border-radius:4px;
	position:relative;
	text-align:right;
	background: #ffffff;
   }
.select-style span{padding:0 5px;font-size:18px;line-height:22px;}
.select-style select {
   background: transparent;
   width: 100%;
   padding: 0 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 30px;
   -webkit-appearance: none;
   -moz-appearance: none;
	position:absolute;
	top:0px;
	left:0px;
        

   }


/********* 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: 30px;
	line-height: 30px;/*results in nice text vertical alignment*/
	border: none;
	background: transparent;
	width: 280px;
	font-size: 12px;
	color: #666666;
	margin:5px 15px 5px 30px;
	
}

#ui-datepicker-div{z-index:10000!important;}


/****************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;}
.nothing{background-color:#cccccc;color:#333333;}
.campo-button i{font-size:14px;}
.campo-button {
font-size: 14px;
font-weight: 700;
color: white;
background-color: #00abc7;
display: inline-block;
padding: 5px 15px 5px 15px;
text-align: center;
border-radius: 4px;
width: 100%;
height: 22px;
cursor: pointer;
line-height:22px;
}