* {
    scrollbar-width: thin;
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

 ::-webkit-scrollbar-track {
    background: transparent;
}

 ::-webkit-scrollbar-thumb {
    background-color: rgba(155, 155, 155, 0.5);
    border-radius: 20px;
    border: transparent;
}

html,
body {
    color: rgba(33, 37, 41, 1);
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    /*overflow-y: hidden;*/
}

@font-face {
    font-family: norwester;
    src: url(../fonts/norwester.otf);
}


/**/


/*

.navbar .container-fluid {
    height: inherit !important;
}

.navbar-collapse {
    height: 100% !important;
}

#menu {
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
*/

.nav-item {
    font-family: roboto;
}

#lateral ul li.nav-item .active {
    background-color: #141A30 !important;
    color: white !important;
    margin: 0 !important;
    border-radius: 0%;
}

.link-activo td {
    color: #141A30;
    cursor: pointer;
}

#lateral ul li a.active:hover {
    color: #52A4BB !important;
}

.bg-tabla {
    background-color: white;
}

.btn-success {
    background-color: #141A30 !important;
}

table {
    table-layout: fixed;
}

td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#datatable td:first-child,
#datatable th:first-child {
    max-width: 15px !important;
    overflow: visible !important;
}

#datatable table {
    table-layout: fixed;
    max-width: 100%;
}

#datatable td {
    text-align: left;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.dataTables_length,
.dataTables_info {
    margin-right: 10px;
    font-size: 12px;
}

.dataTables_length {
    padding-left: 10px;
    margin-top: 10px;
    border-left: 1px solid #141A30;
}

.dataTables_info {
    margin-top: 4.5px;
}

.dataTables_paginate {
    font-size: 12px;
    margin-top: 4.5px;
}

.bg-main {
    min-width: calc(100vw - (100vw - 100%));
}

#datatable_wrapper {
    padding: 1rem;
    background-color: white;
}

.dt-button {
    display: none !important;
}


/*Para quitar bordes de botones del nav al ganar y perder foco*/

.btn-nav {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.btn-nav::after {
    content: none;
}

.btn-wide {
    width: 100% !important;
}

.btn {
    border-radius: 0%;
    border: none;
}

input.btn-light,
button.btn-light,
a.btn-light {
    box-sizing: border-box;
    background-color: #52A4BB;
    color: white;
}


/*
.btn-info {
    box-sizing: border-box;
    background-color: white;
    color: #878888;
    border: 1px solid #878888;
}
*/

.btn-menu {
    box-sizing: border-box;
    background-color: white;
    width: 100%;
}

.dropdown-item {
    color: #141A30 !important;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active {
    background-color: #52A4BB !important;
}

.show {
    border: none !important;
}

.auth-enlace,
.auth-enlace * {
    color: #52A4BB !important;
    font-size: 14px;
}

.input {
    text-align: center;
    font-weight: bold;
    border: none !important;
    border-radius: 0% !important;
    border-bottom: 1px solid #52A4BB !important;
    padding: 5px 10px !important;
    outline: none !important;
    margin-bottom: 1em;
}

.input:focus {
    outline: 1px dotted #52A4BB !important;
}

.auth-logo {
    min-width: 100%;
}

.auth-footer {
    font-family: norwester;
}

.link-activo td {
    color: #52A4BB !important;
}

.form-check-input:checked {
    background-color: #52A4BB !important;
    border-color: #52A4BB !important
}

.form-check-input:focus {
    box-shadow: none;
}


/*Con esto evito que la navbar se solape con la barra de scroll */

nav {
   height: 50px!important;
    position: fixed;
    z-index: 25;
    width: 100%;
}

thead th:not(:first-child) input {
    border: 1px solid #141A30;
    padding-left: 10px;
    width: 100%;
}

.invisible {
    visibility: hidden;
}


/* Fondo modal: negro con opacidad al 50% */

.modal {
    position: fixed;
    /* Posición fija */
    z-index: 1;
    /* Se situará por encima de otros elementos de la página*/
    padding-top: 40vh;
    /* El contenido estará situado a 200px de la parte superior */
    left: 0;
    top: 0;
    width: 100%;
    /* Ancho completo */
    height: 100%;
    /* Algura completa */
    overflow: auto;
    /* Se activará el scroll si es necesario */
    background-color: rgba(0, 0, 0, 0.5);
    /* Color negro con opacidad del 50% */
    font-size: 12px;
}

.modal>div>div {
    margin: 1em;
}


/* Ventana o caja modal */

.contenido-modal {
    position: relative;
    /* Relativo con respecto al contenedor -modal- */
    background-color: white;
    margin: auto;
    /* Centrada */
    padding: 20px;
    width: fit-content;
    -webkit-animation-name: animarsuperior;
    -webkit-animation-duration: 0.5s;
    animation-name: animarsuperior;
    animation-duration: 0.5s;
}


/* Animación */

@-webkit-keyframes animarsuperior {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animarsuperior {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}


/* Botón cerrar */

.close {
    color: black;
    float: right;
    font-size: 30px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/*20230726*/


.ga4-sidebar{
    width: 15rem;
    position: fixed;
    z-index: 10;
    margin: 0;
    display:inline-block;
    padding: 50px 0.5rem 0.5rem 0.5rem;
	height:100%;
}

.ga4-page{
    display:inline-block;
    padding: 50px 0.5rem 0.5rem 15.5rem;
}


main.w-screen {
     padding-top: 50px;
}


.btn.btn-primary, .btn.btn-dark{
	color: #141a30;
    font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background: white;
    border-radius: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    -webkit-appearance: button;
    border: 1px solid #141a30;
    box-sizing: border-box;
}

.btn.btn-primary:hover, .btn.btn-dark:hover{:
	 background: #141a30;
	 color: #fff;
}
div.comentarios p{
    color:white;
    display:block;
    width:100%;
    background:blue;
    padding: 2px 5px;
    text-transform:uppercase;
}
div.comentarios  textarea{
    width: 100%;
    border: 1px solid #5269bb;
}
div.comentarios{
    display:block;
    padding: 25px 10px;
    margin:25px 0 ;
  /*  background:blue;*/
}
div.comentarios .btn{
    background:white;
}
div.comentarios .btn:hover, #guardar_datos:hover,#add_fila:hover {
    background:#c32222;
}
section {
    margin-bottom: 100px;
}

div#client_sel .form-group{
    display:block;
    width:100%;
    margin-bottom:5px;
}

div#client_sel .form-group select, div#client_sel .form-group input{width:100%}
div#client_sel{
    padding:15px;
}
aside a.badge.bg-success{
    margin-top:10px;
    display:inline-block;
    background:green;
    color:white;
    border-radius:5px;
    padding:2px 7px;
}


td {
    overflow: hidden;
}
h2 {
    font-size: xx-large;
    display: block;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    margin: 0 0 15px 0;
    text-align: center;
}


ul.navbar-nav.horizontal-submenu  {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.navbar-nav.horizontal-submenu li {
  float: left;
}

ul.navbar-nav.horizontal-submenu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul.navbar-nav.horizontal-submenu li a:hover {
  background-color: #111;
}

section > h2 {
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px;
    background: #141a30;
    color: white;
}

/*tabla campañas personalizados*/

table#campanas_per {
	width:100%;
	border-collapse: collapse;
}
table#campanas_per tr td {
	box-sizing:border-box;
	border:1px solid #36789F;
}