html {
  position: relative;
  min-height: 100%;
}

body {
  margin-top: 80px;
  margin-bottom: 80px;
}

.icon {
    cursor: pointer;
 }

 .icon:hover {  
  color: dodgerblue !important;
}
ul label{
  cursor: pointer;
}
.table-container {
  position: relative;
  height: 50vh;
  overflow-y: auto;
}

#pageNav
{    
  display: flex;
  margin: 10px;
}

#pageNav div
{    
   display: flex;
}

.result{ background-color: #0d6efd47;}

h4,h5 {
  text-align: center;
}

.info-plus {
  position: fixed;
  top: 0;
  z-index: 9999;
}

.btn-carrito {
  position: fixed;
  right: 15px;
  bottom: 10px;
  z-index: 999;
}

.comment{
  border-radius: 5px;
}
.btn-carrito i {
  font-size: 25px;
}

#btn_back {
  display: none;
}

.disabled{color:#bbbbbb !important}

.list-group-item {
  cursor: pointer;
  padding: .8rem 1rem;
}

/* Spinner */

.div-spinner {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  display: none;
  z-index: 9999 !important;
}

.spinner {
  position:fixed;
  top: 50%;
  left: 50%;
  height: 100px;
  width: 100px;
  margin-top: -50px;
  margin-left: -50px;
}


.grid {
  --auto-grid-min-size: 12rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: 1rem;
  margin: 1rem;
}

.cell {
  position: relative;
  height: 12rem;
  padding: 1rem;
  text-align: center;
  font-size: 1.2rem;
  background: #1e90ff;
  color: #ffffff;
  border-radius: 0px 50px 30px;
}

.cell-group{margin-top: 3rem;}
.title{font-size: 3rem;}

.search-bar{
  display: flex;
  align-items: end;
  text-align: center;
}
.search-bar div{
  padding: 0px 2%;
}

.relative
{
  position: relative !important;
}

.card-body-section
{
  margin-bottom: 2.5rem;
}
.shadow{
  box-shadow: 0 0 15px 5px #888888 !important;
}



.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu .dropdown-menu li{
text-align: center;
}
.dropdown-submenu .dropdown-menu li:hover > p{
  color:dodgerblue
}



li {
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer */
  -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
  cursor: pointer;
  text-decoration: none !important;
}


@keyframes blink {
  50% {
    opacity: 0.3;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.3;
  }
}

.petitition-blink {
  animation: blink 0.5s ease 0s infinite;
  -webkit-animation: blink 0.5s ease 0s infinite;
}




@media (max-width: 524px) {
  .search-bar{
    display: grid;
    padding: 0px;
  }
}

iframe {
  height: 400px;
  width: 100%;
}





/*IMAGE LOGIN*/


.col .card_login {
  position: relative;
  height: 300px;
  color: white;
  cursor: pointer;
  transition: 1s ease-in-out;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.col .card_login:hover {
  -webkit-transform: rotateY(0.5turn);
          transform: rotateY(0.5turn);
}
.col .card_login .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: 1s ease-in-out;
  -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.4));
}
.col .card_login .item img {
  width: 240px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
.col .card_login .back-side {
  -webkit-transform: rotateY(0.5turn);
  transform: rotateY(0.5turn);
}









.modal-footer:has(.btn-toolbar) {
  display: block !important;
}


.dropdown-item:hover{
  font-weight: 500;
}



/* MAPA */
#map {
  height: 200px;
  width: auto;
  cursor: crosshair;
}
.resources-select{
  color: var(--bs-green)
}
.resources-deselect{
  color: var(--bs-red)
}


/* SORTABLE */

.sortable-list { 
  list-style-type: none; 
  background: #eee; 
  padding: 5px; 
  min-height: 50px;
}

.sortable-list-item { 
  position: relative;
  margin: 5px; 
  padding: 10px; 
  background-color: #FFF;
}

/* CURSOR POINTER */

.cursor-pointer {
  cursor: pointer;
}

table .result {
  background-color: #0d6efd47;
}

.modal-backdrop {
  visibility: rgba(0, 0, 0, 0) !important;
}

.modal.show {
  background-color: rgba(0,0,0,0.5);
}
.modal-footer:has(.btn-toolbar) {
  display: block !important;
}

.validate-error{
  box-shadow: 0 0 0px 1px var(--bs-red)
}
/*OCULTAR PUBLICIDAD DE LEAFLET*/
.leaflet-control-attribution {
  display: none;
}


.print-contract{
  width: 30px;
}

.note-editable{
  background-color: white !important;
}

/*absolute button OFFCANVAS*/
.btn-abs {
  bottom: 10%;
  right: 1%;
  transition: all 300ms ease 0ms;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  z-index: 99;
}
.btn-abs:hover {
  transform: translateY(-7px);
}

.pager-nav{
  bottom:10%;
  right: 6%;
}

.popover-currencies .popover-body {
  padding: 0.5rem;
}