/* Tarifa Cloud CSS Bootstrap Overrides v.1.1
/* 6 noviembre 2022
/**/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
@import url("flag-icons.min.css");

#iconos1>i {
    cursor: pointer;
}

:root {
    /* Body base font */
    --base-font: 14px;

    /* Colores primarios */
    --primary-1: #3c4857;
    --primary-2: #55626f;
    --primary-3: #f46545;
    --primary-4: #f2f4f4;
    --primary-5: #000;
    --primary-6: #54606D;
    --primary-7: #AFEE3A;

    /* Colores secundarios */
    --secondary-1: #636d79;
    --secondary-2: #8a919a;
    --secondary-3: #b1b6bc;
    --secondary-4: #b1b6bc;
    --secondary-5: #EAEAEA;
    --secondary-6: #f6846a;
    --secondary-7: #f8a38f;
    --secondary-8: #fbc1b5;
    --secondary-9: #FFF;
    --secondary-10: #EABF98;
    --secondary-11: #F1F4F4;

    /* Colores auxiliares */
    --aux-1: #aa4a3a;
    --aux-2: #bf3a3a;
    --aux-3: #708340;
    --aux-4: #77a5a4;
    --aux-5: #94B7B6;
    --aux-6: #0D92FF;
    --aux-6: var(--primary-3);

    /* Radio redondeo global */
    --radio-redondeo: 8px;

    /* botones */
    --btn-width: 180px;
    --btn-height: 40px;

    /* DARK PALETTE */
    
    /* DISABLED 
        --base-font: 14px;
        --primary-1: #1a1a1a;
        --primary-2: #55626f;
        --primary-3: #482118;
        --primary-4: #121212;
        --primary-5: #b3b3b3;
        --secondary-1: #101010;
        --secondary-2: #545454;
        --secondary-3: #b5510a;
        --secondary-4: #b1b6bc;
        --secondary-5: #bdc6c6;
        --secondary-6: #f6846a;
        --secondary-7: #f8a38f;
        --secondary-8: #fbc1b5;
        --secondary-9: #979797;
        --secondary-10: #524234;
        --aux-1: #aa4a3a;
        --aux-2: #bf3a3a;
        --aux-3: #708340;
        --aux-4: #77a5a4;
        --radio-redondeo: 6px;
        --btn-width: 180px;
        --btn-height: 40px;
    */
}

.home-info{
    width: 300px;
    padding-top: 3em;
    padding-right: 3em;
    padding-left: 3em;
}

.home-info h5{
    font-size: 18px;
}
.rb{
    border-right: 1px solid #fff;
}

.homeicons{
    height: 100px;
}

/* PROMO VIDEO */
.videopromo{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: -1;
}
.videocontainer{
    background-color: #f4654559;
    background-color: transparent;
}
.promotext{
    height: 100%;
    background-color: #3C4857;
}
#promobody{
    overflow-y: hidden;
}


/* Paleta Textos */

/* PRIMARIOS */
.coltext_p1 {color: var(--primary-1);}
.coltext_p2 {color: var(--primary-2);}
.coltext_p3 {color: var(--primary-3);}
.coltext_p4 {color: var(--primary-4);}
.coltext_p5 {color: var(--primary-5);}
.coltext_p6 {color: var(--primary-6);}
.coltext_p7 {color: var(--primary-7) !important;}

/* SENCUNDARIOS */
.coltext_s1 {color: var(--secondary-1);}
.coltext_s2 {color: var(--secondary-2);}
.coltext_s3 {color: var(--secondary-3);}
.coltext_s4 {color: var(--secondary-4);}
.coltext_s5 {color: var(--secondary-5);}
.coltext_s6 {color: var(--secondary-6);}
.coltext_s7 {color: var(--secondary-7);}
.coltext_s8 {color: var(--secondary-8);}
.coltext_s9 {color: var(--secondary-9);}
.coltext_s10 {color: var(--secondary-10);}
.coltext_s11 {color: var(--secondary-11);}

/* AUXILIARES */
.coltext_a1 {color: var(--aux-1);}
.coltext_a2 {color: var(--aux-2);}
.coltext_a3 {color: var(--aux-3);}
.coltext_a4 {color: var(--aux-4);}
.coltext_a5 {color: var(--aux-5);}
.coltext_a6 {color: var(--aux-6);}

/* Paleta Background */

/* BG PRIMARIOS */
.colback_p1 {background-color: var(--primary-1);}
.colback_p2 {background-color: var(--primary-2);}
.colback_p3 {background-color: var(--primary-3);}
.colback_p4 {background-color: var(--primary-4);}
.colback_p5 {background-color: var(--primary-5);}
.colback_p6 {background-color: var(--primary-6);}
.colback_p7 {background-color: var(--primary-7);}

/* BG SECUNDARIOS */
.colback_s1 {background-color: var(--secondary-1);}
.colback_s2 {background-color: var(--secondary-2);}
.colback_s3 {background-color: var(--secondary-3);}
.colback_s4 {background-color: var(--secondary-4);}
.colback_s5 {background-color: var(--secondary-5);}
.colback_s6 {background-color: var(--secondary-6);}
.colback_s7 {background-color: var(--secondary-7);}
.colback_s8 {background-color: var(--secondary-8);}
.colback_s9 {background-color: var(--secondary-9);}
.colback_s10 {background-color: var(--secondary-10);}
.colback_s11 {background-color: var(--secondary-11);}

/* BG AUXILIARES */
.colback_a1 {background-color: var(--aux-1);}
.colback_a2 {background-color: var(--aux-2);}
.colback_a3 {background-color: var(--aux-3);}
.colback_a4 {background-color: var(--aux-4);}
.colback_a5 {background-color: var(--aux-5);}
.colback_a6 {background-color: var(--aux-6);}


/* BORDER */
/* PRIMARIOS */
.border_p1 {border: 2px solid var(--primary-1);}
.border_p2 {border: 2px solid var(--primary-2);}
.border_p3 {border: 2px solid var(--primary-3);}
.border_p4 {border: 2px solid var(--primary-4);}
.border_p5 {border: 2px solid var(--primary-5);}

/* SENCUNDARIOS */
.border_s1 {border: 2px solid var(--secondary-1);}
.border_s2 {border: 2px solid var(--secondary-2);}
.border_s3 {border: 2px solid var(--secondary-3);}
.border_s4 {border: 2px solid var(--secondary-4);}
.border_s5 {border: 2px solid var(--secondary-5);}
.border_s6 {border: 2px solid var(--secondary-6);}
.border_s7 {border: 2px solid var(--secondary-7);}
.border_s8 {border: 2px solid var(--secondary-8);}
.border_s9 {border: 2px solid var(--secondary-9);}
.border_s10 {border: 2px solid var(--secondary-10);}
.border_s11 {border: 2px solid var(--secondary-11);}

/* AUXILIARES */
.border_a1 {border: 2px solid var(--aux-1);}
.border_a2 {border: 2px solid var(--aux-2);}
.border_a3 {border: 2px solid var(--aux-3);}
.border_a4 {border: 2px solid var(--aux-4);}
.border_a5 {border: 2px solid var(--aux-5);}
.border_a6 {border: 2px solid var(--aux-5);}

/* BODY + HTML */

body,
html {
    font-family: 'Montserrat', sans-serif;
    font-size: var(--base-font);
    scroll-behavior: smooth;
    overflow: revert;
    height: 100%;
    width: 100%;
    overflow-x: clip;
}

html{
    scroll-padding-top: 20em;
}

a, a:hover{
    text-decoration: none;
    /*
    color: var(--secondary-9);
    */
    color: inherit;
}

.hideondesktop {
    display: none !important
}
.hideonmobile {
    display: unset;
}

/* Calendario */
.input-group-append {
    cursor: pointer;
}

/* Cuadro color DEMO  */
.cuadroscolor>div {
    width: 150px;
    height: 80px;
    display: grid;
    place-items: center;
    font-weight: bold;
    margin-left: 1em;
    margin-bottom: 1em;
}


.prevent-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* HIDE  */
.hide {
    display: none !important;
}

/* Taman±os de fuente */
h1 {font-weight: 300; font-size: 40px; letter-spacing: -0.02em;}
h2 {font-weight: 400; font-size: 30px; letter-spacing: -0.02em;}
h3 {font-weight: 700; font-size: 30px; letter-spacing: -0.02em;}
h4 {font-weight: 400; font-size: 24px; letter-spacing: -0.02em;}
h5 {font-weight: 400; font-size: 20px; letter-spacing: -0.02em;}

