.header-fixed .header, .footer-fixed .footer{
  z-index: 999;
}
.footer{
  border-top: 1px solid #ccc;
}
.btn{
  margin-bottom: 0%;
}
.dropdown-menu .dropdown-item{
  padding: 10px 15px;
}
.dropdown-menu .dropdown-item{
  text-decoration: none !important;
}
.note-popover .popover-content, .card-header.note-toolbar{
  background-color: #f8f9fa;
}
.note-btn, .note-btn:hover, .note-btn:active{
  color: #000000;
}
.modal{
  left: 240px;
  overflow: auto;
}
@media (max-width: 991.98px) {
  .modal{
    left: 0;
  }
}

@media (max-width: 767.98px) {
  .modal{
    left:0;
  }
}

/*Bloque css para las propiedades del diseño de los botonos en la parte inferior*/

/*Diseño de botones inferiores utilizando Media Query
Author : @Orlando
*/
#floating-buttons{
  position: fixed;
  z-index: 9999;
}
@media (min-width: 100px) and (max-width: 600px) { 
  #floating-buttons{
    bottom: 10px;
    right: 20px;
  }
}
@media (min-width: 601px){ 
  #floating-buttons{
    top: 86px;
    right: 47px;
  }
}

aside.sidebar{
  z-index: 9997;
}
.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  overflow: auto;
}
.autocomplete-suggestion {
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399FF;
}
.autocomplete-group {
  padding: 5px;
}
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}
div.Tokenize ul.TokensContainer li.Token {
  border: 1px solid #ccd5e3;
  background-color: #eff2f7;
  padding: 0 5px;
  line-height: 18px;
}
.table-hover tbody tr:hover, .table-striped tbody tr.selected-row, .table-striped tbody tr.selected-row:nth-of-type(odd){
  cursor: pointer;
  background-color: rgba(69, 133, 243, 1);
  color: #ffffff;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
      transform: scale(0);
 }
  100% {
      transform: scale(1);
 }
}
@keyframes lds-ellipsis3 {
  0% {
      transform: scale(1);
 }
  100% {
      transform: scale(0);
 }
}
@keyframes lds-ellipsis2 {
  0% {
      transform: translate(0, 0);
 }
  100% {
      transform: translate(19px, 0);
 }
}
#overlay{
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 9999;
  padding-top: 20%;
  display: none;
}
#item-error{
  display: none;
}
.clickeable-row{
  cursor: pointer;
}
.img-responsive{
  max-width: 100%;
}
.vuetable-pagination .pagination {
  margin: 20px 10px;
  text-align: center;
}
.vuetable-pagination .pagination a{
  cursor: pointer;
}
.vuetable-pagination .pagination a.page, .vuetable-pagination .pagination a.btn-nav.link {
  display: flex;
  width: 36px;
  height: 36px;
  margin: 0 3px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid #85CE36;
}
.vuetable-pagination .pagination a.btn-nav.link span{
  text-align: center;
}
.vuetable-pagination .pagination a.page.active, .vuetable-pagination .pagination a.page:hover, .vuetable-pagination .pagination a.btn-nav:not(.disabled):hover {
  z-index: 1;
  border: 1px solid #85CE36;
  background: #85CE36;
  color: #FFF;
}
.vuetable-pagination .pagination a.btn-nav.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  border-radius: 0px;
}
.vuetable-pagination .vuetable-pagination-info {
  text-align: center;
  margin: 20px 0px 
}
.grecaptcha-badge { 
  z-index:1000;
  }

/*
PaymentScreen
*/
.paymentScreen,
.clientScreen {
  position: fixed;
  top: 70px;
  left: 240px;
  bottom: 50px;
  background: rgba(255, 255, 255, 0.98);
  padding-right: 240px;
  width: 100%;
  overflow: auto;
}

.paymentScreen > .card,
.clientScreen > .card {
  background: transparent;
}

.paymentScreen {
  display: none;
}

@media (max-width: 991.98px) {
  .paymentScreen,
  .clientScreen {
    top: 70px;
    left: 0;
    padding-right: 100px;
  }
}

@media (max-width: 767.98px) {
  .paymentScreen,
  .clientScreen {
    top: 50px;
    left: 0;
    padding-right: 0px;
  }
}