/*  Quitar luego */
/*  ELEMENTOS PARA VUE */
/*  Evitar que se vean las llaves de vue al cargar los elementos */
[v-cloak] {
  display: none;
}
/*  TIPOGRAFIA PARA EL PROYECTO */
body,
table,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  /*  font-family: Roboto, sans-serif !important; */
}
table,
p {
  color: #555 !important;
}
table {
  font-size: 12px !important;
}
body {
  margin-bottom: 0;
}
/*  START CONFIGURACIÓN LOGIN */
.background-body-login {
  background-image: url('../img/fondo_login.jpg');
  background-color: #62338A;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 100%;
}
.box-login {
  max-width: 550px;
  min-width: 300px;
}
.box-login .logo {
  width: 320px;
}
.content-login {
  background-color: rgba(255, 255, 255, 0.92);
  padding: 50px;
}
.content-login input.form-control,
.content-login input {
  background-color: transparent;
}
/*  CONFIRMACIÓN DE REGISTRO */
.box-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
.section-page-title {
  text-align: center;
}
.section-page-title h1 {
  margin: 50px auto 20px auto;
}
.button {
  display: block;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Dosis, Arial, sans-serif;
  font-size: 15px;
  text-align: center;
  color: #ffffff;
  background-color: #62338A;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  text-decoration: none;
  width: 200px;
}
.button:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #442f68;
}
.thanks {
  text-align: center;
  padding-top: 50px;
}
.thanks a {
  width: max-content;
  padding: 20px;
}
.thanks p {
  margin-top: 20px;
  font-size: 16px;
  margin-bottom: 50px;
}
/*  END CONFIGURACIÓN LOGIN */
.logo-responsive {
  margin-top: 0;
}
.logo-imprimir,
.no-screen {
  display: none;
}
.mensaje-error,
.error-message {
  color: #c9282d !important;
  font-style: italic;
}
/* DEFINIMOS LÍNEA FINA PARA TÍTULOS */
.linea {
  border-bottom-color: #62338A;
}
.estilo-btn {
  font-family: arial, sans-serif !important;
  border-radius: 0;
  padding: 8px 22px !important;
}
.btn-lista a.estilo-btn-lista > span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.btn-lista a.estilo-btn-lista > span > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-55%);
}
.btn-lista a.estilo-btn-lista > span > i.fa-trash-alt {
  transform: translateX(-50%) translateY(-50%);
}
.btn-lista a.estilo-btn-lista > span > i.fa-user-tag {
  transform: translateX(-25%) translateY(-55%);
}
/*
.estilo-btn-tabla {
    font-family: arial, sans-serif !important;
}
*/
/* DEFINIMOS COLOR Y ESTADOS DEL BOTÓN ACEPTAR */
.color-btn-confirmar {
  background-color: #62338A !important;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.color-btn-confirmar:hover {
  background-color: #442f68 !important;
}
.color-btn-confirmar:active {
  background-color: #62338A;
}
.color-btn-confirmar:visited {
  background-color: #62338A;
}
.color-btn-confirmar:focus {
  background-color: #62338A;
}
/*  START BOTONES DE LAS LISTAS */
.separador-btn-lista {
  border-left-color: #cccccc;
}
.estilo-btn-lista {
  background-color: #e5e5e5;
  color: #5f5f5f;
}
.estilo-btn-lista:hover {
  color: #5f5f5f;
  background-color: #c0c0c0;
}
.estilo-btn-lista:active {
  color: #5f5f5f;
}
.estilo-btn-lista:visited {
  color: #5f5f5f;
}
.estilo-btn-lista:focus {
  color: #5f5f5f;
}
.color-btn-eliminar {
  background-color: #c9282d !important;
  color: #ffffff !important;
}
.color-btn-eliminar:hover {
  background-color: #8e1c1f !important;
  color: #ffffff !important;
}
.color-btn-eliminar:active {
  background-color: #c9282d !important;
  color: #ffffff !important;
}
.color-btn-eliminar:visited {
  background-color: #c9282d !important;
  color: #ffffff !important;
}
.color-btn-eliminar:focus {
  background-color: #c9282d !important;
  color: #ffffff !important;
}
/*  START MENÚ  */
.opcion-menu {
  border-color: #e5e5e5;
}
.opcion-menu > a {
  color: #E30613;
}
.opcion-menu > a > span {
  color: #62338A;
}
.opcion-menu :hover {
  background-color: #62338A;
}
/*  END MENÚ  */
/*  TÍTULO LISTAS */
.subtitulo-lista {
  color: #ad0a16;
}
/* FIX ALTO LABELS CON TEXTAREAS */
.editar > label.label-textarea {
  height: 100% !important;
}
.subtitle {
  font-size: 16px;
}
.upload-support-file {
  background-color: #e4eff5;
  height: 40px;
}
.upload-support-file > span {
  float: left;
  width: 40%;
  line-height: 40px;
}
.upload-support-file > span > i {
  color: #62338A;
  font-size: 16px;
  margin-right: 7px;
}
.upload-support-file > input {
  width: 55%;
  margin-top: 5px;
  height: 30px;
}
.upload-support-file > i {
  float: right;
  line-height: 40px;
  color: #62338A;
}
.table-desplegable > thead > tr > th {
  border-bottom: none;
}
.no-hover {
  pointer-events: none;
}
.color-btn-archivar,
.color-btn-archivar:hover,
.color-btn-archivar:active,
.color-btn-archivar:visited,
.color-btn-archivar:focus {
  background-color: #000000 !important;
  color: #ffffff;
}
.color-fila-gris {
  color: #bbbbbb;
}
.notifications-label {
  position: absolute;
  top: -7px;
  right: -8px;
  width: 17px;
  height: 17px;
  background-color: orange;
  border-radius: 50%;
  color: white;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  padding-top: 4px;
  overflow: hidden;
}
/*  START ACORDEONES IDIOMAS */
.panel-heading {
  padding-top: 0;
  padding-bottom: 0;
}
.panel-heading a:link {
  text-decoration: none !important;
  color: #ad0a16;
}
a > .panel-title {
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
}
/*  END ACORDEONES IDIOMAS */
/* MODIFICAMOS EL ASPECTO DE LOS MODALS */
/*  MODAL TIPO ALTA  */
.modal-dialog {
  max-width: 600px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.modal-dialog .selectize-input {
  border: none !important;
  border-bottom: 1px solid #cccccc !important;
  padding-left: 0 !important;
}
.modal-dialog .selectize-dropdown,
.modal-dialog .selectize-input,
.modal-dialog .selectize-input input {
  font-size: 16px !important;
}
.modal-dialog .selectize-input.focus {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.modal-content {
  border: none;
}
.modal-header-danger,
.modal-header-warning,
.modal-header-alta {
  background-color: white;
  border-bottom-color: #62338A;
}
.modal-body {
  padding: 25px 1rem 1rem 1rem;
}
.modal-body p:not(.error-message):not(.help-block),
.modal-body label,
.modal-body input,
.modal-body .selectpicker,
.modal-body button.dropdown-toggle,
.modal-body .dropdown-menu.show {
  color: #333333 !important;
  font-size: 16px !important;
}
.modal-body button.dropdown-toggle,
.modal-body .form-group label:not(.btn-importar-imagen),
.modal-body label {
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
}
.modal-body .editar label {
  height: 80px;
}
.modal-body .editar label span {
  left: 0;
}
.modal-body .editar label input {
  padding-top: 30px !important;
  padding-left: 0 !important;
}
.modal-footer {
  border-top-color: #62338A;
}
.close-modal {
  float: right;
  font-size: 30px;
  font-weight: normal;
  line-height: 1;
  padding-top: 5px;
  color: #62338A;
  cursor: pointer;
  background-color: transparent;
}
.modal-title {
  color: #62338A;
  font-size: 18px;
  padding-left: 50px;
  padding-top: 10px;
}
.modal-header-danger .modal-title {
  color: #E30613;
}
.logo-modal img {
  width: 30px;
  float: left;
}
.close-white-alta {
  background-color: transparent;
}
.color-btn-cancel {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.color-btn-cancel:hover {
  color: #333333;
  background-color: #cccccc;
}
.color-btn-cancel:active {
  color: #333333;
  background-color: #ffffff;
}
.color-btn-cancel:visited {
  color: #333333;
  background-color: #ffffff;
}
.color-btn-cancel:focus {
  color: #333333;
  background-color: #ffffff;
}
.modal-header-cliente {
  background-color: transparent;
}
.close-white-cliente {
  background-color: transparent;
}
/*  FORMULARIO DE SUBIDA DE ARCHIVO */
.custom-file label {
  font-weight: 300;
  padding: 8px !important;
  color: #333333 !important;
  background-color: #62338A44;
  border-radius: 0px;
  border-color: #707070;
}
.custom-file-label::after {
  background-color: #62338A;
  color: white;
  padding: 8px 20px;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 300;
  content: 'Elegir archivo';
}
/*  COLOR CORPORATIVO TEXTO */
.color-texto-corporativo,
.fila-proveedor-defecto {
  color: #62338A !important;
}
input:checked + .slider {
  background-color: #62338A;
}
input:focus + .slider {
  box-shadow: 0 0 1px #62338A;
}
/*  START MODIFICACION BREADCRUMBS BOOTSTRAP */
.breadcrumb {
  color: #62338A !important;
  border-bottom: 1px solid transparent;
}
.breadcrumb a {
  color: #62338A !important;
}
.breadcrumb a:hover {
  border-bottom-color: #62338A !important;
}
.btn-link {
  color: #62338A !important;
}
/*  END MODIFICACION BREADCRUMBS*/
/*   Tablas   */
.table {
  margin-bottom: 25px;
}
.table th {
  border-top: none;
}
.table tr:last-child td {
  border-bottom: 1px solid #dee2e6;
}
.table > tbody > tr > td {
  position: relative;
}
.table-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
table.table tbody {
  position: relative;
}
.color-col-ordenacion {
  color: #62338A;
}
/*   End tablas   */
.row-precarga,
.row-precarga > td {
  position: absolute !important;
  width: 100%;
  height: 100%;
}
/*************************************
ESTILOS PARA ERRORES DE PÁGINA
**************************************/
.error h1 {
  color: #62338A;
}
.error h2,
.error h3,
.error p {
  color: #62338A;
}
.error p.ico {
  color: #E30613 !important;
  font-size: 6em;
}
.error .logo {
  width: 400px;
}
.error a {
  color: #62338A;
}
.navbar {
  background-color: white;
  position: fixed;
  top: 0;
  height: 76px;
  width: 100%;
  z-index: 10;
}
h3.breadcrumb {
  color: #777 !important;
  padding-left: 0;
  background-color: transparent;
  border-bottom: 1px solid transparent;
}
h3.breadcrumb a {
  border-bottom: 1px solid transparent;
}
/* MODIFICAMOS LOS ESTADOS GENERALES DE LOS ENLACES DE LA NAVBAR */
.navbar-databis ul.navbar-nav > .nav-item > a.nav-link {
  color: #62338A;
  font-size: 15px;
  margin-right: 20px;
}
.navbar-databis ul.navbar-nav .nav-item a.nav-link:hover,
.navbar-databis ul.navbar-nav .nav-item a.nav-link:visited,
.navbar-databis ul.navbar-nav .nav-item a.nav-link:focus,
.navbar-databis ul.navbar-nav .nav-item a.nav-link:active {
  background: transparent;
}
.navbar-databis ul.navbar-nav .nav-item a.nav-link:hover {
  color: #442f68;
}
/* Selectize */
.selectize-control {
  display: inline-block;
}
.selectize-input {
  border-radius: 0 !important;
  min-width: 220px;
  max-height: 34px;
}
.selectize-input .item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 90%;
}
/* End selectize */
/* Selectpicker */
.dropdown.bootstrap-select.form-control {
  width: 220px !important;
  height: 34px;
}
.dropdown.bootstrap-select.form-control button {
  height: 100%;
  line-height: 100%;
  padding: 9px;
  background-color: white;
  color: #4A4A4A;
  border: 1px solid #cccccc;
  border-radius: 0;
  font-size: 14px;
}
.dropdown.bootstrap-select.form-control button .filter-option {
  padding: 0;
}
.dropdown.bootstrap-select.form-control button:hover {
  color: #4A4A4A;
}
.dropdown.bootstrap-select.form-control button:focus {
  outline: none !important;
}
.dropdown.bootstrap-select.form-control .dropdown-menu.show {
  padding: 0;
  border-radius: 0;
}
.dropdown.bootstrap-select.form-control .dropdown-menu.show .dropdown-item {
  padding: 3px 10px;
}
.dropdown.bootstrap-select.form-control .dropdown-menu.show .dropdown-item.active {
  background-color: #62338A;
}
.dropdown.bootstrap-select.form-control .dropdown-menu.show .dropdown-item.active:hover {
  color: white;
}
.form-group.select-forms .dropdown.bootstrap-select.form-control {
  width: 100% !important;
}
/* End selectpicker */
/*  Date rangepicker */
.daterange,
.daterange:focus {
  width: 220px !important;
  box-sizing: border-box;
  height: 34px !important;
}
.dropdown-menu {
  font-size: inherit;
  color: #808080;
}
.btn-success,
.range_inputs > .btn-success {
  color: #ffffff;
  background-color: #62338A !important;
  border-color: #62338A !important;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-success:link,
.range_inputs > .btn-success:hover {
  color: #ffffff;
  background-color: #442f68 !important;
}
.daterangepicker td.active {
  background-color: #62338A;
}
.daterangepicker td.active:hover {
  background-color: #442f68;
}
.daterangepicker .table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}
.daterangepicker .daterangepicker_input .fa {
  color: #ad0a16;
}
/*  End rangepicker*/
/* DEFINIMOS BOTÓN AÑADIR EN LAS LISTAS */
.boton-mas {
  background-color: #62338A;
  font-size: 30px;
  padding: 0;
  line-height: 40px;
  bottom: 100px;
}
.boton-mas:hover {
  background-color: #442f68;
  text-decoration: none;
}
/* DEFINIMOS COLORES PARA LA PAGINACIÓN */
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination .page-item.active .page-link {
  background-color: #62338A;
  border-color: #62338A;
}
.pagination-results {
  text-align: center;
  margin-bottom: 20px;
  color: #999999 !important;
  font-size: 12px;
}
/* MODIFICAMOS LOS CHECKBOX EN FORMS */
input[type="checkbox"]:checked {
  background: #62338A;
}
/* MODIFICAMOS LOS RADIO EN FORMS */
input[type="radio"]:checked {
  background: #62338A;
}
/* AJUSTAMOS EL BOTON DE COLLAPSE EN LA NAVBAR */
.icon-bar {
  border-color: #62338A;
}
/*  START NAVBAR CORPORATIVA */
nav.navbar-databis.admin {
  background: #62338A;
  border: none;
  border-radius: 0;
}
.navbar-databis.admin .logo {
  margin-top: 15px;
  margin-bottom: 16px;
  height: 40px;
}
.circle-user-navbar {
  background-color: #62338A;
}
.app-container {
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;
  height: 100vh;
}
/*   Zona búsqueda   */
/*  SEARCH SIN REDONDEAR Y TAMAÑO FIJO */
.search-databis {
  width: 220px !important;
  box-sizing: border-box;
  height: 34px !important;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 0.9em !important;
  border-color: #cccccc;
  padding-top: 4px;
  padding-bottom: 4px;
  box-shadow: none;
}
.search-databis:focus {
  width: 220px !important;
  height: 34px !important;
  border-color: #cccccc;
  box-shadow: 0 2px 2px rgba(98, 51, 138, 0.07) inset, 0 0 10px #62338a;
}
.filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 0;
}
.div-btn-lista {
  flex: 1 1 auto;
}
.right-filters {
  order: 2;
  margin-bottom: 20px;
}
.btn-clear-search {
  font-size: 20px;
  padding: 0;
  margin-left: 20px;
}
.form-busqueda {
  height: 100%;
}
hr.flex-tablet-break,
hr.flex-mobile-break {
  display: none;
}
/*   End zona búsqueda   */
.title {
  font-size: 30px;
  margin-bottom: 15px;
  color: #4A4A4A;
}
.subtitle {
  color: #808080;
  font-size: 20px;
}
.home-card,
.welcome-card,
.general-card {
  border: 2px solid white;
  background-color: white;
  height: 220px;
  box-shadow: 0 0 4px 0 #cccccc;
  margin-bottom: 20px;
}
.welcome-card {
  padding: 30px;
}
.welcome-card h2 {
  color: #E30613;
}
.welcome-card a {
  height: 40px;
  font-size: 15px;
  font-weight: normal !important;
}
.welcome-card a:hover {
  background-color: #1b5474;
}
.home-card {
  padding: 20px 30px;
  height: auto;
  min-height: 220px;
}
.home-card .title {
  font-size: 18px;
  color: #E30613;
}
.home-card .title i {
  font-size: 24px;
  width: 30px;
  margin-right: 30px;
  transform: translateY(3px);
}
.home-card .subtitle {
  font-size: 14px;
  margin-left: 60px;
}
.home-card:last-child {
  margin-bottom: 0;
}
.separador-btn-lista {
  height: 34px;
  margin-top: 0;
}
.general-card {
  position: relative;
  height: auto;
  min-height: 220px;
  padding: 30px 45px;
}
.general-card h1 {
  font-size: 25px;
}
/*  START ESQUEMA DE CARPETAS */
.carpeta {
  margin: 12px 0 12px 0;
  font-size: 16px;
  cursor: pointer;
}
.carpeta:hover {
  color: #E30613;
}
.carpeta-activa {
  color: #E30613;
  cursor: auto;
}
.ico-archivo {
  font-size: 50px;
}
.fa-file-pdf {
  color: #ff2116;
}
.fa-file-word {
  color: #2b579a;
}
.fa-file-excel,
.fa-file-csv {
  color: #217346;
}
.fa-file-powerpoint {
  color: #b7472a;
}
.fa-file-image {
  color: #93d2e9;
}
.fa-file-alt {
  color: #535353;
}
.fa-file-video {
  color: #9494f7;
}
.fa-file-audio {
  color: #03dcb4;
}
.fa-file-code {
  color: #ecd24b;
}
.fa-file-archive {
  color: #ac3e98;
}
.fa-file {
  color: #aaa;
}
.fa-file-pdf:hover,
.fa-file-word:hover,
.fa-file-excel:hover,
.fa-file-csv:hover,
.fa-file-powerpoint:hover,
.fa-file-image:hover,
.fa-file-alt:hover,
.fa-file-video:hover,
.fa-file-audio:hover,
.fa-file-audio:hover,
.fa-file-code:hover,
.fa-file-archive:hover,
.fa-file:hover {
  opacity: 0.6;
}
.zona-archivos {
  display: grid;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
  padding: 10px;
}
.zona-archivos .archivo,
.zona-detalles .archivo {
  padding: 10px;
  font-size: 14px;
  text-align: center;
}
.zona-archivos .archivo div,
.zona-detalles .archivo div,
.zona-archivos .archivo .dropdown-toggle,
.zona-detalles .archivo .dropdown-toggle {
  margin: auto;
  width: 100%;
}
.zona-archivos a,
.zona-detalles a {
  color: #808080;
}
.zona-archivos a:link,
.zona-detalles a:link,
.zona-archivos a:active,
.zona-detalles a:active {
  text-decoration: none;
}
.zona-archivos a:hover,
.zona-detalles a:hover {
  color: #62338A;
}
.zona-archivos .dropdown-toggle::after,
.zona-detalles .dropdown-toggle::after {
  display: none;
}
ul.dropdown-menu > li.dropdown-item {
  padding: 0;
  color: #808080;
}
ul.dropdown-menu > li.dropdown-item a {
  padding: 0.25rem 1.5rem;
  display: block;
  width: 100%;
}
ul.dropdown-menu > li.dropdown-item a:hover {
  background-color: #62338A !important;
  color: white !important;
}
.ico-archivo {
  font-size: 50px;
}
.no-shadow {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.dropdown-menu-center {
  right: calc(50% - 80px) !important;
  left: calc(50% - 80px) !important;
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/*  END ESQUEMA DE CARPETAS */
/*  START PROYECTOS CLIENTE */
.zona-proyectos {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.zona-proyectos .project-box {
  position: relative;
}
.zona-proyectos .dropdown-toggle::after {
  display: none;
}
.zona-proyectos .dropdown-menu-center {
  left: 10px !important;
  right: auto !important;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
}
.zona-proyectos .dropdown-menu-center a {
  color: #808080;
}
.zona-proyectos a {
  text-decoration: none;
}
.cols-zona-proyectos {
  border: 1px solid #62338A;
  height: 80px;
  padding: 0 20px;
  background-color: white;
  color: #62338A;
}
.cols-zona-proyectos h3 {
  line-height: 80px;
  font-size: 1.2em;
}
.cols-zona-proyectos .ico-sharing {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 30px;
}
.cols-zona-proyectos:hover {
  background-color: #62338A;
  color: #ffffff;
  cursor: pointer;
}
.modificar-nombre-projecto,
.nuevo-projecto {
  background-color: white;
}
.modificar-nombre-projecto:hover,
.nuevo-projecto:hover {
  background-color: white;
  color: #442f68;
  cursor: auto;
}
.modificar-nombre-projecto input,
.nuevo-projecto input {
  border: none;
  width: calc(100% - 70px) !important;
  padding: 0;
  font-size: 1.2em !important;
}
.modificar-nombre-projecto input::-webkit-input-placeholder,
.nuevo-projecto input::-webkit-input-placeholder {
  color: #AAAAAA;
}
.modificar-nombre-projecto input:-moz-placeholder,
.nuevo-projecto input:-moz-placeholder {
  /* Firefox 18- */
  color: #AAAAAA;
}
.modificar-nombre-projecto input::-moz-placeholder,
.nuevo-projecto input::-moz-placeholder {
  /* Firefox 19+ */
  color: #AAAAAA;
}
.modificar-nombre-projecto input:-ms-input-placeholder,
.nuevo-projecto input:-ms-input-placeholder {
  color: #AAAAAA;
}
.modificar-nombre-projecto input:focus,
.nuevo-projecto input:focus {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.modificar-nombre-projecto .btn-modificar-nombre-proyecto,
.nuevo-projecto .btn-modificar-nombre-proyecto,
.modificar-nombre-projecto .btn-crear-proyecto,
.nuevo-projecto .btn-crear-proyecto {
  z-index: 10;
  background-color: #62338A;
  color: white;
  border-radius: 0;
  width: 70px;
}
.modificar-nombre-projecto .btn-modificar-nombre-proyecto,
.nuevo-projecto .btn-modificar-nombre-proyecto {
  width: 100px;
}
.modificar-nombre-projecto input {
  width: calc(100% - 100px) !important;
}
.add-project {
  padding: 0;
  background-color: #62338A;
  color: white;
  width: 80px;
  line-height: 80px;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
}
.add-project:hover {
  background-color: white;
  text-decoration: none;
  color: #62338A;
}
/*  END PROYECTOS CLIENTE */
.modal-show {
  height: 550px;
  text-align: center;
  background-color: #333;
}
.modal-img {
  height: 515px;
  background-position: 50% 50%;
  position: relative;
  margin: auto;
}
.modal-img div {
  display: inline-block;
  cursor: zoom-in;
  position: relative;
}
.modal-img img:hover {
  opacity: 0;
}
.modal-img img {
  transition: opacity 0.5s;
  display: block;
  max-width: 100%;
  max-height: 515px;
}
.btn-file-view {
  margin-left: 15px;
  font-size: 20px;
  color: #62338A;
}
.ico-archivo-lista {
  font-size: 20px;
}
.btn-folder {
  font-size: 23px;
  position: absolute;
  left: -27px;
  top: 0;
  color: #62338A;
}
.open ul.dropdown-menu {
  display: block;
}
tr.dropdown > td {
  overflow: visible;
}
input[type="radio"].check-select {
  border-radius: 0;
}
#ModalShow .modal-header-cliente {
  border-bottom: none;
}
.file-search {
  position: absolute;
  top: -10px;
  right: 70px;
  border-radius: 30px !important;
  height: 30px !important;
}
.file-search:focus {
  height: 30px !important;
}
.btn-download-img {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 24px;
  color: #62338A;
  background-color: #fff8;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  line-height: 60px;
}
/* Vistas show */
.show-data {
  background-color: white;
  padding: 30px 35px;
  height: calc(100vh - 300px);
  overflow-y: auto;
}
.show-data .tab-pane {
  position: relative;
}
.show-data .info-title {
  font-weight: bold;
}
.show-data .info-text {
  margin-bottom: 25px;
}
.show-data .nav-link {
  border: none;
  border-bottom: 1px solid #dee2e6;
}
.show-data .nav-link.active {
  color: #4A4A4A;
  font-weight: bold;
  border-bottom: 1px solid #4A4A4A;
}
/* End show */
.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}
.app-container .navbar-expand-lg > .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}
ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  background: #62338A;
}
.app-container nav.navbar {
  padding: 0;
  height: 100px;
  line-height: 60px;
}
/*  Foto perfil */
.btn-cerrar,
.descargar-foto {
  left: 0;
}
.x-btn-cerrar {
  margin-left: -4px;
  transform: translateY(-7px);
}
.descargar-foto:hover i {
  position: relative;
  font-size: 26px;
  color: white;
  left: 27px;
  top: 29px;
}
.filestyle-gestionimagen {
  display: none;
}
/* Navbar perfil */
.estilo-dropdown-perfil .dropdown-menu > li > a {
  padding: 0;
}
.estilo-dropdown-perfil a {
  color: #62338A;
}
.estilo-dropdown-perfil a:hover {
  color: #442f68;
  background-color: transparent;
}
.estilo-dropdown-perfil a.cerrar-sesion {
  color: #E30613;
}
.estilo-dropdown-perfil a.cerrar-sesion:hover {
  color: #ad0a16;
  background-color: transparent;
}
div.estilo-dropdown-perfil > a {
  color: grey;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 3px;
  margin-left: 10px;
  margin-right: 10px;
  background: transparent;
  display: block;
  line-height: 20px;
}
.estilo-dropdown-perfil a.dropdown-toggle::after {
  display: none;
}
#login.estilo-dropdown-perfil {
  right: 0;
  left: auto;
}
#login.estilo-dropdown-perfil li {
  line-height: 1.42857143;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
