/*--> GENERAL */
    body {
      min-height: 100%;
      font-size: 1rem;
      font-family: 'Helvetica Neue', sans-serif, Arial;
    }
    a, a:hover{ text-decoration:none; }
    .fa{ font-size:18px !important; }

    .inline{ display: inline-block;}
    .text-danger{ color:#59B224 !important; }
    .txt2 { font-size: 16px; color: #0091DF; line-height: 1.4; }
    .txt2:hover { color:#89D429;}
    .align-center{ margin:0 auto; text-align:center; }
    ul.list { margin-left:30px; }
    .top { margin-top:0px; }
    .right{ float:right; }
    .left { float: left; }
    .white { color:#fff; }
    .link-white { color: #fff; margin-left:-15px; }
    .link-white:hover { color: #59B224; }
    .link{ cursor: -webkit-grab; cursor: grab; }

  /*--> HEADER */
    .bg-white{
      background-color: #fff !important;
      border-bottom:1px #DFE2E6 solid;
    }
    .navbar{
      padding:0rem 1rem;
    }
    .btn-sesion{
      color: #000;
      border:0.5px #66B512 solid;
      text-align: center;
      text-decoration: none;
      padding: 1px 15px;
      display: inline-block;
      transform: skew(-21deg);
    }
    .btn-sesion:hover{
      color:#fff;
      background-color:#66B512;
    }

    /* logged */
    .dropdown{ margin-left: 15px; }
    .dropdown-menu.show {
      padding:10px;
      border: 1px #ccc solid;
      font-size: 14px;
      position: absolute !important;
      left: -110px;
    }
    .dropdown-item:hover { background: #eeeeee; }    
  
  /* menu 1 */
    .b-ini { border:1px #66B512 solid; }
    .b-det { border:1px #0091DF solid; }
    .b-des { border:1px #D30F4B solid; }
    .navbar-dark .navbar-nav .nav-link{
      color:#333 !important;
      background-color: #fff;
      border:0.1px #ccc solid;
      width: 130px; 
      height: 30px;
      text-align:center;
      margin-top:8px;
      padding:5px 10px;
      -webkit-transform: skew(-15deg);
      -moz-transform: skew(-15deg);
      -ms-transform: skew(-15deg);
      -o-transform: skew(-15deg);
      transform: skew(-15deg) !important;
    }
    .navbar-dark .navbar-nav .nav-link:focus, 
    .navbar-dark .navbar-nav .nav-link:hover{
      color:#fff !important;
      background-color:#66B512;
      border: 1px #ccc solid;
    }
    .navbar-dark .navbar-nav .active>.nav-link, 
    .navbar-dark .navbar-nav .nav-link.active, 
    .navbar-dark .navbar-nav .nav-link.show, 
    .navbar-dark .navbar-nav .show>.nav-link{
      color: #fff !important;
      background-color: #0091DF;
      border:0;
    }

  /* menu 2 */
    .navbar-dark .navbar-nav .nav-link2{
      color:#333;
      background-color: #fff;
    }
    .navbar-dark .navbar-nav .nav-link2:focus, 
    .navbar-dark .navbar-nav .nav-link2:hover{
      color:#333;
      background-color:#D30F4B;
    }
    .navbar-dark .navbar-nav .active>.nav-link2, 
    .navbar-dark .navbar-nav .nav-link2.active, 
    .navbar-dark .navbar-nav .nav-link2.show, 
    .navbar-dark .navbar-nav .show>.nav-link2{
      color: #fff;
      background-color: #D30F4B;
    }

    /* Tabs - Pills*/
    .nav-pills .nav-link, 
    .nav-pills .nav-link{
      color: #000;
      border:1px #0091DF solid;
      margin:0 3px;
    }
    .nav-pills .nav-link.disabled{color:#ccc; border:1px #ccc solid;}

    .nav-pills .nav-link.active, 
    .nav-pills .show>.nav-link{
      background: #0091DF !important;
      color:#fff;
      font-size:18px;
      border-bottom:2px #0091DF solid;
      font-weight: 500;
    }
    .pill-options { margin-top:5px; font-size:14px; font-weight:600; }
    .pill-options span{ font-size:13px; font-weight:normal; display: block; }
    .pill-options .nav-link{ padding: 2px 5px !important; }

    .pill-box .nav-pills .nav-link, .nav-pills .nav-link{ border:1px #ccc solid !important; }
    .pill-box .nav-pills .nav-link.active, .nav-pills .show>.nav-link{ 
      background: #15BCFF !important; 
      font-size:14px !important;
      border:1px #ccc solid !important;
    }

  /*--> Contenido */
    .card { height: auto; }
    .text-right{ text-align: right !important; float: right; }
    .text-left { text-align:left !important; float: left; }
    .banner1 { background:url(../../assets/img/bioseguridad/banner1.jpg) no-repeat; }
    .banner2 { background:url(../../assets/img/bioseguridad/banner2.jpg) no-repeat; height:150px; }
    h1 { color:#fff; margin-top:15px; font-size:22px; }
    p.lead { color:#fff; font-size:16px; }

    .img-responsive {max-width: 100%; height: auto; }
    .img-rounded { border-radius:5px; }
    .content-center{ margin:0 auto; }

    .jumbotron { margin-bottom:10px !important; }
    .jumbotron small{ color:#fff; }
    .breadcrumb{ background-color: transparent; }

    .titulo { display: block; margin:0 auto; padding:20px 0; }
    .titulo h2 { font-size:24px; display:block; }
    .titulo h3{ font-size:20px; display:block; }

    .titulo-det-veh-dsc { background: url(../../assets/img/bioseguridad/det-veh-dsc.jpg) no-repeat right; }
    .titulo-des-veh-virkon-s { background: url(../../assets/img/bioseguridad/des-veh-virkon-s.jpg) no-repeat right; }
    .titulo-des-cas-farm-fluid-s { background: url(../../assets/img/bioseguridad/des-cas-farm-fluid-s.jpg) no-repeat right; }

    fieldset.fieldset-border {
        border: 1px solid #ddd !important;
        padding: 0 1.4em 1.4em 1.4em !important;
        margin: 0 0 1.5em 0 !important;
        -webkit-box-shadow:  0px 0px 0px 0px #ddd;
                box-shadow:  0px 0px 0px 0px #ddd;
    }
    legend.legend-border {
        font-size: 1.2rem !important;
        font-weight: 500 !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
    }
    .botones { margin-bottom:5px; }

    .box-input {
      width:100%;
      height: 30px;
      border:1px #D7DCE1 solid;
      display: block;
      background-color:#E9ECEF;
      border-radius:3px;
      padding:3px;
      color:#999;
      padding-left: 10px;
    }
    .b1 { border:0px #cc0000 solid; float: left; text-align:left;}
    .b2 { border:0px #000 solid; float: right;}
    .b3 { border:0px #22cc00 solid; display: inline-block; }
    .b4 { border:0px rgb(157, 3, 218) solid; display: inline-block; }
    .b5 { border:0px rgb(3, 168, 218) dotted; }
    .b6 { border:0px #333 solid; text-align:center; margin:10px 5px; }
    .b7 { border:0px rgb(3, 168, 218) solid; }

    .b20 { border:0px #cc0000 solid; }
    .b21 { border:0px #000 solid; }
    .b22 { border:1px rgba(1, 143, 224, 0.904) solid; }

    /* Radio input: Aves, Cerdos, Invernaderos */
    .b2 > .form-check-inline{ margin-right:10px !important;}
    .b2 > .form-check-inline > .form-check-input{ 
      margin-right:0px;      
    }
    .b2 > .form-check-inline > .form-check-label{ 
      color: #212529 !important;
      margin-left:5px !important;
      margin-bottom: 0;
      margin-right: 0px;
      font-size:15px;
      border:0px #cc0000 solid;
    }

    .label-empresa{ font-size:15px;}
    .label-sm { font-size:15px;}
    .col-form-label { text-align:center;}
    .form-control-sm{ text-align:center;}

    .bg-input{ 
      border:1px #c1c1c1 solid;
      background-color:#eee; 
      border-radius:5px;
      padding:15px;
    }
    #print{ border:2px #ccc dotted;}
    #imagen{ display: none; }
    
    input[type=checkbox], input[type=radio] {
      margin-top:4px !important;
      transform: scale(1.2) !important;
    }

  /*--> footer */
    .bg-footer { 
      background-color: #10384f;
      padding: 15px 10px;
      position:fixed;
      display:block;
      bottom:0;
      width: 100%;
      font-size: 14px;
      color: #fff;
    }
    .bg-footer p{ font-size:14px !important;}
    .bg-footer a{ color:#0091DF; font-size:14px !important;}
    .bg-footer a:hover,
    .bg-footer a:active{ color:#22cc00}
    .bg-footer .privacidad { margin:8px auto; }
    .bg-footer .privacidad span { margin:0 20px; text-align: center; }

    .footer-login {
      padding: 15px 10px;
      bottom:0;
      width: 100%;
    }

    .footer-login p { font-size:14px !important; color: #000000 !important;}
    .footer-login a { color:#0091DF; font-size:14px !important; }
    .footer-login a:hover,
    .footer-login a:active{ color:#22cc00; margin:0 auto; }
    .footer-login .privacidad { margin:8px auto; }
    .footer-login .privacidad span { margin:0 20px; text-align: center; }

/*--> MEDIA QUERIES */

  /* Small devices (landscape phones, 576px and up) - 576px*/
  @media (min-width: 300px){
    #bote{ display: none; }
    body { margin:0; padding:0; }
    .navbar-brand { display:block }
    .pleca-science { display: none; }
    .navbar-brand2 { position:relative; display:block;}
    .navbar-brand2>.logo-bio { position: relative; top:0px;  }
    .logo-animal{ width:130px; height:60px; background:url('../../assets/img/elanco-logo.jpg') no-repeat; background-size:cover; }
    .logo-bio{ display: none; width:117px; height:70px; background-image:url('../../assets/img/bioseguridad/logo-bio.png');  background-repeat: no-repeat;  background-size: contain; }
    .science{ width:231px; height:26px; background:url('../../assets/img/login/science.jpg') no-repeat; }

    .border1 { border:0px #000 solid; }
    .border2 { border:0px rgb(1, 202, 1) solid; padding-top:10px; left:0; }  
    .border3 { border:0px #cc0000 solid;}

    .navbar-toggler {
      position:absolute;
      float:right;
      right:15px;
      top:-60px;
      background:#8CCA2E;
    }
    .show{ border:0px #000 solid; }

    .banner1-det, .banner1-des, .banner1-inv { background:#10384f !important; }

    .jumbotron{ padding:2rem 1rem; border-radius:5px !important; }
    .banner2-det-veh { padding:0rem 1rem !important; height: 60px !important; background:url(../../assets/img/bioseguridad/banner2-det-veh@3.jpg) no-repeat; }
    .banner2-det-cas { padding:0rem 1rem !important; height: 60px !important; background:url(../../assets/img/bioseguridad/banner2-det-cas@3.jpg) no-repeat; }
    .banner2-des-veh { padding:0rem 1rem !important; height: 60px !important; background: url(../../assets/img/bioseguridad/banner2-des-veh@3.jpg) no-repeat;}
    .banner2-des-cas { padding:0rem 1rem !important; height: 60px !important; background: url(../../assets/img/bioseguridad/banner2-des-cas@3.jpg) no-repeat;}

    /*.navbar>.container { max-width:100%; }*/
    .navbar-collapse { margin-top:0px; }
    .navbar-dark .navbar-nav .nav-link{
      width:100% !important;
      margin-top:3px !important;
      padding:5px 0px !important;
      transform: none !important;
      border-radius:3px;
      border: 0.5px #ccc solid;
    }
    h1 { color: #8CCA2E; margin-top:-10px; font-size:20px; font-weight:300; font-style:italic; }
    p.lead { color:#fff; font-size:14px; text-align:justify; }
    small { font-weight: 300;}    
    .contenido{ max-width:100%; }
    .my-4{ margin-top:0 !important; }

    .bg-footer { 
      position: relative !important;
      flex-wrap: nowrap !important;
      font-size:12px;
    }      
    .bg-footer img{ max-height:60px; padding:5px 0px; }
    .mobil{ display: block; }
    .pc{ display: none; }
    .form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn{
      margin:.2rem auto;
    }
    legend.legend-border { font-size: 1rem !important; }

    #mmobil{ display:block;}
    #mpc{ display:none;}    

  }

  /* Medium devices (tablets, 768px and up)*/
  @media (min-width: 768px) {
    #bote{ display: block; }
    .mobil{ display: none; }
    .pc{ display: block; }        
    body { margin:0; padding:0; }

    .navbar-nav{ float:right; }
    .navbar{ height:auto; }
    .navbar-brand { display:inline-block; }
    .pleca-science { display:block; }
    
    .navbar-brand2>.logo-bio { float:right; margin-right:0px; }
    /* .logo-animal{ width:78px; height:52px; background:url('../../assets/img/elanco-logo.jpg') no-repeat; margin-top:10px; } */
    .logo-animal{ 
      width:180px; 
      height:80px; 
      /* background:url('../../assets/img/elanco-logo.jpg') no-repeat;  */
      background-image:url('../../assets/img/elanco-logo.jpg'); 
      background-repeat: no-repeat;
      background-size: 100%;    
      margin-top:10px; 
    }
    .menu-position{ margin-top:0px; }
    .navbar-toggler-icon{ display: none;}
    
    .logo-bio{ display: block; width:117px; height:70px;  background-image:url('../../assets/img/bioseguridad/logo-bio.png');  background-repeat: no-repeat;  background-size: contain; }
    .science{ width:231px; height:26px; background:url('../../assets/img/login/science.jpg') no-repeat; float:right; }
    .sesion{ width:auto; float:right; margin-right:0px; }

    .border1 { border:1px #000 solid; }
    .border2 { border:0px rgb(1, 202, 1) solid; padding-top:5px; left:0; }  
    .border3 { border:1px #cc0000 solid;}

    /*.navbar-toggler { display: none; }*/
    .navbar-toggler {
      position:absolute;
      float:right;
      right:30px;
      top:-55px;
      background:#8CCA2E;
      display: none;
    }
    .show{ border:1px #000 solid;  }
    .collapse:not(.show) { display: block; }

    .navbar-nav{ flex-direction:row; padding-left:0px; }
    .navbar-collapse { display: block; position: relative; }
    .navbar-dark .navbar-nav .nav-link {
      width:auto !important;
      margin:2px 1px 0 1px;
      padding:3px 10px 1px 10px !important;
    }
    .banner1-det { height:189px !important; background:url(../../assets/img/bioseguridad/banner1-det@2.jpg) left no-repeat !important;}
    .banner1-des { height:189px !important; background:url(../../assets/img/bioseguridad/banner1-des@2.jpg) left no-repeat !important; }
    .banner1-inv { height:189px !important; background:url(../../assets/img/bioseguridad/banner1-inv@2.jpg) left no-repeat !important; }
    .banner2-det-veh { height: 82px !important; background:url(../../assets/img/bioseguridad/banner2-det-veh@2.jpg) no-repeat; }
    .banner2-det-cas { height: 82px !important; background:url(../../assets/img/bioseguridad/banner2-det-cas@2.jpg) no-repeat; }
    .banner2-des-veh { height: 82px !important; background: url(../../assets/img/bioseguridad/banner2-des-veh@2.jpg) no-repeat;}
    .banner2-des-cas { height: 82px !important; background: url(../../assets/img/bioseguridad/banner2-des-cas@2.jpg) no-repeat;}
    .jumbotron{ padding:1.5rem 1rem; }
    h1 { color: #8CCA2E; margin-top:-10px; font-size:20px; font-weight:300; font-style:italic; }
    p.lead { color:#fff; font-size:12px; }    
    .my-4 { margin-top:0 !important; }
    small { font-weight: 300;}
    
    .bg-footer {
      position:relative !important;
      flex-wrap:nowrap !important;
      bottom:0;
    }
    .bg-footer img{ max-height:87px; padding:5px 2px; }
    .bg-input{ 
      width:100% !important;
      height: auto !important;
    }

    #mmobil{ display:none !important;}
    #mpc{ display:block !important;}   
  }

  /*Large devices (desktops, 992px and up)*/
  @media (min-width: 992px) {
    body { margin:0; padding:0; }
    .contenido{ width:80% !important; }
    .banner1-det { height:300px !important; background:url(../../assets/img/bioseguridad/banner1-det@1.jpg) left no-repeat !important; }
    .banner1-des { height:300px !important; background:url(../../assets/img/bioseguridad/banner1-des@1.jpg) left no-repeat !important; }
    .banner1-inv { height:300px !important; background:url(../../assets/img/bioseguridad/banner1-inv@1.jpg) left no-repeat !important; }
    .banner2-det-veh { height: 130px !important; background:url(../../assets/img/bioseguridad/banner2-det-veh@1.jpg) no-repeat; }
    .banner2-det-cas { height: 130px !important; background:url(../../assets/img/bioseguridad/banner2-det-cas@1.jpg) no-repeat; }
    .banner2-des-veh { height: 130px !important; background: url(../../assets/img/bioseguridad/banner2-des-veh@1.jpg) no-repeat; }
    .banner2-des-cas { height: 130px !important; background: url(../../assets/img/bioseguridad/banner2-des-cas@1.jpg) no-repeat; }
    .jumbotron{ padding:3rem 1rem !important; }
    h1 { color: #8CCA2E; margin-top:0; font-size:26px !important; font-weight:300; font-style:italic;  }
    p.lead { color:#fff; font-size:18px; }
    .bg-footer { 
      position:relative !important; 
      bottom:0 !important;
    }
    .logo-animal{ 
      width:202px; 
      height:100px;
      /* border:1px #000 solid; */
      background-image:url('../../assets/img/elanco-logo.jpg'); 
      background-repeat: no-repeat;
      background-size: contain;
    }
    
    .mmobil{ display:none;}
    .mpc{ display:block;}

    .menu-position{ margin-top:15px; }
  }

  /*Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px){
    .bg-footer { position:relative !important; bottom:0;  }

  }

  .condiciones p{
    text-align: justify;
  }