.colorlib-form .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: rgb(38 38 38);
    color: rgba(255, 255, 255, 0.7);
}

.etiquetaSinFormato {
    float: right;
}

.btn-primary {
    background: #0086A3 !important;
    color: #fff !important;
    border: 1px solid #0086A3 !important;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background: #fff !important;
        border: 1px solid #fff !important;
        color: #000 !important;
    }

.colorlib-form .btn-block {
    margin-top: 0px;
}

div.outer {
    z-index: 1;
    position: relative;
    height: 24px;
}

    div.outer img {
        width: 12vw;
        position: absolute;
        right: 5rem;
        bottom: 5rem;
    }

#tabs {
    overflow: hidden;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

    #tabs li {
        margin: 0;
        padding: 0;
        float: left;
    }

    #tabs a {
        box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
        /* background: #ad1c1c; */
        background: linear-gradient(220deg, transparent 10px, #144780 10px);
        text-shadow: 0 1px 0 rgba(0,0,0,.5);
        color: #fff;
        /* float: left; */
        height: 56px;
        padding: 0 30px;
        text-decoration: none;
    }

        /*#tabs a:hover {
                    background: #c93434;
                    background: linear-gradient(220deg, transparent 10px, #fff 10px);
                    color: #000;
                }*/

        #tabs a:focus {
            outline: 0;
        }

    #tabs #current a {
        background: #fff;
        background: linear-gradient(220deg, transparent 10px, #1f1f1f 10px);
        text-shadow: none;
        color: #fff;
    }

.tab-pane {
    padding: 0;
}

#content {
    background-color: #fff;
    background-image: linear-gradient(top, #fff, #ddd);
    border-radius: 0 2px 2px 2px;
    padding: 30px;
}

/* Remove the rule below if you want the content to be "organic"
            #content div {
                height: 220px;
            }
                                                                             */
.nav-tabs > li {
    height: 62px;
}

    .nav-tabs > li > a, .nav-tabs > li > a > div {
        height: 100%;
        display: table;
    }

        .nav-tabs > li > a span {
            display: table-cell;
            vertical-align: middle;
            line-height: 15px;
            padding-left: 4px;
        }

    .nav-tabs > li.active > a.active > img#imgVuelo {
        content: url('/img/iconos/azul/avion.svg');
    }

    .nav-tabs > li.active > a.active > img#imgHotel {
        content: url('/img/iconos/azul/hotel.svg');
    }

    .nav-tabs > li.active > a.active > img#imgHotelesVirtuoso {
        content: url('/img/iconos/azul/hotelVirtuosoNegro.svg');
    }

    .nav-tabs > li.active > a.active > img#imgAutos {
        content: url('/img/iconos/azul/carro.svg');
    }

    .nav-tabs > li.active > a.active > img#imgCruceros {
        content: url('/img/iconos/azul/crucero.svg');
    }

    .nav-tabs > li.active > a.active > img#imgCircuitos {
        content: url('/img/iconos/azul/circuito.svg');
    }

.circle {
    height: 5em !important;
    width: 5em !important;
    padding: 5px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 1.1em;
    background-color: rgba(0,0,0,0.1);
    border: 2px solid #e4e7eb;
    position: absolute;
    left: 0;
    top: -13em;
    right: 0;
    bottom: 0;
    margin: auto;
}

.centered-img-type {
    filter: brightness(0) invert(1);
    height: 4em !important;
    width: 4em !important;
    position: absolute;
    left: 0;
    top: -14em;
    right: 0;
    bottom: 0;
    margin: auto;
}

img {
    vertical-align: middle;
    border-style: none;
    width: 40px;
}

/*.opcionesVuelos {
    padding: 10px 15px !important;
}*/

.opcionesVuelos {
    margin-left: 20.5rem;
}

.opcionesHuespedes {
    margin-left: 57rem;
}

.opcionesPasajeros {
    margin-left: -25rem;
}

    .opcionesPasajeros.sencillo {
        margin-left: -26.5rem;
    }

    .opcionesPasajeros.multiple {
        margin-left: -28.5rem;
    }

.tabContenidoVuelos {
    margin-left: -1.5rem;
}

.inputPersonas {
    margin-bottom: 0 !important;
}

    .inputPersonas input {
    }

::placeholder {
    color: white;
    font-weight: bold;
}