/* margin auto*/
.mx-auto{
    margin-left: auto;
    display: block !important;
    margin-right: auto;
}

.ml-auto{ margin-left: auto; }
.mr-auto{ margin-right: auto; }

/* BACKGROUNDS */
.bg_globe {
    background-image: url('../bitmaps/bg_globe.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.b1 {font-size: 14px;font-weight: 400;}
.b2 {font-size: 14px;font-weight: 700;}
.b3 {font-size: 12px;font-weight: 400;}
.b4 {font-size: 12px;font-weight: 700;}
.c1 {font-size: 22px;font-weight: 400;}
.c2 {font-size: 22px;font-weight: 700;}
.c3 {font-size: 20px;font-weight: 700;}
.c4 {font-size: 20px;font-weight: 700;}
.c5 {font-size: 18px;font-weight: 700;}
.c6 {font-size: 16px;font-weight: 700;}


.modalbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: var(--primary-5);
    background-color: #000;
    z-index: 2;
    cursor: pointer;
}

.modalbg::before {
    content: 'X';
    width: 50px;
    height: 50px;
    background-color: var(--primary-5);
    color: var(--secondary-9);
    position: absolute;
    display: grid;
    font-size: 2em;
    place-items: center;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

/* breadcrumbs */
.breadcrumb, .breadcrumb-item.active {
    color: var(--secondary-1);
    text-decoration: none;
    font-weight: bold;
}

.breadcrumb a{
    color: var(--aux-4);
    text-decoration: none;
    font-weight: bold;
}
/* truncate breadcrump */
.breadcrumb li, .breadcrumb a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 150px;
}


/* ICONOS */

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    font-size: 14px;
}

#topfraccion i::before {
    font-size: 24px;
    margin-right: 1rem;
}

#topimpexp img {
    width: 18px;
    margin-left: 1rem;
}

#barfecha i::before {
    font-size: 24px;
    margin-right: 1rem;
}

#barfecha h3{
    font-size: 1.4em;
}

#barfecha span{
    padding-left: 1em;
}

#barfecha img {
    width: 18px;
    margin-left: 1rem;
}

.biaux::before {
    font-size: 16px;
}

/* ALIGNMENT */
.gcenter {
    display: grid;
    place-items: center;
}


/* SPACER */
spacer-05 {height: 0.5em;display: block;}
spacer-1 {height: 1em;display: block;}
spacer-2 {height: 2em;display: block;}
spacer-3 {height: 3em;display: block;}
spacer-4 {height: 4em;display: block;}
spacer-5 {height: 5em;display: block;}
spacer-6 {height: 6em;display: block;}
spacer-7 {height: 7em;display: block;}
spacer-8 {height: 8em;display: block;}
spacer-9 {height: 9em;display: block;}
spacer-10 {height: 10em;display: block;}
spacer-11 {height: 11em;display: block;}
spacer-12 {height: 12em;display: block;}
spacer-13 {height: 13em;display: block;}
spacer-14 {height: 14em;display: block;}
spacer-15 {height: 15em;display: block;}
spacer-16 {height: 16em;display: block;}
spacer-17 {height: 17em;display: block;}
spacer-18 {height: 18em;display: block;}
spacer-19 {height: 19em;display: block;}
spacer-20 {height: 20em;display: block;}


.spacer-05 {height: 0.5em;display: block;}
.spacer-1 {height: 1em;display: block;}
.spacer-2 {height: 2em;display: block;}
.spacer-3 {height: 3em;display: block;}
.spacer-4 {height: 4em;display: block;}
.spacer-5 {height: 5em;display: block;}
.spacer-6 {height: 6em;display: block;}
.spacer-7 {height: 7em;display: block;}
.spacer-8 {height: 8em;display: block;}
.spacer-9 {height: 9em;display: block;}
.spacer-10 {height: 10em;display: block;}
.spacer-11 {height: 11em;display: block;}
.spacer-12 {height: 12em;display: block;}
.spacer-13 {height: 13em;display: block;}
.spacer-14 {height: 14em;display: block;}
.spacer-15 {height: 15em;display: block;}
.spacer-16 {height: 16em;display: block;}
.spacer-17 {height: 17em;display: block;}
.spacer-18 {height: 18em;display: block;}
.spacer-19 {height: 19em;display: block;}
.spacer-20 {height: 20em;display: block;}


.z-1 {z-index: 1 !important;}
.z-2 {z-index: 2 !important;}
.z-3 {z-index: 3 !important;}
.z-4 {z-index: 4 !important;}
.z-5 {z-index: 5 !important;}
.z-6 {z-index: 6 !important;}
.z-7 {z-index: 7 !important;}
.z-8 {z-index: 8 !important;}
.z-9 {z-index: 9 !important;}
.z-10 {z-index: 10 !important;}

/*
.pt-1 {padding-top: 1em !important;}
.pt-2 {padding-top: 2em !important;}
.pt-3 {padding-top: 3em !important;}
.pt-4 {padding-top: 4em !important;}
.pt-5 {padding-top: 5em !important;}
.pt-6 {padding-top: 6em !important;}
.pt-7 {padding-top: 7em !important;}
.pt-8 {padding-top: 8em !important;}
.pt-9 {padding-top: 9em !important;}
.pt-10 {padding-top: 10em !important;}
.pt-11 {padding-top: 11em !important;}
.pt-12 {padding-top: 12em !important;}
.pt-13 {padding-top: 13em !important;}
.pt-14 {padding-top: 14em !important;}
.pt-15 {padding-top: 15em !important;}
.pt-16 {padding-top: 16em !important;}
.pt-17 {padding-top: 17em !important;}
.pt-18 {padding-top: 18em !important;}
.pt-19 {padding-top: 19em !important;}
.pt-20 {padding-top: 20em !important;}
*/

.px0{padding-left: 0em;padding-right:0em;}

.p1 {padding: 1em !important;}
.p2 {padding: 2em !important;}
.p3 {padding: 3em !important;}
.p4 {padding: 4em !important;}
.p5 {padding: 5em !important;}
.p6 {padding: 6em !important;}
.p7 {padding: 7em !important;}
.p8 {padding: 8em !important;}
.p9 {padding: 9em !important;}
.p10 {padding: 10em !important;}
.p11 {padding: 11em !important;}
.p12 {padding: 12em !important;}
.p13 {padding: 13em !important;}
.p14 {padding: 14em !important;}
.p15 {padding: 15em !important;}
.p16 {padding: 16em !important;}
.p17 {padding: 17em !important;}
.p18 {padding: 18em !important;}
.p19 {padding: 19em !important;}
.p20 {padding: 20em !important;}



.pl-05 {padding-left: 0.5em !important;}
.pl-1 {padding-left: 1em !important;}
.pl-2 {padding-left: 2em !important;}
.pl-3 {padding-left: 3em !important;}
.pl-4 {padding-left: 4em !important;}
.pl-5 {padding-left: 5em !important;}
.pl-6 {padding-left: 6em !important;}
.pl-7 {padding-left: 7em !important;}
.pl-8 {padding-left: 8em !important;}
.pl-9 {padding-left: 9em !important;}
.pl-10 {padding-left: 10em !important;}
.pl-11 {padding-left: 11em !important;}
.pl-12 {padding-left: 12em !important;}
.pl-13 {padding-left: 13em !important;}
.pl-14 {padding-left: 14em !important;}
.pl-15 {padding-left: 15em !important;}
.pl-16 {padding-left: 16em !important;}
.pl-17 {padding-left: 17em !important;}
.pl-18 {padding-left: 18em !important;}
.pl-19 {padding-left: 19em !important;}
.pl-20 {padding-left: 20em !important;}


