html, body {
    margin: 0;
    padding: 0 !important;
    height: 100%;
}

body, #add_product, #edit_product {
    background-image: url("../img/fondo.png");
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: black;
    text-decoration: none;
}

a:focus {
    outline: none;
}

#index {
    background-image: none;
    background-color: black !important;
}

#pagina {
    position: relative;
    min-height: 100%;
}

#contenido {
    padding-bottom: 80px; /* este valor debe ser igual o mayor al alto del pie */
}

#contenidoIndex {
    padding-bottom: 80px; /* este valor debe ser igual o mayor al alto del pie */
    margin-top: 20% !important;
}

.index_container{
    text-align: center;
    align-items: center;
    height: 40dvh;
    display: flex;
    justify-content: center;
}

.index_container .col-sm-6{
    padding-right: 2.5px;
    padding-left: 2.5px;
}

.index_navbar{
    height: 10vh;
}

.index_footer{
    height: 10dvh;
    font-size: 12px;
    color: #757575;
}

.index_footer p{
    margin: 0;
}

.index_titulo, .index_patrocinio{
    height: 20dvh;
}

.index_button{
    border-radius: 0.25rem;
    margin-bottom: 5px;
    display: block;
    background: #f9b14b;
    padding: 25px 35px;
    font-size: 20px;
    font-weight: bold;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    .index_button {
        padding: 15px 25px;
    }
}

.tittle_yo_vuelo{
    font-size: 3.5rem;
}

@media (max-width: 576px){
    .tittle_yo_vuelo{
        font-size: 2.5rem;
    }

    .index_button{
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (max-height: 800px){
    .img_patrocinio{
        width: 80px;
    }
    #patrocinadoPor{
        font-size: 1rem;
        margin-top: 0 !important;
    }
    .index_titulo{
        align-items: center !important;
    }
}

.numero_favorito {
    font-size: 12px;
    top: 42px;
    position: relative;
    left: 12px;
    font-weight: 600;
}

.info_favorito {
    margin-top: 5px;
}

.created_on {
    margin-bottom: 5px;
    font-size: 14px;
    text-align: right;
}

.departure_destination {
    font-size: 14px;
}

.favorito {
    margin-bottom: 5px;
    border-radius: 5px;
    background: #f5f5f5;
    border-color: #ddd;
}

#pie {
    font-size: 12px;
    height: 60px;
    line-height: 60px;
    background: black;
    color: #757575;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.fechaActualizacion {
    font-size: 14px;
    font-weight: 600;
}

#pie p {
    line-height: 20px;
    margin-top: 10px !important;
}

input {
    font-size: 16px !important;
}

label {
    font-size: 14px;
    font-weight: bold;
    color: black;
}

input, textarea, select {
    border: 1.5px solid black !important;
    outline: none;
}

input.error {
    border: 1.5px solid black !important;
    outline: none;
}

.selectBuscador {
    width: 100% !important;
}

.nombreAeroplanta {
    color: #0063be;
    font-size: 12px;
    font-weight: 600;
}

#crearUsuario {
    margin-top: -10px;
}

.carousel-indicators {
    bottom: 53px !important;
}

#myCarousel img {
    border-radius: .25rem !important;
}

.botonDelete {
    margin-top: 10px;
    width: 100%;
    background: #f44336;
}

.modalDelete {
    color: #212529 !important;
    font-weight: normal !important;
}

#botonHomeFpl {
    background-color: white !important;
    border-color: #000000 !important;
    color: black !important;
    font-weight: bold;
}

#botonHomeAircraft {
    background-color: black !important;
    border-color: white !important;
    color: white !important;
    font-weight: bold;
}

#palabraVolas{
    font-family: Taviraj_Thin !important;  
}

#palabraYo {
    font-family: Taviraj_Thin;
    color: #f9b14b;
}

#palabraVuelo {
    color: #f9b14b;
    font-family: Taviraj_Italic;
    margin-left: -10px;
}

.taviraj {
    font-family: Taviraj !important;
}

#botonformulariologin {
    background-color: black !important;
    border-color: #f9b14b !important;
    color: #f9b14b !important;
    font-weight: bold;
}

#botonEnviar, #botonClose, #botonDescargarQR {
    width: 150px !important;
}

.botonEliminar{
    background: #f44336;
    float: right;
    margin-top: -5px;
    margin-right: -14px;
}

