@charset "UTF-8";


@font-face {
    font-family:"avenir";
    src:url("avenir.ttf") format("truetype"), url("avenir.woff2") format("woff2"),url("avenir.woff") format("woff");
    font-style:normal;font-weight:normal;
}

@font-face {
    font-family:"avenir";
    src:url("avenirb.ttf") format("truetype"), url("avenirb.woff2") format("woff2"),url("avenirb.woff") format("woff");
    font-style:normal;font-weight:bold;
}
        

html
{
	height:100%;
	width: 100%;
}

body
{
	height:100%;
	width: 100%;
	border:0px;
	font-family: "avenir", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin:0px;
	color:#444;
	background: #141923;
	font-size:0px;
	box-sizing: border-box;
	position: relative;
}

div
{
	margin:0px;
	border:0;
	box-sizing: border-box;
	position: relative;
}

p
{
	padding:0px 0px 0px 0px;
	margin:0px;
	border:0px;
}

input
{
	box-sizing: border-box;
	font-family: "avenir";
}

input:focus
{
	outline: none;
}

td
{
	padding:0px 0px 0px 0px;
	border-spacing:0px;
}

table
{
	width:100%;
	padding:0px 0px 0px 0px;
	border-spacing:0px;
}

img
{
	border-style:none;
	border-width:0px;
	border:0;
	margin:0px;	
}

a
{
	font-family:inherit;
	color:inherit;
	text-decoration:none;
	border-style:none;
	border:none;
}

button
{
	cursor: pointer;
}

u
{
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a:hover, button:hover
{
	font-family:inherit;
	color:inherit;
	text-decoration:none;
}

/*INPUTS*/

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea
{
	width: 98%;
	font-size: 18px;
	color: #444;
	border:none;
	background-color: rgba(0,0,0,0.05);
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
	font-weight: 400;
	margin-bottom: 20px;
}

textarea
{
	width: 50%;
	text-align: center;
	max-height: 500px;
	max-width: 900px;
}

input[type="checkbox"]
{
	width: 30px;
}


.input50
{
	display: inline-block;
	width: 48.5% !important;
	margin-right: 1%;
}

option
{
	color: #aaa;
}

input::placeholder, textarea::placeholder {
    color: #777;
    opacity: 1; 
}

textarea::placeholder 
{
	text-align: center;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #777;
}

input::-ms-input-placeholder,  textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #777;
}

select
{
	width: 98%;
	font-size: 18px;
	color: white;
	border:none;
	background-color: rgba(0,0,0,0.3);
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
	font-weight: 400;
	margin-bottom: 20px;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
}

/* DISPLAY GENERAL */

.BodyWithMenu
{
	padding-left: 170px;
	padding-right: 10px;
}



.EncloserContenido
{
	position: relative;
	display: inline-block;
	width: calc( 100vw - 350px );
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
}

@media screen and (max-width: 800px) 
{
	.BodyWithMenu
	{
		padding: 0px;
	}

	.EncloserContenido
	{
		width: 90vw;
	}
}

.EncloserInfo
{
	width: 100%;
	padding-left: 10px;
	text-align: left;
}

.WithMenu
{
	text-align: center;
	background-color: rgba(245,245,245);
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 5px;
	border-radius: 10px;
	padding-bottom: 80px;
}


@media screen and (max-width: 800px) 
{
	.WithMenu
	{
		margin:  0px;
	}
}

.Centerer
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-height: 100vh;
}

.Offset
{
	margin-left: 125px;
}

.TextoCajas
{
	text-align: center;
	font-size: 20px;
	color: #444;
	margin-bottom: 80px;
	display: none;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.Divider
{
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,0.8);
	border-radius:1px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.Separador
{
	width: 100%;
	height: 30px;
	pointer-events:none;
}


.TituloContenido
{
	position: relative;
	font-size: 28px;
	color: #3d5890;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 70px;
	margin-top: 20px;
}


.nFila
{
	position: absolute;
	left: -30px;
	color: rgba(0,0,0,0.4);
	font-size: 12px;
	padding-top:10px;
}

.SubtituloContenido
{
	position: relative;
	font-size: 20px;
	color: #333;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 30px;
	transition: all 0.3s;
}

.SubtituloContenido i
{
	margin-left: 20px;
	vertical-align: top;
}


.SubtituloMiniContenido
{
	position: relative;
	font-size: 16px;
	color: white;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}


.MegaCover
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.9);
	z-index: 99999;
	display: none;
	overflow: scroll;
}

.WhiteCuadro
{
	position: absolute;
	left: 50%;
	top: 200px;
	width: 400px;
	padding: 40px;
	background-color: white;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	font-size: 14px;
	color: #444;
	transform: translateX(-50%);
	border-radius: 20px;
	text-align: center;
}



/* COMPONENTES */

/* BOTONES */

.BotonRegular
{
	display: inline-block;
	float: right;
	font-size: 14px;
	color: #555;
	border:1px solid #CCC;
	padding: 8px 20px 8px 20px;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: bold;
	transition: all 0.3s;
	background-color: transparent;
	margin-left: 20px;
	vertical-align: middle;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	margin-top: 0px;
	margin-bottom: 8px;
}

.BotonRegular:hover
{
	background-color: white;
}

