﻿.form-control {
    padding-left: .5em;
    padding-right: .5em;
}
.nav-item navbar-collapse navbar-nav {
    
}
.captcha-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh; /* Ocupa toda la altura de la ventana */
}
.tavisible {
    display: block !important;
}

.taoculto {
    display: none !important;
}
.ta_f {
    position: relative;
    float: left;
    width: 100%;
}

.ta_fs {
    position: relative;
    float: left;
}

.ta_fmax {
    position: relative;
    float: left;
    width: 99%;
}

.ta_fondo {
    background-color: rgba(0, 0, 0,0.2);
}

.ta_fuen2 {
    font-size: 1.2em;
}

.ta_fueaju_1-0 {
    font-size: 1em;
}

.ta_fueaju_1-2 {
    font-size: 1.2em;
}

.ta_fueaju_1-5 {
    font-size: 1.5em;
}

.btbus {
    position: relative;
    float: left;
}

    .btbus:hover {
        cursor: pointer;
    }

.ta_formu_lb {
    position: relative;
    float: left;
}

.ta_formu_sb {
    background: none;
    outline: none;
    resize: none;
    border: 0;
}

.ta_f05 {
    height: .5em !important;
}

.ta_f10 {
    height: 1em !important;
}

.ta_f200 {
    height: 45em !important;
}

.ta_f250 {
    height: 25em !important;
}

.ta_f350 {
    height: 35em !important;
}

.ta_midmod {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    background-color: rgba( 7,7,7,0.4);
    z-index: 7777;
}

.ta_cen20 {
    position: relative;
    float: left;
    width: 20%;
    margin-left: 40%;
}

.ta_cen30 {
    position: relative;
    float: left;
    width: 30%;
    margin-left: 35%;
}

.ta_cen40 {
    position: relative;
    float: left;
    width: 40%;
    margin-left: 30%;
}

.ta_cen50 {
    position: relative;
    float: left;
    width: 50%;
    margin-left: 25%;
}

.ta_cen60 {
    position: relative;
    float: left;
    width: 60%;
    margin-left: 20%;
}

.ta_cen70 {
    position: relative;
    float: left;
    width: 70%;
    margin-left: 15%;
}

.ta_tp005 {
    margin-top: .5em !important;
}

.ta_tp01 {
    margin-top: 1em !important;
}

.ta_tp02 {
    margin-top: 2em !important;
}

.ta_es005 {
    margin-left: .5% !important;
}

.ta_es01 {
    margin-left: 1% !important;
}

.ta_es02 {
    margin-left: 2% !important;
}

.ta_esiz {
    margin-left: .5% !important;
}

.ta_ves02 {
    margin-left: 2% !important;
}

