@charset "UTF-8";

html {
    font-size: 14px;
}

/* Al aplicarlo al contenedor de una tabla, permite hacer scroll horizontal sobre ella */
.tabla-dinamica-scroll {
    overflow-x: auto;
    min-height: 50px;
}

/* Login page */
.login-form {
	width: 350px;
}

/* Logo entidad en menú lateral */
.sidebar-header-logo {
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
}

/* Logo SCCOM barra superior para pantallas grandes */
#logo-sccom-barra-apilado {
	max-width: 135px;
}

/* Logo SCCOM barra superior para pantallas pequeñas y medianas */
#logo-sccom-barra-alargado {
	max-height: 32px;
	width: auto;
	-ms-interpolation-mode: nearest-neighbor;
}

/* Loading */
.dataTables_processing {
    /*background-image: none !important;
    background-color: #ebebeb !important;
	width: fit-content !important;
    height: fit-content !important;
    margin: auto !important;
	padding: 35px;*/
}

/* Dialogs */
.dialog {
    top: 45px !important;
    max-height: calc(100vh - 65px);
    overflow-y: auto;
}

.display-block {
    display: block;
}

/* Para aplicar a un elemento p para solo primera letra mayúscula */
.text-cap-first {
    text-transform: lowercase;
}
.text-cap-first::first-letter {
    text-transform: uppercase; 
}

/* Color de fondo del menú lateral */
.bg-secondary {
    background-color: #F8F8F8;
}
/* Scroll para menú lateral */
.sidebar {
   overflow-y: auto; 
    scrollbar-color: #acacac;
    scrollbar-width: thin; 
   /* -ms-overflow-style: none; /* Oculta barra de scroll en IE */
   /* scrollbar-width: none; /* Oculta barra de scroll en Firefox */
}

/*Estilos Scroll menú lateral Chrome */
.sidebar::-webkit-scrollbar {
    display: content !important; /*display: none; /* Oculta barra de scroll en Chrome */
  	overflow: visible !important;
  	width:6px;	
}
.sidebar::-webkit-scrollbar-thumb{
   /* border-radius: 20px; */
    background: #c5c5c5; 
}
.sidebar::-webkit-scrollbar-thumb:hover {
    background: #acacac; 
}
.sidebar::-webkit-scrollbar-thumb:active {
    background: #635d5d; 
}

/* Estilos de botón de mes en pantalla Informes */
.boton-pulsable:hover {
    cursor: pointer;
}
.boton-pulsado {
    border-color: #c5c5c5 !important;  
    background-color: #DFDFDF !important;
}

.d-menu > li:hover,
table > tbody > tr:hover{
	background-color: rgb(232, 248, 253) !important;
}

.d-menu > .opciones-usuario:hover,
.d-menu > .opciones-idioma:hover{
	background-color: rgba(232, 248, 253, 0.2) !important;
}

.boton-menus-pulsable:hover{
	background-color: rgb(232, 248, 253);
}
.boton-menus-pulsado {
    border-color: #1ba1e2 !important;  
    background-color: rgb(94, 189, 236) !important;
}

select option:checked{
    background: linear-gradient(#5ebdec,#5ebdec);
    background-color: #5ebdec !important; /* IE */
}
select option:hover{
	 background-color: #e8f8fd;
}

.contenido {
    margin-left: 240px;
    width: calc(100% - 240px);
}
.contenido-logomin {
	margin-left: 50px;
    width: calc(100% - 50px) !important;
}

.sidebar-minimizada {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 120px;
  background-color: #ffffff;
  padding: 0;
  z-index: 1031;
}

.app-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 22px;
  z-index: 1030;
  background-color: #f8f8f8;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.app-menu .app-menu-boton{
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 22px;
  line-height: 22px;
  padding: 0 17px;
  background-color: inherit;
  color: inherit;
  text-decoration: none;
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.app-menu .app-menu-boton:focus{
	outline: none;
}

.sidebar-menu .group-title {
	cursor: pointer;
}

/* Migas de pan */
ul.breadcrumbs li:first-child {
    padding-left: 0px;
}
ul.breadcrumbs li:last-child {
    color: #1BA1E2;
}
ul.breadcrumbs li:last-child:hover {
    color: #1BA1E2;
}

/* Tablas de menú flujos */
.fila-seleccionada {
    background-color: #DFDFDF !important;
}

.panel-title-formularios {
    background-color: #F8F8F8;
}

.capitalize {
    text-transform: capitalize !important;
}

/* Dashboard Masonry layout */
.masonry-layout {
	column-count: 2;
	column-gap: 0;
}
.masonry-layout-panel {
	break-inside: avoid;
	padding: 1px;
}

/* metro-all cell customizada */
.cellCustom {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  max-width: 100%;
  padding: 0 0px;
  break-inside: avoid;
}

.row-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.card-custom {
  display: block;
  position: relative;
  font-size: 0.875rem;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
}

.dashContain {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  max-width: 100%;
  padding: 0 0px;
}

.sombreado-sidebar {
  -webkit-box-shadow: 2px 0 0 0 rgba(0, 0, 0, 0.15);
          box-shadow: 2px 0 0 0 rgba(0, 0, 0, 0.15);
}

/* estilos dashboard leyenda */
.chart-legend li span{
    display: inline-block;
    margin-right: 0.313em;
}

.chart-legend ul {
	columns: 7;
	-webkit-columns: 7;
	-moz-columns: 7;
	list-style-type: none;
}

.chart-legend{
	position: relative;
	overflow:visible;
}

.chart-call {
	margin-left: 1%;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
}

#legend-color {
  width: 2.5em;
  height: 1.5em;
}

#ulLeyend{
	margin-bottom: 1rem !important;
}

/** Pie Charts with Custom Legends **/
.pie-chart-legends {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.pie-chart-legends li {
    margin: 0 .5vw 1vh;
    width: 100%;
}

.pie-chart-legend-tag {
	border-radius: 2px;
	color: white;
	text-align: right;
	/* padding-right: 0.25vw; */
}

.pie-chart-legend-text {
	/* overflow: hidden; */
	text-align: left;
	/* padding-left: 0.5vw; */
}