/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
[color-mode="light"]:root {
  --surface1: #fff;
  --surface2: #fefefe;
  --surface3: #fdfdfd;
  --element1: #111111;
  --element2: #222222;
  --element3: #333333;
  --elementInverse: #eee;
  --primary: black;
  --secondary:#3c5d5c ;
  --tertiary: #fff7d6;
  --border-botton: #adadad;
  --box-shadow: 20px 20px 60px #cacaca, -20px -20px 60px #ffffff;
  --logo: url("/images/logo.svg");
  --surface_active:#fff;
  --active:#555;
  --link:#146ab0;
  --green_success:#020;
  --green_success_bg:#dff0d8;
  --danger:#a94442;
  --danger_bg:#f1dddd; }

[color-mode="dark"]:root {
  --surface1: #121212;
  --surface2: #232323;
  --surface3: #343434;
  --element1: #eeeeee;
  --element2: #dddddd;
  --element3: #cccccc;
  --elementInverse: #111;
  --primary: #eee;
  --secondary: #72faca;
  --tertiary: #eee8a9;
  --border-botton: #adadad;
  --box-shadow: 20px 20px 60px #1d1d1d, -20px -20px 60px #272727;
  --logo: url("/images/logo_dm.svg");
  --surface_active:#555;
  --active:#eee;
  --link:#93badc;
  --green_success:#bbd5b3;
  --green_success_bg:#2f5031;
  --danger:#a94442;
  --danger_bg:#f1dddd; }

/* Elements */
body {
  margin: 20px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #fff;
  background-color: var(--surface1, #fff);
  color: #111111;
  color: var(--element1, #111111); }

[color-mode="light"]:root .color-mode .light--hidden {
  display: none; }

[color-mode="dark"]:root .color-mode .dark--hidden {
  display: none; }

h1 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #146ab0; }

h3 a:hover, h3 a:link, h3 a:visited {
  color: #2582A4;
  text-decoration: none; }

p, ol, ul {
  text-align: justify; }

strong {
  font-weight: bold;
  color: #808080; }

a:hover {
  text-decoration: none;
  color: #93badc; }

.box {
  margin-bottom: 0;
  padding-bottom: 0; }

.bottom {
  display: block;
  margin-bottom: 0;
  padding-bottom: 10px; }

.image {
  float: left;
  margin: 3px 0 0 0;
  padding: 0; }

.indent {
  margin-left: 125px; }

/* Header */
#usuario {
  float: right; }

.enviar {
  border: 1px solid #AAAAFF;
  padding: 1px;
  background-color: white;
  margin-top: 1em; }

/* Content */
#content {
  width: 100%;
  margin: 0px 9px;
  padding: 30px 0px 0 0px; }

#inner {
  width: 100%; }

#content h2 {
  margin-top: 0;
  font-size: 18px; }

#content h3 {
  margin-bottom: 0;
  font-size: 16px; }

#content h4 {
  margin-top: 0;
  font-size: 14px;
  font-weight: normal; }

#content .box {
  margin: 0 -30px 30px -20px;
  padding: 0 30px 0 20px; }

#content .bottom {
  margin: 0 0 20px -20px;
  padding: 0 0 20px 20px; }

.logo-login {
  width: 100%;
  margin-bottom: 30px;
  content: url("/images/logo.svg");
  content: var(--logo, url("/images/logo.svg")); }

table.a95 {
  /*    width:95%;*/ }

table.blanco td {
  border: 0px solid #666;
  padding: 0.1em; }

table.reporte {
  font-size: 98%;
  margin-left: 0px;
  margin-right: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }
  table.reporte td {
    border: 1px solid #666;
    padding: 0.2em;
    text-align: right; }
  table.reporte thead th {
    text-align: center; }
  table.reporte th {
    background: #146ab0;
    font-weight: bold;
    color: white;
    border: 1px solid black;
    padding: 0.3em; }
  table.reporte th.chico {
    background: #146ab0;
    font-weight: bold;
    color: white;
    border: 1px solid black;
    font-size: 90%; }

.rojo {
  color: red; }

.no_value {
  color: grey; }

img {
  border: 0px; }

.reporte-control {
  font-size: 90%;
  border-collapse: collapse; }
  .reporte-control td {
    border: 1px solid black; }
  .reporte-control th {
    color: black;
    font-weight: bold;
    background: #999;
    border: 1px solid black; }