/* End navbar perfil */
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  font-size: 0.95em;
}
.card .card-header button.collapsed {
  padding-top: 6px;
}
label {
  font-weight: 700;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #999 !important;
}
/*  Title page */
.title-page-container {
  z-index: 5;
  position: fixed;
  top: 75px;
  width: 100%;
  background-color: #62338A;
  margin-left: -20px;
  margin-right: -20px;
  font-size: 25px;
  color: white;
  padding: 10px 30px;
}
/*   End title page */
/* Breadcrumbs */
.breadcrumbs-container {
  margin-top: 150px;
}
.breadcrumbs-container .breadcrumb {
  margin-bottom: 0;
}
/*  End breadcrumbs */
/*   Container aplicación   */
.app-content {
  padding: 20px 0;
  padding-bottom: 80px;
}
.overflow-tabla {
  background-color: white;
  border: 1px solid #cccccc;
  padding: 25px 50px;
}
.app-content > .overflow-tabla {
  height: calc(100vh - 350px);
  overflow-y: auto;
}
/*   End container aplicación   */
/*  Botones exportación */
.color-btn-csv,
.color-btn-csv:focus,
.color-btn-csv:visited {
  color: #ffffff;
  background-color: #6acc29 !important;
  border-color: #6acc29 !important;
}
.color-btn-word,
.color-btn-word:focus,
.color-btn-word:visited {
  color: #ffffff;
  background-color: #2d599c !important;
  border-color: #2d599c !important;
}
.color-btn-ppt,
.color-btn-ppt:focus,
.color-btn-ppt:visited {
  color: #ffffff;
  background-color: #cb4727 !important;
  border-color: #cb4727 !important;
}
.color-btn-pdf,
.color-btn-pdf:focus,
.color-btn-pdf:visited {
  color: #ffffff;
  background-color: #ed1c24 !important;
  border-color: #ed1c24 !important;
}
.color-btn-print,
.color-btn-print:focus,
.color-btn-print:visited {
  color: #ffffff;
  background-color: #7f795c !important;
  border-color: #7f795c !important;
}
.color-enlace {
  color: #62338A !important;
}
.footer {
  border: none;
  border-top: 1px solid #cccccc;
  position: fixed;
}
.footer > div.container-fluid {
  display: flex;
  flex-flow: row;
}
.footer > div.container-fluid div {
  width: 100%;
}
.footer > div.container-fluid div:last-child {
  text-align: right;
}
.footer h6 {
  font-size: 14px;
}
.sk-cube-grid .sk-cube {
  background-color: #62338A;
}
.alert ul {
  list-style-type: none !important;
  padding: 0 !important;
}
.alert-size {
  width: calc(100% + 40px);
  margin-left: -20px;
  top: 132px;
  border-radius: 0;
}
.alert-success {
  color: #62338A;
  background-color: #DFD5E7;
  border: none;
}
.close {
  color: #62338A;
  opacity: 1;
}
.no-border {
  border: none;
  box-shadow: none !important;
}
/* ESTILOS DE BOTONES PARA DESCARGAR E IMPRIMIR INFORMES */
.btn-imprimir {
  background-color: #2a77a2;
  border: 1px solid #2a77a2;
  color: #ffffff;
}
.btn-imprimir:hover {
  color: #f5f5f5;
}
.btn-pdf {
  color: #ffffff;
}
.btn-xls {
  color: #ffffff;
}
.btn-csv {
  color: #ffffff;
}
.btn-grafico {
  color: #ffffff;
}
/*  Loading users */
.loading-img {
  width: 40px;
  z-index: 1000;
  position: absolute;
  right: 30px;
  top: 45px;
}
/*  Color de desplegable Selectize */
.selectize-dropdown .active {
  background-color: #62338A !important;
}
input[type="text"]:disabled,
input[type="email"]:disabled {
  background-color: white;
  color: darkgray;
  border: none !important;
}
/* Para etiquetas compartir */
.shared-users {
  list-style-type: none;
  padding: 0;
  margin: 20px 0 10px 0;
}
.shared-users li {
  padding: 5px;
  background-color: #eee;
  margin: 10px 0;
}
.shared-users li i.fa-times {
  color: #E30613 !important;
  font-size: 20px;
  padding: 0 10px 0 10px;
  display: inline-block;
  width: 25px;
  box-sizing: border-box;
}
.shared-users li .label-shared-name {
  padding: 0 10px 0 10px;
  display: inline-block;
  width: calc(70% - 35px);
  box-sizing: border-box;
}
.shared-users li em {
  display: inline-block;
  width: 30%;
}
/*  HELP  */
.help-navbar {
  margin-top: 8px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.help-navbar > div {
  display: inline-block;
}
.help-navbar > div > i {
  color: #62338A;
  font-size: 18px;
}
.help-navbar .fa-chevron-down {
  font-size: 14px;
}
.help-navbar.dropdown-toggle::after {
  display: none !important;
}
.help-navbar:hover,
.help-navbar:visited,
.help-navbar:focus {
  background-color: #f6f6f6 !important;
}
.help {
  float: left;
  font-size: 15px;
}
.help .item {
  display: block;
  width: 100%;
  clear: both;
  font-weight: 300;
  color: #62338A;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.help a {
  line-height: 30px;
  padding: 0.25rem 1.15rem;
  text-decoration: none;
}
.help a > i {
  color: #62338A;
  margin-right: 15px;
  font-size: 20px;
  width: 18px;
}
.help a > i:hover {
  color: #62338A;
}