/*AMAZON PAY*/



/*@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css");*/



pre code {

    overflow: scroll;

    word-wrap: normal;

    white-space: pre;

}

.jumbotroncolor {

    background:rgba(0, 153, 153, 0.3);

}

.jumbotroncodecolor {

    background:rgba(255, 204, 153, 0.4);

}



#Logout{

    margin-bottom: 20px;

    position: relative;

    display: block;

    text-align: right;

    background: #000;

    color: #fff;

    padding: 5px 15px;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    margin-left: auto;

    border-radius: 3px;

}



/* ========================= */

/* ========================= */

/* ========================= */

/* ========================= */











.container-fluid, .container{



    -min-height: calc(100vh - 132px);



}



html body a{color:#000;}



html body a:hover{color:#bf0000}



.cont-display-inlineblock{

    display: inline-block;

}



.notificacion{

    color:#fff;

    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;

    width: 80%;

    display: block;

    margin: 10px auto;

    text-align:center;

    font-weight: 500;

}



.cont-center{display: table;margin: 0 auto;width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;}



div.container{margin:50px auto;}



.cont-interna{padding: 50px}



div.main{

    width: 100%;

    margin-top: 35px;

    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;

}



form { margin-top:20px }



.estilotextarea {width:100%;height:100px;border: 1px solid #999; }



h2{text-align: center}



form h3{

    font-size: 20px;

    margin-bottom: 20px;

    font-weight: 600;

    color: #000;

}



input.form-control {

    color: #000000;

    border: 1px solid #ff0000;

}



textarea.datosenvio-textarea{

    color: #000000;

    border: 1px solid #ff0000;

    width: 100%!important;

    min-width: 100%!important

}

.datos-punto-es ul, .datos-punto-es li, .datos-punto-es li b{ color:#fff; }

.politicasprivacidad, .politicasprivacidad a{

    color: #fff;

    text-align: center;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    margin: 0 auto;

}

.politicasprivacidad a:hover{

    color: #000;

}

b{

    font-size:18px;

    display: block;

    color: #555

}



label{

    color: #464646;

    font-size: 14px;

    font-weight: bold

}



input[type=text], input[type=email]{

    margin-top:5px;

    margin-bottom:15px

}



 

.form-control:focus {

    color: #000000;

    background-color: #fff;

    border-color: #bf0000;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(191, 0, 0, 0.37);

}





select{

    width: 100%;

    margin-bottom: 15px;

    margin-top: 5px;

    width: 100%;

    height: 35px;

    font-size: 12px

}



.cont-atp{

    display: grid;

    grid-template-columns: repeat(3,1fr);

    grid-column-gap: 20px;

    grid-row-gap: 20px;

}



.form-col2{

    display: grid;

    grid-template-columns: repeat(2,1fr);

    grid-column-gap: 20px;

    grid-row-gap: 20px;

}



.form-col3{

    display: grid;

    grid-template-columns: repeat(3,1fr);

    grid-column-gap: 20px;

    grid-row-gap: 20px;

}





input[type=submit], input[type=reset], input[type=button], a.btnIr,.btn{

    padding: 10px 30px;

    background: #bf0000;

    border: 0!important;

    color: #fff;

    cursor: pointer;

    border-radius:30px;

    font-weight:bold;

    font-size:16px;

    margin: 30px auto 0;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

}



input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, a.btnIr:hover, .btn:hover{

    background: #fff;

    border: 1px solid #bf0000!important;

    color: #bf0000;

}







table tr input[type=button]{

    padding: 2px 5px;

    background: #bf0000;

    border: 1px solid #5f0000;

    color: #f7f7f7;

    cursor: pointer;

    border-radius: 2px;

    margin-bottom: 15px;

    font-weight: bold;

    font-size: 14px;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    display: block;

    margin: 0 auto;

}



form.form-datosenvio h3 {

    font-size: 20px;

    margin-bottom: 30px;

    font-weight: 600;

    color: #000;

    text-transform: uppercase;

}





form.form-datosenvio h4{

    text-transform: uppercase;

    color: #f00;

    font-weight: 600;

    margin-bottom: 20px;

}



form.form-datosenvio label{

    display: block;

    margin: 20px auto 0;

    color: #000;

}

form.form-datosenvio label a{

    color: #f00;

}



form #website{ display:none; }



a.btnIr,.btn{width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;display: block;margin: 0 auto;}



input[type=submit]:hover,input[type=reset]:hover {



    background: linear-gradient(#5f0000 5%, #bf0000 100%);



}







 



.mensaje {



    border: 1px solid;



    margin: 10px 0px;



    padding:15px 10px 15px 10px;



    background-repeat: no-repeat;



    background-position: 10px center;



    text-align:center;



    color: #4F8A10;



    width: 100%;



    background-color: #DFF2BF;



}







h3{



    font-size: 22px;



    margin-bottom: 20px



}



h4{



    font-size: 17px;



}











/* Título Actualización de Precio Colombia*/



h3.tap_colombia{



    margin: 50px 0 20px;



    text-align: center;



}







.title-interna{



    margin: 20px 0;



    text-align: center;



}



.title-interna::after{



    content: '';



    display: block;



    height: 1px;



    width: 200px;



    background: #d4d4d4;



    margin: 20px auto



}



.cont-filtros{

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    margin: 20px auto;



}



.cont-filtros input[type=text]{



    margin-top: 0;



    margin-bottom: 0;



    padding: 9px 10px;



    vertical-align: top;



}

.cont-filtros input[type=submit]{

    margin-top: 0;

}



.cont-filtros h4, .cont-interna h4{

    font-size: 17px;

    text-align: center;

    text-transform: uppercase;

}



.filtros{

    margin: 50px auto 30px;

}

.filtros table td{

    vertical-align: top!important;

}



.filtros table td input[type='submit']{

    background:#bf0000;

    margin: 0!important;

    padding: 5px 10px;

    border-radius: 3px!important;

    color: #fff;

    border:0!important;

}

.filtros table td input[type='submit']:hover{

    background:#000;

    color: #fff;

    border:0!important;

}

.filtros table td input{

    height: 35px;

}



.filtros table tbody td label{

    background: #dee2e6;

    height: 35px;

    vertical-align: top;

    padding: 6px;

}



.filtros table thead th{

    padding-bottom: 10px;

}

.filtros-activo{

    margin-top: 30px;

}

.filtros-activo h4{

    font-size: 17px;

}



.filtros-activo ul{

   display: inline-block;

   padding: 0;

   margin: 0!important;

   vertical-align: top;

}



.filtros-activo ul li{

   display: inline-block;

   padding-right: 10px;

   margin-right: 10px;

   border-right: 1px solid #d8d8d8;

}

.filtros-activo a{

   display: inline-block;

   margin: 10px 0 0 10px!important;

   vertical-align: top;

}



.hrForm{

    height: 1px;

    background: #f6f6f6;

    width: 40%;

    margin: 30px auto 24px;

}



.cont-interna button{display: block;margin: 0 auto;}



.cont-costo{

    background-color: #bf0000;

    padding: 10px 15px;

    font-size: 20px;

    border: 2px solid #bf0000;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    display: block;

    border-radius: 5px;

    margin: 0 auto;

    color: #fff;

    font-weight: 600

}







.datos ul li, .datos-efectivo ul li{

    display: inline-block;margin: 10px 20px;width:calc(33% - 41px);}



.datos ul, .datos-efectivo ul{



    padding: 0;



    background: #f4f4f4;



    border-radius: 5px;



    border: 1px solid #dedede;



}



.datos h3, .datos-efectivo h3{

    text-align: center;

    font-weight: 600;

    text-transform: uppercase;

    color: #000;

}







.line-vertical{



    border-right: 1px solid rgba(0,0,0,0.1);



}



.contDesktop{

    margin: 50px auto;

}



.contDesktop a.btnIr:hover, .contDesktop .btn:hover {

    background: #fff;

    border:1px solid #bf0000!important;

    color: #bf0000;

}



.contDesktop h3{



    margin-bottom: 20px;



}



table{background: #fff!important;}



.cont-list{height: 70vh;margin-bottom: 50px}



.cont-list .custom-control.custom-switch{-margin-top:-20px;}



.cont-list .custom-control-input:checked~.custom-control-label::before {



    background-color: #ff0505;



    border-radius: 50%;



}



.cont-list .custom-control-label::before{border-radius: 50%;}



.cont-list [type=checkbox]{display: none!important}







.cont-list .custom-control{ padding-left: 0;}







.datosenvio-span {

    display: block;

    width: 100%;

    height: calc(2.25rem + 2px);

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #000;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ff0000;

    border-radius: .25rem;}



/*=============================*/











/* HEADER */






.mainlogo .navbar-brand{
    padding: 0 20px;
}

nav.navbar{

    padding:20px;

    background: #ececec!important;

}







.navbar-brand img{



    width: 120px;



    margin: 0 auto;



}







#navbarNav ul{

    position: absolute;
    right: 20px;

}







#navbarNav ul li{



    text-transform: uppercase;



    color: #000;



    font-weight: 600;



}







#navbarNav ul li:hover a{



    color: #bf0000;



}



/*AVISO COVID19*/



.covid19{

    width: 100%;

    background: #ff0000;

    border: 1px solid #ff0000;

    overflow: hidden;

    vertical-align: middle;

    padding: 15px;

}

.covid19 div{

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    display: block;

    margin: 0 auto;

    vertical-align: middle;

}

.covid19 span{

    text-align: center;

    font-weight: 700;

    font-size: 20px;

    display: inline-block;

    margin: 0;

    color: #fff;

    vertical-align: baseline;

}

.covid19 p{

    text-align:center;

    font-weight: 700;

    font-size: 17px;

    display: inline-block;

    margin: 0 auto;

    vertical-align: middle;

    color: #fff;

}



span.info-valor-declarado{

    text-align: justify;

    background: #fff;

    box-shadow: 0 0 3px rgba(0,0,0,0.5);

    padding: 10px;

    border: 2px solid #ff0000;

    margin-top: 10px;

    position: absolute;

    width: 269px;

    margin-right: 2px;

    display: none;

}



#valor-declarado input:focus ~ span.info-valor-declarado{

    display: block;

}









/* HOME */



.tipo-producto{

   display: inline-block;

    width: 180px;

    margin: 0 10px;

    padding: 5px;

    background: #fff;

    vertical-align: top;

    border-radius: 5px;

}



.tipo-producto label img{

    width: 60%;

    padding: 15px;

    /*-background: #fff;

    -box-shadow: 0 0 3px rgba(0, 0, 0, 0.21);

    -border-radius: 5px;*/

    display:block;

    margin: 0 auto;

}



.tipo-producto label{

    font-size: 16px;

    text-align: center;

    margin-top: 15px;

    font-family: Roboto, sans-serif;

    font-weight: 600;

    display: block;

    color: #bf0000;

}



.tipo-producto input[type=checkbox], .tipo-producto input[type=radio] {

    box-sizing: border-box;

    padding: 0;

    display: block;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    margin: 0 auto 5px;

}



#appenvios .btn-home, #appenvios button.is-valid {

    padding: 10px 30px;

    background: #fff;

    color: #000;

    cursor: pointer;

    border-radius: 30px;

    margin: 30px auto 0;

    font-weight: bold;

    font-size: 16px;

    border: 0;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

    margin: 20px 10px;

}



.btn-paypalme{

    display: block;

    margin: 15px auto;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    padding: 5px 20px;

    background: #FFC339;

    border-radius: 30px;

    font-weight: 500;

    font-size: 14px;

    box-shadow: 0 0 7px rgba(0, 0, 0, 0.66);

}

.btn-paypalme:hover{

   text-decoration: none!important;

   color: #fff;

   background: #000;

}



#appenvios button.is-invalid{

    pointer-events: none;

    cursor: default;

    padding: 10px 30px;

    background: #fff;

    color: #666;

    border-radius: 30px;

    margin: 30px auto 0;

    font-weight: bold;

    font-size: 16px;

    border: 0;

    box-shadow: 0;

    margin: 20px 10px;

}