input::-webkit-input-placeholder {
    color: white;
    font-weight: bold;
}

input:-moz-placeholder {
    color: white;
    font-weight: bold;
}

input:-ms-input-placeholder {
    color: white;
    font-weight: bold;
}

.colorlib-form .form-group .form-field .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    color: rgba(255, 255, 255, 0.5);
    width: 14px;
    height: 14px;
}

.renglonPersonas {
    margin: 0 !important;
    border: 2px solid rgba(255, 255, 255, 0.1);
    background: #1f1f1f;
}

    .renglonPersonas .inputPersonas .form-control {
        border: none !important;
    }

.precio {
    float: right;
    margin-bottom: 10px;
    font-size: 20px;
    color: #000 !important;
}

    .precio span.valorPrecio {
        font-size: 18px;
        padding: 2px;
    }

    .precio span.simbolo {
        font-size: 18px;
    }

    .precio span.etiqueta {
        font-size: 14px;
    }

    .precio span.etiquetaTXT {
        text-align: right;
        display: block;
        /*margin: 0px !important;*/
        margin-bottom: -10px;
    }

.tituloPromocion {
    display: block;
    margin: 0px !important;
    height: 60px !important;
}

.k-widget.form-control .k-input {
    height: 3.0em;
    padding-left: 1rem !important;
    padding-top: 1em !important;
    width: -webkit-fill-available;
}

.colorlib-form .form-group .form-field .form-control {
    padding-right: 0 !important;
    background: #1f1f1f;
    border: 1px solid #fff;
    padding-left: 0 !important;
}

.k-input {
    color: #fff !important;
}

.pinMap {
    position: absolute;
    z-index: 1;
    margin-top: 17px;
    margin-left: 5px;
}

.k-autocomplete.k-header.k-state-hover, .k-autocomplete.k-header:hover, .k-autocomplete.k-state-hover, .k-autocomplete:hover {
    border-color: rgba(33,37,41,.15);
    color: #fff;
    background-color: rgba(255, 255, 255, 0.03);
    box-shadow: none;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.k-autocomplete.k-header.k-state-focused, .k-autocomplete.k-header.k-state-open, .k-autocomplete.k-state-focused, .k-autocomplete.k-state-open {
    border-color: rgba(33,37,41,.15);
    color: #fff;
    background-color: rgba(255, 255, 255, 0.03);
    box-shadow: none;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-listbox, .k-multiselect, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker {
    width: 100%;
}

    .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
        padding: 0;
    }

.renglonFechas {
    border-color: rgba(33,37,41,.15);
    color: #fff;
    background-color: rgba(255, 255, 255, 0.03);
    box-shadow: none;
    border: 2px solid rgba(255, 255, 255, 0.1);
    padding: .375rem .75rem;
    height: 3.06rem;
}

    .renglonFechas span {
        /*color: #595959;*/
        /*color: #fff;*/
    }

.pinCalendario {
    position: absolute;
    z-index: 1;
    margin-top: 17px;
    margin-left: 5px;
}

.renglonHoras {
    border-color: rgba(33,37,41,.15);
    color: #fff;
    background-color: rgba(255, 255, 255, 0.03);
    box-shadow: none;
    border: 2px solid rgba(255, 255, 255, 0.1);
    padding: .375rem .75rem;
    height: 3.06rem;
}

    .renglonHoras span {
        /*color: #595959;*/
        /*color: #fff;*/
    }

.pinReloj {
    z-index: 1;
    margin-top: 17px;
    margin-left: 5px;
}

/*.pinReloj {
    color: #FFFFFF;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}*/

.division {
    border-right-style: solid;
    border-right-width: thin;
    height: 30px;
}

.divisionIzq {
    border-left-style: solid;
    border-left-width: thin;
    height: 15px;
    padding-left: 10px;
}

.pinUsuario {
    color: #595959;
    margin-top: 10px;
    margin-left: 5px;
    position: absolute;
}

.pinAdultos {
    color: #595959;
    margin-top: 10px;
    margin-left: 7px;
    position: absolute;
}

.pinNinos {
    color: #595959;
    margin-top: 10px;
    margin-left: 5px;
    position: absolute;
}

button#btnSuscripcion {
    height: 2.45rem;
    width: 8rem;
}

    button#btnSuscripcion > span.textoSuscribirme {
        position: absolute;
        margin: -10px -10px -10px -40px;
    }