.pr-05 {padding-right: 0.5em !important;}
.pr-1 {padding-right: 1em !important;}
.pr-2 {padding-right: 2em !important;}
.pr-3 {padding-right: 3em !important;}
.pr-4 {padding-right: 4em !important;}
.pr-5 {padding-right: 5em !important;}
.pr-6 {padding-right: 6em !important;}
.pr-7 {padding-right: 7em !important;}
.pr-8 {padding-right: 8em !important;}
.pr-9 {padding-right: 9em !important;}
.pr-10 {padding-right: 10em !important;}
.pr-11 {padding-right: 11em !important;}
.pr-12 {padding-right: 12em !important;}
.pr-13 {padding-right: 13em !important;}
.pr-14 {padding-right: 14em !important;}
.pr-15 {padding-right: 15em !important;}
.pr-16 {padding-right: 16em !important;}
.pr-17 {padding-right: 17em !important;}
.pr-18 {padding-right: 18em !important;}
.pr-19 {padding-right: 19em !important;}
.pr-20 {padding-right: 20em !important;}



.ml-05 {margin-left: 0.5em !important;}
.ml-1 {margin-left: 1em !important;}
.ml-2 {margin-left: 2em !important;}
.ml-3 {margin-left: 3em !important;}
.ml-4 {margin-left: 4em !important;}
.ml-5 {margin-left: 5em !important;}
.ml-6 {margin-left: 6em !important;}
.ml-7 {margin-left: 7em !important;}
.ml-8 {margin-left: 8em !important;}
.ml-9 {margin-left: 9em !important;}
.ml-10 {margin-left: 10em !important;}
.ml-11 {margin-left: 11em !important;}
.ml-12 {margin-left: 12em !important;}
.ml-13 {margin-left: 13em !important;}
.ml-14 {margin-left: 14em !important;}
.ml-15 {margin-left: 15em !important;}
.ml-16 {margin-left: 16em !important;}
.ml-17 {margin-left: 17em !important;}
.ml-18 {margin-left: 18em !important;}
.ml-19 {margin-left: 19em !important;}
.ml-20 {margin-left: 20em !important;}

.mr-05 {margin-right: 0.5em !important;}
.mr-1 {margin-right: 1em !important;}
.mr-2 {margin-right: 2em !important;}
.mr-3 {margin-right: 3em !important;}
.mr-4 {margin-right: 4em !important;}
.mr-5 {margin-right: 5em !important;}
.mr-6 {margin-right: 6em !important;}
.mr-7 {margin-right: 7em !important;}
.mr-8 {margin-right: 8em !important;}
.mr-9 {margin-right: 9em !important;}
.mr-10 {margin-right: 10em !important;}
.mr-11 {margin-right: 11em !important;}
.mr-12 {margin-right: 12em !important;}
.mr-13 {margin-right: 13em !important;}
.mr-14 {margin-right: 14em !important;}
.mr-15 {margin-right: 15em !important;}
.mr-16 {margin-right: 16em !important;}
.mr-17 {margin-right: 17em !important;}
.mr-18 {margin-right: 18em !important;}
.mr-19 {margin-right: 19em !important;}
.mr-20 {margin-right: 20em !important;}

.w1{width: 1em;}
.w2{width: 2em;}
.w3{width: 3em;}
.w4{width: 4em;}
.w5{width: 5em;}
.w6{width: 6em;}
.w7{width: 7em;}
.w8{width: 8em;}
.w9{width: 9em;}
.w10{width: 10em;}
.w11{width: 11em;}
.w12{width: 12em;}
.w13{width: 13em;}
.w14{width: 14em;}
.w15{width: 15em;}
.w16{width: 16em;}
.w17{width: 17em;}
.w18{width: 18em;}
.w19{width: 19em;}
.w20{width: 20em;}

.he1{height: 1em;}
.he2{height: 2em;}
.he3{height: 3em;}
.he4{height: 4em;}
.he5{height: 5em;}
.he6{height: 6em;}
.he7{height: 7em;}
.he8{height: 8em;}
.he9{height: 9em;}
.he10{height: 10em;}
.he11{height: 11em;}
.he12{height: 12em;}
.he13{height: 13em;}
.he14{height: 14em;}
.he15{height: 15em;}
.he16{height: 16em;}
.he17{height: 17em;}
.he18{height: 18em;}
.he19{height: 19em;}
.he20{height: 20em;}



/* SCROLL */

.style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar {
    width: 16px;
    background-color: #F5F5F5;
    background-color: transparent;
}

.style-1::-webkit-scrollbar-thumb {
    height: 25%;
    min-height: 48px;
    border-radius: 10px;
    /*
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    */
    background-color: var(--primary-3);
}

.scroll-y {
    height: 300px;
    overflow-y: scroll;
    padding-right: 1em;
    padding-right: 12px;
}

.scroll-y-tall {
    height: calc(100vh - 12rem);
    overflow: hidden;
    overflow-y: scroll;
}

/* PADDING FOR CHILDREN */
.padding-child-1>* {
    padding: 1em;
    line-height: 3em;
}

/* TAGS */
#tags{
    border-bottom: 1px solid var(--primary-2);
    margin-bottom: 1em;
}

.tag {
    width: 150px;
    height: 20px;
    color: var(--secondary-9);
    background-color: var(--primary-3);
    padding-right: 0.5em;
    display: block;
    padding-left: 1em;
    margin-right: 0.4em;
    float: left;
    cursor: pointer;
}

.tag>span {
    float: right;
}

.tag.inactive {
    background-color: #54616E;
}

/* TOP BAR - LOGO & PROFILE PIC */
#topbar {
    width: 100%;
    box-shadow: 0px -10px 20px #000;
}

#topbar .col5{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

#topbar .col2{
    display: grid;
    grid-template-columns: 1fr 1fr
}
#topbar .col2auto{
    display: grid;
    grid-template-columns: auto 1fr;
}

#topbar i::before{
    font-size: 24px;
}

#topbar .icon_horizontal{
    width: 10em;
}

#topbar .icon_tag{
    padding-left: 8px;
    padding-top: 7px;
}

/* LOGO TC HORIZONTAL */

#tc_horizontal{
    width: 12em;
    height: 100%;
    margin: 1em;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    cursor: pointer;
    background-image: url('../svg/tc_logo_2023.svg');
    background-repeat: no-repeat;
}

.tc_horizontal {
    width: 22em;
    margin: 1em;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    cursor: pointer;
}


/* HOME LOGIN */
#home_search_window {
    padding-top: 8em;
    padding-bottom: 8em;
}

#home-importacion {
    border-radius: 6px 0px 0px 6px;
    background-color: var(--primary-3);
}

#home-exportacion {
    border-radius: 0px 6px 6px 0px;
    background-color: var(--primary-3);
}

#home-importacion,
#home-exportacion {
    height: 60px;
    display: grid;
    grid-template-columns: 5fr 1fr;
    place-items: center;
    font-size: 24px;
    border: 2px solid var(--secondary-9);
}

#home-importacion img,
#home-exportacion img {
    height: 20px;
    float: right;
}

#home_search_text {
    /* padding: 0.2em 1em; */
    border-radius: .25rem;
    color: var(--secondary-9);
    outline: 0;
}

#home_search_text:focus {
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#home_search_form input {
    background: transparent;
    border: 0px;
    color: var(--secondary-9);
}

#home_search_date {
    font-size: 24px;
}

#home_search_date:focus {
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
}

#home_search_form input::placeholder {
    color: var(--aux-1);
}

#home_date_form {
    padding-top: 1em;
    padding-bottom: 2em;
}

#home_search_text {
    width: 90%;
    height: 60px;
}

#home_search_box {
    margin-top: 1em;
    margin-bottom: 1em;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

#home_search_window .progress-bar {
    margin-top: 10px;
    height: 1px;
    background-color: var(--secondary-9);
}

#home_search_btn_consulta {
    background-color: var(--aux-1);
    height: 4em;
    border-radius: 5em;
    display: grid;
    place-items: center;
    font-weight: bold;
    margin-top: 3em;
    margin-bottom: 5em;
    transition: all 0.25s ease;
}

#home_search_text::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

#home_search_btn_consulta:hover {
    background-color: var(--secondary-6);
    transition: all 0.25s ease;
}

#select_import_export {
    padding-top: 2em;
}

#select_import_export .active {
    background-color: var(--secondary-9);
    color: var(--primary-3);
}

/* SEARCH BAR - LOGGED USER */
#inner-importacion {
    border-radius: 6px 0px 0px 6px;
    background-color: var(--primary-3);
}

#inner-exportacion {
    border-radius: 0px 6px 6px 0px;
    background-color: var(--primary-3);
}

#inner-importacion,
#inner-exportacion {
    height: 60px;
    display: grid;
    grid-template-columns: 5fr 1fr;
    place-items: center;
    font-size: 24px;
    border: 2px solid var(--secondary-9);
}