#appenvios .btn-home:hover, #appenvios button.is-valid:hover{

    color: #bf0000;

    border: 1px solid #bf0000;

    background: #fff;

}



.cont-contactos{

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    padding: 50px 0 50px;

    margin: 0;

    min-height: 600px;

    overflow-wrap: break-word;

}



.cont-contactos div.mb-40{

    width: 100%

}



.cont-contactos div.cont-center > img{

    width: 100%;
    height: auto;

}

div.cont-contactos div.cont-call{
    width: 300px;
    display: block;
    margin: auto;
}



.cont-contactos h1{

    text-align:center;

    color:#000;

    margin-bottom: 30px

}



.cont-contactos a{

    overflow-wrap: break-word;

    text-align:center;

    color:#ff0000;

    display: block;

    font-size: 20px;

    margin: 0 auto 10px;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;



}

.cont-contactos a:hover{

    font-weight: 700;

    color: #000!important;

    text-decoration:none;

}

.cont-contactos a img{

   width: 30px;

    height: auto;

    margin-right: 7px;

    background: #ff0000;

    padding: 5px;

    border-radius: 7px;

}



.mb-40{

    margin-bottom: 40px;

}



#appenvios{

    background-image: url("../image/fondo-aviancaexpress.jpg")!important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    padding: 50px 0 0;

    margin: 0;

}



