/*
    Iconos de banderas
    https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css
*/

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

.flag-icon-mx {
    background-image: url(mx.svg);
}

    .flag-icon-mx.flag-icon-squared {
        background-image: url(mx.svg)
    }

.flag-icon-us {
    background-image: url(us.svg);
}

    .flag-icon-us.flag-icon-squared {
        background-image: url(us.svg)
    }

/*
    Iconos (maleta, lapiz...)
    https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css
*/

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'bootstrap-icons';
    src: url('data/bootstrap-icons.woff2') format('woff2');
}

.bi-suitcase-lg::before {
    content: "\f8ff";
}
.bi-pencil::before {
    content: "\f4cb";
}
.bi-x-lg::before {
    content: "\f659";
}

/* Nuevos iconos */
.bi-clock::before {
    content: "\f293";
}

.bi-calendar::before {
    content: "\f1f6";
}

.bi-chevron-compact-up::before {
    content: "\f27c";
}

.bi-chevron-compact-down::before {
    content: "\f279";
}

.bi-chevron-left::before {
    content: "\f284";
}

.bi-chevron-right::before {
    content: "\f285";
}

.bi-calendar-check::before {
    content: "\f1e2";
}

.bi-trash::before {
    content: "\f5de";
}

.bi-x::before {
    content: "\f62a";
}

/*
    Estilos necesarios para usar la función "autocomplete" de jquery-ui
    https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css
*/

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em
    }


.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-state-active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}