#inner-importacion img,
#inner-exportacion img {
    height: 20px;
    float: right;
}

#inner_search_window {
    position: fixed;
    top: 0px;
    height: 85px;
    overflow: hidden;
    z-index: 2;
    margin: auto;
    left: calc(50% - 350px);
}

#inner_search_window .progress-bar {
    margin-top: 10px;
    height: 1px;
    background-color: var(--secondary-9);
}

#inner_search_text {
    /* padding: 0.2em 1em; */
    border-radius: .25rem;
    color: var(--secondary-9);
    outline: 0;
    font-size: 24px;
}

#inner_search_text:focus {
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#inner_search_form input {
    background: transparent;
    border: 0px;
    color: var(--secondary-9);
}

#inner_search_date {
    font-size: 24px;
}

#inner_search_date:focus {
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
}

#inner_search_form input::placeholder {
    color: var(--aux-1);
}

#inner_search_form {
    padding-top: 0em;
}

#inner_date_form {
    padding-top: 1em;
    padding-bottom: 2em;
}

#inner_search_text {
    width: 90%;
    height: 60px;
}

#inner_search_box {
    margin-top: 1em;
    margin-bottom: 1em;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 20px -20px;
}


#inner_search_btn_consulta {
    background-color: var(--aux-1);
    height: 4em;
    border-radius: 5em;
    display: grid;
    place-items: center;
    font-weight: bold;
    margin-top: 3em;
    margin-bottom: 5em;
    transition: all 0.25s ease;
}

#inner_search_text::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

#inner_search_btn_consulta:hover {
    background-color: var(--secondary-6);
    transition: all 0.25s ease;
}

#inner_select_import_export {
    padding-top: 2em;
}

#inner_select_import_export .active {
    background-color: var(--secondary-9);
    color: var(--primary-3);
}



/* FIX BOOTSTRAP ARROW COLOR */
.accordion-button:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}


.totheright {
    position: absolute;
    right: 40px;
    text-align: right;
    white-space: nowrap;
    /*
    white-space: initial;
    */
}


/* LOGOS */
.home_tc_logo {
    max-width: 300px;
    min-width: 200px;
}

.home_globe_logo {
    max-width: 400px;
    opacity: 0.4;
}

.tclogoprime{
    display: none;
}


/* USER PROFILE ICON */
.user_profile_icon {
    margin: 1em;
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 1;
}

/* WINDOW ELEMENT */
.window {
    border-radius: var(--radio-redondeo);
}

.window a{
    color: var(--primary-3);
}

/* SPLIT WINDOW ELEMENT */
.window-split-top {
    border-radius: var(--radio-redondeo) var(--radio-redondeo) 0 0 ;
}

.window-split-bottom {
    border-radius: 0 0 var(--radio-redondeo) var(--radio-redondeo);
}

/* NOTICES */
.home-notice {
    display: grid;
    width: 100%;
    height: 160px;
    background-color: #36414E;
    border-radius: var(--radio-redondeo);
    padding: 2em 5em;
    text-align: left !important;
    align-items: center;
    grid-template-columns: 1fr 3fr;
    grid-gap: 1em;
}


/* MENU */
#menu_leyes{
    padding-top: 4em;
    /*
    position: absolute;
    bottom: 0cqh;
    width: 100%;
    */
}

.menu_leyes {
    padding: 2em 3em;
    font-size: 12px;
}

.menu_leyes:hover {
    transition: all 0.25s ease;
    background-color: var(--primary-1)
        /*
    background: linear-gradient(0deg, rgba(85,98,111,1) 0%, rgba(60,72,87,1) 50%);
    */
}

.menu_leyes img {
    height: 30px;
    padding-right: 2em;
}

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

.strong {
    font-weight: bold;
}

/* RESULTADOS */
#resultado_consulta .logo_tc_cube {
    width: 8em;
}


.resultados-hover {
    transition: all 0.45s ease;
    margin-left: 1em;
    margin-right: 1em;
}

.resultados-hover i {
    display: grid;
    place-items: center;
}

.resultados-hover strong {
    display: grid;
    place-items: center;
    padding-right: 3em;
}

.resultados-hover:hover {
    transition: all 0.45s ease;
    background-color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
}

.resultados-hover .on {
    color: var(--primary-3);
}

.resultados-hover .off {
    color: var(--secondary-3);
}


/* MAX WIDTHS */
.mw-500 {max-width: 500px;}
.mw-600 {max-width: 600px;}
.mw-700 {max-width: 700px;}
.mw-800 {max-width: 800px;}
.mw-900 {max-width: 900px;}

/* PAGINATION */
.page-link:hover {
    z-index: 2;
    color: var(--primary-3);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
}

.page-link {
    background-color: transparent;
    border: 0px solid;
    font-weight: bold;
}

.page-link:focus {
    z-index: 3;
    color: var(--secondary-9);
    background-color: var(--primary-3);
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
    border-radius: var(--radio-redondeo);
}

/* SCALE */
.ts1 {transform: scale(1.4);display: inline-table;}
.ts2 {transform: scale(1.6);display: inline-table;}
.ts3 {transform: scale(1.8);display: inline-table;}
.ts4 {transform: scale(2);display: inline-table;}
.ts5 {transform: scale(2.2);display: inline-table;}
.ts6 {transform: scale(2.4);display: inline-table;}
.ts7 {transform: scale(2.6);display: inline-table;}
.ts8 {transform: scale(2.8);display: inline-table;}
.ts9 {transform: scale(3);display: inline-table;}
.ts10 {transform: scale(3.2);display: inline-table;}
.ts11 {transform: scale(3.4);display: inline-table;}
.ts12 {transform: scale(3.6);display: inline-table;}
.ts13 {transform: scale(3.8);display: inline-table;}
.ts14 {transform: scale(4);display: inline-table;}
.ts15 {transform: scale(4.2);display: inline-table;}
.ts16 {transform: scale(4.4);display: inline-table;}
.ts17 {transform: scale(4.6);display: inline-table;}
.ts18 {transform: scale(4.8);display: inline-table;}
.ts19 {transform: scale(5);display: inline-table;}
.ts20 {transform: scale(6);display: inline-table;}

.fs22::before{font-size: 22px;}

/* PADDING */
.extrapad1 {padding: 1em;}
.extrapad2 {padding: 2em;}
.extrapad3 {padding: 3em;}
.extrapad4 {padding: 4em;}
.extrapad5 {padding: 5em;}
.extrapad6 {padding: 6em;}
.extrapad7 {padding: 7em;}
.extrapad8 {padding: 8em;}
.extrapad9 {padding: 9em;}
.extrapad10 {padding: 10em;}
.extrapady05 {padding-top: 0.5em; padding-bottom: 0.5em;}
.extrapady1 {padding-top: 1em; padding-bottom: 1em;}
.extrapady2 {padding-top: 2em; padding-bottom: 2em;}
.extrapady3 {padding-top: 3em; padding-bottom: 3em;}
.extrapady4 {padding-top: 4em; padding-bottom: 4em;}
.extrapady5 {padding-top: 5em; padding-bottom: 5em;}
.extrapady6 {padding-top: 6em; padding-bottom: 6em;}
.extrapady7 {padding-top: 7em; padding-bottom: 7em;}
.extrapady8 {padding-top: 8em; padding-bottom: 8em;}
.extrapady9 {padding-top: 9em; padding-bottom: 9em;}
.extrapady10 {padding-top: 10em; padding-bottom: 10em;}
.extrapadx1 {padding-left: 1em; padding-right: 1em;}
.extrapadx2 {padding-left: 2em; padding-right: 2em;}
.extrapadx3 {padding-left: 3em; padding-right: 3em;}
.extrapadx4 {padding-left: 4em; padding-right: 4em;}
.extrapadx5 {padding-left: 5em; padding-right: 5em;}
.extrapadx6 {padding-left: 6em; padding-right: 6em;}
.extrapadx7 {padding-left: 7em; padding-right: 7em;}
.extrapadx8 {padding-left: 8em; padding-right: 8em;}
.extrapadx9 {padding-left: 9em; padding-right: 9em;}
.extrapadx10 {padding-left: 10em; padding-right: 10em;}


/* ventana datos */
.ventana_datos {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 1fr;
}

.ventana_datos .strong {
    font-weight: bold;
}