#appenvios .container-fluid{

    padding: 0;

}



#appenvios .container{margin-top:0;}



#appenvios h1{

    color: #fff;

    margin: 0 auto 20px;

    text-align: center;

    display: block;

    padding: 0 15px;

}

#appenvios h2{



    color: #fff;

    font-weight: 600;

    font-size: 30px;

    margin-bottom: 40px;

}



#appenvios h3{

    color: #fff;

    font-size: 20px;

    margin-bottom: 20px;

    text-align: center;

    display: block;

    margin: 0 auto 15px;

    line-height: 25px;

}



#paso3 .form-col2 {

    margin-top: 25px;

}



#appenvios #paso4 h3{width: 80%;}



#appenvios fieldset {

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    display: block;

    margin: 0 auto;

}

#appenvios select, #appenvios textarea{

    min-width: 290px;

    width: auto;

    display: block;

    margin: 0 auto;

}



#appenvios #hde-paqueria select, #appenvios #hde-paqueria textarea {

    min-width: 100%;

}



#appenvios #hde-paqueria > .form-group {margin-top:20px;}

#appenvios option:hover{

    background-color: #ff0000!important;

    color: #fff;

}

#agregarenviousuario{

    background: #f3f3f3;

}

#agregarenviousuario #appenvios{

    background-image: none!important;

}

