:root {
  --textcolor: #212121;
  --fondo: #f5f8fa; /*#f8f4f3;*/
  --iconcolor: #bad1e2;
  --iconover: #fef115;
  /*--primary: #182434;*/
  --primary: #095e85;
  --color-fondo: #095e85; /*darkslategray */
  --color-pestania: green; /* */
  --color-titulo-menu: green;
  --color-boton: white; /* Color que se establece al texto e icono de los botones */
}
body {
  color: var(--textcolor);
  line-height: 1rem;
  background-color: var(--fondo);
  font-family: sans-serif;
  font-size: 12px;
}
html,
body {
  height: 100%;
}
.form-label-group {
  position: relative;
  display: flex;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  height: 3.125rem;
  padding: 0.75rem;
}

.form-label-group > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.1s ease-in-out;
}

.form-label-group > .input-group-append {
  display: flex;
  box-sizing: border-box;
}

.form-label-group > .input-group-append > .btn {
  position: relative;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 3.125rem;
  padding: 0.75rem;
  z-index: 2;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 10px;
  color: #777;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}

#menuopciones {
  float: left;
  min-height: 100vh;
  height: 100vh;
  background-color: var(--primary);
  width: 250px;
  margin-right: 10px;
  color: #bad1e2;
}

#menuopciones > div {
}

#menuopciones .bar {
  color: var(--iconcolor);
  height: 50px;
  padding: 10px;
  border-bottom: 1px #bad1e2 solid;
}

#menuopciones .opciones {
  color: var(--iconcolor);
  padding: 10px;
}
#menuopciones .bar > a {
  text-decoration: none;
  color: var(--iconcolor);
  margin: 1rem;
}

#menuopciones .opciones > a {
  border: 1px #bad1e2 solid;
  border-radius: 5px;
  float: left !important;
  line-height: 0.75rem;
  margin: 5px;
  width: 45%;
  color: #bad1e2;
  padding: 10px;
  text-align: center !important;
}

#menuopciones .bar > a:hover,
#menuopciones .opciones > a:hover,
#menuopciones .opciones > a:active {
  text-decoration: none;
  color: var(--iconover);
}

#menuopciones .opciones > a:hover,
#menuopciones .opciones > a:active {
  border: 1px solid var(--iconover);
}
#maincontainer {
  display: contents;
  padding-left: 20px;
}

#contenido {
  height: 91vh;
  overflow-y: auto;
  padding-left: 10px;
  padding-right: 20px;
  padding-bottom: 0px;
  margin-top: 50px;
  font-size: 0.7rem !important;
  line-height: 0.75rem !important;
}

#maincontainer > nav {
  height: 50px;
  border-bottom: 1px solid #aaaaaa;
}

#maincontainer > nav > img {
  position: absolute;
  height: 45px;
}

#maincontainer > nav > ul {
  position: absolute;
  right: 1px;
  margin-right: 10px;
  background: #e7e7e7;
}
.marginMenu {
  margin-left: 15%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar {
  background: #e6e8e9;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
}

.navbar-expand-lg {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-nav .dropdown-menu {
  position: absolute;
}

/* .btn-primary{
    color:#fff;
    background-color:#095e85;
    border-color:#095e85;
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover,  .btn-outline-primary:active, .btn-outline-primary:focus {
    background-color: var(--primary);
    color: var(--iconcolor);
    border-color: var(--primary);
} */

#loading-screen {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  margin-top: 0;
  top: 0;
  text-align: center;
  color: #0275d8;
  cursor: wait;
}

#loading-screen img,
h2 {
  position: relative;
  margin-top: -50px;
  margin-left: -50px;
  top: 50%;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  height: 50px;
  width: 50px;
  border: 6px solid white;
  border-top-color: red;
  border-bottom-color: red;
  border-radius: 100%;
  animation: loading 1.5s infinite linear;
}

a.list-group-item.nav-link {
  color: white;
}

a.menucollapsed.nav-link {
  color: white;
}

a.list-group-item.nav-link {
  background-color: var(--color-pestania);
}

a.list-group-item.nav-link.collapsed {
  background-color: var(--color-fondo);
}

div.panel a.lnkOpciones {
  background-color: var(--color-fondo);
}

div.panel a.lnkOpciones:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

div.panel a.lnkOpciones.activo {
  background-color: rgba(255, 255, 255, 0.1);
}

div#maincontainer {
  /* Oculta scroll*/
  height: 88vh;
  overflow-y: scroll;
  scrollbar-width: none;
}

