@import url("https://fonts.googleapis.com/css?family=Ubuntu");
@import url("https://fonts.googleapis.com/css?family=Lato");
@font-face {
  font-family: 'Trajan';
  src: url("../fonts/TrajanPro-Regular.otf") format("otf");
  font-weight: lighter;
  font-style: lighter; }

* {
  font-family: "Roboto", Helvetica, sans-serif; }

a {
  color: #006699; }
  a:visited {
    color: #006699;
    text-decoration: none; }

.awesome {
  padding: 1rem; }

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.body-wrapper {
  position: relative;
  min-height: 700px;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 100%;
  width: 100%; }

.body-content {
  position: relative; }

.btn-inline {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px; }

.big-circle {
  width: 150px;
  height: 150px;
  margin-bottom: 5px;
  line-height: 5em; }

.big-btn {
  width: 200px;
  height: 100px;
  font-size: 2rem;
  border-radius: 0.3rem;
  padding-top: 25px; }

.btn-secondary {
  color: white;
  border: none;
  background-color: #3380cc;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s;
  transition: background-color 2s; }
  .btn-secondary:hover {
    color: white;
    border-color: #2962a3;
    background-color: #2962a3; }
  .btn-secondary a {
    color: white; }
    .btn-secondary a:hover {
      color: white; }

.btn-structure {
  max-width: 3rem;
  max-height: 3rem; }



.navbar-collapse.collapse.show {
  display: block;
  z-index: 1;
  background: -webkit-gradient(linear, left bottom, right top, color-stop(21%, #2f4756), color-stop(70%, #34606d));
  background: -webkit-linear-gradient(bottom left, #2f4756 21%, #34606d 70%);
  background: -o-linear-gradient(bottom left, #2f4756 21%, #34606d 70%);
  background: linear-gradient(to top right, #2f4756 21%, #34606d 70%);
  text-align: right;
  padding-right: 1rem; }

.show .btn-secondary.dropdown-toggle {
  color: white !important;
  border-color: rgba(51, 128, 204, 0.8) !important;
  background-color: #3380cc !important; }

.btn-primary {
  border: none;
  border-color: #42798a;
  background-color: #34606d;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s;
  transition: background-color 2s; }
  .btn-primary:hover {
    border-color: #42798a;
    background-color: #42798a; }
  .btn-primary a {
    color: white; }
    .btn-primary a:hover {
      color: white; }

.btn-success, .btn-info, .btn-warning, .btn-danger, .btn-default, .btn-link {
  border: none; }

.btn-outline-primary {
  color: #34606d;
  background-image: none;
  background-color: transparent;
  border-color: #34606d; }
  .btn-outline-primary:visited {
    color: #34606d; }
  .btn-outline-primary:hover {
    border: none;
    background-color: #34606d;
    color: white; }

.card-back {
  background-color: white;
  border-bottom: solid 2px #34606d;
  border-right: solid 2px #e5e5e5; }

.card-title {
  background: none; }

.circle {
  max-width: 160px;
  max-height: 160px;
  min-width: 160px;
  min-height: 160px;
  width: 100%;
  height: 100%;
  border-radius: 50%; }

.clipped {
  min-height: 150px;
  background-color: #3380cc;
  position: relative;
  margin-bottom: -20px;
  -webkit-clip-path: url(#clip);
  clip-path: url(#clip); }

.container-fluid {
  padding-left: 0px;
  padding-right: 0px; }

.cucea-wrap {
  display: block;
  position: fixed;
  bottom: 0px;
  width: 100%; }

.custom-file-control {
  font-family: 'Roboto','FontAwesome';
  text-align: left; }
  .custom-file-control:lang(es)::after {
    content: "Seleccionar archivo..."; }
  .custom-file-control:lang(es)::before {
    content: "\f093  Buscar"; }
    .custom-file-control:lang(es)::before:hover {
      background-color: black;
      border: 1px solid rgba(0, 0, 0, 0.15); }
  .custom-file-control.sobreescribir::after {
    content: none; }

.custom-file {
  width: 100%;
  margin-bottom: 1rem; }

.center {
  margin: 0 auto;
  text-align: center; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {  -webkit-box-flex: 0; -webkit-flex: none!important; -ms-flex: none!important;  flex: none!important; }

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {  -webkit-box-flex: 0; -webkit-flex: none!important; -ms-flex: none!important;  flex: none!important; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {  -webkit-box-flex: 0; -webkit-flex: none!important; -ms-flex: none!important;  flex: none!important; }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {  -webkit-box-flex: 0; -webkit-flex: none!important; -ms-flex: none!important;  flex: none!important; }

.d-inline-block {
  max-height: 60px; }

input[type=search] {
  display: inline-block;
  width: 70%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #464a4c;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }

.dropdown {
  text-align: right;
  width: 140px; }

.dropdown-menu {
  right: 10px;
  left: inherit; }
  .dropdown-menu .dropdown-item {
    color: black; }

.dropdown-toggle::after {
  display: inline-block;
  position: relative;
  width: 0;
  height: 0;
  margin-left: .3rem;
  vertical-align: middle;
  border-top: 0.3rem solid;
  border-right: .3rem solid transparent;
  border-left: .3rem solid transparent;
  top: -1rem; }

.espacio-card {
  margin: 1rem; }

.fa-1-5x {
  font-size: 1.5rem; }

.fa-6x {
  font-size: 6rem; }

.fa-7x {
  font-size: 7rem; }

.fa-8x {
  font-size: 8rem; }

.flexbox-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center; }

.flex-grow {
    display: flex;
    flex: 1 0 auto;
}

.form-horizontal {
  padding-left: 10px;
  padding-right: 10px; }

.foot {
  border-top: 0.5px solid rgba(229, 229, 229, 0.5); }

footer{
  background-color: #111140;
  border-top: 1px solid #e5e5e5;
}
.footer {
  margin-left: 0px;
  max-width: 100%;

  min-height: 200px;
}

.footer_info {
  line-height: 1.5rem;
  font-size: 10.8px;
  color: white;
}
.footer_info a {
    color: white;
  }
.footer_info a:hover {
      text-decoration: underline;
    }

.footer_message {
  font-size: 11px;
  line-height: 1.5rem;
  text-align: center;
  color: #999;
  padding-left: 40px; }
  .footer_message a {
    color: #006699 !important; }
    .footer_message a:hover {
      color: #337ab7 !important;
      text-decoration: underline; }
#footer-udg{
  min-width: 250px;
}
.form-control:active, .form-control:focus {
  border-color: #3380cc; }

.form-min {
  display: block;
  width: 50%;
  max-width: 100%;
  padding: 0px;
  padding-bottom: .5rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #464a4c;
  margin-bottom: 1rem;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0px;
  border-bottom: 1px solid black;
  border-radius: 0px;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; }

.form-min-select {
  display: block;
  width: 95%;
  padding: 0px;
  padding-bottom: .5rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #464a4c;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0);
  border: 0px;
  border-bottom: 1px solid black;
  border-radius: 0px;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; }

h1, h3 {
  margin-top: 0px;
  margin-bottom: 5px; }

.head {
  margin-left: 0px;
  background-color: #eaebec;
  max-height: 100px;
  height: 100%;
  max-width: 100%; }

.header {
  width: 100%; }

.hidde {
  display: none; }

i {
  line-height: inherit;
  vertical-align: middle; }
  i:before {
    line-height: inherit;
    vertical-align: middle; }

#id_grupo {
  margin-top: 1rem; }

.inconsolata {
  font-family: 'Inconsolata', monospace; }

input[readonly] {
  border-color: rgba(0, 0, 0, 0.2);
  background-color: white !important; }

.logo_footer {
  max-width: 50%; }

.logo_header {
  max-width: 100%; }

.logo {
  vertical-align: middle;
  max-width: 50px;
  max-height: 50px;
}

.logout {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 11;
  color: #34606d; }
  .logout:hover {
    color: #34606d;
    text-decoration: none; }
  .logout:visited {
    color: #34606d; }

.menu {
  max-height: auto; }
  .menu .mr-sm-2 {
    font-family: Roboto,FontAwesome;
    border: none;
    background-color: #eaebec;
    border-left: #34606d solid 1px;
    height: 56px;
    border-radius: 0px;
    color: #34606d; }
    .menu .mr-sm-2::-webkit-input-placeholder {
      color: #34606d; }
  .menu .navbar {
    padding: 0px;
    height: auto;
  }
  .menu .bg {
    background-color: #283277;
}

#mensajes-table {
  width: inherit !important; }

#mensajes-table_wrapper {
/*max-height: 50%;*/ }

.min-circle {
  max-width: 20px;
  max-height: 20px;
  min-width: 20px;
  min-height: 20px;
  width: 100%;
  height: 100%;
  border-radius: 50%; }

.navbar {
  border-bottom: solid 1px #e5e5e5; }

.navbar-brand {
  font-family: "Lato", Helvetica, sans-serif;
  color: white !important;
  padding: 0px;
  border-bottom: solid 1px #e5e5e5;
  white-space: normal;
  height: 60px !important;
  padding: 0px 0px !important; }

.nav-link {
  color: white !important;
  padding-top: 16px;
  padding-bottom: 16px; }

.name {
  font-size: 1rem !important; }

.negro {
  color: black !important; }

.next-page {
  color: rgba(0, 0, 0, 0.5) !important; }

.nopad {
  padding: 0;
}

ol li {
  padding-bottom: 5px; }

.pad {
  padding: 1rem; }

.pad-t-15 {
  padding-top: 1rem;
  margin-top: 1rem; }

.pad-left {
  padding-left: 1rem; }

.page-item.active .page-link {
  background-color: #34606d;
  border-color: #42798a; }

.rounded {
  border-radius: 50px 50px 50px 50px; }

.row {
  margin-right: 0px; }
  .row .start {
    margin-top: 100px; }

.secondary {
  color: #3380cc; }
  .secondary:visited {
    color: #3380cc; }

section {
  /* flex: 1; would be enough but it looks bad in IE */
  display: flex;
  flex: 1 0 auto; /*flex grow - flex shrink - flex basis*/

}

.site_name {
  color: #34606d;
  font-family: 'Roboto', Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0;
  display: block;
  padding-top: 0px;
  padding-left: 10px;
  line-height: 36px !important; }
  .site_name:visited {
    color: black;
    text-decoration: none; }
  .site_name:hover {
    color: Black;
    text-decoration: none; }

.user {
  font-family: 'Ubuntu', Helvetica, sans-serif;
  z-index: 1;
  margin: 0 auto;
  text-align: center;
  font-size: 500%;
  color: white; }

.user-menu {
  font-family: 'Ubuntu', Helvetica, sans-serif;
  z-index: 1;
  margin-right: 5px;
  text-align: center;
  font-size: 1rem;
  color: white; }

.vertical-center .wrapper {
  height: 50%;
  max-height: 50%; }

.vertical-center .son {
  position: absolute;
  top: 50%; }

#header377 {
  float: right; }

@media only screen and (max-width: 1020px) {
  /* Force table to not be like tables anymore */
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  #no-more-tables tr {
    border: 1px solid #ccc; }
  #no-more-tables td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 20%;
    white-space: normal;
    text-align: left; }
  #no-more-tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    min-width: 20%;
    max-width: 50%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }
  /*
	Label the data
	*/
  #no-more-tables td:before {
    content: attr(data-title); } }

@media screen and (max-width: 550px) {
  .site_name {
    text-align: center;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 20px !important; } }

@media screen and (max-width: 500px) {
  h1 {
    margin-bottom: 0; }
  .row-head {
    max-height: 140px; } }

@media screen and (max-width: 780px) {
  .form-control {
    margin-bottom: 10px !important; }
  .navbar-brand {
    width: 100% !important;
    font-size: 1rem; } }

@media screen and (max-width: 770px) {
  .label-res {
    display: none; } }

@media screen and (max-width: 1325px) {
  .footer_info {
    padding-left: 1rem;
    padding-right: 1rem; }
  .footer_message {
    padding: 0px; } }

@media screen and (max-height: 600px) {
  .cucea-wrap {
    display: none; } }

@media screen and (max-width: 950px) {
  #header377 {
    float: none; } }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.9); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.01);
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.01); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -1rem, 0);
    transform: translate3d(0, -1rem, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.5);
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.5); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-box-shadow: 0 4px 4px rgba(4, 0, 4, 0.7);
    box-shadow: 0 4px 4px rgba(4, 0, 4, 0.7); } }

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.9); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.01);
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.01); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -1rem, 0);
    transform: translate3d(0, -1rem, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.5);
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.5); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-box-shadow: 0 4px 4px rgba(4, 0, 4, 0.7);
    box-shadow: 0 4px 4px rgba(4, 0, 4, 0.7); } }

.bump {
  -webkit-animation: bounce 1s infinite;
  animation: bounce 1s infinite;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

esta clase sobreescribe btn.link con color blanco,
se utiliza en las vistas de administrdor para los botones regresar y salir
.btn-back {
  position: relative;
  float: left;
  z-index: 5; }