#agregarenviousuario #appenvios h1, #agregarenviousuario #appenvios h2,

#agregarenviousuario #appenvios h3, #agregarenviousuario #appenvios .politicasprivacidad,

#agregarenviousuario #appenvios .politicasprivacidad a, #agregarenviousuario #appenvios .notificacion,

#agregarenviousuario .datos-punto-es ul, #agregarenviousuario .datos-punto-es li, #agregarenviousuario .datos-punto-es li b{

    color:#000!important;

}









.recomendaciones-envios{

    overflow-wrap: break-word;

    background: #fff;

    padding: 30px 20px 10px;

   

}



.recomendaciones-envios a:hover {

    color: #ff0000;

    font-weight: 500;

}



.recomendaciones-envios h4{

    text-align: center;

    font-weight: 600;

    margin-bottom: 12px;

}

.recomendaciones-envios p{

    text-align: justify;

}



.recomendaciones-envios ul{

   margin-bottom: 0;

}

.recomendaciones-envios ul li{

   margin-bottom: 15px;

   text-align: justify;

}



.form-tres-col{

    display: grid;

    grid-template-columns: repeat(3,1fr);

    grid-column-gap: 20px;

    grid-row-gap: 20px;

}



.paypal-btn{

    display: block;

    margin: 30px auto 0;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

}



#contacto h3{

    text-transform: uppercase;

    color: #fff;

    font-weight: 700;

    font-size: 25px;

    margin-bottom: 30px;

}



#contacto{

    -background-color: #ffffff;

    padding: 10px 30px 25px;

    border-radius: 5px;

    margin: 30px 20px;

}



#contacto input[type=email], #contacto input[type=text], #contacto input[type=email] {

    margin-top: 0;}



#contacto input[type=submit]{

    padding: 8px 30px;

    background: #bf0000;

    border: 0;

    color: #fff;

    cursor: pointer;

    border-radius: 30px;

    margin-bottom: 15px;

    font-weight: bold;

    font-size: 16px;

}



.cont-form, .btn-form{

	width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;ontent;

	display: block;

	margin: 0 auto;

}



.btn-form{margin-top: 20px}



.cardLogin{margin-top: 20%}



.loginBox{padding: 20px}



.loginEmail{padding: 6px 10px!important;width: 100%!important}







.tiempo-envios{

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    margin: 40px auto 0;

}



.tiempo-envios h2{

    text-align: center;

    color: #000;

    font-size: 21px;

    font-weight: 700;

    margin-bottom: 20px

}



.tiempo-envios ul{

    padding-left: 10px;

}

.tiempo-envios li{

    font-size: 15px;

    margin-bottom: 15px;

}



.tiempo-envios li b{

    display: block;

    color: #000;

    font-size: 16px;

}



html button:focus {

    outline: 0!important;

    border: 2px solid #bf0000!important;

}





.valorenvio{

    background: #f00;

    color: #fff;

    padding: 10px 15px;

    font-size: 20px;

    border-radius: 5px;

    border: 2px solid #de0101;

    font-weight: bolder;

    margin-bottom: 35px;



}

/*** ADMIN ***/



div.nav-admin{

    height:auto;

    min-height: 100vh;

    background: #000;

    padding: 0;

}



.cont-list{overflow: auto;}



.table-bordered thead td, .table-bordered thead th, .oneLine{

    white-space: nowrap;}



.fixed{-position: fixed;z-index: 200}



.nav-pills .nav-link {

    font-weight: 600;

    border-radius: 0;

    line-height: 22px;

    font-size: 16px;

}







div.nav-admin a{color: #fff;}



div.nav-admin a:hover{background-color: #ff0000;color:#fff;}







table.table{-height: 70vh}



.cont-envio .table td, .cont-envio .table th {

    padding: 5px 7px;

}

.cont-envio .table-bordered td, .cont-envio .table-bordered th {

    border: 1px solid #989898;

}



footer{

    text-align: center;

    color: #6d6b6b;

    text-transform: uppercase;

    font-weight: 500;

    font-size: 12px;

    padding: 10px 0;

    background: #ececec;

}



footer a{



    color: #6d6b6b;



    font-weight: 500;



}



footer a:hover{color: #ff0000}



.msgregistroenvio{

    background: #fff;

    width: 95%;

    display: block;

    margin: 0 auto;

    padding: 20px;

}

#appenvios .msgregistroenvio h3{

    color: #000!important;

    text-align: center!important;

    margin-bottom: 0!important;

}

#appenvios .msgregistroenvio h3 a{

    color: #000;

    font-weight: bolder;

    display: inline-block;

}



#appenvios .msgregistroenvio h3 a:hover{

    color: #ff0000;

    font-weight: bolder;

}