.BotonSecundario
{
	display: inline-block;
	float: right;
	font-size: 14px;
	color: #555;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	border-bottom: 1px dotted #555;
}

.BotonExportar
{
	display: inline-block;
	float: right;
	font-size: 12px;
	color: #555;
	border:1px solid #555;
	padding: 8px 15px 8px 15px;
	border-radius: 20px;
	text-transform: uppercase;
	font-weight: bold;
	transition: all 0.3s;
	margin-left: 20px;
	vertical-align: middle;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: rgba(0,0,0,0);
}

.BotonExportar:hover
{
	background-color: rgba(255,255,255,0.1);
}

.Cancelar
{
	border-color: #ff7a7b;
	color: #ff7a7b;
}



/* SEARCHBAR */

.ContenedorSearchBar
{
	position: relative;
	width: 100%;
}



.SearchBarIcono
{
	position: absolute;
	right: 30px;
	top: 33%;
	transform: translateY(-50%);
	color: white;
	font-size: 30px;
}

.SearchBar::placeholder {
    color: white;
    opacity: 1; 
}

.SearchBar:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

.SearchBar::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}


/* TARJETAS */

.Tarjeta
{
	position: relative;
	display: inline-block;
	width: 15%;
	height: 120px;
	margin:20px 0.7% 0px 0.7%;
	border-radius: 10px;
	background-color: white;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.Tarjeta i
{
	position: absolute;
	right: 10px;
	top: 10px;
	color: #27435F;
	font-size: 15px;
}

.InfoTarjeta
{
	position: absolute;
	left: 15px;
	bottom:15px;
	text-align: left;
	color: #27435F;
}

.NumeroInfoTarjeta
{
	font-size: 40px;
	font-weight: bold;
}

.DisplayTarjeta
{
	font-size: 15px;
}

.ColorTarjetaBlue
{
	color: #27435F;
}

.ColorTarjetaGreen
{
	color: #8C996F;
}

.ColorTarjetaYellow
{
	color: #df9f31;
}

.ColorTarjetaRed
{
	color: #b85859;
}

.ContenedorSelectorsFecha
{
	width: 100%;
	text-align: center;
}

.SelectorFecha
{
	display: inline-block;
	font-size: 13px;
	color: white;
	margin-right: 20px;
	margin-left: 20px;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

.SelectorFechaSelected
{
	color: #5AC7FA;
	border-bottom: 1px dotted #5AC7FA;
}




/*CIRCULOS*/


.ContenedorCircleMenu
{
	position: relative;
	width: 100%;
	height: 150px;
	text-align: center;
	transition: all 0.8s;
}

.CirculoParent
{
	position: relative;
	display: inline-block;
	width: 200px;
}

.Circulote
{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0px;
	width: 120px;
	height: 120px;
	background-color: white;
	border-radius: 60px;
	font-size: 16px;
	font-weight: bold;
	color: #27435F;
	cursor: pointer;
}

.CirculoChild
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	border:1px solid white;
	font-size: 14px;
	color: white;
	opacity: 0;
	transition: all 0.5s;
	cursor: pointer;
	pointer-events: none;
}

/* TABLAS */

.ContenedorTabla
{
	width: 100%;
	overflow-x: scroll;
	text-align: left;
}

.ToggleColumna
{
	display: inline-block;
	border:1px solid rgba(0,0,0,0.3);
	border-radius: 10px;
	padding: 3px 10px 3px 10px;
	font-size: 13px;
	color: #444;
	margin-right: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}


.ToggleColumnaSelected
{
	background-color: rgba(179, 184, 186, 0.3);
}

.ContenedorTabla table
{
	width: 100%;
	color: #333;
	font-size: 12px;
}

.ContenedorTabla th
{
	padding: 20px 10px 5px 10px;
	text-align: left;
	box-sizing: border-box;
	background-color: transparent;
	font-size: 11px;
	color: #666;
}

.ContenedorTabla td
{
	padding: 12px 10px 12px 10px;
	text-align: left;
	box-sizing: border-box;
	font-size: 12px;
	color: #333;
}




.ContenedorTabla tr:not(:first-child)
{
	background-color: rgba(0,0,0,0.05);
}

.ContenedorTabla tr:nth-child(even)
{
	background-color: rgba(0,0,0,0.05);
	border-radius: 10px;
}

.FirstTD
{
	width: 5px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.LastTD
{
	width: 5px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.SpacerTR
{
	height: 20px;
	background-color: white;
}

.busqueda_tabla
{
	width: 100% !important;
	font-size: 16px !important;
	background-color: rgba(0,0,0,0.1) !important;
	padding: 10px 15px 10px 15px !important;
	margin-top: 20px !important;
	margin-bottom: 50px !important;
	text-align: left  !important;
}

.Paginadores
{
	position: relative;
	padding:0px 0px 30px 0px;
	text-align: center;
}

.Paginadores1
{
	position: relative;
	padding:0px 0px 30px 0px;
	text-align: center;
}

.Paginador
{
	display: inline-block;
	padding:15px 20px 15px 22px;
	border:1px solid #666;
	color: #666;
	font-size: 25px;
	border-radius: 50px;
	margin-right: 10px;
}

.NoSearch
{
	font-size: 14px;
	color: #333;
	text-align: center;
}

.NoSearchButton
{
	background-color: rgba(86, 167, 126, 1.000);
	padding: 10px 20px;
	border-radius: 9px;
	font-size: 12px;
	color: white;
	font-weight: bold;
	display: inline-block;
	margin-top: 30px;
}

.NoEnviosButton
{
	background-color: rgba(86, 167, 126, 1.000);
	padding: 5px 10px;
	border-radius: 9px;
	font-size: 10px;
	color: white;
	font-weight: bold;
	display: inline-block;
	margin-top: 30px;
}

/* LISTA SIMPLE */ 

.ContenedorListaSimple
{
	width: 90%;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.2);
	background-color: rgba(0,0,0,0.0);
	display: inline-block;
	margin-bottom: 20px;
	transition: all 0.5;
	color: #555;
}

.ContenedorListaSimple:hover
{
	background-color: rgba(0,0,0,0.01);
}

.ContenedorRemitentes
{
	width:45%; 
	display:inline-block;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-bottom: 30px;
	height: 160px;
	white-space: normal !important;
	background-color: transparent;
	border:1px solid #999;
}

.ContenedorDestinatarios
{
	width:30%; 
	display:inline-block;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 30px;
	height: 150px;
	white-space: normal !important;
	background-color: transparent;
	border:1px solid #999;
	display: none;
	vertical-align: top;
}

.ElementoListaSimple
{
	display: inline-block;
	font-size: 12px;
	color: #666;
	text-align: left;
	padding: 8px 0px 8px 15px;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.ElementoListaSimpleDestinatarios
{
	display: inline-block;
	font-size: 14px;
	color: #555;
	text-align: left;
	padding: 8px 0px 8px 15px;
  	width: 100%; 
  	white-space:normal; 
  	vertical-align:top;
}


.ActionsListaSimple
{
	display: inline-block;
	font-size: 25px;
	color: #333;
	text-align: right;
	width: 5%;
	vertical-align: top;
}

.LabelInputNormal
{
	font-size:16px;
	color: #333;
	text-align: left;
	margin-bottom: 8px;
	padding-left: 20px;
}

.ActionsListaSimple:hover
{
	color:#BFEBFD;
}




/* MENUS */

.Menu
{
	position: fixed;
	left: 0px;
	top: 1vw;
	width: 190px;
	height: 97vh;
	text-align: left;
	font-size: 15px;
	color: white;
}

@media screen and (max-width: 800px) 
{
	.Menu
	{
		display: none;
	}
}

.ElementoMenu
{
	position: relative;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 5px;
	transition: all 0.5s;
	padding-left: 20px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

.TituloElementoMenu
{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 25px;
	transition: all 0.5s;
	padding-left: 20px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

.ElementoMenu:hover
{
	margin-left: 5px;
}

.ElementoMenuSelected
{
	padding-left: 25px;
}

.ElementoMenuSelected:after
{
	content: " •";
}

.ElementoMenuBusqueda
{
	margin-top: 10px;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px;
	font-size: 12px;
	color: white;
	background-color: rgba(0,0,0,0.4);
	border: none;
	outline: none;
}

.ElementoMenuBusqueda:focus
{
	outline: none;
}

.InfoUsuario
{
	margin-top: 20px;
	font-size: 13px;
	color: #27435F;
}

.InfoUsuario a
{
	padding-top: 10px;
	color: #f1a84b;
	text-decoration: none;
}

.InfoUsuario a:hover
{
	color: #f1a84b;
	text-decoration: underline;
}

.LogoMenu
{
	width: 80%;
	margin-left:10%;
	padding-top: 30px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}










/* LOGIN */

.LoginTexto
{
	text-align: left;
	font-size: 20px;
	color: #444;
	margin-bottom: 5px;
}

.LoginInput
{
	width: 400px !important;
	font-size: 20px;
	color: #666;
	border:1px solid #999;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	margin: 0px !important;
	background-color: rgba(0, 0, 0,0.1) !important;
}

.BotonLoginInput
{
	position: absolute;
	right: 58px;
	bottom: 75px;
	width: 30px;
	background-color: #B3EDFF;
	font-size: 20px;
	color: #444;
	padding: 6px 25px 6px 10px;
	text-align: center;
	box-shadow: 0px 0px 2px rgba(0,0,0,0);
	border-radius: 5px;
	text-align: center;
}

.BotonLoginInput:hover
{
	background-color: #b2dbeb;
}

.LogotipoLogin
{
	position: absolute;
	left: 30px;
	top: 30px;
	width: 150px;
}

.LogotipoLogin2
{
	position: absolute;
	right: 30px;
	top: 30px;
	width: 150px;
}

.Bienvenida
{
	font-size: 40px;
	color: #777;
}

.CentererLogin
{
	transition: all 0.5s;
	left: 150%;
	background-color: rgba(255,255,255,0.7);
	padding: 50px 50px 70px 50px;
	border-radius: 20px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}


/* CLIENTES */

.SelectorCouriers
{
	display: inline-block;
	width: 150px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 20px;
	border:1px solid white;
	border-radius: 20px;
	transition: all 0.3s;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.SelectorCouriers:hover
{
	border:5px solid #BFEBFD;
	border-radius: 30px;
}


.TextoPaquetes
{
	display: inline-block;
	text-align: right;
	
	color: #555;
	font-size: 16px;
	vertical-align: middle;
	margin-bottom: 30px;
}

.ControladorPaquetes
{
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	color: #555;
	font-size: 16px;
	margin-bottom: 30px;
}

.Flecha
{
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;
	vertical-align: middle;
	font-size: 30px;
	color: #555;
	cursor: pointer;
}

.NumeroPaquetes
{
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	color: #555;
}

.PaquetesID
{
	display: inline-block;
	width: 8%;
	font-size: 14px;
	color: #555;
	text-align: left;
}

.PaquetesInput
{
	display: inline-block;
	width: 8%;
	font-size: 14px;
	color: white;
	border:none;
	background-color: rgba(0,0,0,0.6);
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	font-weight: 400;
	margin:0px 5px 0px 5px;
}



.PaquetesInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #EEE;
}
.PaquetesInput::-moz-placeholder { /* Firefox 19+ */
  color: #EEE;
}
.PaquetesInput:-ms-input-placeholder { /* IE 10+ */
  color: #EEE;
}
.PaquetesInput:-moz-placeholder { /* Firefox 18- */
  color: #EEE;
}


.ContenedorPaquetes
{
	margin-bottom: 30px;
}

.bodyComitan
{
	background: #323646 !important;
}

.cajasvideo
{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 100px;
	transform: translate(-50%, -50%);
	width: 500px;
}


.DetalleInfo
{
	width: 25%;
	display: inline-block;
	margin-right: 8.3%;
	font-size: 15px;
	color: white;
	text-align: left;
	vertical-align: top;
}

.DetalleInfo img
{
	width: 100%;
	box-sizing: border-box;
	border:1px solid #BFEBFD;
	padding: 10px 40px 10px 40px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.celda_excel
{
	display: inline-block;
	width: 12.5%;
	padding: 10px 0px 10px 0px;
	text-align: center;
	font-size: 13px;
	color: white;
	vertical-align: top;
}

.celda_excel:focus
{
	border-radius: 5px;
	outline: solid 1px #BFEBFD;
	box-sizing: border-box;

}

.celda_header
{
	background-color: rgba(0,0,0,0.2);
}

.AgregarAlgo
{
	position: absolute;
	font-size: 20px;
	color: white;
}

.AgregarAlgo i
{
	margin-right: 5px;
	margin-bottom: 5px;
}

.AgregarColumnas
{
	right: -70px;
	top: 10px;
}

.AgregarFilas
{
	left: 20px;
	bottom: -50px;
}

.Fechas
{
	color: #444;
	font-size: 14px;
	cursor: pointer; 
	margin-bottom: 30px;
	text-align: left;
	width: 100%
}

.Comentario
{
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	font-size: 14px;
	color: #666;
	padding: 7px 7px;
	border-radius: 2px;
	margin-top:20px;
}

.SelectFiltro
{
	display: inline-block;
	padding: 4px 5px;
	margin-right: 40px;
}

.LabelSelect
{
	font-size: 12px;
	font-weight: bold;
	color: #444;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	padding-top: 10px;
}

.HeaderColumna
{
	cursor: pointer;
}

.BotonAzulGuardar
{
	display: inline-block;
	padding: 7px 14px;
	background-color: #55A77E;
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	margin-top: 10px;
	float: right;
}

.BotonAzulFiltros
{
	display: inline-block;
	padding: 7px 14px;
	background-color: #55A77E;
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	margin-left: 50px;
	vertical-align: top;
}

.LabelShowToggles
{
	font-size: 13px;
	font-weight: bold;
	color: #444;
	margin-bottom: 15px;
	cursor: pointer;
	text-align: right;
}

@media screen and (max-width: 800px) 
{
	.LabelShowToggles
	{
		display: none;
	}
}

.ContenedorToggles
{
	display: none;
	margin-bottom: 40px;
}

.Linea
{
	width: 100%;
}

.LineaBottom
{
	width: 0%;
	height: 10px;
	border-radius: 0px 5px 5px 0px;
	background-color: #BFEBFD;
	margin-left: 0px;
	transition: all 2s;
}

.TablaErrores
{
	width: 50%;
}

.SubtituloEdicion
{
	font-size: 13px;
	display: inline-block;
	color: rgb(36, 122, 170);
	margin-top: 20px;
	border-bottom: 1px dotted rgb(36, 122, 170);
}

.FallbackElement
{
	position: relative;
	display: inline-block;
	width: 33%;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

.CoverPagina
{
	position: fixed;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	background-color:rgba(0,0,0,0.6);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	display: none;
}

.CoverPagina2
{
	position: fixed;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	background-color:rgba(0,0,0,0.6);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	display: none;
}

.CoverPagina3
{
	position: fixed;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	background-color:rgba(255,255,255,0.8);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	display: none;
	overflow: scroll;
	text-align: center;
}

.CoverPagina3Contenedor
{
	position: relative;
	display: inline-block;
	width: 800px;
	margin-top: 100px;
}

.Modal
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	padding:40px;
	background-color:white;
	border-radius: 20px;
}

.Modal input[type="text"]
{
	width: 98%;
	font-size: 18px;
	color: #444;
	border:1px solid #999;
	background-color: white;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
	font-weight: 400;
	margin-bottom: 20px;
}

.Modal input::placeholder {
    color: #999;
    opacity: 1; 
}

.Modal input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

.Modal input::-ms-input-placeholder { /* Microsoft Edge */
    color: #999;
}

.Modal textarea
{
	width: 98%;
	font-size: 18px;
	color: #444;
	border:1px solid #999;
	background-color: white;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
	font-weight: 400;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: left;
}

.BotonModal
{
	display: inline-block;
	float: right;
	font-size: 14px;
	color: white;
	padding: 8px 20px 8px 20px;
	border-radius: 10px;
	border:none;
	text-transform: uppercase;
	font-weight: bold;
	transition: all 0.3s;
	background-color: #009ef0;
	margin-left: 20px;
	vertical-align: middle;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

.BotonModal:hover
{
	background-color: #0076b4;
}

.BotonModalRojo
{
	background-color: #e74670;
	cursor: pointer;
}

.BotonModalRojo:hover
{
	background-color: #9f304d;
}

.LogotipoFallback
{
	width: 60%;
}

.ContenedorOpcionesTookacl
{
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}

.OpcionTookacl
{
	position: relative;
	display: inline-block;
	background-color: white;
	padding:20px;
	border-radius: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 90px;
}

.Bienvenida
{
	position: relative;
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	text-align: left;
}

.BienvenidaNombre
{
	color: #f6f6f6;
	font-size: 30px;
	font-weight: bold;
	padding-top: 10px;
}

.BienvenidaEmpresa
{
	font-size: 18px;
	color: #f6f6f6;
	margin-top: -5px;
	padding-left: 6px;
}

.OptionsContainer
{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	text-align: right;
}

@media screen and (max-width: 800px) 
{
	.Bienvenida
	{
		position: relative;
		display: inline-block;
		width: 100%;
		vertical-align: middle;
		text-align: center;
	}

	.OptionsContainer
	{
		display: none;
	}

	.BienvenidaNombre
	{
		font-size: 20px;
	}

	.BienvenidaEmpresa
	{
		font-size: 12px;
		color: white;
	}
}

.OptionsContainerCuadro
{
	position: relative;
	display: inline-block;
	width: 80px;
	height: 80px;
	
	margin-left: 10px;
}

.OptionsContainerCenterer
{
	position: absolute;
	left: 0px;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.IconOptions
{
	font-size: 20px;
	color: rgba(0,0,0, 0.7);
}

.SearchBar
{
	position: relative;
	width: 100%;
	background-color: rgba(0,0,0,0.05);
	text-align: center;
	color: #333;
	font-size: 17px;
	padding: 10px 0px;
	border: none;
	outline: none;
	box-shadow: none;
	border-radius: 10px;
}

.SearchBar:focus
{
	outline: none;
}

.SearchBar::placeholder {
    color: rgba(0,0,0,0.6);
    opacity: 1; 
}

.SearchBar:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0,0,0,0.3);
}

.SearchBar::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(0,0,0,0.3);
}

.FechaOptions
{
	font-weight: bold;
	padding-top: 10px;
	font-size: 10px;
	color: rgba(255,255,255, 0.8);
}

@keyframes scan {
  from {
    top: 105px;
  }

  to {
    top: 230px;
  }
}


.Scanner
{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 170px;
	border-radius: 3px;
	height: 30px;
	background-color: rgba(0,0,0,0.3);
	animation-duration: 1s;
	animation-name: scan;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.WrittingPrompt
{
	display: none;
	position: fixed;
	left: 50%; top: 50%;
	margin-left: 100px;
	transform: translate(-50%, -50%);
	padding:20px 50px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 20px;
	text-align: center;
	color: white;
	font-size: 40px;
}

#ContenedorGuiasEscaneadas
{
	width: 40%;
	display: inline-block;
	margin-top: 100px;
}

.GuiaEscaneada
{
	font-size: 22px;
	color: white;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px solid white;
}

#ContenedorGuiasEscaneadas select
{
	width: 67px;
	margin-left: 30px;
	padding:3px 10px;
	text-align: center;
}

.TituloTookacl
{
	text-align: center;
	font-size: 25px;
	color: #333;
	margin-bottom: 50px;
}

.ContenedorMensajero
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	display: inline-block;
	text-align: center;
	display: none;
	z-index: 9999;
}

.ContenedorEquipo
{
	width: 160px;
	display: inline-block;
	margin: 10px 10px 20px 10px;
	text-align: center;
	cursor: pointer;
}

.FotoMensajero
{
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 25px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}

.FotoEquipo
{
	width: 120px;
	height: 120px;
	display: inline-block;
	border-radius: 50px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}

.NombreMensajero
{
	width: 150px;
	text-align: center;
	font-size:9px;
	color:#333;
	margin-top: 10px;
}

.SubirExcelRedondo
{
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	font-size: 20px;
	color: #444;
	text-align: center;
	border-radius: 100px;
	border: 1px dotted #444;
	margin-bottom: 70px;
	padding: 90px 30px 0px 30px;
	box-sizing: border-box;
	word-break: break-all;  
}

.cover_total
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.9);
	z-index: 999999999;
}

.modal_factura
{
	position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	width: 500px;
	padding: 30px;
	border-radius: 20px;
}

.TituloFacturacion
{
	position: relative;
	font-size: 20px;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid #999;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 40px;
}

.LabelFactura
{
	position: relative;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
	margin-top: 20px;
	padding-bottom: 5px;
}

.InputFactura
{
	position: relative !important;
	width: 98% !important;
	font-size: 18px !important;
	color: #666 !important;
	border:1px solid #aaa !important;
	background-color: #eee !important;
	border-radius: 5px !important;
	padding: 10px 10px 10px 10px !important;
	font-weight: 400 !important;
	margin-bottom: 20px !important;
}

.BotonFactura
{
	display: inline-block;
	font-size: 14px;
	color: white;
	background-color: rgba(74, 154, 215, 1.000);
	padding: 8px 20px 8px 20px;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: bold;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	margin-top: 0px;
	margin-bottom: 0px;
	border: none;
	margin-top: 20px;
	float: right;
}

.ContenedorGeneralGraficas
{
	display: inline-block;
	width: 60%;
}


.ContenedorGraficas
{
	box-sizing: border-box;
	padding-top: 30px;
	width: 100%;
	text-align: center;
}

.ContenedorNumeralia
{
	box-sizing: border-box;
	text-align: center;
	width: 100%;
}

.ContenedorNumeralia40
{
	box-sizing: border-box;
	text-align: center;
	width: 40%;
	display: inline-block;
	vertical-align: top;
}

.ContenedorNumeraliaIndividual
{
	display: inline-block;
	vertical-align: bottom;
	padding: 20px;
	text-align: center;
	width: 11.1%;
	background-color: rgba(0,0,0,0);
	transition: all 0.5s;
}

.ContenedorNumeraliaIndividualGrande
{
	width: 20%;
	
}

.NumeraliaPeque
{
	width: 40%;
	margin-right: 0px;
	margin-left: 0px;
	border-radius: 5px;
	border: 1px solid #CCC;
	display: inline-block;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 20px;
	background-color: rgba(255, 255, 255, 0);
	transition: all 0.5s;

}

.NumeraliaPeque:hover
{
	background-color: rgba(0, 0, 0, 0.02);
}


.ranges, .drp-calendar
{
	color: #333 !important;
}

.ContenedorBarra
{
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	
	width: 20%;
}

.Barra
{
	display: inline-block;
	width: 70%;
	background-color: #15476c;
	transition: all 0.5s;
	height: 30px;
	border-radius: 10px;
}

.Barra:hover
{
	background-color: #3385c1;
	transform: scaleY(1.03);
}

.BarraEntrega
{
	position: relative;
	width: 12%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: rgba(20, 71, 108, 1.000);
	border-radius: 5px;
	height: 200px;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: bottom;
	transition: all 1s;
}

.BarraEntrega:hover
{
	background-color: #3385c1;
	transform: scaleY(1.03);
}

.LabelEntrega
{
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 9px;
	color: #666;
	bottom:  -30px;
	left: 0px;
}

.PorcentajeEntrega
{
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 8px;
	top:  7px;
	color: white;
	font-weight: bold;
	left: 0px;
}


.NumeraliaLabel
{
	font-size: 13px;
	color: #333;
}

.NumeraliaLabel img
{
	width: 60%;
	margin-bottom: 10px;
	opacity: 0.7;
}

.NumeraliaNumber
{
	font-size: 20px;
	color: #666;
	font-weight: bold;
}

.NumeraliaNumberBig
{
	font-size: 20px;
	color: #666;
	font-weight: bold;
}



@media screen and (max-width: 800px) 
{
	.ContenedorBarra
	{
		width: 20%;
	}

	.ContenedorBarra:nth-child(4)
	{
		display: none;
	}

	.ContenedorNumeraliaIndividual
	{
		width: 25%;
	}

	.ContenedorNumeraliaIndividualGrande
	{
		width: 20%;
		vertical-align: top;
	}

	.ContenedorNumeraliaIndividualGrande:nth-child(3)
	{
		display: none;
	}

	.HideOnMobile
	{
		display: none;
	}
	#filtros_div
	{
		display: none;
	}
	

	.NumeraliaLabel
	{
		font-size: 6px;
		color: rgba(255,255,255,0.6);
	}

	.NumeraliaNumber
	{
		font-size: 14px;
		color: #00E0FF;
		font-weight: bold;
	}

	.NumeraliaNumberBig
	{
		font-size: 15px;
		color: #FFF;
		font-weight: bold;
	}

	.NumeraliaPeque
	{
		width: 25%;
		margin-right: 0px;
		margin-left: 0px;
	}
	.CuadroCirculos50
	{
		width: 99%;
	}
}

.WithMenu
{
	background-color: #f5f5f5 !important;
}

.CuadroCirculos
{
	position: relative;
	display: inline-block;
	width: 17%;
	margin-right: 3%;
	background-color: white;
	border-radius: 10px;
	
	text-align: center;
	padding: 60px 0px 40px 0px;
	margin-bottom: 20px;
	vertical-align: top;
	margin-top: 50px;
	border-radius: 20px;
	background: #f6f6f6;
	box-shadow:  5px 5px 10px #d5d5d5,
	             -5px -5px 10px #ffffff;
}

.CuadroCirculos50
{
	width: 47%;
}

@media screen and (max-width: 800px) 
{
	.CuadroCirculos
	{
		
		width: 99%;
		
	}
}

.CuadroCirculos td
{
	padding: 4px 20px;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #555;
	text-align: left;;
}

.CuadroCirculos tr:nth-child(even)
{
	background-color: rgba(0,0,0,0.03);
}

.Promedio
{
	font-weight:bold; 
	color: #00E0FF;
	font-size: 18px;
	margin-top: 30px;

}

.TituloCuadroCirculos
{
	position: absolute;
	top: 15px;
	font-size: 13px;
	color: #999;
	width: 100%;
	font-weight: bold;
	text-align: center;
}

.CentererCuadroCirculo
{
	position: absolute;
	width: 60%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.CuadroCirculos img
{
	width: 60%;
}

.NumeroCuadroCirculo
{
	font-size: 30px;
	font-weight: bold;
	color: #999;
}

.LabelCuadroCirculo
{
	margin-top: -10px;
	font-size: 12px;
	color: rgba(0,0,0,0.7);
}

.ContenedorDireccion,.ContenedorMaterial
{
	position: relative;
	margin-bottom: 30px;
	background-color: white;
	border-radius: 20px;
	height: 250px;
	text-align: left;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(0, 0, 0,0.2);
}

.ContenedorDireccionDetalle
{
	position: relative;
	margin-bottom: 30px;
	background-color:rgba(0,0,0,0.8);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 20px;
	height: 250px;
	text-align: left;
	overflow: hidden;
}

.ContenedorDireccionPaquetes
{
	height: 150px;
}

.ContenedorDireccionPaqueteria
{
	position: relative;
	height: auto;
}

.ContenedorDireccionRecoleccion
{
	height: auto;
}

.ContenedorDireccionMailing
{
	padding: 30px 0px 10px 0px;
	text-align: center;
	height: auto;
}

.ContenedorDireccionMailing input 
{
	text-align: center;
	font-size: 13px;
	width: 40%;
	margin-left: 1%;
	margin-right: 1%;
	vertical-align: top;
}

.ContenedorDireccionMailing textarea
{
	text-align: center;
	font-size: 13px;
	width: 40%;
	margin-left: 1%;
	margin-right: 1%;
	vertical-align: top;
	margin-bottom: 40px;
}

.ContenedorDireccionTitulo
{
	position: relative;
	background-color: #0A91DA;
	display: inline-block;
	width: 50px;
	height: 100%;
	vertical-align: middle;
}

.ContenedorDireccionTituloTexto
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform-origin: 50% 50%;
	text-align: center;
	transform: translate(-50%, -50%) rotate(-90deg);
	font-size: 20px;
	color: white;
	font-weight: bold;
	width: 250px;
}

.BotonInternacional
{
	display: inline-block;
	position: relative;
	padding: 10px 30px;
	border-radius: 10px;
	border: 1px solid rgba(34, 37, 43, 1.000);
	font-size: 15px;
	margin-bottom: 30px;
	display: none;
}

.ContenedorDireccionTituloTextoLibreta
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform-origin: 50% 50%;
	text-align: center;
	transform: translate(-50%, -50%) rotate(-90deg);
	font-size: 12px;
	color: white;
	font-weight: bold;
	width: 250px;
	text-decoration: underline;
}

.CheckBox
{
	width: 20px !important;
}

.LabelNotif
{
	font-size: 12px;
	color: #444;
	text-align: left;
}

.ContenedorDireccionControles
{
	position: relative;
	background-color: rgba(0,0,0,0.7);
	display: inline-block;
	width: 50px;
	height: 100%;
	vertical-align: middle;
}

.CentererControles
{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.Control
{
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

.Control i
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%, -50%);
	font-size: 10px;
	color: white;
}

.ContenedorDireccionInfo
{
	position: relative;
	display: inline-block;
	width: calc(100% - 100px);
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0px 30px;
}

.ContenedorDireccionInfoPaqueteria
{
	width: calc(100% - 50px);
}

.ContenedorDireccionInfoPaqueteria th
{
	font-size: 15px;
	font-weight: bold;
	color: #7BDEAF;
	margin-bottom: 30px;
	text-align: center;
	padding-bottom: 30px !important;
}

.ContenedorDireccionInfoPaqueteria td
{
	text-align: center;
	padding-bottom: 30px !important;
}

.courier_select
{
	cursor: pointer;
}

.ContenedorDireccionInfoPaqueteria img
{
	width: 80px;
}

.SelectorRecoleccion
{
	position: absolute;
	display: inline-block;
	width: 33.3%;
	height: 20px;
	left: 66.6%;
	background-color: rgba(62, 88, 144, 1.000);
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	transition: all 0.5s;

}

.FechaRecoleccion
{
	position: relative;
	margin-top: 40px;
	margin-bottom: 40px;
	display: inline-block;
	width: 33.3%;
	font-size: 22px;
	color: #444;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
}

.SubFechaRecoleccion
{
	font-size: 12px;
	font-style: italic;
	color: rgba(0,0,0,0.5);
	font-weight: normal;
}

.SelectorSeguro
{
	position: absolute;
	display: inline-block;
	width: 50%;
	height: 20px;
	left: 50%;
	background-color: #1c3e57;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	transition: all 0.5s;

}

.FechaSeguro
{
	position: relative;
	margin-top: 40px;
	margin-bottom: 40px;
	display: inline-block;
	width: 50%;
	font-size: 22px;
	color: #444;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
}

.SubFechaSeguro
{
	font-size: 12px;
	font-style: italic;
	color: rgba(255,255,255,0.5);
	font-weight: normal;
}

.BolaVerde
{
	position: relative;
	display: inline-block;
	margin-right: 10px;
	width: 15px;
	height: 15px;
	border-radius: 8px;
	background-color: #7BDEAF;
}


.BolaGris
{
	position: relative;
	display: inline-block;
	margin-right: 10px;
	width: 15px;
	height: 15px;
	border-radius: 8px;
	background-color: rgba(255,255,255,0.4);
}

.BolaIMG
{
	width: 30px !important;
}

.DiaTD
{
	font-size: 15px;
	font-weight: bold;
	color: #777;
}

.ServicioTD
{
	font-size: 14px;
	font-weight: bold;
	color: rgba(0,0,0,0.6);
}

.ContenedorIconosMas, .ContenedorIconosMas2
{
	position: relative;
	margin-top: 70px;
	margin-bottom: 100px;
	text-align: center;
}

.ContenedorIconosMas img, .ContenedorIconosMas2 img
{
	height: 80px;
	margin-right: 50px;
	margin-left: 50px; 
}

.ContenedorDireccionInfo input
{
	width: 23%;
	margin: 10px 1%;
	font-size: 12px;
	color: #444;
	background-color: transparent;
	border:none;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-radius: 0px;
	padding: 3px 8px;
}

.ContenedorDireccionInfo input:focus
{
	outline: none;
}

.size50
{
	width: 48% !important;
}

.TituloEnvio
{
	position: relative;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: rgba(34, 37, 43, 0.8);
	margin-bottom: 30px;
	margin-top: 60px;
}

.BotonEnvio
{
	border: 1px solid #1c3e57;
	color: #1c3e57;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px 20px;
	background-color: transparent;
	outline: none;
	margin-top: 30px;
	margin-bottom: 50px;
	border-radius: 20px;
}

.CoverNegro
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.9);
	display: none;
}

