.modal-content.medium {
    width: 200%; /* respsonsive width */
    margin-left: -45%;
}

.modal-content.large {
    width: 300%; /* respsonsive width */
    margin-left: -90%;
}

.calendar .month-container {
	float: left;
	margin: 20px;
}

.login-container
	{
	width:500px;
	position: relative;
	margin:auto;
	padding-top:100px;
	}

.login-background
	{
	background-image: url('/img/sacme-background.webp');
    background-size: cover;
    display: block;
    height:100vh;
	}

/* Para igualar la altura, el margen y el borde co Bootstrap */
.select2-container           {margin: 0.25rem 0 !important}
.select2-selection           {height: 38px !important}
.select2-selection           {border: 1px solid rgba(0, 0, 0, 0.15) !important}
.select2-selection__rendered {line-height: 35px !important}
.select2-selection__arrow    {height: 35px !important}

table.value-editor {
width: 100%;
}

table.value-editor input {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
}

.noveTable-container {
  max-height: 600px; /* Set a max height for the container */
  overflow-y: auto; /* Allow vertical scrolling */
}

.noveTable {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.noveTable th {
  text-align: center;
  background-color: #fff; /* Ensure header background is visible */
}

.noveTable td {
  padding: 3px 10px;
}

.noveTable td.pot {
  background-color: #eee;
  text-align: right;
  padding: 3px 20px 3px 0px;
}

/* Sticky header */
.noveTable thead {
  outline: 2px #aaa solid;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fff;
}


@keyframes blink {
    50% {
        opacity: 0;
    }
}

@keyframes animate-alarm {
    0%  { color: rgb(255, 30, 0); }
    50% { color: rgba(255, 30, 0, 0.5); }
    100%{ color: rgb(255, 30, 0); }
    }
.alarm {
    animation-name: animate-alarm;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;    
    animation-play-state: running;
    }