.botonEditar{
    background: #f9b14b;
    float: right;
    margin-top: -5px;
    margin-right: 1px;
}

/*#imagenQR{*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	left: 50%;*/
/*	transform: translate(-50%, -50%);*/
/*}*/

.botonInicial {
    padding: 15px;
    font-size: 20px;
    width: 300px;
    margin-top: 5px;
    background: #f9b14b !important;
    color: #000000 !important;
    border-color: #000000 !important;
    font-weight: bold;
}

#botonHomeFpl, #botonHomeAircraft {
    padding: 20px;
    font-size: 20px;
    width: 300px;
    margin-top: 10px;
}

#botonLlamar {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.dropdown-menu.show {
    max-height: 213px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    min-height: 140px !important;
}

.bootstrap-select .btn {
    background-color: #fff;
    outline: none !important;
    border: 1.5px solid black;
}

.custom-switch {
    display: inline;
    margin-right: 20px;
}

.centrado {
    text-align: center;
    border: 1.5px solid black;
    border-radius: .25rem;
    padding: 6px;
}

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

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #f9b14b !important;
    border-color: #f9b14b;
}

.custom-control {
    width: 100%;
}

#labelSurvival {
    width: 100%;
}

#dinghiesDiv {
    text-align: left !important;
    width: 100%;
    padding-left: 5px;
}

#request {
    display: none;
}

#titulo {
    font-size: 2.5rem;
    text-align: center;
    color: #f9b14b;
    /*text-shadow: 1px 1px 1px #e0e0e0;*/
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: Taviraj;
}


.nav-link {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: black;
}

.nav-link a:hover {
    color: black;
    font-weight: bold;
}

@media only screen and (max-width: 1200px) {
    .nav-link {
        border-top: 1px solid #616467;
        padding: 20px 15px 20px 30px !important;
    }

    .navbar-collapse {
        margin: 0px !important;
    }

    .buscarTelefono .filter-option-inner-inner {
        color: #999;
        padding: 20px 15px 20px 30px !important;
    }

    .buscarTelefono {
        border-top: 1px solid #616467;
    }
}

.nav-tabs .nav-link {
    padding: 5px 15px 5px 15px !important;
}

.navbar {
    padding: 0px !important;
}

.navbar-brand {
    padding: 10px 0px 10px 15px !important;
}

.navbar-toggler {
    margin-right: 15px !important;
}

.jSignature {
    border: 2px solid #000 !important;
    border-radius: .25rem;
    height: 150px !important;
    max-width: 350px !important;
}

.list-unstyled {
    background-color: #fff;
    cursor: pointer;
    border-radius: .25rem;
    position: absolute;
    z-index: 1;
}

.listadoBusqueda {
    padding: 7px;
}

#otherInformation {
    word-spacing: 3px;
}

#repeatContrasena, #vencimiento, #equipamientoA, #equipamientoB, #otherInformationAircraft, #emailCopia, #emailDestinatario, #matricula, #tipoAcft, #estelaTurbulenta, #numeroUsuario {
    border: 2px solid #ced4da !important;
}

#correoelectronico, #contrasena{
    border: 2px solid #dee2e6 !important;
}

#boton_enviar_email{
    border-color: #f9b14b;
    font-weight: 800;
    font-family: 'Taviraj_Italic';
    color: black;
    width: 100%;
    margin-top: 5px;
    background: #f9b14b;
}

.bordeGris {
    border: 2px solid #ced4da !important;
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    width: 42px !important;
}

footer {
    bottom: 0px;
    width: 100%;
}

#signupForm label.error, #formExtension label.error {
    background-color: #f9b14b;
    color: black;
    border-color: black;
    border-radius: .25rem;
    padding: .375rem .75rem;
    margin-top: .5rem;
    width: 100%;
}

.btn-warning {
    border-color: #ffc107 !important;
    background-color: #f9b14b !important;
    color: black !important;
}

@font-face {
    font-family: Taviraj;
}

@font-face {
    font-family: Taviraj_Italic;
    src: url('../fonts/Taviraj-Italic.ttf');
}

@font-face {
    font-family: Taviraj_Thin;
    src: url('../fonts/Taviraj-ThinItalic.ttf');
}

.amarillo {
    color: #f9b14b !important;
    font-size: 12px;
}

