/* W3.CSS 4.08.2018 by Hugo sorans for DIGEX SIFERE */
/*@font-face {
font-family:"dinreg";
src: url(../fonts/DIN-Regular.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: "dinreg"!important}*/
* {
  font-family: "Roboto", sans-serif; }

body {
  background: #cccccc !important; }

.containersifere {
  transition: all 2s;
  padding-right: 0px !important;
  position: absolute;
  top: 0px; }

::-webkit-scrollbar {
  width: 12px;
  height: 10px; }

::-webkit-scrollbar-thumb {
  background: #999999; }

::-webkit-scrollbar-thumb:hover {
  background: #2b87c0; }

::-webkit-scrollbar-track {
  background: #d1d1d1; }

.navbar-dark .navbar-nav .nav-link {
  color: #444 !important; }

.navbar.navbar-expand-lg.navbar-dark.bg-digex {
  background: #616a77f2 !important;
  position: fixed;
  width: 100%;
  z-index: 1025 !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; }

  .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;
  }

.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; }

.select2-containersifere--default .select2-selection--multiple .select2-selection__choice {
  color: #000 !important; }

.select2-containersifere--default .select2-selection--multiple {
  border: 1px solid #d2d6de !important; }

.select2-containersifere .select2-selection--single {
  height: 32px !important; }

.select2-containersifere--default .select2-selection--single {
  border: 1px solid #d2d6de !important; }

.select2-containersifere--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: 100%;
  float: left; }

.cr-head {
  background: #8a8a8a !important;
  color: #fff; }

.tr-title {
  background: #fff;
  border-bottom: #aaa;
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.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; }

.span-dpago {
  padding: 2px 6px !important;
  font-size: 10px !important;
  color: #fff !important;
  float: right !important; }

.div-dpago2 {
  margin-left: 5px;
  width: 100%;
  float: left; }

.div-dpago1 {
  width: 100%;
  float: left; }

.div-dpago-p {
  width: 150%;
  float: left; }

.containersifere {
  width: 100%;
  padding-right: 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; }

#result td {
  min-width: 100px !important; }

#result td p {
  margin-bottom: 0px !important; }

#fl-up {
  width: 35px;
  transition: all 1s; }

.fl-more {
  width: 20px;
  transition: all 1s;
  transform: rotate(180deg);
  margin-top: 5px; }

.table-hover tbody tr {
  transition: all 0.8s !important; }

.table-hover tbody tr:hover {
  background-color: rgba(33, 150, 243, 0.42) !important; }

#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;
  color: #fff;
  float: left;
  margin-left: -150px;
  position: fixed;
  z-index: 1024; 
}

.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; }
*/
.col-1s {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 11.3333333333%;
  flex: 0 0 11.3333333333%;
  max-width: 11%;
  margin-left: 10px; }

.highlightRow {
  transition-duration: 0.2s;
  background-color: #8ac5f5 !important; }

.highlight {
  background-color: #fdc322 !important; }

.highlightNow {
  transition-duration: 0.2s;
  background-color: #ff8800 !important; }

.select2-selection__rendered {
  /*max-height: 30px!important;*/
  overflow-y: auto !important; }

.filtros-tabla-sifere {
  width: 100%;
  float: left;
  margin-bottom: 20px; }

.border-primary {
  border-color: #107fc3 !important; }

#img-filt.rotate90,
#img-filt.rotate270 {
  width: 100px;
  height: 820px; }

#image {
  transform-origin: top left;
  /* IE 10+, Firefox, etc. */
  -webkit-transform-origin: top left;
  /* Chrome */
  -ms-transform-origin: top left;
  /* IE 9 */ }

#img-filt.rotate90 #image {
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%); }

#img-filt.rotate180 #image {
  transform: rotate(180deg) translate(-100%, -100%);
  -webkit-transform: rotate(180deg) translate(-100%, -100%);
  -ms-transform: rotate(180deg) translateX(-100%, -100%); }

#img-filt.rotate270 #image {
  transform: rotate(270deg) translateX(-100%);
  -webkit-transform: rotate(270deg) translateX(-100%);
  -ms-transform: rotate(270deg) translateX(-100%); }

.header-padron p {
  margin: 0 0 0em !important; }

#table-gen .card {
  /*   max-height: 86vh!important;*/ }

.hoverClass {
  background-color: rgba(20, 151, 236, 0.3) !important;
  color: black; }

.hoverClass2 {
  background-color: rgba(20, 151, 236, 0.5) !important;
  color: black; }

