/* W3.CSS 4.08.2018 DIGEX MOP */

.page-item.disabled .page-link {
  background-color: #cccccca1  !important;
}

@font-face {
  font-family:"zektonrg";
  src: url(../fonts/zektonrg.ttf) format("truetype");
  }
  .activeReport{
      background-color: #2091eb !important;
      color: #fff;
      border-color: #3d698b!important;
      width: 100%;
      min-width: 100px;
      margin-top:4px;
      float: left;
      width: 100%
  }
  html {
      overflow-x: hidden;
  }
  input[type="date"]::-webkit-inner-spin-button {
     /* -webkit-appearance: none;
      display: none;*/
  }
  *{font-family: "zektonrg"!important}
  /**{font-family: "Jura"!important}*/

  .sortData {
    color:#2091eb; 
    cursor:pointer;
  }
  
  body {background:#cccccc!important}
  .label-rgs{
      font-size: 1.25rem;
      font-weight: bold;
  }
  ::-webkit-scrollbar {
      width: 10px;
      height: 10px;
  }
  ::-webkit-scrollbar-thumb {
      background: #999999;
      border-top-right-radius: 4px;
      border-top-left-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
  
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #0066ff;
  }
  ::-webkit-scrollbar-track {
      background: #e6e5e5;;
  }
  .cert-tip-row{
      cursor: pointer;
  }
  .cert-tip-row-table{
      background-color: rgba(0,0,0,.04) !important;
      box-shadow: inset 0 0 14px 0px rgba(0, 0, 0, 0.3);
      padding: 0% !important;
      height: 0 !important;
      max-height: 0%;
  }
  .cert-tip-row-table > table{
      padding: 0% !important;
      text-align: center !important;
      height: 0 !important;
      max-height: 0%;
  }
  .cert-tip-row > img{
      /*max-height: 2%;*/
      margin-right: 1%;
      margin-left: 1%;
      height: 20px;
  }
  #div-iframe{
      text-align: center;
  }
  #div-iframe > iframe{
      min-width: 1000px;
      min-height: 1414,2857142857142857142857142857px;
  }
  .navbar-dark .navbar-nav .nav-link {
      color: #444!important;
  }
  /*.reportesHeader {
    background-color: #666f7b !important;
    box-shadow: 0 0px 0px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-color: #666f7b !important;
  }

  .reportesHeader > .cr-head {
    background-color: #666f7b !important;
  }*/




  #box-agente {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    border-radius: 5px;
    float: left;
    background-color: #2f6490;
    display: grid;
    grid-template-columns: 1fr 0.1fr;
    align-items: center;
    width: 267px;
    transition-duration: .3s;
  }
  #box-agente:hover{
    border-radius: 15px;
  }
  #box-agente a {
    color: #fff;
    text-decoration: none;
  }

  #box-agente a:hover {
