#facturacion_page{
	padding:40px 0;
	font-family: 'Oswald', sans-serif;
}
#facturacion_page_001{
	display:inline-block;
	float:none;
}
#facturacion_page_001_1{
	margin-bottom:30px;
}
#facturacion_page_001_1 .sp1{
	font-size: 36px;
    font-weight: bold;
    margin-top: 10px;
}
#facturacion_page_001_2{
	border:1px solid #bfbfbf;
}
#facturacion_page_001_2_1{
	padding:30px 0;
}
#facturacion_page_001_2_1 .sp1{
	font-size:25px;
	margin-bottom:10px;
}
#facturacion_page_001_2_1 .sp2{
	font-size:20px;
	font-weight:lighter;
}
#facturacion_page_001_2_2{
	padding:30px 50px;
	background:#f2f2f2;
}
#facturacion_page_001_2_2 table{
	border:1px solid #7e7e7e;
}
#facturacion_page_001_2_2 table td,
#facturacion_page_001_2_2 table th{
	padding:5px 10px;
}
#facturacion_page_001_2_2 table th{
	background:#dcdcdc;
	border-bottom:1px solid #7e7e7e;
	border-left:1px solid #7e7e7e;
}
#facturacion_page_001_2_2 table th:first-child{
	border-left:0;
}
#facturacion_page_001_2_2 table td{
	font-size:20px;
	border-left:1px solid #7e7e7e;
	padding:10px;
}
#facturacion_page_001_2_2 table td:first-child{
	border-left:0;
}
.button{
	display:inline-block;
	padding:15px 30px;
	background:#bb1928;
	color:#FFF;
	font-size:20px;
	border-radius:10px;
	font-family: 'Oswald', sans-serif;
	border:none;
	cursor:pointer;
	margin-top:20px;
}

#facturacion_page_001_2_3{
	padding:30px 0;
}
#facturacion_page_001_2_3 .sp1{
	font-size:18px;
	font-weight:lighter;
}
#facturacion_page_001_2_3 .sp1 a{
	color:#bb1928;
}
#facturacion_page_001_2_3 .sp2{
	font-size:25px;
	margin:30px 0;
}

.nota{
	padding: 30px
}




#rastreo_page{
	padding:40px 0;
	font-family: 'Oswald', sans-serif;
}
#rastreo_page_001{
	display:inline-block;
	float:none;
	max-width: 700px;
}
#rastreo_page_001_1 .sp1{
	font-size: 36px;
    font-weight: bold;
    margin-top: 10px;
}
#rastreo_page_001_2{
	border:1px solid #bfbfbf;
}
#rastreo_page_001_2_1{
	padding:45px 0;
}
#rastreo_page_001_2_1 .sp2{
	font-size: 20px;
    font-weight: lighter;
}
#rastreo_page_001_1{
	margin-bottom:30px;
}
#rastreo_page_001_2_2{
	background:#f2f2f2;
	padding:20px 0;
}
#rastreo_page_001_2_2_1{
	display:inline-block;
	width:100%;
	max-width:260px;
}
#rastreo_page_001_2_2_1 .button{
	margin-top:20px;
}
.form_field{
	margin-bottom:20px;
}
.form_field label{
	float:left;
	width:100%;
	font-size:18px;
	font-weight: lighter;
	margin-bottom:5px;
}
.form_field input{
	float:left;
	width:100%;
	line-height:50px;
	height:50px;
	border:1px solid #797979;
	color:#797979;
	background:#e1e1e1;
	border-radius:10px;
	box-sizing: border-box;
	padding:0 10px;
	font-size:18px;
	font-family: 'Oswald', sans-serif;
}
.button{
	display:inline-block;
	padding:15px 30px;
	background:#bb1928;
	color:#FFF;
	font-size:20px;
	border-radius:10px;
	font-family: 'Oswald', sans-serif;
	border:none;
	cursor:pointer
}
#rastreo_page_001_2_3{
	padding:20px 0;
}
#rastreo_page_001_2_3 .sp2{
	font-size: 18px;
    font-weight: lighter;
}
#rastreo_page_001_2_3 .sp2 a{
	color:#bb1928;
}
.rastreo_page_001_3_1_item{
	float:left;
	width:33.33%;
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#7e7e7e;
	box-sizing:border-box;
}
.rastreo_page_001_3_1_item:last-child{
	border-width:1px;
}
.rastreo_page_001_3_1_item .sp1{
	padding:10px 0;
	border-bottom:1px solid #7e7e7e;
}
.disabled{
	opacity:0.5;
}
.rastreo_page_001_3_1_item.disabled img{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.rastreo_page_001_3_1_item_cont{
	padding:10px;
	min-height: 75px;
}
.rastreo_page_001_3_1_item_desc{
	font-weight:lighter;
	float:left;
	width:calc(100% - 60px);
	margin-left:10px;
	text-align:left;
	line-height: 130%;
	font-size: 14px;
}
.rastreo_page_001_3_1_item_icon{
	float:left;
	width:50px;
}
#rastreo_page_001_4{
	background:#f2f2f2;
	padding:25px 50px;
	border-width:0 1px;
	border-color:#bfbfbf;
	border-style:solid;
}
#rastreo_page_001_4 .sp1{
	font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