.ta_cent_con {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ta_cent {
    display: inline-block;
    vertical-align: middle;
}

.ta_centh_con {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ta_centh {
    display: inline-block;
    text-align: center;
}

.ta_btpri {
    width: 8%;
    height: 2.5rem;
    margin-left: 1em;
    text-align: center;
    background-color: #aaaaaa;
    border-radius: .8em;
}

.ta_button {
    float: right;
    padding: .8em 1em;
    margin: .8em 0 0;
    font-family: 'Montserrat',sans-serif;
    font-size: .8em;
    /*border:.1em solid #78788c;*/
    border: .1em;
    background: #dcdbdb;
    color: #5a5a6e;
    cursor: pointer;
    transition: all .3s;
    border-radius: .8em;
}

    .ta_button:hover {
        background: #78788c;
        color: #fff
    }

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

.ta_haut {
    height: auto !important;
    min-height: none !important;
    max-height: none !important;
}

.ta_ndn {
    margin: 0 !important;
    padding: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
}

.ta_pad002 {
    padding: .7em !important;
}

.d_if {
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 0;
    z-index: 777;
}

.d_xif {
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 0;
    z-index: 777;
    border: none;
}

.grid {
    position: relative;
    float: left;
    font-size: 1em;
}

.grid_head {
    text-align: left;
    margin-left: .5em;
}

.scrolling-table-container {
    height: 10em;
    overflow-y: scroll;
    overflow-x: scroll;
    line-height: 1em;
}

.div_btop {
    position: relative;
    float: right;
    width: 5%;
    margin-right: 2%;
}

    .div_btop img:hover {
        cursor: pointer;
    }

.div_btop1 {
    position: relative;
    float: left;
    width: 15%;
    margin-left: 25%;
}

.div_btop2 {
    position: relative;
    float: right;
    width: 15%;
    margin-right: 25%;
}

.ta_medfull {
    position: relative;
    float: left;
    width: 50%;
}

.pcvisi {
    display: block;
}

.celvisi {
    display: none;
}

.pro_car {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-top: .5em;
    border: .1em solid #6d91b5; /*#b5cade  #5a5a6e*/
}

.pro_car_x2 {
    position: relative;
    float: left;
    width: 64%;
    margin-left: 1%;
}

.pro_car_x3 {
    position: relative;
    float: left;
    width: 31.5%;
    margin-left: 1%;
}

.pro_car_x4 {
    position: relative;
    float: left;
    width: 24%;
    margin-left: 1%;
}

.pro_car_x5 {
    position: relative;
    float: left;
    width: 19%;
    margin-left: 1%;
}

.pro_car_x6 {
    position: relative;
    float: left;
    width: 15%;
    margin-left: 1%;
}

.pro_car_d {
    position: relative;
    float: left;
    width: 21%;
    margin-left: 1%;
}

.pro_car_d2 {
    position: relative;
    float: left;
    width: 17%;
    margin-left: .5%;
}

.pro_car_d3 {
    position: relative;
    float: left;
    width: 10%;
    margin-left: .5%;
}

.pro_car_d4 {
    position: relative;
    float: left;
    width: 5%;
    margin-left: .5%;
}

.pro_car_sn {
    position: relative;
    float: left;
    width: 13.6%;
    margin-left: .5%;
}

.cli_cua {
    position: relative;
    float: left;
    width: 40em;
    background-color: rgba(0,0,0,0.7);
    border-radius: .8em;
    box-shadow: 0 0 2em -1em #000;
    text-align: center;
}

.enes_her {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
}

.res_ta_logo {
    position: relative;
    float: left;
    width: 12%;
    margin-left: 44%;
    margin-top: 0em;
}

@media only screen and (max-width: 979px) {
    .res_ta_logo {
        width: 50%;
        margin-left: 25%;
    }

    .ta_esiz {
        margin-left: 0% !important;
    }

    .ta_btpri {
        margin-top: .3em;
        width: 18%;
        height: 2rem;
        margin-left: .3em;
        text-align: center;
        vertical-align: central !important;
        border-radius: .2em;
    }

    .ta_pad002 {
        padding: .3em !important;
    }

    .div_btop {
        position: relative;
        float: right;
        width: 10%;
        margin-right: 1%;
    }

    .div_btop1 {
        position: relative;
        float: left;
        width: 35%;
        margin-left: 10%;
    }

    .div_btop2 {
        position: relative;
        float: right;
        width: 35%;
        margin-right: 10%;
    }

    .ta_fueajuv_0-9 {
        font-size: .9em;
    }

    .ta_fueajuv_1-0 {
        font-size: 1em;
    }

    .ta_fueajuv_1-2 {
        font-size: 1.2em;
    }

    .ta_vcen {
        position: relative;
        float: left;
        width: 100%;
        margin-left: 0%;
    }

    .ta_medfull {
        position: relative;
        float: left;
        width: 100%;
    }

    .pcvisi {
        display: none;
    }

    .celvisi {
        display: block;
    }

    .pro_car_d {
        position: relative;
        float: left;
        width: 30%;
        margin-left: 2%;
    }

    .pro_car_d2 {
        position: relative;
        float: left;
        width: 30%;
        margin-left: 2%;
    }

    .enes_her {
        position: absolute;
        width: 50px;
        height: 50px;
        left: 50%;
        top: 50%;
        margin-top: -25px;
        margin-left: -25px;
    }

    .ta_ves02 {
        margin-left: 0% !important;
    }
}
@media only screen and (max-width: 5000px) {
    ´.res_ta_logo {
        width: 50%;
        margin-left: 25%;
    }
}