.ventana_datos div:not(.strong) {
    height: 2.7em;
}

/* ACORDEONES */
#regulaciones_encontradas .accordion-button,
#regulaciones_encontradas .accordion-item {
    background-color: transparent;
    color: var(--secondary-9);
}

#regulaciones_encontradas a{
    text-decoration: none;
    color: var(--secondary-9);
}

#regulaciones_encontradas .accordion-button:not(.collapsed) {
    color: var(--secondary-9);
    background-color: transparent;
    box-shadow: inset 0 0px 0 rgb(0 0 0 / 13%);
}

#regulaciones_encontradas strong{
    color: var(--primary-3);
}

#regulaciones_encontradas .accordion-body {
    padding: 1rem 2rem;
    text-align: right;
}

#regulaciones_encontradas .accordion-item {
    border: 0px solid rgba(0, 0, 0, .125);
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none;
}

#regulaciones_encontradas .accordion-button,
#regulaciones_encontradas .accordion-item {
    background-color: transparent;
    color: var(--secondary-9);
}

#regulaciones_encontradas .accordion-item {
    float: right;
    clear: both;
}

/* TOP IMPORATACION / EXPORTACION */
#topimpexp{
    margin-left: auto;
}

/* MODALS STYLING */

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0;
    margin-bottom: 1em;
    margin-top: 1em;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    justify-content: end;
}

/* FIXED TOP */
.position-fixed-top{
    position: fixed;
    top: 0px;
}
/* STICKY TOP */
.position-sticky-top{
    position: sticky;
    top: 0px;
}

/* BOTTOM HALF */
#bottom_half{
    padding-top: 10em;
    min-height: calc(100% - 135px);
}

#bottom_half_cotizador{
    padding-top: 8em;
    min-height: calc(100% - 135px);
}

#bottom_half_informe{
    padding-top: 8em;
    min-height: calc(100% - 135px);
}


/* SIDEBARS */
.sticky-ui-left-side-bar{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 150px;
}

.sticky-ui-right-side-bar{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 150px;
}

#generar_informe{
    padding-top: 1em;
}

#topfraccion >*, #topimpexp > * , #barfecha > *{
    transition: all 0.66s ease;
}

/* INFORMACION ADICIONAL */
#informacion_adicional a{
    color: var(--secondary-9);
    text-decoration: none;
}

/* REGULACIONES COMEXT */
.reg_comext a{
    color: var(--primary-5);
    text-decoration: none;
    height: 4em;
    align-items: center;
    padding-left: 1em;
    margin-bottom: 3px;
    transition: all 0.33s ease;
}
.reg_comext a:hover{
    transition: all 0.10s;
    background-color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.reg_comext a:hover i::before{
    color: var(--primary-3);
}

.reg_comext i::before{
    color: var(--primary-2);
    font-size: 1.6em;
    margin-right: 4em;
}

#reg_comext .reg_comext_col{
    display: grid;
    grid-template-columns: 2em 250px;
    text-align: start;
    margin-left: auto;
    margin-right: auto;
}

.reg_comext{
    display: grid;
    grid-template-columns: 1fr;
}

.reg_comext span{
    width: auto;
}


/* LEYES DISPONIBLES */
.leyes_disponibles a{
    color: var(--primary-5);
    text-decoration: none;
    height: 4em;
    align-items: center;
    padding-left: 1em;
    margin-bottom: 3px;
    transition: all 0.33s ease;
}
.leyes_disponibles a:hover{
    transition: all 0.10s;
    background-color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.leyes_disponibles a:hover i::before{
    color: var(--primary-3);
}

.leyes_disponibles i::before{
    color: var(--primary-2);
    font-size: 1.6em;
    margin-right: 4em;
}

#leyes_disponibles .leyes_col{
    display: grid;
    grid-template-columns: 2em auto;
    text-align: left;
}

.leyes_disponibles{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.leyes_disponibles span{
    width: auto;
}


/* REGLAS DISPONIBLES */
.reglas_disponibles a{
    color: var(--primary-5);
    text-decoration: none;
    height: 4em;
    align-items: center;
    padding-left: 1em;
    margin-bottom: 3px;
    transition: all 0.33s ease;
}
.reglas_disponibles a:hover{
    transition: all 0.10s;
    background-color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.reglas_disponibles a:hover i::before{
    color: var(--primary-3);
}

.reglas_disponibles i::before{
    color: var(--primary-2);
    font-size: 1.6em;
    margin-right: 4em;
}

#reglas_disponibles .reglas_col{
    display: grid;
    grid-template-columns: 1fr;
    text-align: left;
}

.reglas_disponibles{
    display: grid;
    grid-template-columns: 1fr;
    line-height: 1.8em;
    grid-auto-rows: max-content;
}

.reglas_disponibles span{
    width: auto;
}


/* RESULTADOS CONSULTA */
.resultados_consulta a{
    color: var(--primary-5);
    text-decoration: none;
    padding-bottom: 1em;
    padding-top: 1em;
    align-items: center;
    padding-left: 1em;
    margin-bottom: 3px;
    transition: all 0.33s ease;
}
.resultados_consulta a:hover{
    transition: all 0.10s;
    background-color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.resultados_consulta a:hover i::before{
    color: var(--primary-3);
}

.resultados_consulta i::before{
    color: var(--primary-2);
    color: inherit;
    font-size: 1.6em;
    margin-right: 1em;
}

#resultados_consulta .resultados_col{
    display: grid;
    grid-template-columns: 1fr 5fr;
    text-align: left;
    grid-gap: 1.5em;
}

.resultados_consulta{
    display: grid;
    grid-template-columns: 1fr;
}

.resultados_consulta span{
    width: auto;
}

.rna_tag_dof, .rna_vigor{
    height: 4em;
    background-color: var(--secondary-5);
    color: var(--secondary-6);
    font-weight: bold;
    display: grid;
    align-items: center;
    margin-bottom: 2.5em;
    /*margin-top: 1em;*/
}
.rna_vigor{
    color: var(--primary-1);
}

/* main login */
#main_login h1{
    box-shadow: rgb(0 0 0 / 15%) 0px 25px 20px -20px;
    padding-bottom: 0.5em;
}

#main_login{
    border: 2px solid var(--secondary-9);
    border-radius: var(--radio-redondeo);
    padding-top: 4em;
    padding-bottom: 4em;
    padding-left: 2em;
    padding-right: 2em;
}

#main_login_form{
    padding-top: 3em;
}
#main_login_form input::placeholder{
    color: var(--secondary-9);
}
#main_login_form input{
    width: 100%;
    border-radius: var(--radio-redondeo);
    border: 2px solid var(--secondary-9);
    background: transparent;
    height: 4em;
    padding-left: 2em;
}
#main_login_form input:focus-visible {
    outline-offset: 0px;
    outline: 2px solid var(--aux-2);
}

#main_login_logme{
    width: 100%;
    height: 3em;
    background-color: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    border-radius: 30px;
    transition: all 0.66s ease;
}

#main_login_logme:hover{
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.66s ease;
}

/* ALERT */
.alert{
    border-radius: var(--radio-redondeo);
}


.bytag{
    position: relative;
    top: 2em;
    left: 15.5em;
}

/* informacion general */
.informacion_general{
    height: 280px;
    max-height: calc(100% - 3em);
    overflow-y: auto;
}


/* Botones */

.clickable {
    cursor: pointer;
}

.noclickable {
    cursor: default;
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--aux-1);
    border-color: var(--aux-1);
    border: 0px;
    background-color: transparent;
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn {
    border-radius: var(--radio-redondeo);
    min-width: var(--btn-width);
    height: var(--btn-height);
    font-weight: bold;
    border-width: 2px;
    margin: 0.2em;
    line-height: 26px;
    margin: 0em;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--primary-3);
    border-color: var(--primary-3);
}

.btn-primary {
    background-color: var(--primary-3);
    color: var(--secondary-9) !important;
    border-color: var(--primary-3);
    text-transform: uppercase;
}

.btn-primary:hover {
    background-color: var(--aux-1);
    border-color: var(--aux-1);
}

.btn-secondary {
    background-color: var(--secondary-9);
    background-color: transparent;
    color: var(--primary-3);
    border-color: var(--primary-3);
}

.btn-secondary:hover {
    background-color: var(--aux-1);
    border-color: var(--aux-1);
}

