body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}




.loader-page {
  position: fixed;
  z-index: 25000;
  background: rgb(255, 255, 255);
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:all .3s ease;
}
/* .loader-page::before {
  content: "";
  position: absolute;
  border: 2px solid rgb(50, 150, 176);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-sizing: border-box;
  border-left: 2px solid rgba(50, 150, 176,0);
  border-top: 2px solid rgba(50, 150, 176,0);
  animation: rotarload 1s linear infinite;
  transform: rotate(0deg);
} */
@keyframes rotarload {
    0%   {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}
/* .loader-page::after {
  content: "";
  position: absolute;
  border: 2px solid rgba(50, 150, 176,.5);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-sizing: border-box;
  border-left: 2px solid rgba(50, 150, 176, 0);
  border-top: 2px solid rgba(50, 150, 176, 0);
  animation: rotarload 1s ease-out infinite;
  transform: rotate(0deg);
} */

/* .abajo {

} */


.loader-page-invi {
position: fixed;
z-index: 25000;
background: rgba(255, 255, 255, 0);
left: 0px;
top: 0px;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
transition:all .3s ease;
}
/* .loader-page-invi::before {
content: "";
position: absolute;
border: 2px solid rgb(50, 150, 176);
width: 60px;
height: 60px;
border-radius: 50%;
box-sizing: border-box;
border-left: 2px solid rgba(50, 150, 176,0);
border-top: 2px solid rgba(50, 150, 176,0);
animation: rotarload 1s linear infinite;
transform: rotate(0deg);
} */
@keyframes rotarload {
  0%   {transform: rotate(0deg)}
  100% {transform: rotate(360deg)}
}
/* .loader-page-invi::after {
content: "";
position: absolute;
border: 2px solid rgba(50, 150, 176,.5);
width: 60px;
height: 60px;
border-radius: 50%;
box-sizing: border-box;
border-left: 2px solid rgba(50, 150, 176, 0);
border-top: 2px solid rgba(50, 150, 176, 0);
animation: rotarload 1s ease-out infinite;
transform: rotate(0deg);
} */



.pac-container {
z-index: 1100!important;
position: relative;
right: 20px;
};

.custom-control-label:before{
  background-color:red;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background-color:black;
}


.modal:nth-of-type(even) {
  z-index: 1062 !important;
}
.modal-backdrop.show:nth-of-type(even) {
  z-index: 1061 !important;
}






/* generar id en table   */

table td {
  position: relative;
}

table td input {
  position: absolute;
  display: block;
  top:0;
  left:0;
  margin: 0;
  height: 100%;
  width: 100%;
  border: none;
  padding: 10px;
  box-sizing: border-box;
}


/* input para las fechas */
/* label {
  display: block;
  font: 1rem 'Fira Sans', sans-serif;
}

input,
label {
  margin: .4rem 0;
} */


/* para que sobresalga el modal */
.my-swal {
  z-index: 9999999 !important;
}





input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }




:root
{
	--text: "Select values";
}
.multiple_select
{
	height: 3em;
	width: 90%;
	overflow: hidden;
	-webkit-appearance: menulist;
	position: relative;
}
.multiple_select::before
{
	content: var(--text);
	display: block;
  margin-left: 5px;
  margin-bottom: 2px;
}
.multiple_select_active
{
	overflow: visible !important;
}
.multiple_select option
{
	display: none;
    height: 1rem;
	background-color: white;
}
.multiple_select_active option
{
	display: block;
}

/* .multiple_select option::before {
  content: "\2610";
}
.multiple_select option:checked::before {
  content: "\2611";
} */





.select2-container--default .select2-selection--multiple .select2-selection__choice{
background: red !important;
}

.select2-results__option {
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
}


.select2-results__option--highlighted {
  color: white !important;
  background-color: rgb(7, 36, 165) !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: darkgray !important;
} 



/* datatable */
.dataTables_filter,
.dataTables_info {
    display: none;
}

.select2-selection__rendered li{
  display:none !important;
}




#parentShowCols .select2-container.select2-container--default.select2-container--open {
  right: auto;
  left: unset !important;
  padding-left:5px;
  padding-right:5px;
}

#parentShowCols .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below {
  width: fit-content !important;
  left: unset;
  right: 0;
}