.cont-consultarenvio{

    padding: 50px 0;

}



.cont-consultarenvio h1{

    color: #000;

    text-align: center;

}

.cont-consultarenvio h2{

    color: #000;

    text-align: center;

}



.cont-consultarenvio input[type=text]{

    padding: 7px 20px;

    border-radius: 30px;

    border: 2px solid #f00;

    margin-right: 7px;

    margin-top: 5px;

    margin-bottom: 5px;

}





/* Interna Envios - Interna Contacto*/







.n_orden{

    font-size: 17px;

    background: #ff0101;

    color: #fff;

    padding: 10px 20px;

    border-radius: 20px;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    display: block;

    margin: 0 auto 50px;

}



.interna-datos h3{

    text-align: center;

    margin: 30px auto 20px;

}



.interna-datos ul{

    padding-left: 0;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    display: block;

    margin: 0 auto;

}



.interna-datos ul li{

    display: inline-block;

    width: 31%;

    border: 1px solid #ccc;

    background: #eee;

    padding: 10px 15px;

    margin: 5px;

}



.interna-datos ul li p{

    margin-bottom: 0;

}







.interna-datos ul li.interna-datos-li-msg{

    width: 95.5%;

}







a.interna-datos{

    background-color: #ff0000;

    color: #fff;

    font-weight: 600;

    text-align: center;

    padding: 5px 20px;

    display: block;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    margin: 30px auto 60px;

    border-radius: 20px;

}







/*Filtro interna orden de envio*/



.interna-datos-sin-resultados h4{

    padding: 20px;

    text-align: center;

    width: 60%;

    display: block;

    margin: 20px auto;

    border: 1px solid #f00;

    background: #eee;

    font-size: 20px;

}





/* NUEVO USUARIO ADMIN / OPERADOR */



.form-nuevousuario{

    display: grid;

    grid-template-columns: repeat(2,1fr);

    grid-column-gap: 20px;

    grid-row-gap: 20px;

    margin-bottom: 20px;

}



.form-nuevousuario .form-group, .form-nuevousuario input {

    margin-bottom: 0px!important;

}



.form-nuevousuario input.form-control, .form-nuevousuario select.form-control{

    color: #000000;

    border: 1px solid #ff0000;

}





/* ADMIN CLIENTE*/



.btn-pagar{

    display: block!important;

    width: fit-content!important;

    width: -webkit-fit-content!important;

    width: -moz-fit-content!important;

    width: -o-fit-content!important;

    width:-ms-fit-content!important;

    margin: 0 auto!important;

}



.btn-pagar:hover{

    background: #000;

    color:#fff;

}



#payu{

    

width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    display: block;

    margin: 0 auto 50px;

}



#AmazonPayButton{

    margin-bottom: 50px;

}



table.resumenpago td{

    border: 1px solid #000;

    color: #000;

    padding: 3px 7px;

}





.btn.resumenpago{

    margin-top:40px;

}



.btn.resumenpago:hover{

    background: #000;

    color: #fff;

}









/* POLITICAS Y TERMINOS */



.pag-politicasyterminos h1{

    padding: 20px 5px 50px;

    text-align: center;

    font-size: 40px;

    line-height: 45px;

    color: #ff0101;

}



.pag-politicasyterminos h2{

    text-align: left;

    font-size: 20px;

    line-height: 25px;

    color: #000000;

    margin:30px auto;

}



.pag-politicasyterminos h3{

    text-align: left;

    font-size: 18px;

    line-height: 23px;

    color: #000000;

}



.pag-politicasyterminos p, .pag-politicasyterminos b{

    text-align: justify;

    font-size: 16px;

    line-height: 23px;

    color: #000000;

}



.pag-politicasyterminos ul li{

    text-align: justify;

    font-size: 16px;

    line-height: 23px;

    color: #000000;

}



.pag-politicasyterminos a{

    color: #ff0101;

}



/* ENVIOS */



.msg-notificacion{

    width: 90%;

    display: block;

    margin: 20px auto;

    text-align: center;

    border: 1px solid #f00;

    padding: 15px;

    background: #fff;

    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);

}

.msg-notificacion h4{

    text-align: center;

    font-size: 20px;

    margin-bottom: 0;

}



.msg-notificacion a{

    text-align: center;

    font-size: 18px;

    margin: 20px auto 0;

    display: block;

    padding: 7px 15px;

    background: #f00;

    color:#fff;

    

width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    font-weight: 600;

    box-shadow: 0 0 2px rgba(0,0,0,0.8);

}



.msg-notificacion a:hover{

    background: #fff;

    color:#f00;

    border: 1px solid #f00;

    text-decoration: none;

}



/* Actualizar estatus envio */

.estatus-envio{

    font-size: 17px;

    color: #000;

    display: block;

    font-weight: 600;

    margin: 0 auto 10px;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    text-align: center;

}

