/* body{
  background-color: #ECECEC;
} */


/* Add here all your CSS customizations */
.select2-selection--multiple {
  overflow: hidden !important;
  height: auto !important;
}

.custom-primary-tag {
  font-weight: bold;
  color: white;
  background-color: #1f6eb8;
}


/* Styles for dialog window  consulta clientes magnificPopup */
#small-dialog {
  background: white;
  padding: 20px 30px;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
}
#small-dialog2 {
  padding: 20px 160px;
  text-align: center;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
}

/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out; 



  -webkit-transform: scale(0.8); 
  -moz-transform: scale(0.8); 
  -ms-transform: scale(0.8); 
  -o-transform: scale(0.8); 
  transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;

  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -ms-transform: scale(1); 
  -o-transform: scale(1); 
  transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8); 
  -moz-transform: scale(0.8); 
  -ms-transform: scale(0.8); 
  -o-transform: scale(0.8); 
  transform: scale(0.8); 

  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out; 
  -moz-transition: opacity 0.3s ease-out; 
  -o-transition: opacity 0.3s ease-out; 
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}


/* Spinner Custom */
/* HTML: <div class="loader"></div> */
/* .loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  animation: l14 4s infinite;
}
.loader::before,
.loader::after {    
  content: "";
  grid-area: 1/1;
  border: 8px solid;
  border-radius: 50%;
  border-color: #c51720 #c51720 transparent transparent;
  mix-blend-mode: hue;
  animation: l14 1s infinite linear;
}
.loader::after {
  border-color: transparent transparent #132263 #132263;
  animation-direction: reverse;
}
@keyframes l14{ 
  100%{transform: rotate(1turn)}
} */


/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid #0000;
  border-right-color: #CCA135;
  border-right-style: dotted;
  position: relative;
  animation: l24 1s infinite linear;
}
.loader:before,
.loader:after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: inherit;
  animation: inherit;
  animation-duration: 2s;
}
.loader:after {
  animation-duration: 4s;
}
@keyframes l24 {
  100% {transform: rotate(1turn)}
}

.body-bg-bs{
  background-color: rgb(7 20 37 / 40%);
}
.bodyhead-bg-bs{
  /* background-image: radial-gradient(circle at -18.3% 68.3%, #ade5ff 0, #7dcefb 25%, #3cb5f2 50%, #009ce9 75%, #0085e0 100%); */
  /*background-image:  radial-gradient(circle at 44.7% -211%, #ade5ff 0, #7dcefb 25%, #3cb5f2 50%, #009ce9 75%, #0085e0 100%); /*Default*/
  /*background-image:  radial-gradient(circle at 44.7% -211%, #00341C 0, #00341C 25%, #00341C 50%, #00341C 75%, #CCA135 100%);/*OPTION 1*/
  background-image: radial-gradient(circle at 44.7% -211%, #00341c 0, #00341c 25%, #00341c 50%, #00512b 75%, #CCA135 100%); /*OPTION 2*/
  color: #ffffff;
}
.hidden{
  display: none;
}
.color-trans-bs{
  background-color: transparent !important;
}
.color-inntrans-bs{
  background-color: rgb(255 255 255 / 25%) !important;
  border-radius: 15px;
}
.color-intercard{
  /* background-color: #06163f4a; */
  background-color: #ECECEC;
}
.border-primary {
  border-color: #ECECEC !important;
}
.color-headcard{
  /* background-color: lightblue; */
  background-color: #00341C;
}
.color-headcard{
  /* background-color: lightblue; */
  background-image:  radial-gradient(circle at -75.3% -211%, #00341C 0, #00341C 25%, #00341C 50%, #00341C 75%, #CCA135 100%);
  color: #ffffff;
}

.border-radius-intercard{
  border-radius: 50px !important;
  /* background-color: lightcyan; */
  /* background-image: radial-gradient(circle at 50.7% -290%, #cca135 0, #cca135 -1.5%, #cca135 1%, #cca135 67%, #00341c 78%); */
  background-image: radial-gradient(circle at 300.3% -290%, #cca135 0, #cca135 -1.5%, #cca135 1%, #cca135 65%, #00341c 78%);
  color: white;
}


div.dt-container .dt-info{
  padding-left: 50px !important;
}

.btn-primary{
  background-color: #00341C;
  border-color: #00341C;
}
.btn-primary:hover{
  background-color: rgb(13, 85, 52);
  border-color: #00341C;
}

.btn-check:checked+.btn, .btn-primary.active,
 .btn-primary.show, .btn-primary:first-child:active,
 :not(.btn-check)+.btn-primary:active{
  background-color: rgb(21, 127, 79) !important;
  border-color: #00341C;
}

.btn-warning{
  background-color: #cca135;
  border-color: #00341C;
}
.btn-warning:hover{
  background-color: #e8b83f;
  border-color: #00341C;
}

.btn.focus, .btn:focus {
  box-shadow: rgb(0 52 28 / 24%) 0px 0px 0px 0.2rem !important;
}

.form-control:focus {
  border-color: #00341C !important;
  box-shadow: rgb(0 52 28 / 24%) 0px 0px 0px 0.2rem !important;
}

.form-select:focus {
  border-color: #00341C;
  box-shadow: rgb(0 52 28 / 24%) 0px 0px 0px 0.2rem !important;
}