.bg-dark {
    background-color: black !important;
}

#logo {
    height: 40px;
}

.logo{
    height: 50px;
}

.alert-warning {
    color: black;
!important;
    background-color: #f9b14b !important;
    border-color: #000000 !important;
}

.bootstrap-select .dropdown-menu span.text {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.alert-secondary {
    font-family: Taviraj !important;
    text-align: center !important;
    color: black !important;
}

.alert-danger {
    text-align: center !important;
    color: black !important;
    border-color: black !important;
    background: #f27e4e !important;
}

.navbar-collapse {
    margin: 0px 15px 0px 15px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: black;
    font-weight: bold;
}

.nav-tabs {
    border-bottom: 2px solid #dee2e6 !important;
}

#aircraftList, #favoriteList, #peopleList {
    padding: 0px !important;
}

.form-control {
    color: black !important;
}


.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: black !important;
}

#logoModena {
    border-radius: 0.25em;
    box-shadow: 0px 1px 5px rgb(249, 177, 75);
}

.buscarTelefono {
    width: 100%;
    min-width: 200px;
}

.buscarTelefono .bootstrap-select .btn {
    background-color: black;
    color: #999 !important;
    font-size: 14px;
    letter-spacing: 0.5px;
    border: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
}

.buscarTelefono .bootstrap-select .dropdown-menu {
    background-color: #ffffff;
}

.buscarTelefono .bootstrap-select .dropdown-menu:active {
    background-color: #ffffff;
}

.buscarTelefono .bootstrap-select .dropdown-menu li a span.text {
    color: #616467;
}

.buscarTelefono .filter-option-inner-inner {
    color: #999;
    border: none;
}

.btn dropdown-toggle btn-light bs-placeholder {
    background: none;
}

.buscarTelefono:hover {
    background: none;
    padding-bottom: 0px;
    padding-top: 0px;
}

#myModalQR {
    padding: 0px !important;
}

.embed-responsive embed-responsive-16by9 {
    height: 100%;
}

.modal-title {
    text-align: center;
    width: 100%;
}

.modal-footer {
    justify-content: center !important;
}

#listadoDeEmailsAts {
    width: 100% !important;
}

#listadoDeEmailsAts .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

.botonDeclaracion {
    border: 1px solid black !important;
    width: 50%;
    margin: 0px 5px;
    font-weight: bold;
    font-family: Taviraj;
}

.modal-body {
    text-align: center !important;
}

.designedBy {
    text-decoration: underline !important;
    color: #757575 !important;
}

.botonLogin {
    background-color: black !important;
    border-color: #f9b14b !important;
    color: #f9b14b !important;
    font-weight: bold;
    margin-left: auto;
    margin-right: 15px;
}

#patrocinadoPor {
    font-size: 1rem;
    text-align: center;
    color: #ffffff;
    margin-top: 15px;
}

#tituloFpl {
    margin-bottom: 0px !important;
    text-align: center;
    margin-top: 25px;
    font-family: Taviraj;
    text-shadow: 0px 1px 1px #000000;
}

#linkLogo {
    padding: 16px;
}

.our-story-card-text {
    position: relative;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    color: white;
}

.botonReset {
    background-color: #f44336 !important;
    border-color: #000000 !important;
    color: black !important;
    font-weight: bold;
    width: 100%;
    font-size: 14px;
    font-family: Taviraj;
    margin-bottom: 10px;
}

#botonEditarFavorito {
    /*background: #f9b14b;*/
    background: transparent;
    border-color: transparent;
    color: black;
    width: 42px;
    float: right;
    margin-right: 5px;
}

#botonDeleteFavorito {
    /*background: #f44336;*/
    background: transparent;
    border-color: transparent;
    color: black;
    width: 42px;
    float: right;
}

#opcionesPrincipales {
    margin-bottom: 5px;
    justify-content: space-between;
}

.our-story-card-title {
    font-size: 2.5rem;
}

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

.g-recaptcha {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

#tipoVueloAlert {
    padding-right: 1rem !important;
}

/*Estilos del CRUD aeronaves*/

.table-title {
    font-family: Taviraj;
    background: #f9b14b;
    color: #000;
    margin: 0px 0px 10px;
    border-radius: 0 0 3px 3px;
}

#tabsFplUser .nav-item {
    text-align: center;
    width: 33%;
}

