.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	background-color: #f2f2f2;
	font-family: 'Open Sans', sans-serif;
}

/**Globales**/

body {
	margin: 0;
}

.contenedor {
	display: block;
	width: 98%;
	margin: 0 auto;
}

@media only screen and (min-width:480px) {
	.contenedor {
		width: 95%;
	}
}

@media only screen and (min-width:768px) {
	.contenedor {
		width: 90%;
	}
}

@media only screen and (min-width:992px) {
	.contenedor {
		width: 90%;
	}
}

h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 2.2em;
	text-align: center;
	text-transform: uppercase;
}

h3 {
	font-size: 1.2em;
	color: #00c49a;
	font-family: 'PT Sans', sans-serif;
	margin: 0;
}

.boton {
	margin-top: 10px;
	background-color: #00c49a;
	padding: 8px 15px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	font-size: 1em;
	display: inline-block;
	transition: all .3s ease;
	border: 2px solid #00c49a;
}

.boton-secundario {
	margin-top: 10px;
	background-color: #ffffff;
	padding: 8px 15px;
	color: #00c49a;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	font-size: 1em;
	display: inline-block;
	transition: all .3s ease;
	border: 2px solid #00c49a;
}

.boton:hover {
	color: #00c49a;
	background-color: #ffffff;
	border: 2px solid #00c49a;
}

.boton-activo {
	margin-top: 10px;
	background-color: #ffffff;
	padding: 8px 15px;
	color: #00c49a;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	font-size: 1em;
	display: inline-block;
	transition: all .3s ease;
	border: 2px solid #00c49a;
}

.boton-secundario:hover {
	background-color: #00c49a;
	color: #ffffff;
	border: 2px solid #00c49a;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.float-right {
	float: right;
}

.boton-usuario {
	color: #ffffff !important;
	background-color: #00c49a;
	text-transform: none !important;
	padding: 8px 15px !important;
}

.seccion {
	background-color: #ffffff !important;
	padding: 30px;
	margin: 15px;
	border: #353535 1px solid;
}

.error {
	background-color: #ffa39e!important;
	padding: 5px 15px;
	margin-bottom: 15px;
}

.exito {
	background-color: #b7eb8f!important;
	padding: 5px 15px;
	margin-bottom: 15px;
}

.error-validacion {
	background-color: #f8d7da;
}

.mapa {
	height: 450px;
	background-color: #EBEDEF;
}

.mapa p {
	text-align: center;
	margin: 50px auto;
}

.inline {
	display: inline-block;
}

.contenido {
	height: auto;
	min-height: 680px;
	background-color: #f2f2f2;
}

.spinner-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(106, 100, 100, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1010;
}

.spinner-wrapper-full {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(106, 100, 100, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1050;
}

.spinner-wrapper-size {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1010;
}
  
.spinner-border {
	width: 70px;
	height: 70px;
	border: 0.5rem solid #6c757d;
	border-top-color: #00c49a;
	border-radius: 50%;
	animation: spinner-rotation 1s linear infinite;
}
  
@keyframes spinner-rotation {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
}

.list-home {
	margin: 10px 0;
}

.lista-envios {
	min-height: 695px;
}

.login {
	min-height: 725px;
}

/** Header **/

h1.nombre-sitio {
	font-size: 50px;
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
	font-size: 2em;
	font-weight: bolder;
	margin: auto 10px;
	line-height: 1;
	text-align: left;
	padding: 5px 10px 0 10px;
	color: #00c49a;
}

.busqueda-inicio {
	text-align: center;
}

.busqueda-inicio .boton {
	margin: 5px 5px;
}

div.barra {
	height: 68px;
	background-color: #353535;
	padding: 10px 0;
}

div.titulo-sitio {
	width: 33%;
	float: left;
}

.titulo-vista {
	margin-top: 56px;
	/* height: 50px; */
	background-color: #084c61;
}

.titulo-vista-buscador {
	margin-top: 56px;
	/* height: 100px; */
	background-color: #084c61;
}

.titulo-vista-buscador form {
	margin-top: 0;
}

.titulo-vista form, .titulo-vista a, .titulo-vista button {
	margin-top: 0;
}

.cabecera-vista{
	text-align: center;
}

.nombre-vista{
	color: #ffffff;
	font-size: 1.25em;
	font-weight: bold;
	margin: 10px 15px;
}

.logo {
	width: 45px;
	vertical-align: middle;
	height: 100%;
}

div.logo img {
	width: 100%;
}

/**Nav-principal**/


nav.navegacion-principal {
	width: 67%;
	float: right;
	text-align: right;
	display: block;
}

nav.navegacion-principal a {
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.3em;
	transition: all .5s ease;
	width: auto;
	display: inline-block;
	text-align: center;
	margin: 0 5px 0 0;
	padding: 10px 10px;
}

nav.navegacion-principal a:hover {
	color: #00c49a;
}

/**Menu usuario**/

nav.menu-usuario {
	display: none;
	width: 125px;
	position: absolute;
	top: 65px;
	right: 5%;
	z-index: 100;
	background: #ffffff;
	padding: 5px;
	border: #353535 1px solid;
}

nav.menu-usuario a {
	font-family: 'Oswald', sans-serif;
	color: #353535;
	text-decoration: none;
	text-transform: none;
	font-size: 0.9em;
	transition: all .5s ease;
	display: block;
	text-align: right;
	margin-bottom: 5px;
	padding: 5px;
}

nav.menu-usuario a:hover {
	color: #00c49a;
}

nav #info-usuario{
	cursor: pointer;
}