/*#txtVueloAdultos::-webkit-input-placeholder {
    text-indent: 1em;
}

#txtHotelAdultos::-webkit-input-placeholder {
    text-indent: 2em;
}

#txtVueloAdultos, #txtHotelAdultos {
    text-indent: 2em;
}

#txtVueloNinos::-webkit-input-placeholder {
    text-indent: 1em;
}

#txtHotelNinos::-webkit-input-placeholder {
    text-indent: 2em;
}

#txtVueloNinos, #txtHotelNinos {
    text-indent: 2.5em;
}

#txtVueloBebes::-webkit-input-placeholder {
    text-indent: 1em;
}

#txtVueloBebes {
    text-indent: 1em;
}
*/
input#txtVueloAdultos::-webkit-outer-spin-button,
input#txtVueloAdultos::-webkit-inner-spin-button,
input#txtVueloNinos::-webkit-outer-spin-button,
input#txtVueloNinos::-webkit-inner-spin-button,
input#txtVueloBebes::-webkit-outer-spin-button,
input#txtVueloBebes::-webkit-inner-spin-button
input#txtHotelAdultos::-webkit-outer-spin-button,
input#txtHotelAdultos::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

.k-calendar.k-calendar-range {
    width: -webkit-fill-available;
}

label {
    display: inline-block;
    margin-bottom: 0.25rem;
}

.k-calendar-range .k-content {
    padding: 0 16px 8px;
    width: inherit !important;
    height: auto;
    text-align: center;
    display: inline-table;
    vertical-align: top;
    float: none;
    color: inherit;
    background-color: transparent;
}

.k-calendar-range .k-calendar-view.k-calendar-monthview .k-content.k-month {
    margin-right: 4rem;
}

.tituloEstelares {
    font-family: "Quicksand", Arial, sans-serif !important;
}

.hotel {
    background: url('/img/iconos/buscador/hotel.png') no-repeat;
    filter: invert(50%);
    float: left;
    width: 32px;
    height: 32px;
    padding-left: 10px;
}

.ciudad {
    background: url('/img/iconos/buscador/ciudad.png') no-repeat;
    filter: invert(50%);
    float: left;
    width: 32px;
    height: 32px;
    padding-left: 10px;
}

.hoteles.titulo {
    vertical-align: middle;
}

div .hoteles {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

#colorlib-subscribe .colorlib-heading p, #colorlib-subscribe1 .colorlib-heading p {
    font-size: 17px;
}

.k-nodata > div {
    color: #fff;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #b2b4b5 !important;
    opacity: 0.3;
}

.input-group input, textarea {
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 10px;
}

input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.botonSimbolo {
    position: absolute;
    margin-top: -0.7rem;
    margin-left: -0.1rem;
    margin-right: auto;
}

.botonSimboloPlus {
    position: absolute;
    margin-top: -0.7rem;
    margin-left: -0.25rem;
    margin-right: auto;
}

.input-group {
    clear: both;
    padding-bottom: 1em;
    position: relative;
}

    .input-group input[type='button'], .input-group .btn {
        margin-top: 5px;
        background-color: #000;
        border: 2.5px solid #FFF;
        min-width: 30px;
        width: auto;
        transition: all 300ms ease;
    }

    .input-group .button-minus,
    .input-group .button-plus {
        color: #FFF;
        font-weight: bold;
        height: 30px;
        padding: 0;
        width: 30px;
        position: relative;
        border-radius: 50%;
    }

    .input-group .quantity-field {
        text-align: center;
        margin-left: 15px;
        margin-right: 30px;
        height: 50px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 16px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        color: rgba(255, 255, 255, 0.7);
    }

.button-plus {
    left: -13px;
}

input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
}

.labelNinosEdad {
    padding: 13px 5px;
    font-weight: normal;
    color: #dbdbdb;
}

.input-group input[type='button']:hover, .input-group input[type='button']:focus, .input-group input[type='button']:active,
.input-group .btn:hover, .input-group .btn:focus, .input-group .btn:active {
    background: #1C86A3 !important;
    border-color: #1C86A3 !important;
}

/* Fieldset */

