/*input:valid
{
	border:3px solid black;
	background-color: green;
	color: white;
}

input:invalid
{
	border:3px solid black;
	background-color: red;
	color: white;
}*/

/*ESTILOS PARA FORMULARIO DE REGISTRO*/
#cont-form{
	background:#fff;
	padding-bottom: 30px;
	padding-top: 15px;
}


#cont-form form:not(:nth-child(1)) {
	display: none;
}

#msg_confirma{
	 position: absolute;
    top:0;
    background: #ffffffed;
    width: 100%;
    height: 90%;
    z-index: 99;
    text-align: center;
    display:none; 
}


#cont-form input:not([type='submit']):not([type='checkbox']){
	border-radius:1px !important;
	font-size:14px;
	height:50px !important;
}

#cont-form label{
	cursor:pointer;
}

#cont-form input:invalid{
	color:#CA5E5E;
	/*border:1px solid #D84F4F;
	box-shadow:0 0 8px rgba(216, 79, 79, .6);*/
}

/* #cont-form input:valid{
	font-weight:bold;
} */

#cont-form input[readonly]{
	background-color:#ECECEC;
	border:none;
}

#cont-form input[type='checkbox']{
	cursor:pointer;
}

#cont-form button{
    outline:none;
    border-radius:2px;
}

.correo-msg, .pass-msg, .codigo-msg_env,.codigo-msg_fact{
	box-shadow:3px 3px 3px rgba(20,20,20,0.1);
	border-top-left-radius:0 !important;
	border-top-right-radius:0!important;
	position:absolute;
}

.correo-msg:before, .codigo-msg_env:before, .codigo-msg_fact:before, .pass-msg:before{
	content:' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 10px;
	top: -25px;
	border: 15px solid;
	border-color:  transparent transparent #F2DEDE transparent;
}

#cont-info-user{
	background:#fff;
	border-radius:5px;
	margin-top:15px;
	margin-bottom:15px;
	border: 1px solid #ccc;
}

.cont-info-titulo{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding:15px;
	text-align:center;
}

#user-img{
	background:#fff;
	line-height:150px;
	margin:auto;
	position:relative;
	height:150px;
	width:150px;
	border-radius:100%;
	overflow:hidden;

}

#user-img img{
	transition:all .25s ease-in;
	max-height: 150px;
	max-width: 100%;
}

.cont-info-detalles{
	padding:15px;
}

#profile-cam{
	cursor:pointer;
	display:none;
	width: 150px;
    height: 150px;
    border-radius: 100%;
    background: rgba(255,255,255,0.4) url('../upload/camera.png') center;
    position: absolute;
    top: 0;
    right: 0;
}


#btn-abrir-direcciones-form {
	position: absolute;
    background: #009688;
    right: 15px;
    color: #fff;
    bottom: 80px;
}

#btn-abrir-direcciones-form:hover {
    background: #006f65; 
}

#contenedor-direcciones-carrito-form {
    width: 630px;
    position: fixed;
    overflow: hidden;
    left: 50%;
    z-index: 9999;
    top: 50%;
    display: none;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 0%, 0.7);
}

#contenedor-direcciones-carrito-form .modal-body {
    background:#f1f1f1;
    height: 320px
}


/*animacion*/
.gly-spin {
    -animation: spin .7s infinite linear;
    animation: spin .7s infinite linear;
    -webkit-animation: spin .7s infinite linear;
}

@keyframes spin {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

#pedidos {
	height: 430px;
	padding:10px;
}

.ul-pedidos {
    list-style:none;
}

.ul-pedidos li {
    background:#f1f1f1;
    margin:10px 5px;
    padding:10px;
}

.titulo-pedidos {
	width:100%;
	padding:5px;
}

.filtrar {
	float:right;
}

.filtrar select {
	display: inline-block;
	width:auto;
}

#filtro-seleccionado {
	font-size:24px;
}

#contenedor-pedidos {
	background: #f1f1f1;
    margin-top: 20px;
    height: 360px;
    overflow-y: auto;
    padding: 10px;
}

.ordenes-compra {
    padding: 10px;
    background: #fff;
    border: 2px solid #f1f1f1;
    display: inline-block;
    width: 100%;
    margin:10px 0;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 0%, 0.2)
}

.orden-guardada .titulo-orden {
	border-bottom: 2px solid #ff5722;
}

.orden-guardada b {
	color: #ff5722;
}
.orden-guardada .tabla-partidas thead td {
	background: #ff5722;
	color: #fff;
}
.orden-pedido .tabla-partidas thead td { 
	background: #2196f3;
	color: #fff;
}

.orden-pedido .titulo-orden {
	border-bottom: 2px solid #2196f3;
}

.orden-pedido b {
	color: #2196f3;
}

.titulo-orden {
    display: block;
    padding:5px 15px;
    margin-bottom:15px;
}

.num-orden {
}


.fecha-orden {
    float:right;
}

.body-orden {
    padding:15px;
}


.tabla-partidas thead td {
	 text-align: center;
}

.tabla-partidas tbody td {
	 text-align: center;
}

.tabla-partidas tr th:first-child {
    width: 15%;
}

.tabla-partidas tr td:first-child {
    width: 15%;
}

.tabla-partidas tr th:nth-child(2) {
    width: 30%;
}

.tabla-partidas tr td:nth-child(2) {
    width: 30%;
}

.tabla-partidas tr th:nth-child(3) {
    width: 5%;
}

.tabla-partidas tr td:nth-child(3) {
    width: 5%;
}

.tabla-partidas tr th:nth-child(4) {
    width: 35%;
}

.tabla-partidas tr td:nth-child(4) {
    width: 35%;
}

.tabla-partidas tr th:nth-child(5) {
    width: 25%;
}

.tabla-partidas tr td:nth-child(5) {
    width: 25%;
}

.pie-orden {
    padding:15px;
}

.total-orden {
    float:right;
}


.verPDF {
	background:#607D8B;
	color: #fff;
    padding: 4px;
    border-radius: 4px;
}

.verPDF:hover {
	background:#455a64;
	color:#fff;
}

.btns-orden {
	margin:10px 0;
	width:100%;
	display:block;
}

.btn-hacer-pedido {
	background: #2096f3;
	border:none;
	color:#fff;
}

.btn-hacer-pedido:hover {
	background: #1976d2;
	color:#fff;
}


@media only screen and (max-width : 990px) {

	.form-group .col-xs-12:nth-child(2){
		margin-top:15px;
	}

	.form-group .col-sm-12:nth-child(2){
		margin-top:15px;
	}
}

.nav-tabs{
	font-size:13px;
}

@media only screen and (max-width : 480px){
	#pass{
		height:auto !important;
	}

	#cotizaciones{
		height:auto !important;
	}

	.nav-tabs > li{
		display:block;
		width:100%;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
		background-color:#4F92D6;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
		background-color:#4F92D6;
		color:#fff;
	}
}