.CuadroBusquedaDireccion
{
	position: relative;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	border-radius: 20px;
	box-shadow: 0px 0px 5px black;
	padding: 10px 30px 20px 30px;
	width: 700px;
}

.IconoBuscar
{
	width: 5%;
	color: #333;
	font-size: 30px !important;
	vertical-align: middle !important;
	padding-bottom: 20px;
}

.CuadroBusquedaDireccion input
{
	width: 95%;
	vertical-align: middle;
	background-color: transparent;
	color: #333;
}

.CuadroBusquedaDireccion input:focus
{
	outline: none;
}

.DividerBusqueda
{
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.2);
	margin-top: -10px;
}

.ListaDireccionCuadro
{
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(0, 0, 0, 0.0);
	transition: all 0.5s;
	padding-left: 10px;
	display: none;
	cursor: pointer;
}

.ListaDireccionCuadro:hover
{
	background-color: rgba(0, 0, 0, 0.05);
}

.Hidden
{
	display: none;
}

.ListaDireccionCuadroNombre
{
	font-size: 15px;
	display: inline-block;
	font-weight: bold;
	color: #333;
}

.ListaDireccionCuadroEmpresa
{
	font-size: 15px;
	display: inline-block;
	padding-left: 5px;
	color: rgba(231, 140, 87, 1.000);
}

