.navbar{
	width: 100%;
}
.headerText{
	padding-left: 12%;
	font-size: 36px;
	color: black;
	font-weight:bold;
}

@media screen and (max-width: 1280px){
	.headerText{
		padding-left: 8%!important;
	}
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}

.progress-bar{

  background-color: #5cb85c !important;
  color: blue !important;
}

.top{

  margin-top: 10% !important;
}


.progresss{

  background-color: #c7c8ca;
}


#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}
#progress-wrp .progress-bar{
    height: 20px;
    border-radius: 3px;
    background-color: #f39ac7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#progress-wrp .status{
    top:3px;
    left:50%;
    position:absolute;
    display:inline-block;
    color: #000000;
}

 .labelConfirm{
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 15px;


 }

 .confirm{

     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     background: #0000ff;
     color: #fff;
     border-radius: 9px;
     padding: 5px 25px;
     font-size: 15px;
     cursor: pointer;


 }

.provedorClass{

	width: 230px;
	margin-top: 30px;
	margin-left: 15px;
}

li {
    float: left;
}

th, td { white-space: nowrap; }

.closeRdl{
   position:absolute;
   transition: .5s ease;
   top: -5%;
   left:   96%;
   color: white;
   background: #0000ff;
   border-radius: 100%;


   width: 55px;
   height: 55px;
   border: none;

   text-align: center;


}
.closeSpan{
	font-size: 50px;
	text-align: center;
	right: 20%;
	top:-25%;
	position:absolute;
}

.exit{

    font-size: 22px;
	cursor:pointer;
    border: none;
    background: white;

    text-align: center;
}

.imgClose{

    padding-left:5em
	width: 25px;
	height: 25px;
}

.closePre{
	position:absolute;
   transition: .5s ease;
   top: -5%;
   left:   96%;
   color: white;
   background: #0000ff;
   border-radius: 100%;


   width: 55px;
   height: 55px;
   border: none;

   text-align: center;

}

.preview{
  max-width:750px !important;
}


.title{

		text-align:center ;
		color: black;
		font-weight:bold;
		font-size: 42px;
		margin-top:35px;
		margin-right:200px;

 }
.navbar-logo{
	width: 320px;
}
 .logo{
		height: auto;
		margin-right: auto;
 }

 .link{

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 17px;
color: #D7D7D7 ;
margin-left: 20px;


 }

 .one{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 20px;
color: #D7D7D7 ;
 }

 .upload{
       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	   background: #0000ff;
 	   color: #fff;
 	   border-radius: 9px;
 	   padding: 11px 38px;
 	   font-size: 17px;
     cursor: pointer;
 }

 .btnLogin{
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	   background: #0000ff;
 	   color: #fff;
 	   border-radius: 18px;
 	   padding: 15px 100px;
		 display: block;
		 margin: 50px auto;
 	   font-size: 20px;
     cursor: pointer;
 }

 .inputPass{
 	background: url("../img/icon_password.svg") no-repeat scroll 7px 7px;
    padding-left:45px;
    height: 50px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

 	  background-color: white;
    color: rgba(215,215,215);
    border: none;
    border-radius: 18px;

 }

 .labelLogin{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 		font-size: 29px;
		padding: 10px 0 10px 0;
 		text-align: center;
 		color: white;
 }



 .inputUser{
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

 	  background: url("../img/icon_user.svg") no-repeat scroll 7px 7px;
    padding-left:45px;
    height: 50px !important;

 	background-color: white;
    color: rgba(215,215,215);
    border: none;
    border-radius: 18px;

 }
 #datepickerStart{
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	background: url("../img/icon_calendar.svg") no-repeat scroll 7px 6px;
  padding-left:48px;

 	width:  100% !important;
 }


 #datepickerEnd{
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	background: url("../img/icon_calendar.svg") no-repeat scroll 7px 6px;
    padding-left:48px;

 	width:  100% !important;
 }


 #datepickerStartHistory{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: url("../img/icon_calendar.svg") no-repeat scroll 7px 6px;
  padding-left:48px;

  width:  75% !important;
 }


 #datepickerEndHistory{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: url("../img/icon_calendar.svg") no-repeat scroll 7px 6px;
  padding-left:48px;

  width:  75% !important;
 }


 .text{

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;

 }


 .title{

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
 }


 .uploadReport{
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	   background: #0000ff;
 	   color: white !important;
 	   -webkit-border-radius: 19px;
 	   padding: 15px 38px;
 	   font-size: 17px;
     cursor: pointer;

 }
 a.uploadReport:link {
  color: white;

 }

  a.uploadReport:visited {
color: white;

 }


 a.uploadReport:active {color:white;}