div#maincontainer::-webkit-scrollbar {
  /* Oculta scroll*/
  display: none;
}

.left {
  float: left;
  width: 15%;
  background: white; /* #e6e8e9;*/
}

.right {
  float: left;
  width: 85%;
  background-color: var(--fondo);
}
.logop {
  margin: 0 auto;
  margin-top: 15px;
  display: flex;
  height: 45px;
  background: white; /* #e6e8e9;*/
}
div#MainMenu {
  /* Oculta scroll*/
  height: 88vh;
  overflow-y: scroll;
  scrollbar-width: none;
  background-color: var(--color-fondo);
}

div#MainMenu::-webkit-scrollbar {
  /* Oculta scroll*/
  display: none;
}

/*----ESTILO DRAP&DROP----*/
div.drap-drop .btn,
div.drap-drop .fileupload-buttonbar div.drap-drop .toggle {
  margin-bottom: 5px;
}
div.drap-drop .btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  /*color: #fff;
background-color: #47a447;
border-color: #398439;*/
}
div.drap-drop .btn:hover,
div.drap-drop .btn:focus {
  color: #b01515;
  text-decoration: none;
}
div.drap-drop .fileinput-button {
  position: relative;
  overflow: hidden;
}
div.drap-drop .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.drap-drop .btn-success {
  color: #c7d8c7;
  /*background-color: #5cb85c;
border-color: #4cae4c;*/
  font-weight: bold;
  text-align: center;
  padding: 6em;
  margin: 10px 0px 0px 0px;
  color: #555;
  border: 2px dashed #555;
  border-radius: 7px;
  margin-bottom: 20px;
  background-color: mintcream;
}

div.drap-drop .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
input[type="file"] {
  display: block;
}
div.drap-drop input,
div.drap-drop button,
div.drap-drop select,
div.drap-drop textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
div.drap-drop button,
div.drap-drop input,
div.drap-drop optgroup,
div.drap-drop select,
div.drap-drop textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
input[type="file"] {
  align-items: baseline;
  color: inherit;
  text-align: start;
}
input[type="hidden"],
input[type="image"],
input[type="file"] {
  -webkit-appearance: initial;
  padding: initial;
  background-color: initial;
  border: initial;
}
div.drap-drop input[type="password"],
div.drap-drop input[type="search"] {
  -webkit-appearance: textfield;
  padding: 1px;
  background-color: white;
  border: 2px inset;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;
}
div.drap-drop input,
div.drap-drop textarea,
div.drap-drop keygen,
div.drap-drop select,
div.drap-drop button {
  margin: 0em;
  font: -webkit-small-control;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}
/*----FIN ESTILO DRAG&DROP----*/

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: var(--color-fondo);
  border-color: var(--color-fondo);
}

/**************SELECT 2****************/
span.select2-container .select2-selection--single {
  height: 31px;
  border-color: #d1d5da;
}

.modal-open .container {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

.contenedor.modalBlur > *:not(.modal) {
  filter: blur(5px);
}

ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: " ";
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline > li {
  margin: 20px 0;
  padding-left: 20px;
}
ul.timeline > li:before {
  content: " ";
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid var(--success);
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}

.invalid-feedback {
  font-size: 90%!important;
}

.was-validated .form-control:invalid + .select2 .select2-selection{
    border-color: #dc3545!important;
}
.was-validated .form-control:valid + .select2 .select2-selection{
    border-color: #28a745!important;
}
*:focus{
  outline:0px;
}