/**Filtros**/

.filtros-tabla {
	text-align: center;
	width: 100%;
	margin: 5px 0;
}

.filtros-tabla {
	text-align: center;
	width: 100%;
	margin: 5px 0;
}

.filtros-tabla label {
	float: left;
}

div.botones-filtros {
	margin-left: 5px;
}

.acciones-tabla {
	text-align: right;
    width: 70%;
    margin: 15px 0 5px 0;
}

.boton-crear {
	width: 29%;
}

.boton-crear a{
	padding: 5px 10px;
}

label[for="elementos-pagina-lista"] {
	margin-left: 10px;
}

/**Paginación**/

#paginacion {
	float: right;
}

/**Tablas**/

.tabla-compuesta {
	border-collapse: separate;
	border-spacing: 0 5px;
	width: 100%;
	font-size: 0.9em;
}

.tabla-compuesta tr{
	margin: 5px 0;
	background-color: #ffffff;
}

.tabla-compuesta td{
	padding: 5px;
	border-right: #353535 1px solid;
	border-top: #353535 1px solid;
	border-bottom: #353535 1px solid;
}

.tabla-compuesta td:first-child{
	border-left: #353535 1px solid;
}

.tabla-compuesta td p{
	margin: 0 ;
	color: #000000;
}

.tabla-compuesta .titulo-celda > p{
	font-weight: bold;
	color: #00c49a;
}

.columna-celda {
	width: 98%;
}

.columna-celda-mitad {
	width: 48%;
	white-space: nowrap;
  	overflow: hidden; 
}

.columna-celda p, .columna-celda-mitad p {
	padding-left: 5px;
}

.tabla-simple {
	background-color: #ffffff;
	width: 100%;
}

.tabla-simple th {
	padding: 0.75em 0.5em;
	text-align: left;
	background-color: #00c49a;
}

.tabla-simple td {
	padding: 0 0.5em;
}

.tabla-simple tr:hover {
	background-color: #E0E0E2 !important;
}

.tabla-simple tr:nth-child(even) {
	background-color: #e5f9f5;
}

.filtros-tabla form{
	margin: 0;
}

/**Formularios**/

fieldset {
	border: 0;
}

.titulo-seccion {
	color: #00c49a;
	font-size: 1.25rem;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

fieldset {
	padding: 10px 0 10px 0;
}

.datos-form {
	margin-top: 7px;
}

.columna-formulario {
	width: 48%;
	vertical-align: top;
}

.ts-control {
	padding: 0.25rem 0.5rem !important;
}

.disabled-light {
	background-color: transparent !important;
}

/**Footer**/

.site-footer {
	background-color: #353535;
	color: #ffffff;
}