#rastreo_page_001_4 p{
	font-size:18px;
	font-weight:lighter;
	margin-bottom:20px;
}
#rastreo_page_001_4 p:last-child{
	margin-bottom:0;
}

#rastreo_page_001_5{
	padding:30px 10px;
	border-width: 0 1px;
    border-color: #bfbfbf;
    border-style: solid;
}
#rastreo_page_001_5_1{
	display:inline-block;
}
.rastreo_page_001_5_1_item{
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#7e7e7e;
	box-sizing:border-box;
}
.rastreo_page_001_5_1_item:last-child{
	border-width:1px;
}
.rastreo_page_001_5_1_item .sp1{
	padding:5px 0;
	background:#dcdcdc;
	font-size:18px;
	font-weight:lighter;
}
.rastreo_page_001_5_1_item .sp2{
	padding:5px 0;
	font-size:22px;
}
#rastreo_page_001_5_2{
	margin-top:25px;
}
#rastreo_page_001_5_2 .sp1{
	font-size:18px;
	font-weight:lighter;
	margin-bottom:10px;
}
#rastreo_page_001_5_2 .sp2{
	font-size:20px;
}

#rastreo_page_001_6{
	padding:30px 0;
	background:#f2f2f2;
	border-width: 0 1px;
    border-color: #bfbfbf;
    border-style: solid;
}
#rastreo_page_001_6_1{
	display:inline-block;
	max-width:300px;
}
#rastreo_page_001_6_1 .sp1{
	margin-bottom:5px;
}
#rastreo_page_001_6_1_1{
	margin:10px 0;
	border:1px solid #7e7e7e;
}
#rastreo_page_001_6_1_1 .sp2{
	padding:5px 0;
	background:#dcdcdc;
	font-weight:lighter;
}
#rastreo_page_001_6_1_1 .sp3{
	padding:5px 0;
	font-size:20px;
}
#rastreo_page_001_7{
	padding:30px 0;
	border-width: 0 1px 1px;
    border-color: #bfbfbf;
    border-style: solid;
}
#rastreo_page_001_7 .sp1{
	font-size:18px;
	font-weight:lighter;
}
#rastreo_page_001_7 .sp1 a{
	color:#bb1928;
}
#rastreo_page_001_7 .sp2{
	font-size:25px;
	margin:30px 0;
}



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


.form_field.wbutton .btn.btn-default {
    border-color: #797979;
    height: 50px;
}

.form_field.wbutton input {
    border-radius: 10px 0 0 10px;

}