.prioridad-1 {
  background: #EEEEEE; }

.prioridad-2 {
  background: #AACFFF; }

.prioridad-3 {
  background: #FFCFAA; }

.hidden {
  display: none; }

.correcto {
  background-color: #CFC;
  border: 1px solid #969;
  padding: 1em;
  color: green; }

.completo {
  background-color: #CFC;
  border: 1px solid #969;
  color: green; }

.advertencia {
  background-color: #FFC;
  border: 1px solid red;
  padding: 1em;
  color: black;
  font-weight: bold; }

.incompleto {
  color: red; }

.ui-tabs {
  width: 98%;
  background: white;
  padding: 0px; }

.ui-tabs-nav {
  background: #A4B74C;
  border-color: #A4B74C; }

.ui-tabs-selected a:link {
  color: #87A019;
  border-color: #A4B74C; }

.ui-tabs-nav a:hover {
  color: #2582A4;
  background: white;
  border-color: #2582A4; }

.actual {
  float: left; }

/** breadcrumb */
.breadcrumb {
  background-color: #fefefe;
  background-color: var(--surface2, #fefefe);
  color: #222222;
  color: var(--element2, #222222); }

#breadcrumb {
  margin-left: 1em;
  margin-bottom: 0.5em; }
  #breadcrumb select {
    overflow: hidden;
    background: white;
    border: 1px solid #ccc; }

span.titulo {
  font-weight: bold; }

td.decision {
  width: 5em; }

.decision-yes, .decision-yes > button.btn-default {
  color: darkgreen; }

.decision-no, .decision-no > button.btn-default {
  color: darkred; }

.decision-undecided, .decision-undecided > button.btn-default {
  color: sandybrown; }

.decision-name {
  font-weight: bold; }

ul.tags {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  ul.tags li.tag {
    display: inline-block;
    margin: 0 .2em .2em 0;
    min-height: 30px;
    line-height: 25px;
    padding: 0 0.25em;
    background-color: #fefefe;
    background-color: var(--surface2, #fefefe);
    color: #222222;
    color: var(--element2, #222222);
    border: 1px solid #aaa;
    border-radius: 3px;
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    font-size: 11px;
    -webkit-transition: .2s;
    transition: .2s; }
    ul.tags li.tag .texto {
      white-space: nowrap; }
    ul.tags li.tag a, ul.tags li.tag input {
      color: #333; }
    ul.tags li.tag input {
      border: 0;
      background-color: #fdfdfd;
      background-color: var(--surface3, #fdfdfd);
      color: #333333;
      color: var(--element3, #333333); }
    ul.tags li.tag span.badge {
      font-size: 10px; }
  ul.tags li.nuevo_tag {
    white-space: nowrap; }
  ul.tags li.tag-predeterminado {
    background-color: lightyellow;
    border: 1px solid darkorange; }

#messages {
  height: 150px;
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid #146ab0;
  padding: 0.5em; }

.mensaje-texto {
  padding-left: 2em;
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis; }

.botones-texto {
  padding: 0.5em 1px 0.5em 2em; }

.respuesta-a-m_rs {
  padding: 0.5em 1px 0.5em 2em; }

img.archivo {
  width: 90%;
  height: 75%;
  min-height: 75%;
  border: 0;
  /**    background-image: url("../images/ajax-loader.gif");
    background-repeat:no-repeat;
    */ }

.max_height_25 {
  padding: 1em;
  border: 1px solid #aaaaaa;
  max-height: 400px;
  overflow: auto; }

ul.asignaciones {
  margin: 0;
  padding: 0 0 0 1em;
  list-style-type: none; }
  ul.asignaciones li.asignacion-user {
    display: inline-block;
    margin: 0 .2em .2em 0;
    min-height: 30px;
    line-height: 25px;
    padding: 0 0.25em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    font-size: 12px;
    -webkit-transition: .2s;
    transition: .2s; }

p.instructions {
  margin: 0.5em;
  padding: 0.5em;
  font-size: 90%;
  color: darkslategrey; }

.btn-pending {
  background: #bbb;
  color: white; }

.sidebar {
  resize: both;
  overflow: auto; }

.dashboard-user {
  margin-top: 1em; }

.navbar-brand {
  float: left;
  height: 125px;
  padding: 10px 10px;
  font-size: 18px;
  line-height: 20px;
  content: url("/images/logo.svg");
  content: var(--logo, url("/images/logo.svg")); }

.navbar-default {
  margin-top: 65px;
  font-size: 110%;
  background: #146ab0; }

@media screen and (max-width: 768px) {
  .navbar-default {
    margin-top: 0;
    font-size: 100%;
    background: white;
    color: black;
    border: 0; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: white; }
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text a {
      color: #146ab9;
      font-weight: bold; }
  #button-navbar {
    background: #146ab0;
    color: black;
    border: 1px solid black; } }

@media screen and (min-width: 768px) {
  .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text a, .navbar-default .usuario {
    color: white;
    font-weight: bold; } }

a {
  color: #146ab0;
  color: var(--link, #146ab0); }

table {
  border-collapse: collapse;
  font-size: 10pt;
  background-color: #fff;
  background-color: var(--surface1, #fff);
  color: #111111;
  color: var(--primary, #111111); }

/**
Bootstrap changes
**/
.panel {
  background-color: #fefefe;
  background-color: var(--surface2, #fefefe);
  color: #222222;
  color: var(--element2, #222222); }

.panel-body {
  background-color: #fefefe;
  background-color: var(--surface2, #fefefe);
  color: #222222;
  color: var(--element2, #222222); }

.panel-footer {
  background-color: #fefefe;
  background-color: var(--surface2, #fefefe);
  color: #222222;
  color: var(--element2, #222222); }

.well, p.instructions {
  background-color: #fefefe;
  background-color: var(--surface2, #fefefe);
  color: #222222;
  color: var(--element2, #222222); }

.list-group-item {
  background-color: #fefefe;
  background-color: var(--surface2, #fefefe);
  color: #222222;
  color: var(--element2, #222222); }

.list-group-item-danger {
  background-color: #f1dddd;
  background-color: var(--danger_bg, #f1dddd);
  color: #a94442;
  color: var(--danger, #a94442); }

[color-mode="light"]:root {
  --form-control-color: #555;
  --form-control-background: #fff; }

[color-mode="dark"]:root {
  --form-control-color: #cccccc;
  --form-control-background: #343434; }

.form-control {
  color: #555;
  color: var(--form-control-color, #555);
  background-color: #fff;
  background-color: var(--form-control-background, #fff); }

[color-mode="light"]:root {
  --btn-default-color: #333;
  --btn-default-background: #fff; }

[color-mode="dark"]:root {
  --btn-default-color: #cccccc;
  --btn-default-background: #343434; }

.btn-default {
  color: #333;
  color: var(--btn-default-color, #333);
  background-color: #fff;
  background-color: var(--btn-default-background, #fff); }

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  color: #020;
  color: var(--green_success, #020);
  background-color: #dff0d8;
  background-color: var(--green_success_bg, #dff0d8); }

.panel-success > .panel-heading {
  color: #020;
  color: var(--green_success, #020);
  background-color: #dff0d8;
  background-color: var(--green_success_bg, #dff0d8); }

.panel-success > .panel-heading {
  border-color: #d6e9c6; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: #fff;
  background-color: var(--surface_active, #fff);
  color: #555;
  color: var(--active, #555); }

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #f9f9f9;
  background-color: var(--surface3, #f9f9f9); }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-text a:hover {
  color: #93badc;
  font-weight: bold; }

.navbar-default .navbar-text {
  color: white; }

.panel-primary {
  border-color: #146ab0; }
  .panel-primary > .panel-heading {
    border-color: #146ab0;
    background-color: #146ab0; }

.table th {
  color: #146ab0; }

.table > thead > tr > th {
  border-bottom: 2px solid #93badc; }

.table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #93badc; }

.table-bordered {
  border: 1px solid #93badc; }
  .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #93badc; }

.dropdown-menu > li > a:hover {
  background-color: #93badc;
  color: black; }

.panel-black {
  border: 1px solid black; }
  .panel-black .panel-heading {
    background: black;
    color: white; }

.description-login {
  text-align: center;
  font-size: 11pt;
  margin-bottom: 30px;
  color: #93badc; }

.user-buttons {
  /*   margin-top:10px;*/ }

/* Tablesorter */
table.tablesorter thead tr th {
  background-color: #93badc; }

table.tablesorter thead tr .headerSortDown {
  background-color: #146ab0; }

table.tablesorter thead tr .headerSortUp {
  background-color: #146ab0; }

.pager-order {
  margin-top: 1em;
  margin-bottom: 1em; }

.pager-records-count {
  margin: 20px;
  display: inline-block;
  float: right; }

#extract-form {
  overflow: scroll;
  height: 600px; }

#document_viewer {
  overflow: auto;
  resize: horizontal; }

.criteria-list input[type=text] {
  width: 50%; }

.only-text {
  max-height: 550px;
  overflow: auto; }

.tag-small {
  padding: 2px;
  border-radius: 5px;
  display: inline;
  background: #93badc;
  color: white;
  margin-right: 0.5em; }

div.lista-etapas span.etapa {
  border: 1px solid #93badc;
  padding: 0.25em;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }

.color-mode__btn {
  color: #111111;
  color: var(--element1, #111111); }