.btn-tertiary {
    background-color: var(--secondary-9);
    background-color: transparent;
    color: var(--primary-3);
    border-color: transparent;
}

.btn-tertiary:hover {
    color: var(--secondary-9);
    background-color: var(--aux-1);
    border-color: transparent
}

.btn-quaternary {
    background-color: #EAEAEA;
    color: var(--primary-3);
    border-color: transparent;
}

.quaternary-forced{
    background-color: #EAEAEA !important;
    color: var(--primary-3) !important;
    border-color: transparent !important;
    border-radius: var(--radio-redondeo) !important;
    min-width: var(--btn-width) !important;
    height: var(--btn-height) !important;
    padding-top: 0.5em !important;
    margin-bottom: 16.2px !important;
}

.btn-quaternary:hover {
    color: var(--secondary-9)  !important;
    background-color: var(--aux-1)  !important;
    border-color: transparent  !important;
}

.primary-disabled,
.primary-disabled:hover {
    color: var(--primary-1);
    background-color: var(--primary-2);
    border-color: var(--primary-2);
}

.secondary-disabled,
.secondary-disabled:hover {
    color: var(--secondary-3);
    background-color: var(--secondary-9);
    background-color: transparent;
    border-color: var(--secondary-3);
}

.btn-auxiliar {
    background-color: var(--primary-1);
    color: var(--secondary-3);
    border-color: var(--secondary-3);
}

.btn-auxiliar:hover {
    background-color: var(--secondary-4);
    color: var(--primary-1);
    border-color: var(--secondary-4);
}

.auxiliar-disabled,
.auxiliar-disabled:hover {
    background-color: var(--primary-1);
    color: var(--primary-2);
    border-color: var(--primary-1);
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: var(--primary-3);
    box-shadow: 0 0 0 0.25rem rgba(253, 121, 13, 0.25);
}

.table{
    color: var(--primary-1);
    border-top-left-radius: var(--radio-redondeo);
    border-top-right-radius: var(--radio-redondeo);
    overflow: hidden;
    margin-bottom: 0rem;
}

.table .bold1st td:first-child{
    font-weight: bold;
    text-align: center;
}

.table.evenlyspaced{
    table-layout: fixed;
    width: 100%;
}

/* BORDER */
.bt{    border-top: 2px solid var(--secondary-11); }
.br{    border-right: 2px solid var(--secondary-11); }
.bl{    border-left: 2px solid var(--secondary-11); }
.bb{    border-bottom: 2px solid var(--secondary-11); }


/* MIN WIDTHS */
.minw1 th{     min-width: 1em; }
.minw2 th{     min-width: 2em; }
.minw3 th{     min-width: 3em; }
.minw4 th{     min-width: 4em; }
.minw5 th{     min-width: 5em; }
.minw6 th{     min-width: 6em; }
.minw7 th{     min-width: 7em; }
.minw8 th{     min-width: 8em; }
.minw9 th{     min-width: 9em; }
.minw10 th{     min-width: 10em; }

.minustop0{ margin-top: 0em; }
.minustop1{ margin-top: -1em; }
.minustop2{ margin-top: -2em; }
.minustop3{ margin-top: -3em; }
.minustop4{ margin-top: -4em; }
.minustop5{ margin-top: -5em; }

/* FLAGS */
.fi{
    margin-right: 1em;
}

/* OUTLINE */
.outlined{
    text-align: center;
    border: 3px solid var(--secondary-5);
    border-radius: var(--radio-redondeo);
    padding: 1em;
    /* fix redesign */
    margin-top: 1em;
}

.outlined::before{
    content: " ";
    background-color: var(--primary-4);
    background-color: inherit;
    border: 4px solid var(--secondary-5);
    width: 20px;
    height: 20px;
    margin: auto;
    position: absolute;
    left: calc(50% - 10px);
    rotate: z -45deg;
    translate: 0px -24px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}

/* LIGIE */
.ligie-indice{
    display: grid;
    grid-template-columns: 6fr 1fr;
}

.ligie-indice.col2{
    grid-template-columns: 6fr 1fr;
}

.ligie-indice.col1{
    grid-template-columns: 1fr;
}

.ligie-indice a{
    padding: 1em;
    transition: all 0.10s;
}

.ligie-indice span {
    color: var(--secondary-10);
    font-weight: bold;
    padding-right:2em;
}

.ligie-indice i{
    color: var(--secondary-10);
}

.ligie-indice div:nth-child(2n) {
    font-weight: bold;
    color: var(--primary-1);
}


.ligie-indice a:hover {
    transition: all 0.10s;
    background-color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
}

/* anexosrgce */
.anexosrgce-indice{
    display: grid;
    grid-template-columns: 1fr;
}


.anexosrgce-indice a{
    padding: 1em;
    transition: all 0.10s;
}

.anexosrgce-indice span {
    color: var(--secondary-10);
    font-weight: bold;
    padding-right:2em;
}


.anexosrgce-indice div:nth-child(2n) {
    font-weight: bold;
    color: var(--primary-1);
}


.anexosrgce-indice a:hover {
    transition: all 0.10s;
    background-color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
}

.anexosrgce-indice a {
    display: grid;
    grid-template-columns: 1fr 4fr;
}


/* COMEXT TLC */
.comext_tlc a{
    color: var(--primary-5);
    text-decoration: none;
    height: 4em;
    align-items: center;
    padding-left: 1em;
    margin-bottom: 3px;
    transition: all 0.33s ease;
}
.comext_tlc a:hover{
    transition: all 0.10s;
    background-color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.comext_tlc a:hover i::before{
    color: var(--primary-3);
}

.comext_tlc i::before{
    color: var(--primary-2);
    font-size: 1.6em;
    margin-right: 4em;
}

.comext_tlc_col{
    display: grid;
    grid-template-columns: 3em 1fr;
    text-align: start;
}

.comext_tlc{
    display: grid;
    grid-template-columns: 1fr;
}

.comext_tlc span{
    width: auto;
}

#comext_tlc_2 a{
    padding: 1em;
}

#comext_tlc_2 p{
    padding: 1em;
    padding-top: 3em;
}

#comext_tlc_2 a:hover{
    transition: all 0.10s;
    background-color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.grid1-5{
    display: grid;
    grid-template-columns: 1fr 5fr;
}


.uppercase{
    text-transform: uppercase;
}

/* INFORMES */
.informes_logo{

    width: 400px;
    /*
    position: absolute;
    translate: calc(50vw - 200px) 25%;
    */
}

.informe_info{
    display: grid;
    grid-template-columns: 40% 60%;
    font-weight: bold;
    padding-bottom: 1em;
}

.informe_info div:nth-child(1){
    background-color: var(--secondary-10);
    color: var(--secondary-9);
    display: grid;
    align-items: center;
    padding: 1em;
    border-top-left-radius: var(--radio-redondeo);
    border-bottom-left-radius: var(--radio-redondeo);
}

.informe_info div:nth-child(2){
    background-color: var(--secondary-9);
    color: var(--primary-1);
    display: grid;
    align-items: center;
    padding: 1em;
    border-top-right-radius: var(--radio-redondeo);
    border-bottom-right-radius: var(--radio-redondeo);
}

.informe-table-1{
    background-color: var(--secondary-9);
    padding: 2em;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    border-radius: var(--radio-redondeo);
}

.informe-head{
    border-bottom: 1px solid var(--primary-1);
}

.informe-table-1 div div{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.informe-table-2{
    background-color: var(--secondary-9);
    padding: 2em;
    display: grid;
    grid-template-columns: 1fr 4fr;
    border-radius: var(--radio-redondeo);
}

.informe-table-2 .col2{
    display: grid;
    grid-template-columns: 1fr 3fr;
    padding-left: 2em;
}

.informe-table-2 .col1 {
    font-weight: bold;
    border-right: 1px solid #000;
}

.informe-table-2 .col2 div:nth-child(2n+1) {
    font-weight: bold;
}

.informe-table-2 .col1 div, .informe-table-2 .col2 div  {
    padding-bottom: 2em;
}

.informes-tabla-dof{
    display: grid;
    grid-template-columns: 5fr 1fr;
    grid-gap: 3em;
}

.informes-tabla-dof .col2{
    align-items: end;
    display: grid;
    grid-template-rows: 3fr 1fr 0.2fr;
    font-weight: bold;
}

.informes-tabla-dof .col2 a:nth-child(2){
    color: var(--primary-1);
}

.informes-tabla-dof .col2 i:before{
    display: grid;
    font-size: 20px;
}

.informe-table-3{
    background-color: var(--secondary-9);
    padding: 2em;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: var(--radio-redondeo);
    text-align: center;
}


.informe-table-4{
    background-color: var(--secondary-9);
    padding: 2em;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: var(--radio-redondeo);
}

.informe-table-4 .col2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 1em;
}