#tabsFplUser {
    margin-bottom: 10px;
    justify-content: space-between;
}

.card-header {
    background: #f5f5f5;
    border-color: #ddd;
    padding: 6px 15px !important;
}

.card-header a {
    color: black !important;
    font-size: 14px;
    font-family: 'Varela Round', sans-serif;
}

.botonAgregar{
    background: black !important;
    border-color: black !important;
    color: #f9b14b;
}

#trash {
    background: #f9b14b !important;
    border-color: #f9b14b;
    color: black !important;
    float: right;
    margin-top: -48px;
}

#publicidad_smartFlight {
    border-radius: 0.25rem;
    background: white;
    text-align: center;
    border: 1px solid white;
    margin: 0px;
    font-family: Taviraj;
    font-size: 20px;
    align-items: center;
    line-height: 25px;
    font-weight: bold;
}

#qf, #qp, #qh {
    font-size: 16px !important;
    border: 1px solid #ced4da !important;
    text-transform: uppercase;
}

#botonRegistrate {
    background: black !important;
    color: #f9b14b !important;
    border-color: #f9b14b !important;
}

.marginBottomDiez {
    margin-bottom: 10px !important;
}

#agregarAeronave {
    font-size: 18px;
    color: black;
}

.page-item.active .page-link {
    background: #acadaeb3 !important;
    color: #333333 !important;
    border-color: #acadae !important;
}

.page-item.disabled .page-link, .page-item:first-child .page-link, .page-link {
    color: #333333 !important;
    background-color: #fff0 !important;
    border-color: #fff0 !important;
}

.page-link {
    color: #333333;
}

#buscador {
    padding: 0px;
}

#accordion {
    margin-bottom: 10px;
}

.card-body {
    border-color: #ddd;
    background: #ffffff;
}

#botonEditar, #botonEditarPersona {
    width: 100%;
    background: #f9b14b;
    border-color: #ddd;
}

.tituloAeroplanta {
    font-size: 16px;
}

.infoAeroplanta {
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.telefono {
    width: 42px;
    background: #005cb9 !important;
    float: right;
    margin-top: -7px;
    margin-right: -7px;
    color: #ffffff !important;
}

.marginRightDiez {
    margin-right: 10px !important;
    font-size: 12px !important;
}


.marginTopDiez {
    margin-top: 10px !important;
}

#botonFormularioYpf {
    background: #005cb9 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    font-weight: bold;
}

.alert-success {
    color: #333 !important;
    background-color: #bdbbbb !important;
    border-color: #333 !important;
    border-radius: 0px;
    text-align: center;
}

.color button {
    border-color: #ccc !important;
}

.modal-header {
    font-family: Taviraj;
}

.modal-title {
    font-weight: 600;
    font-size: 20px;
}

.botonAmarillo {
    background-color: #f9b14b !important;
    border-color: #000000 !important;
    color: black !important;
    font-weight: bold;
    width: 100%;
    font-size: 14px;
    font-family: Taviraj;
    margin-bottom: 10px;
}

.Toastify__toast-container--top-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.botonDesactivado{
    background-color: #ececf1 !important;
    border-color: #ececf1 !important;
    color: #8e8ea0 !important;
    font-weight: bold;
    width: 100%;
    font-size: 14px;
    font-family: Taviraj;
}

.botonNegro {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #f9b14b !important;
    font-weight: bold;
    width: 100%;
    font-size: 14px;
    font-family: Taviraj;
}

#formExtension .form-group {
    margin-bottom: 5px !important;
}

#toTop {
    z-index: 999;
    position: fixed;
    bottom: 70px;
    right: 10px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border: none;
    text-indent: 100%;
    background: url(../img/menuFlotante.png) no-repeat 0px 0px;
}

#etiquetaExpiracion {
    font-size: 12px;
    font-weight: 600;
}

#repetir, #repetir_fdg, #repetirExtension, #repetir_fri, #repetir_international{
    z-index: 999;
    position: fixed;
    bottom: 20px;
    right: 10px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border: none;
    text-indent: 100%;
    background: url(../img/repeat.png) no-repeat 0px 0px;
}

#toTopFpl {
    z-index: 999;
    position: fixed;
    bottom: 122px;
    right: 10px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border: none;
    text-indent: 100%;
    background: url(../img/createFpl.png) no-repeat 0px 0px;
}