.form-1-box {
    text-align: left;
}

    .form-1-box fieldset {
        margin-bottom: 0px;
        width: 25vw;
        box-sizing: border-box;
    }

    .form-1-box .border {
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .form-1-box legend {
        font-size: smaller;
        line-height: 30px;
        font-weight: 600;
        text-transform: capitalize;
        color: #555;
        padding-left: 5px;
        margin-bottom: 0px !important;
    }

    .form-1-box .form-check-label {
        line-height: 1.5;
        vertical-align: top;
    }

    .form-1-box input[type="text"],
    .form-1-box input[type="email"],
    .form-1-box input[type="password"] {
        background: none;
        border: 1px solid #ddd;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        font-weight: 400;
        color: #888;
        box-shadow: none;
    }

        .form-1-box input[type="text"]:focus,
        .form-1-box input[type="email"]:focus,
        .form-1-box input[type="password"]:focus {
            outline: 0;
            background: none;
            border: 1px solid #db5d50;
            box-shadow: none;
        }

        .form-1-box input[type="text"]::-moz-placeholder,
        .form-1-box input[type="email"]::-moz-placeholder,
        .form-1-box input[type="password"]::-moz-placeholder {
            color: #bbb;
            font-style: italic;
        }

        .form-1-box input[type="text"]:-ms-input-placeholder,
        .form-1-box input[type="email"]:-ms-input-placeholder,
        .form-1-box input[type="password"]:-ms-input-placeholder {
            color: #bbb;
            font-style: italic;
        }

        .form-1-box input[type="text"]::-webkit-input-placeholder,
        .form-1-box input[type="email"]::-webkit-input-placeholder,
        .form-1-box input[type="password"]::-webkit-input-placeholder {
            color: #bbb;
            font-style: italic;
        }

    .form-1-box button.btn-customized {
        margin-top: 1rem;
        padding: .75rem 1.5rem;
        background: #db5d50;
        border: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        box-shadow: none;
    }

        .form-1-box button.btn-customized:hover,
        .form-1-box button.btn-customized:active,
        .form-1-box button.btn-customized:focus,
        .form-1-box button.btn-customized:active:focus,
        .form-1-box button.btn-customized.active:focus,
        .form-1-box button.btn.btn-primary:not(:disabled):not(.disabled):active,
        .form-1-box button.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
            outline: 0;
            background: #ca594d;
            border: 0;
            color: #fff;
            box-shadow: none;
        }

.input-div {
    /* width: 250px; */
    /* margin: 100px auto; */
    /* position: relative; */
}

input[type='range'] {
    /* display: block; */
    /* width: 250px; */
}

    input[type='range']:focus {
        outline: none;
    }

    input[type='range'],
    input[type='range']::-webkit-slider-runnable-track,
    input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none;
    }

input[type=range]::-webkit-slider-thumb {
    background-color: white;
    width: 25px;
    height: 25px;
    border: 1.5px solid rgba(10, 83, 179, 0.7);
    border-radius: 50%;
    margin-top: -9px;
}

input[type=range]::-moz-range-thumb {
    background-color: #777;
    width: 15px;
    height: 15px;
    border: 3px solid #333;
    border-radius: 50%;
}

input[type=range]::-ms-thumb {
    background-color: #777;
    width: 20px;
    height: 20px;
    border: 3px solid #333;
    border-radius: 50%;
}

input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(77, 77, 77, 0.3);
    height: 3px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    outline: none;
}

input[type=range]::-moz-range-track {
    background-color: #4D4D4D;
    height: 3px;
}

input[type=range]::-ms-track {
    background-color: #4D4D4D;
    height: 3px;
}

input[type=range]::-ms-fill-lower {
    background-color: #0A53B3;
}

input[type=range]::-ms-fill-upper {
    background-color: #4D4D4D;
}

input[type=range]::-webkit-slider-runnable-track {
    background-image: -webkit-linear-gradient(left, #0A53B3, #4D4D4D);
}

input[type=range]::-moz-range-track {
    background-image: -moz-linear-gradient(left, #0A53B3, #4D4D4D);
}

.k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-state-hover {
    color: #d5d5d5;
    background-color: transparent !important;
    border-color: #ebebeb;
}

i.iconCircle.fas {
    display: inline-block;
    border-radius: 100%;
    box-shadow: 0 0 2px #888;
    padding: 0.5em 0.6em;
    background-color: #000;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}