*{
    font-family: FontAwesome, "Arial", Helvetica, sans-serif;
}

#gen-pedido{
	margin-top: 35px;
    margin-bottom:70px;
    margin-left: auto;
    margin-right: auto;
}

#tabla_pedido_conf{
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#tabla_pedido_conf thead tr{
	background:#2A1F3E;
	height:30px;
    font-size: 14px;
	color:#eeeeee;
}

#row-tabla{
	font-size:14px;
	color:#727777;
}

#tabla_resultados{
    font-size:13px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#table_resultados{
    font-size:13px;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

#div_button{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

#titulo{
    color:#717072;
    font-size:16px;

}

.titulo_fact{
    margin-top: 50px;

}

#con_datos{
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#con_datos label{
	font-size: 14px;
	color:#664E7A
}

#tabla_paqueteria{
    width: 85%;
    margin-top: -50px;
    margin-left: auto;
    margin-right: auto;

}

#tabla_paqueteria thead tr{
	background:#DEDEDE;
    font-size: 14px;
	color:#3E3D3D;
}

#selec{
    width: 300px;
}

#direction{
    width: 40%;
    background: #f6f6f6;
    border-radius:5px ;
    border: solid #98BB81 .5px;
    font-size: 14px;
}

#Siguiente{
    width:150px;
	height:40px;
	border:none;
	background:#BE4800;
	color:#fff;
	cursor:pointer;
}

#Siguiente:hover{
	color:white;
	text-decoration:none;
	background:rgba(176, 67, 0, 0.8);
	transition:all 0.3s;
	cursor:pointer;
	}

    #regresar{
        width:140px;
    	height:30px;
        font-size: 12px;
    	border:none;
    	background:#BE4800;
    	color:#fff;
    	cursor:pointer;
    }

    #regresar:hover{
    	color:white;
    	text-decoration:none;
    	background:rgba(176, 67, 0, 0.8);
    	transition:all 0.3s;
    	cursor:pointer;
    	}

    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }

    input[type=number] {
    -moz-appearance:textfield;
        }

/* Scroll Personalizado */
    body::-webkit-scrollbar {
        width: 8px;
    }

    body::-webkit-scrollbar-thumb {
        background: -webkit-linear-gradient(to top, rgba(51,20,84, .9), rgba(156,108,192, .9));  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to top, rgba(51,20,84, .9), rgba(156,108,192, .9));
    }

/*INICIO DE MEDIDAS PARA RESPONSIVE*/
/******************************************************************************************************************************************************************************************************/
    @media screen and (max-width: 1154px) {
        #tabla_resultados{
            font-size:12.5px;
        }

        #total{
            margin-left: -30px;
        }

        #selec{
            width: 250px;
        }

        #direction{
            width: 50%;
        }

    }
/******************************************************************************************************************************************************************************************************/
    @media screen and (max-width: 1102px) {
        #can{
            margin-left: -30px;
        }
    }
/******************************************************************************************************************************************************************************************************/
    @media screen and (max-width: 991px) {
        #tabla_pedido_conf{
        	display: table;
        }

        #tabla_resultados{
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            display: none;
        }

        #table_resultados{
            margin-bottom: 15px;
            display: table;
        }

        #div_button{
            display: block;
        }

        #direction{
            width: 70%;
        }

        input[type=text]{
            width: 70%;
            font-size: 13px;
        }

        .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
            font-size: 12.5px;
        }

        .input-group-text{
            height: 32px;
        }
}/******************************************************************************************************************************************************************************************************/
    @media screen and (max-width: 810px) {
        #tabla_pedido_conf thead tr{
            font-size: 12px;
        }

        #row-tabla{
        	font-size:13px;
        	color:#727777;
        }
    }
/******************************************************************************************************************************************************************************************************/
    @media screen and (max-width: 620px) {
        #table_resultados tr td{
            font-size: 11px;
        }
        #Siguiente{
            width:140px;
        	height:35px;
            font-size: 14px;
        }

        #direction{
            width: 90%;
        }

        input[type=text]{
            width: 90%;
            font-size: 13px;
        }
    }
/******************************************************************************************************************************************************************************************************/
    @media screen and (max-width: 583px) {
        #table_resultados{
            width: 50%;
        }

        #can, #total{
            margin-left: -40px;
        }

        #table_resultados{
            font-size: 12px;
            }
        #titulo{
            font-size: 14px;
        }

        .titulo_fact{
            margin-top: 30px;
        }

        .pais{
            margin-top: 20px;
        }

        .dat_clle{
            margin-top: -20px;
        }

        #direction{
            font-size: 12px;
        }

        input[type=text]{
            font-size: 12px;
        }

    }
/******************************************************************************************************************************************************************************************************/
    @media screen and (max-width: 500px) {
        #tabla_pedido_conf{
        	display: block;
        }


    }

/******************************************************************************************************************************************************************************************************/
    @media screen and (max-width: 440px) {
        #table_resultados{
                display: block;
            }

            .dat_fact label{
                font-size: 14px;
            }
            
            #direction{
                width: 97%;
            }

            input[type=text]{
                width: 97%;
            }
        }

/******************************************************************************************************************************************************************************************************/
    @media screen and (max-width: 386px) {
        #titulo{
            font-size: 13px;
        }

        #con_datos label{
        	font-size: 13px;
        	color:#664E7A
        }
    }