.estatus-envio span{

    display: inline-block;

    color: #000;

    font-weight: 700;

    font-size: 17px;

}



#estatus-enviosbtn{

    margin: auto;

    margin-bottom: 30px;

    display: block;

    padding: 2px 7px;

    border: 1px solid #ff0000;

    border-radius: 3px;

    font-size: 15px;

    line-height: 20px;

    color: #ff0000;

    letter-spacing: 0.5px;

    font-weight: 600;

    text-align: center;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

}



#estatus-enviosbtn:hover{

    font-weight: 700;

    text-decoration: none

}



#actualizacion-de-estatus{

    display: inline-block;

    margin: 0 10px;

}

#actualizacion-de-estatus h3{

    text-align: center;

    color: #000;

    margin-top: 30px;

}



#actualizacion-de-estatus h4{

    font-size: 20px;

    margin: 20px auto 5px;

}



#actualizacion-de-estatus .btn-form{

    margin-top: 0!important;

}



.overlay {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0, 0, 0, 0.7);

    transition: opacity 500ms;

    visibility: hidden;

    opacity: 0;

    z-index: 202000202002;

    width: 100%;

    margin: 0!important;

}

.overlay:target {

  visibility: visible;

  opacity: 1;

}



.popup {

  margin: 70px auto;

  padding: 20px;

  background: #fff;

  border-radius: 5px;

  width: 70%;

  position: relative;

  transition: all 5s ease-in-out;

}





.popup .close {

  position: absolute;

  top: 10px;

  right: 20px;

  transition: all 200ms;

  font-size: 30px;

  font-weight: bold;

  text-decoration: none;

  color: #333;

}

.popup .close:hover {

  color: #ff005a;

}

.popup .content {

  max-height: 30%;

  overflow: auto;

}





.cont-envio h3{

    color: #000000;

    text-align: center;

    margin: 50px auto 30px;

    font-size: 22px;

    text-transform: uppercase;

}

.cont-envio th{

   background: #dedede;

}

a{

    color: #ff0000;

}

a:hover{

    color: #ff0000;

    font-weight: 600;

}



tr.costo-envio th{

    background: #ff0000;

    color: #fff;

    border: 2px solid #f00!important;

}



tr.costo-envio td{

    color: #ff0000;

    font-weight: 800;

    border: 2px solid #f00!important;

    border-top: 2px solid #f00!important;

}





#enviar-envio h3{

    margin: 20px auto 0;

}



#enviar-envio input[type=email]{

    width: 100%;

    border: 1px solid #f00;

    padding: 2px 7px;

    border-radius: 3px

}



#enviar-envio input[type=submit]{

    margin: 0 auto;

}



#enviar-envio .btn-form {

    margin: 10px auto;

}



#enviar-enviobtn{

    display: block;

    margin: 30px auto 50px;

    text-align: center;

    padding: 7px 20px;

    color: #000;

    background: #fff;

    border: 2px solid #000;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    border-radius: 3px;

    font-weight: 700

}



#enviar-enviobtn:hover{

    color: #fff;

    background: #f00;

    border-color: #f00;

    text-decoration: none

}



.cont-table{

    overflow: auto;

    margin-bottom: 30px;

}



.cont-table table{

    margin-bottom: 0;

}





/*PAQUETERÍA*/



.precios-paqueterias{



    display: grid;

    grid-template-columns: repeat(5,1fr);

    grid-column-gap: 20px;

    grid-row-gap: 20px;





}



.datos-uc{

    padding: 20px 0;

    border-bottom: 1px solid #fff;

    margin-bottom: 20px;

}



.datos-uc > span{

    text-align: center;

    color: #fff;

    display: block;

    margin: 5px auto;

}



/* RESERVA VUELOS */



#reserva-vuelos{

    background: #ececec!important;

    margin-top: 50px;

    padding: 10px;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.55);

    z-index: 10000;

    position: relative;

}

#reserva-vuelos div{

    

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    display: block;

    margin: 0 auto;

    vertical-align: middle;

}

#reserva-vuelos .img-vuelos{

    display: inline-block;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    vertical-align: middle;

}

#reserva-vuelos .img-vuelos div{

    padding: 10px;

    width: 80px;

    height: 80px;

    border-radius: 50%;

    background: #fff;

    display: inline-block;

    border: 2px solid #bf0000;

}

.img-vuelos div img{

    display: block;

    vertical-align: middle;

    width: 100%!important;



}



#reserva-vuelos img:nth-child(2){

    display: block;

    vertical-align: middle;

    width: 80px;

    margin-top:7px;



}



#reserva-vuelos .cont-vuelos{

    display: inline-block;

    margin-left: 30px;

    vertical-align: middle;

}

#reserva-vuelos h3{

    display: block;

    color: #000;

    font-size: 18px;

    font-weight: 700;

    text-transform: uppercase;

    width: 315px;

    text-align: left;

    margin-left: 0;

}