#toTopFdg {
    z-index: 999;
    position: fixed;
    bottom: 172px;
    right: 10px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border: none;
    text-indent: 100%;
    background: url(../img/createFdg.png) no-repeat 0px 0px;
}

#toTopExt {
    z-index: 999;
    position: fixed;
    bottom: 222px;
    right: 10px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border: none;
    text-indent: 100%;
    background: url(../img/createExt.png) no-repeat 0px 0px;
}

#toTopDec {
    z-index: 999;
    position: fixed;
    bottom: 272px;
    right: 10px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border: none;
    text-indent: 100%;
    background: url(../img/createDec.png) no-repeat 0px 0px;
}

#menuDesplegable {
    background: none;
    border: none;
}

.fontDoce {
    font-size: 11px !important;
    color: #757575;
}

.alert-info {
    color: #000000 !important;
    background-color: #9e9e9e87 !important;
    border-color: #757575 !important;
    padding: 0.4rem 1.25rem !important;
}

.alert-primary {
    color: #000000 !important;
    background-color: #2196f35c !important;
    border-color: #757575 !important;
    padding: 0.4rem 1.25rem !important;
}

.alert {
    font-size: 14px;
}

.listarSwitch {
    margin-right: 10px !important;
}

.displayBlock {
    display: block !important;
}

#edit_people input, #edit_product input, textarea {
    border: 2px solid #ced4da !important;
}

#menu1 {
    padding: 0px !important;
}

#edit_dinghiesnumber {
    margin-bottom: 10px !important;
}

#home {
    padding: 0px !important;
}

#alertEdit .alert-dismissible {
    padding-right: 3rem !important;
}

#myModalPer .modal-body {
    padding: 12px !important;
}

#myModalPer .card-body {
    padding: 1.25rem 0 !important;
}

#alertOtherInformation {
    padding: 1rem !important;
}

#myModalSts .modal-body {
    text-align: left !important;
}

.about p {
    text-align: justify;
}

.botonTacho {
    display: flex;
    justify-content: center;
    width: 80px;
    margin-left: 2px;
    float: right;
    border-radius: .25rem;
    margin-top: 1px !important;
    background: #171717;
    color: #f9b14b;
}

#myModalSuscription .modal-footer{
    border: 1px solid #dee2e6 !important;
}

#myModalSuscription .modal-body{
    padding-bottom: 0;
}

.suscripcion{
    justify-content: center;
    text-align: center;
}

.suscripcion_left{
    background: black;
    color: #f9b14b !important;
    width: 140px;
    border-radius: 10px 0 0 10px;
}

.suscripcion_premium{
    background: black;
    color: #f9b14b !important;
    width: 280px;
    border-radius: 10px 10px 10px 10px;
}

.suscripcion_right{
    background: #ececf1;
    color: #8e8ea0 !important;
    width: 140px;
    border-radius: 0 10px 10px 0;
}

.suscripcion_right:hover{
    background: black;
    color: #f9b14b !important;
    width: 140px;
    border-radius: 0 10px 10px 0;
}

.suscription_row{
    justify-content: center;
    text-align: center;
}

.suscription_row ul{
    list-style: none;
    padding: 0;
    text-align: left;
    line-height: 50px;
    margin-bottom: 0;
}

.suscription_row ul li i{
    color: black;
}

.suscription_card{
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    margin-bottom: 15px;
}

.suscription_card span{
    margin-left: 10px;
}

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

@media (max-width: 767px) {
    .label_tab {
        font-size: 1rem !important;
    }
}

.font_size_catorce{
    font-size: 14px;
}

.botonFavorito{
    background: black !important;
    color: #f9b14b !important;
}

.radioCheck {
    height: 25px;
    width: 25px;
    position: absolute !important;
    top: 0;
    left: 0;
}

.containerRadio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ios{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.alert-suscriptor{
    text-align: center !important;
    background: #a6a7a8 !important;
    border-radius: 0px !important;
}

.new_badge{
    line-height: 1;
    margin-top: -10px;
    margin-left: -30px;
    text-align: center;
    font-family: sans-serif;
    font-size: .75em;
    padding: 0.35em 0.65em;
    border-radius: 50rem!important;
    color: white;
    background-color: #dc3545;
    left: 100%;
    top: 0;
    position: absolute;
}