.fixed_headers {
  /*width: 3590px;*/
  width: 3800px;
  table-layout: fixed;
  border-collapse: collapse;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !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: white;
  color: #292929; }

.fixed_headers thead tr {
  display: block;
  position: relative; }

.fixed_headers tbody {
  display: -ms-inline-grid;
  display: inline-grid;
  overflow-x: hidden;
  /*width: 3590px;*/
  width: 3800px;
  max-height: 71vh; }

.fixed_headers tbody tr:nth-child(even) {
  /*background-color: #DDD;*/ }

.fixed_headers2 {
  /*width: 1280px;*/
  width: 1880px;
  table-layout: fixed;
  border-collapse: collapse;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.fixed_headers2 th {
  text-decoration: none;
  padding: 10px !important; }

.fixed_headers2 th,
.fixed_headers2 td {
  padding: 10px;
  text-align: left; }

.fixed_headers2 thead {
  background-color: white;
  color: #292929; }

.fixed_headers2 thead tr {
  display: block;
  position: relative; }

.fixed_headers2 tbody {
  display: block;
  overflow-x: hidden;
  /*width: 1280px;*/
  width: 1880px;
  max-height: 40vh; }

.fixed_headers2 tbody tr:nth-child(even) {
  /*background-color: #DDD;*/ }

.fixed_headers3 {
  /*width: 1280px;*/
  width: 1000px;
  table-layout: fixed;
  border-collapse: collapse;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.fixed_headers3 th {
  text-decoration: none;
  padding: 10px !important; }

.fixed_headers3 th,
.fixed_headers3 td {
  padding: 10px;
  text-align: left; }

.fixed_headers3 thead {
  background-color: white;
  color: #292929; }

.fixed_headers3 thead tr {
  display: block;
  position: relative; }

.fixed_headers3 tbody {
  display: block;
  overflow-x: hidden;
  /*width: 1280px;*/
  width: 1000px;
  max-height: 40vh; }

.fixed_headers3 tbody tr:nth-child(even) {
  /*background-color: #DDD;*/ }

.flezi {
  left: 0px;
  display: flex;
  height: 100%;
  color: red;
  font-size: 29px; }

.fleze {
  right: 0px;
  display: flex;
  height: 100%;
  color: red;
  font-size: 29px; }

.fled {
  margin-top: 45px;
  z-index: 1049;
  position: absolute;
  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%); 
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%); 
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%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#4d2b51db',GradientType=1 ); */ }

.fled:hover {
  opacity: 1; }

.flei {
  margin-top: 45px;
  position: absolute;
  height: 100%;
  z-index: 1049;
  bottom: 0px;
  opacity: 0;
  transition: all 0.5s;
  left: 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%); 
  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%); 
  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%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#4d2b51db',GradientType=1 ); */ }

.flei:hover {
  opacity: 1;
  width: 10%; }

.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: #fff; }

.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: #0071b7 !important; }

.div-btn-izq {
  width: 100%;
  border-top-left-radius: 0rem;
  float: right;
  /* height: 40px;*/
  display: none; }

.btn-izq {
  width: 100%;
  background: #0071b7 !important;
  margin-bottom: 10px; }

.btn-izq:hover {
  opacity: 0.9; }

.btn-success:hover {
  color: #fff;
  background-color: #6cb9f700 !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; }

.btn-hover {
  cursor: pointer; }

.btn-hover:hover {
  color: #3c8dbc;
  cursor: pointer; }

/*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; }

#myBtn {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 10px;
  /* Place the button at the bottom of the page */
  right: 15px;
  /* 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: 45px; }

.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: 5px; }

.btn-filt {
  background: #0066ff !important;
  color: #fff; }

.btn-filt:hover, .btn-filt:active:hover {
  background-color: #04409a !important;
  border-radius: 100px; }

.btn {
  transition: all 0.9s !important; }

#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) */ }

.Bcard {
  position: relative;
  width: 100%;
  float: left;
  padding-top: 18vh;
  padding-left: 11vw;
  padding-right: 5vw; }

.Brow-body {
  width: 30vw;
  float: left; }

.Brow-body2 {
  margin-left: 0vw;
  width: 50vw;
  float: left; }

#Blogo {
  height: 60vh; }

#Blogo2 {
  margin-top: 12vh;
  height: 25vh; }

#path1-login {
  transition: all 0.5s; }

#path1-login:hover {
  fill: #0066ff; }

#path2-login {
  transition: all 0.5s; }

#path2-login:hover {
  fill: #387b3b; }

#path3-login {
  transition: all 0.5s; }

#path3-login:hover {
  fill: #641a71;
  height: 20px !important; }

.logo-tit {
  display: flex;
  flex-direction: row; }

.logo-tit2 {
  display: flex;
  flex-direction: row;
  margin-left: 30px; }

.log-rect {
  display: none;
  transition: all 3s; }

.mr-sm-2 {
  box-shadow: inset 0 -1px 0 #2196f38f !important; }

.mr-sm-2:focus {
  box-shadow: inset 0 -2px 0 #9acffa !important; }

#Bpid0 {
  display: none;
  transition: all 2s; }

#Blogo2 {
  display: none;
  transition: all 2s; }