componentes-vue/dist/componentes-vue.css

Plugin js con varios componentes

.datepicker .has-icon i {
  transition: all 0.3s;
}

.datepicker .has-icon .fa-times {
  display: none !important;
  cursor: pointer;
  pointer-events: all !important;
}

.datepicker .has-icon:hover .fa-times {
  display: inline-block !important;
}

.datepicker .has-icon:hover .fa-calendar {
  display: none;
}

.flatpickr-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

.control {
  position: relative;
  text-align: left;
}

p {
  margin: 0;
  padding: 0;
}

.control.has-icon.has-icon-right .input {
  padding-right: 32px;
}

.input {
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  color: #363636;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  height: 32px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  vertical-align: top;
  box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
  max-width: 100%;
  width: 100%;
  margin: 0;
}

.control.has-icon.has-icon-right > .fa {
  right: 4px;
}

.control.has-icon > .fa {
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  width: 24px;
  color: #dbdbdb;
  pointer-events: none;
  position: absolute;
  top: 4px;
  z-index: 4;
}


































































































































































































































.card-header > button:focus, button:active {
    outline: none;
    box-shadow: none;
}
header.p-1 {
    padding: 0 !important;
}
.card-header .btn {
    margin-top: 0;
}
label {
  font-weight: bold;
  font-size: .8em;
}























































































 button > i {
   color: white;
 }
.alert-td > div{
  margin-bottom: 0px;
 }