/*    color: #0066ff;*/
    text-decoration: none;
  }

  #span-agente-status-online, #span-agente-status-offline {
    display: none;
  }

  #div-buttons-i td{
    border: none;
    border-collapse: collapse;
  }
  .span-button-tipif{
      margin-top: 15px;
      width: 100%;
      color: #fff;
      background-color: #02afca;
  }
  .span-button-tipif-xls{
      margin-top: 15px;
      width: 100%;
      color: #fff;
      background-color: #02ca34;
  }
  .navbar.navbar-expand-lg.navbar-dark.bg-digex {
    background: #616a77f2!important;
    position: fixed;
    width: 100%;
    z-index: 1025!important;
  }
  .dest-venc{
      background:#e29497 !important;
  }
  .dest-cumplido{
      background: #8fd297 !important;
  }
  .dest-plazo{
      background: #F3F983 !important;
  }
  .square{
      width: 20px;
      height: 20px;
      border: rgba(33, 33, 33, .3) solid 1px;
      border-radius: 15px;
      box-shadow: rgba(33, 33, 33, .3)
  }
  #pid0 {
    width: 55px;
    margin-left: 5px;
  }
  
         #letd {
           transition-property: fill; 
           transition-duration: 1s;
          }
          
  
          #lety {
           transition-property: fill; 
           transition-duration: 1.5s;
          }
          
       
          #letg {
           transition-property: fill; 
           transition-duration: 2s;
          }
         
          #lete {
           transition-property: fill; 
           transition-duration: 2.5s;
          }
         
          #letx {
           transition-property: fill; 
           transition-duration: 3s;
          }
        
          #lets {
           transition-property: fill; 
           transition-duration: 3.5s;
          }
       
          #letr {
           transition-property: fill; 
           transition-duration: 4s;
          }
        
          #letl {
           transition-property: fill; 
           transition-duration: 4.5s;
          }
       
          
          #pid {
           transition-property: fill; 
           transition-duration: 0.5s;
          }
  
          #pid:hover {
          fill: #fff!important
          }
  
          .letp {
           transition-property: fill; 
           transition-duration: 4.5s;
          }
  
  
  
          .span-digi {
              padding:2px 6px!important;
               font-size:10px!important;
               color: #fff!important;
               float: right!important;
               margin-left:5px;
          }
          
          .span-digi-p {
              margin: 0px;
              float: left;
          
          }
          #pid0:hover {
                background-color: transparent!important;
          }
         
  
          #pid0:hover #pid {
            fill:#2091eb!important;
          }
          #pid0:hover #letd {
            fill:#fff!important;
          }
  
          #pid0:hover #lety {
            fill:#fff!important;
          }
           #pid0:hover #letg {
            fill:#fff!important;
          }
  
           #pid0:hover #lete {
            fill:#fff!important;
          }
          #pid0:hover #letx {
            fill:#fff!important;
          }
          #pid0:hover #lets {
            fill:#fff!important;
          }
          #pid0:hover #letr {
            fill:#fff!important;
          }
          #pid0:hover #letl {
            fill:#fff!important;
          }
          #pid0:hover .letp {
            fill:#fff!important;
          }
  
          a.cc {
            transition: all 0.5s;
          }
          button.cb {
             transition: all 0.5s;
          }
          #drop-menu {
           transition: all 0.5s!important;
          }
  
  .navbar {
        padding-top: 5px!important;
      padding-right: 10px!important;
      padding-bottom: 5px!important;
      padding-left: 10px!important;
  }
  
  /*.nav-tabs {
      border-bottom: 1px solid #607d8b36!important;
  }*/
  
  .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
      color: #444;
      background-color: transparent!important;
      border-color: #dee2e6 #dee2e6 #fff;
  }
  
  #row-body {
    z-index: 0;
    /*padding: 40px;
    padding-top: 85px!important;*/
  }
  
  .select2-selection.select2-selection--single {
    height: 32px!important
  }
  
  .row2 {
      padding-top: 10px;
  }
  
  .input-gral {
    
    height: 32px!important;
    border-style: none;
    padding-left: 10px!important;
  
  }
  
  input[type="date"]::before{
                 color: #ffffff;
                 content: attr(placeholder) " ";
              }
  input[type="date"]:focus::before {
                 content: "" !important;
              }
  
  .row-margintop {
    margin-top: 15px;
  }
  
  .more-model {color:#0066ff;}
  .more-model:hover {background:#cccccc24;cursor: pointer;color: #999999;}
  
  
  .botonOn {
      margin-left: -15px;
       color: #ccc;
       font-size: 15px;
       display: block;}
  
  .botonOn:hover {
      background:#cccccc24
      ;cursor: pointer;
      color: #999999
  }
  
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
                  color: #000!important;
              }
              
              .select2-container--default .select2-selection--multiple {
                  border: 1px solid #d2d6de!important;
              }
              
             
              
              .select2-container .select2-selection--single {
                  height: 32px!important;
              }
              
              .select2-container--default .select2-selection--single {
                  border: 1px solid #d2d6de!important;
              }
              
              .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
                  font-size: 12px;
              }
  
  
  
  .card-general {
    padding: 0px!important;
  
  }
  
  .card-filt {
    border-top-left-radius:0rem;
     
      margin-bottom: 15px;
      width: 83%;
      float:left;
  
  }
  
  .cr-head {
      background: #2091eb!important;
      color: #fff;
  }
  
  .tr-title { 
    background: #fff;
    
    
  }
  
  .custom-control.custom-checkbox:hover {
  
  color: #fff!important;
  
    
  }
  .custom-control.custom-checkbox {
  margin-top: 30px
    
  }
  
  .custom-control-label:hover {
  
  cursor: pointer;
  color:#0066ff!important;
  }
  
  .pagination-general {
    margin-top: 15px;
    width: 100%;
    justify-content: center;
  
  }
  
  .btn-search {
      background-color: #1766a5!important;
      width: 100%;
      min-width: 100px;
      padding: 8px!important;
  
  }
  
  .btn-1.btn-2.btn-3.btn-search.btn-success:hover {
      color: #fff;
      background-color: #40948f6e!important;
      border-color: #3d698b!important;
  }
  
  .btn-1.btn-2.btn-3.btn-search.btn-success:hover, .btn-success:active:hover {
      background-color: #2196f3!important;
  }
  
  
  .btn-1{
     background-color:#2f6490!important;
      width: 100%;
      min-width: 100px;
  margin-top:4px;
  float: left;
  width: 100%
  }
  
  .btn-2{
    margin-top: 4px;
    float: left;
    width: 100%;
    min-width: 100px;
    background:#3371a3!important;
  }
  
  .btn-3{
     margin-top: 4px;
     float: left;
     width: 100%;
     min-width: 100px;
     background: #3a7cb3!important;
  }
  
  .btn-4{
      margin-top: 4px;
      float: left;
      width: 100%;
      min-width: 100px;
      background:#3f8ac7!important
  }
  
  .btn-5 {
      margin-top: 4px;
      float: left;
      width: 100%;
      min-width: 100px;
      background:#3f8ecf!important
  }
  
  .btn-filtn {
      margin-top: 4px;
      float: left;
      width: 100%;
      min-width: 100px;
      background: #0066ff!important
  
  }
  
  .div-btn-izq {
    border-top-left-radius:0rem;
    width: 2%;
    float: left;
    margin-right: 10px;
    margin-left: 0%;
    display: none;
  }
  
  .btn-izq {
    width: 100%;
    height: 205px;
    background: #08b797!important;
  }
  
  .btn-izq:hover {
    opacity: 0.9;
  }
  
  .btn-success:hover {
      color: #fff;
      background-color: #6cb9f7!important;
      border-color: #3d698b!important;
  }
  
  .btn-success.btn-exc:hover {
      color: #fff;
      background-color:#257b29!important;
      border-color: #3d698b!important;
  }
  
  #header-btns-depositos{
      width: 100%;
      height: auto;
      position: relative;
      float: left;
      padding: 10px;
      background: #2091eb;
      color: #fff;
      border-radius: 5px;
      margin-bottom: 10px;
      display: none;
  }
  
  .span-lupa {
      float: right;
      position:relative;
      margin-left:-2px;
      background: #ccc;
      height: 27px;
      margin-right: 5px;
      padding-right: 5px;
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px!important;
      transition: all 0.5s;
  }
  
  /*.span-lupa:hover {
      background: #e0f0ff;
      cursor: pointer;
  }*/
  .select2-selection{
      max-height: 100px !important;
      overflow-y: auto !important;
  } 
  .select2-selection--multiple{
      max-height: 100px !important;
      overflow-y: auto !important;
  }
  .span-coti {
      float: right;
      color: #fff;
      /*margin-right: 15px;*/
      padding-top: 1px;
      padding-bottom: 1px;
      padding-right: 5px;
      padding-left: 5px;
      background: #595f67c4;
      border-radius: 4px;
      border-style: solid;
      border-width: 1px;
  }
  
  .row-ven {
      width: 100%;
      margin-top: 10px;
      float: left;
      padding-top: 15px;
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #2196f357;
      text-align: right;
   }
  .row-ing {
      text-align: right;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 10px;
      float: left;
      padding-top: 15px;
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #2196f357;
   }
  
  
  /*CLASES DE CANALES POR COLOR*/
  /*canal verde*/
  .span-canal-ve {
      width: 100%;height: 25px;background:#339933;display: block;border-radius: 3px;float: left;
  }
  /*canal rojo*/
  .span-canal-ro {
      width: 100%;height: 25px;background:#d63439;display: block;border-radius: 3px;float: left;
  }
  /*canal naranja*/
  .span-canal-na {
      width: 100%;height: 25px;background:#ff6c00;display: block;border-radius: 3px;float: left;
  }
  /*canal morado*/
  .span-canal-mo {
      width: 100%;height: 25px;background:#a737a9;display: block;border-radius: 3px;float: left;
  }
  /*canal no aplica*/
  .span-canal-np {
      width: 100%;height: 25px;background:#aaaaaa;display: block;border-radius: 3px;float: left;
  }
  /*canal sin datos*/
  .span-canal-sd {
      width: 100%;height: 25px;background:#616161;display: block;border-radius: 3px;float: left;
  }
          
  /*CLASES DE CANALES POR COLOR*/
  .btn-est {
      min-width: 140px;
  }
  
  .ABIERTO {
      width: 100%;height: 25px;background:#339933;display: block;border-radius: 3px;float: left;
  }
  
  .CERRADO {
      width: 100%;height: 25px;background:#d63439;display: block;border-radius: 3px;float: left;
  }
  
  /*estado oficializado*/
  .span-estado-ofi {
      color:#fff;float: left;cursor: pointer; background: #256cda
  }
  /*estado anulado*/
  .span-estado-anu {
      color:#fff;float: left;cursor: pointer; background: #717171
  }
  /*estado presentada*/
  .span-estado-pre {
      color:#fff;float: left;cursor: pointer; background: #256cda
  }
  /*estado cancelada*/
  .span-estado-can {
      color:#fff;float: left;cursor: pointer; background: #49ad4d
  }
  /*estado cancelada*/
  .span-estado-can {
      color:#fff;float: left;cursor: pointer; background: #49ad4d
  }
  /*estado cancelada*/
  .span-estado-aut {
      color:#fff;float: left;cursor: pointer; background: #187d1c
  }
  /*estado cancelada*/
  .span-estado-den {
      color:#fff;float: left;cursor: pointer; background: #d63439
  }
  /*estado cancelada*/
  .span-estado-sal {
      color:#fff;float: left;cursor: pointer; background: #187d1c
  }
  
  .span-adoc {
       padding:2px 6px!important;
       font-size:10px!important;
       float: left!important;
       color: #fff!important;
       float: left!important;
        width: 100%!important;
  }
  .span-vfact {
      padding:2px 6px!important;
       font-size:10px!important;
       float: left!important;
       color: #fff!important;
       float: left!important;
    
        width: 100%!important;
  }
  
  .span-dpago{
      padding:2px 6px!important;
       font-size:10px!important;
       float: left!important;
       color: #fff!important;
       float: left!important;
   }
  
   .div-dpago2 {
      margin-left:5px;
      width:100%;
      float: left;
   }
   .div-dpago1 {
      width:100%;float: left;
   }
  
  .div-dpago-p {
      width: 150%;float: left;
  }
  .div-mani {
      margin-left:5px;width:100%;float: left
  }
  .span-mani {
    padding:2px 6px!important;
    font-size:10px!important;
    float: left!important;
    color: #fff!important;
    float: left!important;
  }
  .btn-hover {
    cursor: pointer;
  }
  .btn-hover:hover {
    color: #3c8dbc;
    cursor: pointer;
  }
  .container {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
  }
  
  .navbar-dark .navbar-nav .nav-link {
      color: #fff!important;
  }
  
  .navbar-dark:hover .navbar-nav:hover .nav-link:hover {
      color: #2091eb!important;
  }
  
  .sticky-top{
      z-index: 1000!important;
  }
  
  .res-inf {
      color: #0066ff;
      font-weight: 600;
  }
  
  #result td {
      min-width: 100px!important
  }
  
  .p-tra{
      height: 20px!important;
      overflow: hidden!important;
      margin-bottom: 0px!important;
      transition: all 1s!important;
  
  }
  .p-tra:hover {
    overflow: inherit!important;
      height: auto!important;
      cursor: context-menu;
  }
  
  .p-pais{
      /*height: 20px!important;
      overflow: hidden!important;*/
      margin-bottom: 0px!important;
  
  }
  .p-pais:hover {
    overflow: inherit!important;
      height: auto!important;
      cursor: context-menu;
  }
  
  .p-bi{
      max-width: 100px!important;
      overflow: hidden!important;
      margin-bottom: 0px!important;
      height: 20px !important;
  
  }
  .p-bi:hover {
    overflow: inherit!important;
      max-width: inherit!important;
      cursor: context-menu;
  }
  
  #result td p {
      margin-bottom: 0px!important;
  }  
  
  
  .ff-input{
    height: 32px!important;
  }
  
  #fl-up {
    width: 30px;
    transition: all 1s;
  }
  .table-hover tbody tr {
      transition: all 0.8s!important;
  }
  .table-hover tbody tr:hover {
      background-color: rgba(33, 150, 243, 0.42)!important;
  }
  
  /*temp.documentacion.php boton subir*/
  
  .div-btn2 {
      width: 100%;
      float: left;
      align-items: center!important;
      justify-content: center;
      display: flex; 
      margin-bottom: 10px;
      top:80px!important;
  }
  
  #mybtn2 {
   
  }
  
  #myBtn {
      display: none; /* Hidden by default */
      position: fixed; /* Fixed/sticky position */
      bottom: 40px; /* Place the button at the bottom of the page */
      left: 10px; /* Place the button 30px from the right */
      z-index: 99; /* Make sure it does not overlap */
      border: none; /* Remove borders */
      outline: none; /* Remove outline */
      color: white; /* Text color */
      cursor: pointer; /* Add a mouse pointer on hover */
      padding: 5px; /* Some padding */
      border-radius: 10px; /* Rounded corners */
      font-size: 18px; /* Increase font size */
      transition: all 1s;
  }
  
  #myBtn:hover #fl-up1{
      fill: #666; /* Add a dark-grey background on hover */
  }
  #myBtn:hover #fl-up2{
      fill: #666; 
  }
  
  #fl-up1{
   fill: #2196F3;
   transition: all 0.5s;
  }
  #fl-up2{
   fill: #2196F3;
   transition: all 1.5s;
  }
  
  #fl-up:hover {
    width: 35px
  }
  
  .btn-info:hover, .btn-info:active:hover {
      background-color: #862197;
      
      border-radius: 100px;
  }
  
  .btn-success:hover, .btn-success:active:hover {
      background-color: #862197;
      
      border-radius: 100px;
  }
  
  .btn-help {
    background: #e4bb00!important;
    color: #fff;
    padding-bottom:0px!important;
  }
  
  .btn-help:hover, .btn-help:active:hover {
      background-color: #b7a809!important;
      
      border-radius: 100px;
  }
  
  .p-help {
    text-align: left!important;
    font-size: 14px;
    float: left;
    margin-bottom: 0px;
    margin-left: 30px;
  }
  
  .span-help{
    float:right;
   text-align: right!important;
   font-size: 14px;
   margin-bottom: 0px;
   margin-right: 5px;}
  
  .btn-impo {
    margin-top:4px;
    float: right;
    width: 100% ;
    background-color: #3e92d6!important
  }
  
  .btn-impo:hover, .btn-expo:active:hover {
      background-color: #3e92d6;
      
      border-radius: 100px;
  }
  
  .btn-expo {
    margin-top:4px;
    float: right;
    width: 100% ;
    background-color: #437aa7!important
  }
  
  .btn-expo:hover, .btn-expo:active:hover {
      background-color: #437aa7;
      
      border-radius: 100px;
  }
  
  .btn-filt {
    background: #0066ff!important;
    color: #fff
  }
  
  .btn-filt:hover, .btn-filt:active:hover {
      background-color: #04409a!important;
      
      border-radius: 100px;
  }
  
  .p-filt {
    text-align: left!important;
    font-size: 16px;
    float: left;
    margin-bottom: 0px;
    margin-left: 30px;
  }
  
  .span-filt {
    float:right;
     text-align: right!important;
     font-size: 16px;
     margin-bottom: 0px;
     margin-right: 5px;
  }
  
  .btn {
    transition: all 1s!important;
  }
  
  #box-resp1 {
    display: none;
  }
  
  .div-tit {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
     float: left; 
     width:83%;
     background: #c9c9c9;
     height: 160px;
     padding-left: 70px;
     padding-right: 70px;
      font-size: 2em;color:#fff;
    border-radius: 100px;
    margin-bottom: 10px;
  }
  
  .span-tit {
    float: right;
    width: 80px;
  }
  
  .p-tit {
        line-height: 1.2em;
      float: right;
      margin: 0!important;
      padding-left: 30px;
  }
  
  .bts-auto {
    border-top-left-radius:0rem;
    width: 13%;
    float: left;
    margin-right: 1%;
  }
  
   #navbar {
           background-color: #333; /* Black background color */
           position: fixed; /* Make it stick/fixed */
           top: 0; /* Stay on top */
           width: 100%; /* Full width */
           transition: top 0.3s; /* Transition effect when sliding down (and up) */
           }
     
  
    .nav-tabs {font-size: 16px;
     display: flex;
      flex-direction:column;
      width:180px;
      /*padding-top: 80px;*/
      color: #fff;
      float: left;
      margin-left: -150px;
      position: fixed;
      z-index: 1024;
  
    }
  
    .fixed_headers {
      /*width: 3590px;*/
      width: 3800px;
      table-layout: fixed;
      border-collapse: collapse;
      display: flex!important;
      flex-wrap: wrap!important;
    }
    .fixed_headers th {
      text-decoration: none;
      padding: 10px!important
    }
    .fixed_headers th,
    .fixed_headers td {
      padding: 10px;
      text-align: left;
    }
   
    .fixed_headers thead {
      background-color: rgb(255, 255, 255);
      color: rgb(41, 41, 41);
    }
    .fixed_headers thead tr {
      display: block;
      position: relative;
      
    }
    .fixed_headers tbody {
      display: inline-grid;
      overflow-x: hidden;
      /*width: 3590px;*/
      width: 3800px;
      max-height: 55vh;
    }
  
    
    .ul-tabs:hover {
      margin-left: 135px!important;
      /*border-top-right-radius:100px;
      border-bottom-right-radius: 100px; */
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      background:rgba(97, 106, 119, 0.95) !important;
      color: #fff!important;
    }
  
     .ul-tabs:hover path{
      fill:#fff;
    }
    .ul-tabs path{
      transition: 0.8s;
    }
     .ul-tabs:hover rect{
      fill:#fff;
    }
    .ul-tabs rect{
      transition: 0.8s;
    }
     .ul-tabs:hover polygon{
      fill:#fff;
    }
    .ul-tabs polygon {
      transition: 0.8s;
    }
  
    .ul-tabs {
       background: #ccc;
       transition: all 0.5s;
       width:180px;
       float: left;
       border-radius:10px;
       margin-top: 5px;
  
    }
  
    .bts-div {
      padding-left: 20px;
      padding-right: 17px;
      padding-bottom: 15px;
      padding-top: 5px;
    }
  
  
    .div-btns {font-size: 16px;
     display: flex;
      flex-direction:column;
      width:180px;
      padding-top: 235px;
      color: #fff;
      float: left;
      margin-left: -220px;
      position: fixed;
      z-index: 1023;
     
    }
  
    .ul-btns:hover {
      margin-left: 125px!important;
      
      
    }
  
    .ul-btns {
       
       transition: all 0.3s;
       margin-top: 5px;
       width: 100%;
       float: left;
      
       
    }
  
    .ul-btns-b:hover {
      margin-left: 115px!important;
    float: left;
    width: 220px;
      
    }
  
    .ul-btns-b:hover input{
  -webkit-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.39)!important;
  -moz-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.39)!important;
  box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.39)!important;
  
    }
  
  
    .ul-btns-b input{
   -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
  border-color: #1766a5!important;
  border-style: solid;
  border-width: 1px;
      
    }
  
  
  
  
  
    .ul-btns-b {
       width: 220px;
       padding-left: 40px;
       transition: all 0.8s;
       float: left;
       margin-left: -40px;
       
  
    }
  .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus:hover {
      border: none;
      color: #ffffff!important;
      box-shadow: none;
  }
  .nav-tabs .nav-link, .nav-tabs .nav-link:focus {
      margin-right: 0;
      background-color: transparent;
      border: none;
      color: #fff!important;
      -webkit-box-shadow: inset 0 -1px 0 #ddd;
      box-shadow: inset 0 -1px 0 #ddd;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
  }
  
  .nav-link:hover{
    box-shadow: none!important;
  }
  
  .span-t-gar {
      padding:2px 6px!important;
       font-size:10px!important;
       float: left!important;
       color: #fff!important;
      
  }
  
  .span-t-val {
      padding:2px 6px!important;
       font-size:10px!important;
       float: left!important;
       color: #fff!important;
      
  }
  
  @media (min-width: 576px) {
  
  
  
  .modal-dialog.mdl-3{
      max-width: 50%!important;
      margin: 1.75rem auto;
  }
  .modal-dialog.mdl-4{
      max-width: 40%!important;
      margin: 1.75rem auto;
  }
  }
  
  
  
  #fl-izq {
    width: 100%;
    height: 20%;
    transition: all 1s;
  }
  
  .btn-izq:hover #fl-izq1{
   width: 130%;
    height: 50%;
  }
  
  
  #fl-izq1{
   fill: #fff!important;
   transition: all 0.5s;
   
  }
  
  
  #fl-izq:hover {
   width: 100%;
    height: 20%
  }
  
  .col-1s {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11.3333333333%;
            flex: 0 0 11.3333333333%;
    max-width: 11%;
    margin-left: 10px
  }
  
  .btn-search-pre {
      
      width: 100%;
      min-width: 100px;
      padding: 4px!important; 
  }
  
  
  .box-filt {
      width: 100.7%;
      height: auto;
      float: left;
      background: #ccccccd6;
      /*top: -175px!important;*/
      top: -480px!important;
      margin-left: -4px;
      margin-right: 3px;
      padding-top: 10px;
      transition: all 0.5s;
  
  }
  
  .box-filt2 {
      width: 100.7%;
      height: auto;
      float: left;
      background: #ccccccd6;
      /*top: -163px!important;*/
      top: -305px!important;
      margin-left: -4px;
      margin-right: 3px;
      padding-top: 10px;
      transition: all 0.8s;
  
  }
  
  .box-filt3 {
      width: 100.7%;
      height: auto;
      float: left;
      background: #ccccccd6;
      /*top: -155px!important;*/
      top: -300px!important;
      margin-left: -4px;
      margin-right: 3px;
      padding-top: 10px;
      transition: all 0.8s;
  
  }
  
  .box-filt4 {
      width: 100.7%;
      height: auto;
      float: left;
      background: #ccccccd6;
      /*top: -143px!important;*/
      top: -375px!important;
      margin-left: -4px;
      margin-right: 3px;
      padding-top: 10px;
      transition: all 0.8s;
  
  }
  
  .box-filt:hover {
      top:70px!important;
      transition: all 0.8s;
  }
  
  .box-filt2:hover {
      top:70px!important;
      transition: all 0.8s;
  }
  
  .box-filt3:hover {
      top:70px!important;
      transition: all 0.8s;
  }
  
  .box-filt4:hover {
      top:70px!important;
      transition: all 0.8s;
  }
  
  
  
  #iframe {width: 100%;height: 88vh}
  div .backgroundContainer .outspaceBackground {background-color: #ccc!important}
  .logoBar .logo a {color: transparent!important}
  
  .flezi{
           position: fixed;
           top: 90px;
           margin-left: 20px;
            margin-top: 50vh;
            color: red;
            font-size: 29px;
          }
          .fleze{
           position: fixed;
           top: 90px;
           right: 70px;
            margin-top: 50vh;
            color: red;
            font-size: 29px;
  
          }
          .fled {
            margin-top: 45px;
    position:absolute;
    
    width: 20%;
    height:100%;
    bottom:0px;
    opacity: 0;
    transition: all 0.5s;
    right: 0px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,2b51db+100&0+22,0.3+99 */
  background: -moz-linear-gradient(left, rgba(125,185,232,0) 0%, rgba(107,162,229,0) 22%, rgba(44,82,219,0.3) 99%, rgba(43,81,219,0.3) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(125,185,232,0) 0%,rgba(107,162,229,0) 22%,rgba(44,82,219,0.3) 99%,rgba(43,81,219,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(125,185,232,0) 0%,rgba(107,162,229,0) 22%,rgba(44,82,219,0.3) 99%,rgba(43,81,219,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#4d2b51db',GradientType=1 ); /* IE6-9 */
  }
  .fled:hover {
    opacity: 1;
  }
  
  .flei {
      margin-top: 45px;
      position:absolute;
      width: 20%;
      height:100%;
      bottom:0px;
      opacity: 0;
      transition: all 0.5s;
      left: 0px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b51db+0,7db9e8+100&0.3+0,0+79 */
      background: -moz-linear-gradient(left, rgba(43,81,219,0.3) 0%, rgba(108,163,229,0) 79%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(43,81,219,0.3) 0%,rgba(108,163,229,0) 79%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(43,81,219,0.3) 0%,rgba(108,163,229,0) 79%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d2b51db', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */ 
  }
  .flei:hover {
      opacity: 1;
      width: 10%;
  }
  
  .highlightRow{
      transition-duration: 0.2s;
      background-color: #8ac5f5!important;
  }
  .highlight{
      background-color: #fdc322!important;
  }
  
  .highlightNow{
      transition-duration: 0.2s;
      background-color: #ff8800!important;
  }
  
  #green-1 {
      background:#339933!important;
  } 
  #green-1:hover {
  background:#82d282!important
  }
  #red-1 {
      background: #d63439!important;
  }
  #red-1:hover {
  background: #e26468!important;
  }
  #orange-1{
      background: #ff6c00!important;
  }
  #orange-1:hover {
  background: #fb9c63!important;
  }
  .td-width-50 {
      min-width: 100px!important
  }
  .td-width-100 {
      min-width: 100px!important
  }
  .td-width-150 {
      min-width: 100px!important
  }
    .btn-cot { background-color: green!important;
              color:#fff;
           }
           .btn-cot:hover {
              background-color:#036d07!important 
           }
            .btn-paso { background-color: #0066ff!important;
              color:#fff;
           }
           .btn-paso:hover {
              background-color:#0142a2!important 
           }
           .btn-menu-i {
              width: 100%;
              margin-top: 3px;
              background-color: #ccc!important;
              padding: 8px!important;
              text-align:left;
           }
           .btn-bol {
              background: #1099da!important;
           }
           .btn-bol:hover {
              background:#0a6a98!important; 
           }
           .bts-nav {
              background: #666f7b!important;
           }
           .bts-nav:hover {
              background:#484e56!important; 
           }
           .select2-selection__rendered {
              overflow-y: auto!important;
             }
              .span-i-e {
                float: left;
                 font-size: 18px;
                 width: 49.5%;
                  cursor:pointer;
                   color: #000;
                    background: #ccc;
                    text-decoration: none;
                    padding:15px;
                    border-radius: 4px;
                    text-align: center;
                    transition: all 0.5s;
                  }
                  .span-i-e:hover {
                    color: #fff;
                    background-color: #0066ff;
                  }
                   .span-i-e:focus {
                    background-color: #0068ff;
                  }
                  .span-i-pdf {
                    margin-left: 1%;
                    width: 100%;
                    margin-top: 5px;
                    padding: 5px;
                    border-radius: 5px;
                    border: none;
                    transition: all 0.5s;
                  }
                  .span-i-pdf:hover {
                      background-color: #0066ff;
                      color: #fff;
                      cursor: pointer
                  }
                  .btn-actualizar-graf {
                      margin-top: 10px;
                      font-size: 16px!important;
                       cursor:pointer;
                       width: 100%!important;
                         padding:10px!important;
                         border-radius: 4px;
                         text-align: center;
                         transition: all 0.5s;
                  }
                  .btn-actualizar-graf svg {
                      transition: all 0.5s;
                  }
                  .btn-actualizar-graf:hover svg {
                      fill: #fff;
                  }
                  .card-total {
                      margin-top: 15px;
                      position: fixed!important;
                      top: 135px!important;
                      right: 35px!important;
                      z-index: 1111!important;
                      font-size: 18px!important;
                  }
                  .text-hoy {
                      font-size: 18px;
                      margin-left: 250px;
                  }
                  .subview-reportes-inicio {
                      position: absolute;
                      margin-top: 12px;;
                      left: -100px!important;
                      max-height: 200px;
                      overflow-y: scroll;
                      overflow-x: hidden;
                  }
                  .subnav-reportes {
                    width: max-content;
                    background: #69727e;
                    border-radius: 10px;
                    overflow-y: auto;
                    position: absolute;
                    border-bottom-left-radius: 0px;
                    top: 0px;
                    border-top-left-radius: 0px;
                  }
                  .disabled {
                      pointer-events: none;
                  }
                  #result-gral {/*
                    margin-inline-start:-10px!important;
                    padding-left: 10px!important;*/
                  }
                  .alinksub:hover {
                    background-color: #2196f3!important;
                  }
                  .btn-re {
                    padding: 8px!important
                  }
                  .recard{
                      margin-top: 20px;
                      float:left;
                      width: 100%;
                      margin-bottom: 40px!important;
                  }
                  .tabla-reportes{
                      display: grid;
                      background-color: #fff;
                      color: #444;
                      width:  100%;
                      float: left;
                      -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.4);
                      box-shadow: 0 1px 4px rgba(0,0,0,.4);
                      border-radius: 10px;
                      margin-bottom: 20px
                  }
                  .expo-cumplido {
                    grid-template-columns: repeat(10, auto);
                  }
                  .polizas {
                    grid-template-columns: repeat(4, auto);
                  }
                  .oper-despachante {
                    grid-template-columns: repeat(7, auto);
                  }
                  .oper-mes {
                    grid-template-columns: repeat(7, auto);
                  }
                  .fact-afec {
                    grid-template-columns: repeat(5, auto);
                  }
                  .oper-prods {
                    grid-template-columns: repeat(9, auto);
                  }
                  .oper-temp-gara {
                    grid-template-columns: repeat(5, auto);
                  }
                  .oper-temp-pror {
                    grid-template-columns: repeat(4, auto);
                  }
                  .oper-temp-canc {
                    grid-template-columns: repeat(10, auto);
                  }
                  .oper-temp-abiertas {
                    grid-template-columns: repeat(10, auto);
                  }
                  .cotizaciones {
                    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.75fr;
                  }
                  .mas-cotizaciones {
                    grid-template-columns: 1fr 1fr 1fr 1fr 1.75fr;
                  }
                  .coti-actual{
                    grid-column-start: 5;
                    grid-column-end: 9;
                    text-align: center;
                  }
                  .pasos {
                    grid-template-columns: repeat(4, auto);
                  }
                  .buques {
                    grid-template-columns: repeat(8, auto);
                  }
                  .box {
                    background-color: #fff;
                    color: #000;
                    padding: 10px;
                   
                  }
                  .boxh {
                    border-color:#ccc;
                    border-bottom-style:solid;
                    position: sticky;
                    top:77px!important;
                    z-index: 20;
                  }
                  .boxhs{
                    border-top-left-radius: 10px;
                  }
                  .boxhe{
                    border-top-right-radius: 10px;
                  }
                  .boxa { 
                    background-color: #fafafa
                  }
                  .boxb {
                    background-color: #ccc
                  }
                  .boxi{
                    top: 0 !important;
                  }
  #btn-venc{
    background: #646c77;
    border: black;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0,0,0,.4);
  } 


  .tableFixed > thead, .tableFixed > tbody tr{
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .tableFixed > thead {
    /*width: calc( 100% - 1em );*/
  }

  .tableFixed > tbody {
    display:block;
    max-height:70vh;
    overflow:auto;
  }

  
  /*#table-gara > thead,#result-gara tr{
    display: table;
    width: 100%;
    table-layout: fixed;
    direction: ltr !important;
  }
  #table-gara > thead{
    width: calc( 100% - 1em );
  }

  #table-excel > thead, #result-gral tr,
  #table-gara > thead, #result-gara tr,
  #table-venc > thead, #result-venc tr, 
  #table-depo > thead,#result-depo tr,
  #table-r3 > thead, #tbody-resultR3 tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    direction: ltr !important;
  }
  #table-excel > thead,
  #table-gara > thead,
  #table-venc > thead,
  #table-depo > thead,
  #table-r3 > thead {
    width: calc( 100% - 1em );
  }*/

  .bodylist td {
    border-top: 0 !important;
}

  /*#result-excel,
  #result-gara,
  #result-venc,
  #result-depo,
  #tbody-resultR3 { 
    display:block;
    max-height:70vh;
    overflow:auto;/* !important;
    direction: ltr !important;*/
  /*}*/
@media (max-width: 1380px){
  .navbar > div:last-child{
    width: 100px;
  }
  #box-agente{
    grid-template-columns: 0.9fr 0.1fr;
    text-align: center;
    width: 210px;
  }
  #box-agente > div:last-child{
    text-align: left;
  }
  #box-agente:hover {
    border-radius: 25px;
  }
  .p-tit{
    font-size: 23px;
  }
  .card-header{/*
    display: flex;*/
  }
  .venc-buttons{
    float: right;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    text-align: center;
    row-gap: 5px;
  }
  .venc-buttons button{
    margin: auto;
  }
  .venc-buttons > div:last-child{
    grid-column: 1 /3;
    align-items: baseline;
    display: grid;
    grid-template-columns: 1.5fr .5fr;
  }
  .venc-buttons > div:last-child > div:first-child{
    padding: 0;
  }
  .card-footer, .card-header {
    padding: 0.45rem 0.95rem !important;
  }
  .btn-info{
    /*margin-top: 3px;*/
  }
  #table-gen2 .card-header > div:nth-child(1){
    margin-top: 21.183px;
  }
  #table-gen2 .card-header > div:nth-child(2){
    margin-top: 19.386px;
  }
}
  @media (min-width: 576px) {
  
  .modal-dialog.mdl-2{
      max-width: 70%!important;
      margin: 1.75rem auto;
  }
  .modal-dialog.mdl-6{
      max-width: 80%!important;
      margin: 1.75rem auto;
  }
  
  }
  
  @media (min-width: 1400px){
    .container {
        max-width: 95%!important;
    }
    .fixed_headers tbody {
      display: inline-grid;
      overflow-x: hidden;
      /*width: 3590px;*/
      width: 3800px;
      max-height: 69vh;
    }
    #table-venc{
/*      width: 1793px !important;;
  */  }
    }
  
  
  @media (min-width: 1200px){
  .container {
      max-width: 95%!important;
  }
  }
  
  @media (min-width: 882px){
  .container {
      max-width: 100%!important;
  }
  
  }
  
  @media (max-width: 882px){
  .container {
      max-width: 98%!important;
  }
  
  #box-resp {
    display: none;
  }
  #box-resp1 {
    display: block;
  }
  
  }
  
  @media (min-width: 768px){
  .container {
      max-width: 100%!important;
  }
  }
  
  @media (min-width: 576px){
  .container {
      max-width: 100%!important;
  
  }
  }
  
  .fa{
    
    font-family: "FontAwesome" !important;
  }
  
  
  @media(max-width: 1440px){
    #table-gen{
      width: 100% !important;
    }
    #table-gara{
      width: 1600px;
    }
   
  .fa{
    
    font-family: "FontAwesome" !important;
  }
}
  @media(min-width: 1850px){
    .venc-buttons > div:last-child > div > label{
      margin-top: 0.3rem;
      margin-left: 0.6rem;
    }
  }