@keyframes pulse-default {
  0% {
    box-shadow: 0 0 0 0 orange;
  }
}
@keyframes pulse-primary {
  0% {
    box-shadow: 0 0 0 0 orange;
  }
}
.am-top-header {
  background-color: #7BBB51 !important;
  color: white !important;
}

.cerrar-sesion {
  font-size: 24px;
  color: white !important;
}

.page-title {
  color: white !important;
}

.card-header .tools {
  /*background-color:whitesmoke;*/
  border-radius: 15px;
  padding: 5px 15px;
  font-size: 0.9em;
  cursor: pointer;
  transition: all ease 0.3s;
}
.card-header .tools:hover {
  background-color: orange;
}
.card-header .tools:hover i, .card-header .tools:hover a {
  color: white !important;
}
.card-header .tools i {
  font-size: 0.9em;
  color: #7BBB51;
}
.card-header .tools a {
  color: #555 !important;
}
.card-header .title {
  color: #555 !important;
}
.card-header .title i {
  color: #7BBB51;
}

.lobo-tbl thead th {
  text-align: center !important;
}
.lobo-tbl tr, .lobo-tbl td {
  text-align: center;
}
.lobo-tbl .tbl-img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 3px solid #7BBB51;
}

.tbl-options {
  text-align: center;
}

.tbl-opts {
  background-color: white;
  border: 1px solid orange;
  width: 30px;
  color: orange;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  transition: all ease 0.3s;
}
.tbl-opts:hover {
  background-color: orange;
}
.tbl-opts:hover i {
  color: #7BBB51;
}
.tbl-opts i {
  color: orange;
}
.tbl-opts.delete {
  border: 1px solid red;
  background-color: white;
}
.tbl-opts.delete i {
  color: red;
}
.tbl-opts.delete:hover {
  background-color: red;
}
.tbl-opts.delete:hover i {
  color: white;
}

.modal-colored-header .modal-header {
  background-color: #7BBB51;
}

.btn {
  cursor: pointer;
}

.btn-rounded {
  border-radius: 25px;
}

.btn-primary {
  background-color: #7BBB51;
  border-color: #7BBB51;
  color: white !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-primary:hover {
  background-color: orange;
  border-color: orange;
  color: white !important;
}
.btn-primary:active {
  background-color: orange !important;
  border-color: orange !important;
  color: white !important;
}
.btn-primary:focus {
  background-color: orange !important;
  border-color: orange !important;
  color: white !important;
}

.btn-secondary {
  background-color: orange;
  border-color: orange;
  color: white !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-secondary:hover {
  background-color: black;
  border-color: black;
  color: white !important;
}
.btn-secondary:active {
  background-color: black !important;
  border-color: black !important;
  color: white !important;
}
.btn-secondary:focus {
  background-color: black !important;
  border-color: black !important;
  color: white !important;
}

.main-content {
  padding-bottom: 35px;
}

.btn-default {
  background-color: white;
  color: orange;
  border-color: orange;
}
.btn-default:hover {
  background-color: orange;
  border-color: orange;
  color: white !important;
}
.btn-default:active {
  background-color: orange;
  border-color: orange;
  color: white !important;
}

.error {
  border: 1px dotted #cc5965 !important;
  background-color: #fce4e4 !important;
}

#imgPreview {
  max-width: 200px;
  max-height: 200px;
}

.sidebar-elements .fas {
  font-size: 33px;
}

.mt-3 {
  margin-top: 15px;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 100px;
  z-index: 1030;
  padding-top: 5px;
  height: 50px;
  background-color: #7BBB51;
  border-top: 3px solid #555;
  text-align: center;
}
.fixed-bottom .btn {
  padding-left: 15px;
  padding-right: 15px;
}

.btn-nueva-imagen {
  height: 150px;
  width: 150px;
  line-height: 150px;
  text-align: center;
  border-radius: 15px;
  border: 2px dotted gray;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-nueva-imagen i {
  color: #7BBB51;
  font-size: 30px;
}
.btn-nueva-imagen:hover {
  background-color: #7BBB51;
  color: white;
  border: 2px dotted #7BBB51;
}
.btn-nueva-imagen:hover i {
  color: white;
}

.inline-block {
  display: inline-block !important;
}

.w-auto {
  width: auto !important;
}

.v-top {
  vertical-align: top !important;
}

.del-img {
  display: block;
  text-align: center;
  padding-right: 35px;
  margin-bottom: 20px;
  background-color: white;
  cursor: pointer;
}
.del-img:hover {
  color: red !important;
  color: white;
}

.pulse.btn-default:hover,
.pulse.btn-default:focus {
  animation: pulse-default 1s;
  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

.pulse.btn-primary:hover,
.pulse.btn-primary:focus {
  animation: pulse-primary 1s;
  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

.hidden {
  display: none;
}

.table.text-center th, .table.text-center td {
  text-align: center !important;
}

.btn-rounded.btn-lg {
  border-radius: 25px !important;
}

.text-primary {
  color: #7BBB51;
}

.secondary-text {
  color: orange;
}

.daterangepicker .ranges li.active {
  background-color: #7BBB51 !important;
  color: orange !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #7BBB51 !important;
  color: orange !important;
}

.pull-right {
  float: right;
}

.btn-outline-primary {
  border-color: orange;
}
.btn-outline-primary:hover {
  background-color: #7BBB51;
  border-color: #7BBB51;
}

.table.no-borders th, .table.no-borders td {
  border-top: 0;
}

.subtitle {
  text-align: center;
  font-weight: bold;
  width: 100%;
  font-size: 1.2em;
}

.lbl-data {
  text-align: center;
  font-weight: bold;
  width: 100%;
  font-size: 1.2em;
  color: orange;
  background-color: #7BBB51;
  padding: 20px;
  border-radius: 15px;
}

.filtros-productos {
  background-color: rgba(252, 226, 152, 0.3);
  border: 2px solid #7BBB51;
  padding: 5px 15px;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active {
  background-color: #7BBB51 !important;
  color: orange !important;
}

#tblProductos {
  text-align: center;
}

#tbl-productos-variantes th:nth-child(4), #tbl-productos-variantes td:nth-child(4),
#tbl-productos-variantes th:nth-child(5), #tbl-productos-variantes td:nth-child(5),
#tbl-productos-variantes th:nth-child(6), #tbl-productos-variantes td:nth-child(6) {
  background-color: #F5F5F5 !important;
}

.img-entry {
  width: 150px;
  height: 150px;
  border-radius: 20px;
  margin-right: 35px;
}

.spinner-border {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

label.error {
  background-color: transparent !important;
  border: 0 !important;
}

#listaArchivos li {
  cursor: pointer !important;
}
#listaArchivos li a {
  color: black;
  cursor: pointer !important;
}
#listaArchivos li a:hover {
  color: #7BBB51;
  cursor: pointer !important;
}

.list-delete {
  margin-left: 15px;
  font-size: 10px;
}
.list-delete:hover {
  color: red !important;
}

.fw800 {
  font-weight: 800 !important;
}

.pagos a {
  color: black !important;
}