a.uploadReport:hover {
text-decoration:none;
	color:white;}


 .uploadView{
       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	   background: #fff;
 	   color: #0000ff;
 	   border-radius: 9px;
 	   border-color: #0000ff;
 	   padding: 15px 62px;
 	   font-size: 20px;
     cursor: pointer;
 }

 .choose{

 	   background: #0000ff;
 	   color: white;
 	   border-radius: 9px;
 	   padding: 12px 30px;
 	   font-size: 19px;

 }

 a.exit:link {
	color:black;
 }
 a.exit:visited {
 	color:black;
 }
 a.exit:active {
 	color:black;
 }
 a.exit:hover {
    text-decoration:none;
	color:black;
 }


 a.link:link {
  color:black;
 }
 a.link:visited {
  color:#D7D7D7;
 }
 a.link:active {
  color:black;
 }
 a.link:hover {
    text-decoration:none;
    color:black;
 }

a.two:link {
	color:black;
}
a.two:visited {
	color:black;
}
a.two:active {
	color:black;
}
a.two:hover {
    text-decoration:none;
	  color:black;
}


#nav a {
	  color:black;
    opacity: 2px;
    padding: 0 25px;
    margin-right: 25px;



}



a.one:active{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  color:black;

  text-decoration:none;

}

.click{


  color:black !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration:none;
  border-bottom: thick solid #0000ff;


}


.click2{


  color:black !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration:none;



}



a.one:hover {
  color:black;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;

}

.tableModelo{

	margin-top: 10px;
}


.inputChoose{



 	   padding: 12px 30px;
 	   font-size: 19px;


}


a:focus{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:black;


}



.dataTables_filter {
       display: none;
   }

   table, th {
    background: #F0F0F0 ;


}

th {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
   }
td {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
   }


.title-modal{
text-align: center;
font-size: 26px;
}



.header {
		background-color: white;

}

.img{

	    background-image: url("../img/regalos.jpg");
		background-position: center center;
		background-repeat:  no-repeat;
		background-attachment: fixed;
		background-size:  cover;
		background-color: #999;
}

#form{

	margin-top: 200px;
}

#caja{
	 color: #fff;
	 background-color: rgba(211,211,211,0.8);
	 width: 500px;
	 height: 400px;
	 display: block;
	 margin: 200px auto;
}


.datepic{

	width: 20%;
    padding: 10px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#tableReport_wrapper .dataTables_length{
	display: none!important;
}
#tableReport_wrapper .dataTables_info{
	display: none!important;
}

.cajaCorreos{
	  border-radius: 3px;
	  border: 1px solid black;
    background: #fff;
    padding: 0px;
    margin-top: 30px;
}

.cajaCorreos img{
	display: block;
	margin: auto;
}


.cajaErrorEmail{


    border-radius: 3px;
    border: 0px solid black;
    background-color: #0000ff;
    padding: 0px;
    max-width: 94% !important;
    height: 45px;
    margin-left: 16px;

    margin-bottom: -7px;



}

hr.style1{

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-top: 1px solid #8c8b8b;
	width: 60%;
}

hr.style2{

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-top: 4px solid #0000ff;
	width: 100%;
  position: relative;
}

#detalle{
  display: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     background: rgb(245, 244, 243);
     color: black;
     border-radius: 15px;
     border-style: solid;
     padding: 7px 42px;
     font-size: 12px;
     margin-left: 78px;
     cursor: pointer;
     text-decoration:none;
}


.pCajas{

     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	   text-align: center;

}

.number{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: -20px;
	text-align: center;
	font-size: 100px;
  padding: 0!important;
  position: relative;
}

.ErrorEmail{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 8px;
  text-align: center;
  font-size: 18px;

  color: white;

  position: relative;
}

div.dataTables_wrapper#tableModelo {
	     width: 800px;
        margin: 0 auto;
    }


.dataTables_wrapper {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.buttonText{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;


}


@media only screen and (max-width: 700px) {
   .navbar-header{
    padding-left: 0px !important;
   }
}



/* @media only screen and (min-width: 1500px) {
   .cajaCorreos{
    border-radius: 3px;
    border: 1px solid black;
    background: #fff;
    padding: 0px;
		margin: 2px;
  }
} */