.ListaDireccionCuadro
{
	font-size: 13px;
	font-style: italic;
	color: #777;
}

.Cintillo
{
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 1000px;
	background-color: rgba(254, 162, 100, 1);
	border-radius: 20px;
	padding: 10px 20px;
	margin-left:60px;
	margin-top: 20px;
}

.Cintillo img
{
	position: relative;
	width: 20px;
	vertical-align: middle;
}

.CintilloTexto
{
	position: relative;
	display: inline-block;
	padding-left: 0px;
	width: 900px;
	font-size: 13px;
	font-weight: bold;
	color: rgba(255,255,255,1);
	text-align: center;
	vertical-align: middle;

}

.preloader
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: white;
}

.preloader video
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
}

.preloader img
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
}


@media screen and (max-width: 800px) 
{
	td
	{
		display: none !important;
		border:none !important;
		padding: 3px 15px 0px 15px !important;
	}

	td.Columnafechaenvio
	{
		display: block !important;
		font-style: italic;
		padding-top: 15px !important;
	}

	td.VisibleTD
	{
		display: table-cell !important;
	}

	.NormalTR
	{
		border: none !important;
	}

	td.Columnaguia
	{
		display: block !important;
		font-size: 18px;
		font-weight: bold;
		color: #69E7FB;
	}

	td.Columnastatus
	{
		display: block !important;
		font-size: 12px;
		font-weight: bold;
		color: white;
		padding-bottom: 15px !important;
	}

	tr
	{
		display: block;
		border-top: 20px solid #21252A;
	}

	th
	{
		display: none !important;
	}
}