.informe-table-4 .col1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 1em;
    border-right: 1px solid #000;
}

.informe-table-4 .col1 div:nth-child(2n+1) {
    font-weight: bold;
}

.informe-table-4 .col2 div:nth-child(2n+1) {
    font-weight: bold;
}

.informe-table-4 .col1 div, .informe-table-4 .col2 div  {
    padding-bottom: 1em;
}

.informe-table-4 .bb{
    border-color: var(--primary-1);
}

.informe-table-4 .mdas{
    padding-left: 2em;
    display: grid;
    grid-gap: 2em;
}

.informe-table-4 .mdas a:nth-child(2){
    color: var(--primary-1);
}

.informe-table-4 .mdas i:before{
    display: grid;
    font-size: 20px;
}

.informe-table-5{
    background-color: var(--secondary-9);
    padding: 2em;
    display: grid;
    border-radius: var(--radio-redondeo);
}

.informe-table-6{
    background-color: var(--secondary-9);
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: var(--radio-redondeo);
}

.informe-table-6 .col2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 1em;
}

.informe-table-6 .col1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 1em;
    border-right: 1px solid #000;
}

.informe-table-6 .col1 div:nth-child(2n+1) {
    font-weight: bold;
}

.informe-table-6 .col2 div:nth-child(2n+1) {
    font-weight: bold;
}

.informe-table-6 .col1 div, .informe-table-6 .col2 div  {
    padding-bottom: 1em;
}

.informe-table-6 .bb{
    border-color: var(--primary-1);
}

.informe-table-6 .mdas{
    padding-left: 2em;
    display: grid;
    grid-gap: 2em;
}

.informe-table-6 .mdas a:nth-child(2){
    color: var(--primary-1);
}

.informe-table-6 .mdas i:before{
    display: grid;
    font-size: 20px;
}


/* COTIZADOR */

.cot_col_13{
    display: grid;
    grid-template-columns: 1fr 3fr;
}

.cotizador-table-1{
    background-color: var(--secondary-9);
    padding: 2em;
    padding: 1em 2em;
    display: grid;
    border-radius: var(--radio-redondeo);
}

.cotizador-display{
    background-color: var(--secondary-5);
    color: var(--primary-1);
    border-radius: var(--radio-redondeo);
    outline: 0;
    border: 0px;
    height: 3em;
    align-items: center;
    display: grid;
    padding-right: 1em;
}

.cotizador-display:focus-visible{
    outline: 0;
    border: 0px;
}

.cotizador-table-1 div{
    margin-bottom: 0.5em;
    width: 100%;
}

.cotizador_select {
    border: 0px;
    background-color: var(--secondary-5);
    height: 3em;
    border-radius: var(--radio-redondeo);
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
    background-image: url(../svg/caret-down-fill.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 1em);
    background-size: 14px;
}

.divisa1{
    background-color: var(--secondary-3);
}

.divisa2{
    background-color: var(--secondary-10);
}

.divisa3{
    background-color: var(--secondary-6);
    color: var(--secondary-9);
}

.cotizador_select:focus-visible{
    outline: 0;
}

.cotizador_grid_long {
    display: grid;
    grid-template-columns: 220px 4fr;
    grid-column-gap: 1em;
}

.cotizador_grid_14 {
    display: grid;
    grid-template-columns: 220px 1fr 1fr 1fr 1fr;
    grid-column-gap: 1em;
}

.cotizador_grid_12 {
    display: grid;
    grid-template-columns: 220px 1fr 1fr;
    grid-column-gap: 1em;
}

.flexverticalcenter{
    display: flex;
    align-items: center;
}

.cotizacion-delimiter{
    text-align: center;
    font-weight: bold;
    color: var(--secondary-4);
}

.cotizacion-delimiter::before {
    content: '';
    position: relative;
    display: flex;
    width: 40%;
    height: 15px;
    top: 12px;
    border-bottom: 1px solid var(--secondary-5);
}

.cotizacion-delimiter::after {
    content: '';
    position: relative;
    display: flex;
    width: 40%;
    height: 15px;
    left: calc(100% - 40%);
    top: -24px;
    border-bottom: 1px solid var(--secondary-5);
}

/* STARS */
.stars-text-input{
    width: 100%;
    background-color: var(--secondary-5);
    color: var(--primary-1);
    border-radius: var(--radio-redondeo);
    outline: 0;
    border: 0px;
    height: 3em;
    align-items: center;
    display: grid;
    padding-right: 1em;
    padding-left: 1em;
}

/* COTIZADOR INPUT */
.cotizador-text-input{
    width: 100%;
    background-color: var(--secondary-5);
    color: var(--primary-1);
    border-radius: var(--radio-redondeo);
    outline: 0;
    border: 0px;
    height: 3em;
    align-items: center;
    display: grid;
    padding-right: 1em;
    padding-left: 1em;
}

/* FORM */

.form-range::-webkit-slider-thumb {
    background-color: var(--primary-3);
}

/* TOP SHRINKAGE */
#top-height, #top-height *, #top-height-cotizador, #top-height-cotizador *  {
    transition: all 0.20s ease-out;
}


.top-normal{ height: 120px;}
.top-normal-cotizador{ height: 6em;}
.top-normal img{ width: 400px;}
.top-normal-cotizador img{ width: 400px;}
.top-shrinked{ height: 9em;}
.top-shrinked img{ width: 190px;}
.top2-normal{ top: 82px;}
.top2-shrinked{ top: 84px;}

/*LEFT RIGHT BARS */
#left-side-bar{
    position: relative;
}

#right-side-bar{
    position: relative;
}

.padright{
    padding-right: 30px;
}

/* CONFIGURADOR PORCENTUAL */
.square{
    background-color: var(--aux-6);
    color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
    height: 3em;
    line-height: 3em;
}

.square2{
    background-color: transparent;
    color: var(--primary-3);
    border-radius: var(--radio-redondeo);
    height: 3em;
    line-height: 3em;
}


.pl10x{
    padding-left: 10px;
}

.actualizacionessistema{
    overflow: hidden;
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.rs-icon-leyes{
    height:20px;
}

.ares{
    font-size: 22px;
    color: var(--secondary-1);
    text-align: right;
}

.miee{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.miee1, .miee3, .miee5{
    color: #EABF98;
    font-weight: bold;
    font-size: 0.8rem;
}

.miee2, .miee4, .miee6{
    color: #000;
    font-weight: bold;
    font-size: 0.8rem;
}

.miee4, .miee6{
    color: var(--primary-3);
    font-weight: bold;
    font-size: 0.8rem;
}

.ashadow{
    transition: all 0.10s; 
    display: block;
    padding: 1em 0em;
}
.ashadow:hover{
    transition: all 0.10s;
    background-color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
}

#inner_search_box {
    font-size: 1.5em;
    margin-top: 0em;
    margin-bottom: 1em;
}
#topfraccion >*, #topimpexp > * ,  #barfecha > * {
    font-size: 1.4em;
    transition: all 0.66s ease;
}

#topfraccion img{
    width: 4em;
}


.m0{    margin: 0px !important; }
.mx0{    margin-left: 0px !important;margin-right: 0px !important; }
.my0{    margin-top: 0px !important;  margin-bottom: 0px !important;}

.p0{     padding: 0px !important; }
.px0{     padding-left: 0px !important; padding-right: 0px !important;}
.py0{     padding-top: 0px !important; padding-bottom: 0px !important; }


.naranja{
    color: var(--primary-3);
}

#ares-prev, #ares-next{
    width: 30px;
}

.leyes1{
    text-transform: uppercase;
}

/* OUTLINED2 */
.outlined2{
    background-color: #EFF0F1;
    border-radius: var(--radio-redondeo);
    padding: 0.5em 1em;
    position: relative;
}