#reserva-vuelos a{

    display: block;

    color: #fff;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    padding: 5px 15px;

    border-radius: 30px;

    background: #bf0000;

    text-transform: uppercase;

    font-weight: 700;

}



#reserva-vuelos a:hover{

    display: block;

    color: #bf0000;

    background: #fff;

    box-shadow: 0 0 3px rgba(0,0,0,0.6);

    text-decoration: none;

}



/*ARTICULOS PROHIBIDOS*/



.articulosquenosepuedenenviar{

    background: #f9f9f9;

    padding: 50px 20px;

    position: relative;

}

.articulosquenosepuedenenviar h4{

    text-align: center;

    margin: 0 auto 20px;

    display: block;

}

.articulosquenosepuedenenviar h5{

    color: #bf0000;

    font-size: 21px;

    text-align: center;

    margin: 0 auto 40px;

    display: block;

}

.art-importacionrestringida {

    padding-left: 0;

}

.art-importacionrestringida li{

    display: inline-block;

    vertical-align: top;

    width: calc(10% - 24px);

    margin: 10px;

}

.art-importacionrestringida li img{

    display: block;

    vertical-align: top;

    width: 70px;

    margin: 0 auto 10px;

}

.art-importacionrestringida li span{

    vertical-align: top;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    display: block;

    font-size:13px;

    line-height: 15px

}

.articulosquenosepuedenenviar ul.lista-artprohibidos{

    padding: 0;

    text-align: center;

}

.articulosquenosepuedenenviar ul.lista-artprohibidos li{

    display: inline;

    padding: 2px 10px;

    border-right: 2px solid #a9a9a9;

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    margin: auto;

    line-height: 30px

}

.articulosquenosepuedenenviar ul.lista-artprohibidos li:nth-last-child{

    border-right: 0;

}

/*=== DATOS USUARIOS ===*/



#datos-usuario {

    position: fixed;

    width: 100%;

    min-height: 100vh;

    z-index: 999999999999;

    background: #000c;

    top: 0;

    right: 0;

    backdrop-filter: blur(2px);

    align-items: center;

    display: flex;

}



#datos-usuario > div{

    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

    margin: auto;

    vertical-align: middle;

    align-items: center;

    background: #ff00009c;

    padding: 20px;

    border-radius: 10px;

}





#datos-usuario div input, #datos-usuario div select{

    width: 100%;

    margin: 10px auto;

    padding: 6px 12px;

}





#datos-usuario div .politicasprivacidad{

    display: block;

}





/*#datos-usuario div button{

    display: block;

    margin: 20px auto 0 !important;

} */



/*=== Descargas ===*/



.cont-descargaxls h1{

    margin-top: 30px

}





.cont-descargaxls h2{

    text-align: center;

    margin-top: 30px;

    font-size: 27px;

}



.cont-descargaxls form{

    margin-top: 20px;

}



.cont-descargaxls h3{

    text-align: center;

    margin-top: 30px

}



.cont-descargaxls hr{

   display: block;

   width: 70%;

   margin: 30px auto;

}



.cont-descargaxls a{

    margin-top: 20px

}

a.btnIr:hover{

    background: linear-gradient(#5f0000 5%, #bf0000 100%);

    color: #fff!important

}



.estatus-img img{width: 30px;display: block;margin:0 auto;}



/*=== ALERT ===*/



.alert.alert-success.alert-dismissible{

padding-top: 25px}



.alert.alert-success.alert-dismissible p{

text-align: center;}



/*Login*/

.loginBox a{

    text-align: center;

    display: block;

    margin: 0 auto 30px;

}



/*Preguntas Frecuentes*/

.preguntasfrecuentes{

    margin:0!important;

}



.preguntasfrecuentes-contenido{

    padding-bottom: 20px;

    word-break: break-word;

}



.preguntasfrecuentes-menu{

    background-color: #000

}



.preguntasfrecuentes-menu li.nav-item a.nav-link{

    color:#fff;

    padding: 10px 0;

}



.titulo-preguntasfrecuentes{

    text-align: center;

    color: #000;

    margin: 40px auto;

}



.item-pregunta{

    padding: 20px;

}



.item-pregunta:nth-child(even){

    background-color: #ececec;

}



.item-pregunta h3{

    text-align: center;

    font-size: 23px;

    margin-bottom: 20px;

}



.item-pregunta p{

    text-align: justify;

    font-size: 16px;

    line-height: 25px;

}

.item-pregunta p:last-child{

    margin-bottom: 0;

}

.item-pregunta b{

    text-align: justify;

    display: inline;

    font-size: 16px;

    line-height: 25px;

}



#valor-declarado input{

    display: inline-block;

    width: 90%;

}



#valor-declarado .signoeuro{

    width: auto;

    display: inline-block;

    color: #fff;

    padding: 7px 10px;

    background: #f00;

    margin-left: -3px;

    border-radius: 3px;

}   

