iframe { max-width:100%;width:100%;height:auto;}
  
/*body{
	
	  background-color:#142849;
	  background-image:-webkit-radial-gradient(center, circle cover, #165387, #142849);
	  background-repeat:no-repeat;
	      }*/

.ajax-link{text-align:left;}

.boton_formulario{text-align:right;}

.main{margin-top:100px;}

.titulo_formulario{text-align:center; color:red; margin-top:50px;}

.footer{margin:40px;}

/*separe el formulario en el tope*/
.form_signin1{margin-top:30px;}

.form_ventas{margin-left:20px; margin-top:30px;}

/*da estilos en los campos del formulario*/
.form_signin1 input[type="text"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 5px;
        padding: 7px 9px;
        width:200px;
      }

/*da estilos en los campos del formulario de ventas*/
   .form-group input[type="text"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 5px;
        padding: 7px 9px;
        width:230px;
      }
	  
   .form-group input[type="date"] {
        font-size: 16px;
        height: 40px;
        margin-bottom: 2px;
        padding: 7px 9px;
        width:230px;
      }	 
	  
	  .form-group input[type="password"] {
        font-size: 16px;
        height: 40px;
        margin-bottom: 2px;
        padding: 7px 9px;
        width:230px;
      }	 
	  
   .form-group input[type="email"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 5px;
        padding: 7px 9px;
        width:230px;
      }
	  
   .form-group input[type="tel"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 5px;
        padding: 7px 9px;
        width:230px;
      }	  


/*para centrar el formulario solo agregué en la clase form-signin en el form*/
.form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      
      /*.form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }*/
      
      /*.form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
        width:250px;
      }*/

.form-control{width:300px;}

      /*.form-control input[type="text"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
        width:200px;
      }*/

   /*.menu_izquierdo{width:200px;}*/
	
	/*Color del Header de la página del Instituto Claret #e2431d y color predeterminado que tenía es: #3F9FD9*/
   .navbar_menu{ /* background:url(../../images/Background%20Claret.gif);*/  /*background-color:#3F9FD9;} */ background-color:#ff9933;}
   
   /*Logo del Nav*/
  /*.navbar-brand img{width:345px; height:100px; padding-bottom:15px;}*/
   
   .navbar-collapse form{padding-top:10px;}

   .navbar_dropdown{background-color:#ffffff; margin:10px;}

   .navbar-default 
   .navbar-brand{
    color:white;
}

   .principal{text-align:left;}

   .panel-default > .panel-heading {
    color: #317EAC;
   
}

table, th, td {

    /*border: 1px solid #bdbdbd;*/
    /*border-collapse: collapse;*/

}

.tabla_ventas> thead > tr > th, .tabla_ventas> tbody > tr > th,.tabla_ventas> tfoot > tr > th, .tabla_ventas> thead > tr > td, .tabla_ventas> tbody > tr > td, .tabla_ventas> tfoot > tr > td {
    
    border-top: 0px solid #DDD;
}

/*titulo en ventas "detalles de ventas de productos"*/

.titulo{
    padding-top: 18px;
    padding-bottom: 18px;

  }

  .titulo_ventas{

    margin-bottom:10px;

  }

.jumbotron_centrar{

  margin-top:20px;
  text-align:left;
}



/* Estilo de validacion de campos requeridos*/ 

/*.form-horizontal  input:required{ 
	background: #fff url(../../images/interrogacion.png) no-repeat 98% center; 
	} */

.form-horizontal input:required:valid { 
 /*	background: #fff url(../../images/correcto.png) no-repeat 98% center; */
	box-shadow: 0 0 5px #5cd053; 
	border-color: #28921f;
	} 
	
.form-horizontal input:focus:invalid{ 
  /*	background: #fff url(../../images/error.png) no-repeat 98% center; */
	box-shadow: 0 0 5px #d45252; 
	border-color: #b03535; 
	} 



.form-horizontal textarea:required:valid { 
 /*	background: #fff url(../../images/correcto.png) no-repeat 98% center; */
	box-shadow: 0 0 5px #5cd053; 
	border-color: #28921f;
	} 
	
.form-horizontal textarea:focus:invalid{ 
  /*	background: #fff url(../../images/error.png) no-repeat 98% center; */
	box-shadow: 0 0 5px #d45252; 
	border-color: #b03535; 
	} 

/*Estilos utilizados para probar los popover*/
	.popover-title{
/*		background-color: #F41F23;
		border-color:#F41F23;
		color:#FFF;*/
}
	
	.popover{
		/*border-color:#F41F23;
		background-color:#F41F23;
		color:#FFF;*/
}

/*Quitar barra de desplazamiento*/
html{
	/*overflow-y:hidden;*/  /*Vertical*/
	/*overflow-x:hidden;*/ /*Horizontal*/
	}
	
/* Para solucionar el tema del centrado del formulario y eliminar la raya del medio
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}*/