.outlined2::before{
    content: " ";
    display: inline-block;
    background-color: #EFF0F1;
    width: 20px;
    height: 20px;
    margin: auto;
    position: absolute;
    bottom: 1px;
    left: calc(50% - 10px);
    rotate: z -225deg;
    translate: 0px 10px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}

.hovershadow a{
    transition: all 0.30s;
    display: block;
}
.hovershadow a:hover{
    transition: all 0.10s;
    background-color: var(--secondary-9);
    border-radius: var(--radio-redondeo);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}


/* ////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


@media only screen and (max-width: 1920px) {
    .videocontainer{
        height: unset;
    }
    #home_search_window {
        padding-top: 3em;
        padding-bottom: 3em;
    }
}

@media only screen and (max-width: 1400px) {

    .home-info h5 {
        font-size: 14px;
    }

    .homeicons {
        height: 60px;
    }

    #main_login {
        border: 2px solid var(--secondary-9);
        border-radius: var(--radio-redondeo);
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 2em;
        padding-right: 2em;
    }

    #home_search_window {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .home_tc_logo {
        max-width: 120px;
    }

    .home_globe_logo {
        max-width: 222px;
    }

    #promobody{
        overflow-y: auto;
    }

    .ares{
        font-size: 24px;
    }

    #bottom_half {
        padding-top: 10em;
        min-height: calc(100% - 135px);
    }

    .sticky-ui-right-side-bar {
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 0;
    }

    .fixit, .fixit > * {
        font-size: 1.2em;
        transition: all 0.66s ease;
    }

    #left-side-bar{
        padding: 0px;
    }

    #right-side-bar{
        padding: 0px;
    }

    .informes_logo{
        scale: 0.7;
    }

    .ligie-indice {
        display: grid;
        grid-template-columns: 6fr 1.5fr;
    }

}


@media only screen and (max-width: 1024px) {

    #home_search_window {
        padding-top: 8em;
        padding-bottom: 8em;
    }
    .videocontainer {
        background-color: #f4654559;
    }


    .videopromo {
        /*display: none;*/
        width: 1750px;
    }

    .home_globe_logo, .home_tc_logo{ display:none;}
    .tclogoprime{ display: block; }
    

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

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

    #generar_informe .btn{
        min-width: 100%
    }

    .rb{
        border-right: 0px solid #fff;
    }
    

}


@media only screen and (max-width: 600px) {

    .ares {
        text-align: center;
    }

    .home-notice {
        height: 250px;
        display: grid;
        grid-template-columns: 1fr;
    }
    

    #bottom_half{
        padding-top: 13em;
    }

    #topbar i::before {
        font-size: 18px;
    }

    /* TABLES */
    .minw1 th{     min-width: unset; }
    .minw2 th{     min-width: unset; }
    .minw3 th{     min-width: unset; }
    .minw4 th{     min-width: unset; }
    .minw5 th{     min-width: unset; }
    .minw6 th{     min-width: unset; }
    .minw7 th{     min-width: unset; }
    .minw8 th{     min-width: unset; }
    .minw9 th{     min-width: unset; }
    .minw10 th{     min-width: unset; }

    .table.evenlyspaced{
        table-layout: unset;
        width: unset;
    }

    .p3 {
        padding: 1em !important;
    }

    /* LEYES DISPONIBLES */
    #leyes_disponibles .row{
        display: grid !important;
        grid-template-columns: 2em auto;
        grid-gap: 2em;
    }

    .leyes_disponibles {
        display: grid;
        grid-template-columns: 1fr;
    }

    #home_search_window {
        padding-top: 7em;
    }

    .position-fixed-top {
        position: fixed;
        top: 0px;
        width: 100%;
        max-width: 100vw;
    }

    #generar_informe{
        padding-top: 1em;
    }

    .dropdown-menu{
        width: 80vw;
        text-align: center;
    }

    #main_content :is(h1,h2,h3,h4,h5) {
        text-align: center;
    }

    .sticky-ui-right-side-bar :is(h1,h2,h3,h4,h5) {
        text-align: center;
    }

    .sticky-ui-right-side-bar{
        text-align: center;
    }

    .hideondesktop {
        display: inherit !important;
    }
    .hideonmobile {
        display: none !important;
    }

    .dropdown-header {
        display: block;
        padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
        margin-bottom: 0;
        font-size: .875rem;
        color: var(--bs-dropdown-header-color);
        white-space: nowrap;
        font-weight: bolder;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.1rem;
        padding-top: 2em;
        padding-bottom: 1em;
    }
    .dropdown-items{
        padding-top: 1.5em;
    display: block;
    width: 70vw;
    overflow: hidden;
    white-space: normal;
    margin: auto;
    }

    #tags {
        display: grid !important;
        grid-template-columns: 1fr;
        width: 100%;
    }

    #regulaciones_encontradas_mobile {
        width: 100%;
        margin-top: 2em;
        margin-bottom: 2em;
    }

    tag {
        width: 100%;
        text-align: center;
        margin-bottom: 1em;
        height: 25px;
        line-height: 25px;
    }

    #regulaciones_encontradas {
        display: grid;
        grid-template-columns: 1fr;
        display: none;
    }

    h1 {
        font-size: 22px;
        letter-spacing: -0.02em;
    }

    h2 {
        font-size: 18px;
        letter-spacing: -0.02em;
    }

    h3 {
        font-size: 16px;
        letter-spacing: -0.02em;
    }

    h4 {
        /*font-size: 14px;*/
        letter-spacing: -0.02em;
    }

    /* LOGIN PAGE */

    .home_tc_logo {
        width: 5em;
        max-width: 60px;
        padding: 0px;
        margin: 0em;
        margin-top: 3em;
        margin-bottom: 3em;
    }

    #home_search_form {
        padding-top: 0em;
    }

    #home_search_text {
        width: 90%;
        height: 60px;
        font-size: 18px;
    }

    #home_date_form {
        width: auto;
    }

    #home-importacion,
    #home-exportacion {
        height: 60px;
        display: grid;
        grid-template-columns: 5fr 1fr;
        place-items: center;
        font-size: 16px;
        border: 2px solid var(--secondary-9);
    }

    /* SEARCH BAR - LOGGED USER */
    #inner_search_text {
        width: 90%;
        height: 60px;
        font-size: 18px;
    }

    #inner_date_form {
        width: auto;
    }

    #inner-importacion,
    #inner-exportacion {
        height: 60px;
        display: grid;
        grid-template-columns: 5fr 1fr;
        place-items: center;
        font-size: 16px;
        border: 2px solid var(--secondary-9);
    }

    .menu_leyes {
        padding: 1em 1em;
        font-size: 12px;
        width: 100%;
        margin-left: 10em;
    }

    .extrapadx10 {
        padding-left: 2em;
        padding-right: 2em;
    }

    .extrapady5 {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    #resultado_consulta {
        width: auto;
        font-size: 0.8em;
    }

    .scroll-y-mobile {
        height: calc(100vh - 12rem);
        overflow: hidden;
        overflow-y: scroll;
    }

    .user_profile_icon {
        margin-top: 1.5em;
        margin-right: 2em;
        transform: scale(2);
    }

    #inner_search_window {
        left: 0px;
        top: 45px;
        top: 60px;
        height: 85px;
    }
    #inner_search_box{
        font-size: 1em;
        margin-top: 1em;
    }
    #resultados_consulta .resultados_col {
        display: grid;
        grid-template-columns: 1fr;
        text-align: left;
        padding-bottom: 2em;
    }

    .informe-table-1 {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .cot_col_13 {
        display: grid;
        grid-template-columns: 1fr;
    }

    .cotizador_grid_long {
        display: grid;
        grid-template-columns: 1fr;
    }
    
    .cotizador_grid_14 {
        display: grid;
        grid-template-columns: 1fr;
    }

    .cotizador_grid_12 {
        display: grid;
        grid-template-columns: 1fr;
    }

    .cotizacion-delimiter::before {
        display: none;
    }
    
    .cotizacion-delimiter::after {
        display: none;
    }
    #topbar {
        height: 153px;
    }

    #topbar2 {
        top: 153px;
         font-size: 0.6rem;
    }
    #tc_horizontal {
        width: 35vw;
    }
}



@media print {
    #topbar{
        display:none;
    }
    #bottom_half_informe {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 10px;
        line-height: 18px;
    }
    body,html{
        background-color: white;
        color: #000;
        font-size: 10px;
    }
}