.modal-body{
	overflow: auto;
}


td .btn.btn-primary {
    margin: 5px;
}



/*************** General Styles ***************/
/**********************************************/
.header-section{
	background-color: #373737;
	min-height: 40px;
	border: none;
	border-radius: 8px 8px 0px 0px;
	overflow:hidden;
	padding-bottom: 5px;
}
.header-section h4{
	margin-top: -4px;
	color: #3d3d3d;
	font-size:90%;
	color: aliceblue;
}
.header-section i{
	font-size: 115%;
	color: #FFFFFF;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    text-decoration: none;
}

/*************** Modern Home Page Styles ***************/
/******************************************************/
.hero-section {
    background: #0b1114;
    min-height: 70vh;
    display: flex;
    align-items: center;
    color: white;
    position: relative;
    overflow: hidden;
}

.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.1);
}

.hero-content {
    position: relative;
    z-index: 2;
}

.hero-title {
    font-size: 4.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.hero-subtitle {
    font-size: 2.25rem;
    margin-bottom: 2rem;
    opacity: 0.9;
    line-height: 1.6;
}

.btn-primary-custom {
    background: #3AADBD !important;
    border: none !important;
    padding: 15px 40px;
    font-size: 2.1rem;
    font-weight: 600;
    border-radius: 50px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white !important;
    text-decoration: none !important;
    display: inline-block;
}

.btn-primary-custom:hover,
.btn-primary-custom:focus,
.btn-primary-custom:active {
    background: #2a8a96 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(58, 173, 189, 0.3);
    color: white !important;
    text-decoration: none !important;
    border: none !important;
}

.feature-card {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    height: 100%;
    margin-bottom: 2rem;
}

.feature-card:hover {
    transform: translateY(-5px);
}

.feature-icon {
    width: 35px;
    height: 35px;
    background: linear-gradient(135deg, #3AADBD, #2a8a96);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: white;
    font-size: 1.5rem;
}

.contact-section {
    background: #f8f9fa;
    padding: 4rem 0;
}

.contact-card {
    background: white;
    border-radius: 15px;
    padding: 3rem;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.phone-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: #3AADBD;
    margin: 1.5rem 0;
}

.btn-outline-custom {
    border: 2px solid #3AADBD;
    color: #3AADBD;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.btn-outline-custom:hover {
    background: #3AADBD;
    color: white;
    text-decoration: none;
}

/* Search Results Table Styles */
.table {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.table th {
    background: #3AADBD;
    color: white;
    font-weight: 600;
    border: none;
    padding: 15px 10px;
}

.table th:nth-child(5) {
    width: 300px;
}

.table td {
    padding: 12px 10px;
    border-color: #e9ecef;
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f9fa;
}

.table .btn {
    margin: 2px;
    padding: 8px 15px;
    font-size: 0.875rem;
    border-radius: 20px;
}

.table .btn-primary {
    background: #3AADBD;
    border-color: #3AADBD;
}

.table .btn-primary:hover {
    background: #2a8a96;
    border-color: #2a8a96;
}

/* Form Improvements */
.form_field input:focus {
    border-color: #3AADBD;
    box-shadow: 0 0 0 0.2rem rgba(58, 173, 189, 0.25);
    outline: none;
}

.link-privacy {
    color: #3AADBD !important;
    text-decoration: none;
}

.link-privacy:hover {
    color: #FFFFFF !important;
    text-decoration: none;
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 2.5rem;
    }
    .hero-subtitle {
        font-size: 1.1rem;
    }
    .hero-subtitle-search {
        font-size: 1.5rem;
        margin-bottom: 9px;
    }
    .feature-card {
        margin-bottom: 1rem;
    }
    .contact-card {
        padding: 2rem;
    }
    .phone-number {
        font-size: 2rem;
    }
    .table {
        font-size: 0.875rem;
    }
    .table th:nth-child(5) {
        width: auto;
    }
}