@font-face {
  font-family: Roboto;
  src: url("../../fonts/Roboto-Regular.ttf");
}

* {
  font-family: Roboto !important;
  font-size: 2.5vmin;
}

body {
  position: relative !important;
  z-index: 1 !important;
}

img {
  max-width: 100%;
  max-height: auto;
}

input[type=text], input[type=password], select {
  width: 100%;
}

#side-nav {
  z-index: 15;
  max-width: 20%;
  height: 100%;
  background: white;
  border: 5px #d7282f;
}

.side-nav {
  float: left;
}

.content {
  background-color: white;
  color: black;
}

.barra {
  background: #d7282f;
  color: white;
}

.titulos {
  color: #d7282f;
  font-weight: bold;
}

.miniCampo {
  width: 30px;
}

.navSelected {
  color: white !important;
  background: #d7282f !important;
  font-weight: bold;
}

.navSelected:hover {
  background-color: white !important;
  color: #d7282f !important;
}

.nav {
  color: #d7282f;
  background: white;
  overflow-wrap: anywhere;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
}

.nav a {
  padding-left: 10%;
}

.navTitle {
  border-bottom: solid 1px #d7282f !important;
  width: 100%;
}

.list-group-item {
  border-color: #d7282f !important;
}

#tipoUsuario, #usuarioList {
  display: none;
}

#tipoUsuario:checked ~ #usuarioList {
  display: block;
}

.importante {
  color: #d7282f;
  border-color: #d7282f;
  font-weight: bolder;
  font-size: 20px;
}

table tbody td {
  white-space: nowrap;
}

table tbody td button {
  width: 49%;
}

table th {
  background: #d7282f;
  color: white;
  border: 1px white;
}

table tfoot th input {
  width: 100%;
}

.table-responsive {
  display: inline-table;
}

.overlay {
  position: -webkit-sticky;
  position: sticky;
  top: 20%;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(128, 128, 128, 0.5);
  display: none;
}

#tablaUsrs {
  table-layout: fixed;
}

#tablaUsrs td {
  white-space: inherit !important;
}

@media only screen and (max-width: 600px) {
  * {
    font-size: 18px;
  }
  #side-nav {
    max-width: 100%;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 400px) {
  * {
    font-size: 24px;
  }
}

/*@media screen and (max-width: 767px) {
    .row-offcanvas{
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }
    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -41.6%;
    }
    .row-offcanvas-left
    .sidebar-offcanvas{
        left: -41.6%;
    }
    .row-offcanvas-right.active{
        right: 41.6%;
    }
    .row-offcanvas-left.active{
        left: 41.6%;
    }
    .sidebar-offcanvas{
        position: absolute;
        top: 0;
        width: 41.6%;
    }
    #sidebar{
        padding-top: 0;
    }
}*/
/*# sourceMappingURL=global.css.map */