/* FORM COTIZA USUARIO PREFERENCIAL */
.tipoembalajenuevo{
    display: flex;
    flex-direction: row;

}
.tipoembalajenuevo div {
   margin-left: 10px;
   margin-right: 10px;
}

/* botones pago mercado libre y en agencia */

.btn-pago{
    margin: 0px 10px;
    background: #00b2e5;
}
.btn-pago-ml{
    margin: 0px 10px
}
@media (max-width: 420px) {
    .btn-pago{
        margin: 0px 3px;
    }
    .btn-pago-ml{
        margin: 0px -3px
    }
}

.botonAgencia{
    background-color: #ffffff !important;
}


/* POP UP SELECCIONAR AGENCIAS USUARIO OPERACIONES.HTML (USUARIO PREFERENCIAL) */
.jqmWindow {
    background-color: #004993 !important;
    border-radius: 10px !important;
    z-index: 9999 !important;
}
.contendedorModal{
    display: flex;
    flex-direction: column;
}

#mensajeValidaAgenciaTerminal {
    display: none;
    flex: 1;
    margin: 0 15% 1%;
}

#divDdlAgenciasOrigen {
    margin: auto;
    width: 70% !important;
}

#btnAgenciaTerminal {
    font-family: 'Fira Sans';
    font-weight: 600;
    font-style: italic;
    color: dodgerblue;
    margin-bottom: 40px;
    margin-top: 5px;
} 

#divAgenciaOrigenEntregaDatos{
    margin-top: 10px;
    padding: 6px 12px;
    box-sizing: border-box;
    font-family: "Avenir LT Std 55 Roman";
    margin: 10px 0px;
}

/* TOOLTIPS */

.tooltip .tooltip-inner  {
    background-color: #004993 !important;
    font-family: 'Roboto';
    font-weight: 300;
    min-width: initial !important;
    max-width: 100% !important; 
}
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #004993 !important;
}

@media (max-width: 420px) {
    .tooltip .tooltip-inner  {
        background-color: #004993 !important;
        font-family: 'Roboto';
        font-weight: 300;
        min-width: initial !important;
        max-width: 100% !important; 
        padding: 10px 15px;
    }
}
  

/* ARREGLO MENU CLIENTE PREFERENCIAL */
@media (max-width: 450px){
    .bloque_cien{
        display: flex;
        flex-direction: row;
    }
    /* img */
    .cursor{
        width: 60%;
        margin-bottom: 20px;
    }
    /* divs contenedores */
    .operaciones{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    /* titulos */
    .operaciones h3{
        font-size: 90%;
        margin: 0 0 10px;
        min-height: 34px;
        width: 100%;
    }

}
/* FORM */
.contenedorForm{
    display: flex;
    justify-content: center;
}

/* DETALLES ENVIO */
.datoscot span, .datoscot p {
    color: #004993;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    float: left;
    width: auto;
}
@media (max-width: 600px){
    .datoscot{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}
.resumenCot{
    color: #004993;
    font-family: 'Roboto';
    font-size: 22px;
    font-weight: 600;
}

.listaCotizacionesItem button {
    background-color:  #33CC33 !important;
}

.listaCotizacionesItem{
    display: flex !important;

}

@media (max-width: 500px){
    .listaCotizacionesItem{
    display: flex !important;
    flex-direction: column;
    
    }
}
/* resumen cotizacion */

.datoscot{
    display: flex;
    justify-content: center;
}

.datoscot span {
    margin-right: 30px;
}

.productoDetalle{
    margin-right: 30px;
    margin-bottom: 0px !important;
}