@font-face {
    font-family: "impact";
    src: url("/fonts/impact.ttf");
}
@font-face {
    font-family: "helvetica-neue";
    src: url("/fonts/HelveticaNeueLTStd-Md.ttf");
}
:root {     
    --topbar: #0D4065;
    --green: #2C9938;
    --cardheader: #0063AE;
    --bottombar: #1E0013;
    --beige: #FFB9A2;
    --black: #1E0013;
    --red: #E1251B;
    --white:#fff;
    --bg-color-bar: #1E0013;
    --purple:#7A126B;
}

body {
    font-family: 'impact','helvetica-neue';
    /* background-color: #eaeaea !important; */
    background-color: rgba(0,63,102,0.1) !important;
}
.gray { 
    /* background-color:#eaeaea; */
    background-color: rgba(0,63,102,0.1) !important;
}

.tab-content { padding-top: 14rem!important;  }

.img-logo-elanco {
    max-width: 70% !important;
    height: auto;
    margin:0 auto !important;
}
.img-calendar {
    max-width: 80% !important;
    height: auto;
    margin:0 auto !important;
}


/* => Lines */
    .b1 { border: 0px orange solid; }
    .b2 { border: 0px red solid; }
    .b3 { border: 0px blue solid; }

/* => Generales */
    .hide { display: none !important; }
    h1 { font-size: 20px !important; font-weight: bold; }
    h2 { font-size: 18px !important; font-weight: bold; }
    h3 { font-size: 16px !important; font-weight: bold; }
    a.small-link:link { overflow-wrap: break-word; }
    .img-70 { width: 70%; margin:0 auto; }
    .clickToRead,
    .clickToRead:hover { display: none !important; }
    .hide { display: none !important; background-color: #0063AE; }
    .pr-5 { padding-right:5rem;}

    .producto,
    .programa { display: none !important; }

    /* .modal-content { background: transparent !important;} */
    


/* => TopNav */
    .bg-blue { background-color: var(--topbar) !important; }
    .navbar-brand { padding-top: 0.5rem !important; }

/* => TAGS */
    .wrapper {
        position:relative;
        margin:0 auto;
        overflow:hidden;
        padding:5px;
        height:50px;
    }

    .list {
        position:absolute;
        left:0px;
        top:0px;
        min-width:3500px;
        margin-top:0px;
    }

    .list li{
        display:table-cell;
        position:relative;
        text-align:center;
        cursor:grab;
        cursor:-webkit-grab;
        color:#efefef;
        vertical-align:middle;
    }

    .scroller {
        text-align:center;
        cursor:pointer;
        display:none;
        padding:5px;
        padding-top:13px;
        white-space:no-wrap;
        vertical-align:middle;
        background-color:transparent !important;
        color: #fff;
    }    

    .nav-tabs .nav-item.show .nav-link, 
    .nav-tabs .nav-link.active {
        color: #000;
        background-color: #fff;
        border-color: #fff;
        border-radius: 5px;
        text-transform: uppercase;
    }
    .nav-tabs .nav-link {
        border: 0px solid transparent;
        background: #fff !important;
        border-radius: 5px;
        margin:0 2px;
        text-transform: uppercase;
    }
    .nav-tabs .nav-link.disabled {
        color: #666 !important;
        background-color: #ccc !important;
        border-color: transparent !important;
    }
    .nav-tabs {
        border-bottom: 0px solid #fff !important;
    }
    .nav-link {
        display: block;
        padding: 3px 15px !important;
    }

/* => Contenido */
    .enero h2 {
        color: var(--green);
    }
    .enero h3 { 
        font-weight: bold;
    }
    .enero h4 {
        font-weight: 500;
        color: #1e4a7e;
        font-style: italic;
        text-align: center;
    }    
    .topicon {
        width:50px; 
        height:55px;
    }

    .off { opacity: 0.5; }

    #enero .content-text { background: rgba(44, 153, 56, 0.19); }
    #febrero .content-text { background:rgba(86, 27, 88, 0.19); }
    #marzo .content-text { background:rgba(0, 179, 160, 0.19); }
    #abril .content-text { background: rgba(35, 116, 187, 0.19); }
    #mayo .content-text { background: rgba(247, 153, 39, 0.19); } 
    #junio .content-text { background: rgba(34, 135, 66, 0.19); }
    #julio .content-text { background: rgba(0, 127, 124, 0.19); }
    #agosto .content-text { background: rgba(185, 30, 114, 0.19); }
    #septiembre .content-text { background: rgba(35, 116, 187, 0.19); }
    #octubre .content-text { background: rgba(223, 56, 56, 0.19); }
    #noviembre .content-text { background: rgba(86, 27, 88, 0.19); }
    #diciembre .content-text { background: rgba(106, 154, 54, 0.19); }

    .content-text {
        margin:30px 0;
        padding:10px;
        /* background: rgba(44, 153, 56, 0.19); */
        font-size:16px;
    }
        .content-text::-webkit-scrollbar { width: 7px; }
        .content-text::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px #ccc; 
            border-radius: 10px;
        }
        .content-text::-webkit-scrollbar-thumb {
            background:#368934;
            /* background:#00aeef;  */
            border-radius: 10px;
        }
        .content-text::-webkit-scrollbar-thumb:hover {
            background:rgb(54, 56, 58);
        }

    .enero .message-elanco {
        color: var(--green);
        font-weight: bold;
        padding:10px;
        text-align: center;
        background-color:#fff;
        border-radius: 10px;
    }

    iframe,
    object { width: 100% !important; height:500px; border: 0px orange solid; }
    sup { top: -0.8em !important; font-size: 50% !important; }

    footer {
        background-color: var(--cardheader);
        color: #fff;
        padding:5px 20px;
        font-size:10px;
        position: fixed;
        bottom: 0;
        margin-top:50px;
    }


    /* => Accordion */      
    #faq .card {
        margin-bottom: 30px;
        border: 0;
    }
    
    #faq .card .card-header {
        border: 0;
        -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
                box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
        border-radius: 2px;
        padding: 0;
    }
    
    #faq .card .card-header .btn-header-link {
        color: #fff;
        display: block;
        text-align: left;
        background: var(--cardheader);
        opacity:1;
        padding: 15px;
        font-size: 18px;
        font-weight: 500;
    }
    
    #faq .card .card-header .btn-header-link:after {
        content: "\f107";
        font-family: 'FontAwesome';
        font-weight: 900;
        float: right;
    }
    
    #faq .card .card-header .btn-header-link.collapsed {
        background: var(--cardheader);
        opacity:1;
        color: #fff;
    }
    
    #faq .card .card-header .btn-header-link.collapsed:after {
        content: "\f106";
    }
    
    #faq .card .collapsing {
        background: #fff;
        line-height: 30px;
    }
    
    #faq .card .collapse {
        border: 0;
    }
    
    /* #faq .card .collapse.show {
        background: #fff;
        line-height: 30px;
        color: #222;
    } */

    #faq .card .collapse.show {
        background: #fff;
        line-height: 30px;
        color: #222;
    }