#agregardescuento form > div{

    display: inline-block;

    width: calc(33% - 22px);

    margin: 10px;

    vertical-align: top;

}

#agregardescuento form > div.descripcion{

    display: block;

    width: 100%;

}

#agregardescuento form > div.descripcion textarea, #agregardescuento form > div.descripcion label{

    display: block;

    width: 97.2%;

    margin: auto 0;

}

#agregardescuento form > div label, #agregardescuento form > div input{

    display: block;

    width: 100%;

}

#agregardescuento form > div input, #agregardescuento form > div select{

    height: 35px;

}

#agregardescuento form > div label{

    font-size: 14px;

}

#agregardescuento form > div span{

    font-size: 13px;

}

#agregardescuento form div.btn-form{

    width: 0 auto 20px;

    display: block;

}

#agregardescuento form div.btn-form input[type=submit]{

    height: auto;

}



#agregardescuento .popup .content {

    max-height: 30%;

    overflow: visible;

}

.lista-descuento{

    margin-top:20px;

}

.lista-descuento .table-bordered td, .lista-descuento .table-bordered th {

    vertical-align: middle!important;

}





.lista-descuento table tr input[type=button] {

    width: 100%;

    margin: 10px auto;

}



.edit-descuento input, .edit-descuento textarea, .edit-descuento select{

    width: 100%;

    max-width: 100%;

    margin: 10px 0;

}



.edit-descuento .table-bordered td, .edit-descuento .table-bordered th {

    border: 1px solid #f3f3f3;

}

/*=== Responsive ===*/



@media(max-width: 992px){



    .interna-datos ul li{

        width: 48%;

    }



    .interna-datos ul li.interna-datos-li-msg{

        width: 96.5%;

    }

}



@media(max-width: 991px){



    #navbarNav ul {

        position: absolute;

        right: 20px;

        background: #f8f9fa;

        padding: 20px;

        width: 200px;

        z-index: 2000;

        box-shadow: 1px 1px 3px #0000005f;

    }

    #navbarNav ul .nav-link{text-align: center;}

}



@media(max-width: 767px){



   .tipo-producto{

        display: block;

        margin: 20px auto;

    }

   

   .tipo-producto label{

        display: block;

        margin: 0 auto;

   }



    input[type=submit], input[type=reset], input[type=button], a.btnIr, .btn, .cont-filtros input[type=text]{

        display: block;

    }



    .form-tres-col{

        grid-template-columns: repeat(1,1fr);

        grid-row-gap: 0;

    }



    .form-tres-col input[type=text], .form-tres-col input[type=email] {

        margin-top: 5px;

        margin-bottom: 0;

    }



    #contacto input[type=email], #contacto input[type=text], #contacto input[type=email] {

        margin-top: 0;

    }

    .form-col2, .form-col3 {

        grid-template-columns: repeat(1,1fr);

        grid-row-gap: 0;

    }



    .form-upload input[type=file]{

        font-size: 14px

    }

    .form-upload{

        margin: 20px 10px 22px;

    }



    form.form-datosenvio > div > div.row > div:nth-child(2){

        margin-top: 30px

    }

    .datos ul{

        padding: 10px;

    }



    .datos ul li{

        display:block;

        margin: 10px auto;

        width:100%;

        text-align: center;

    }



    .card-body{padding: 0}



    .line-vertical{border: none;}



    div.nav-admin {



        min-height:auto;



        padding:20px 10px;



    }





    .title-interna {



        margin-top:40px;



        font-size: 28px;



    }



    .interna-datos ul li, .interna-datos ul li.interna-datos-li-msg{



        width: 100%;



    }



    .precios-paqueterias {

        grid-template-columns: repeat(2,1fr);

    }



    #peso_envio, #valor-declarado, #tiposervicio,

    #paqueteria_tipoproductos, #hde-paqueria textarea{

        margin: auto 10px 20px;

    }



    #appenvios #hde-paqueria textarea {

        min-width: 94%;

    }



    .art-importacionrestringida li{

        display: inline-block;

        vertical-align: top;

        width: calc(25% - 24px);

        margin: 10px;

    }



}



@media (max-width: 425px) {



    #reserva-vuelos .img-vuelos, #reserva-vuelos .cont-vuelos,

    #reserva-vuelos h3, #reserva-vuelos a{

        width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: -o-fit-content; width:-ms-fit-content;

        display: block;

        margin: 10px auto;

        text-align: center;

    }



    .art-importacionrestringida li{

        display: inline-block;

        vertical-align: top;

        width: calc(50% - 24px);

        margin: 10px;

    }



}



@media (max-width: 375px) {



    .cont-filtros input[type=text] {

        display: block;

        margin: 0 auto 10px;

    }



    input[type=submit], input[type=reset], input[type=button], a.btnIr, .btn {

        padding: 10px 10px;

    }

    

}