/*Margenes*/
.m-t-5 {
  margin-top: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-45 {
  margin-top: 45px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-t-55 {
  margin-top: 55px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-t-65 {
  margin-top: 65px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-b-55 {
  margin-bottom: 55px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.m-b-65 {
  margin-bottom: 65px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-25 {
  margin-right: 25px;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
  float: right;
  margin: 0 5px !important;
}

.modal .modal-footer {
  padding: 7px 6px !important;
}

.modal-fixed-footer.open {
  top: 5% !important;
}

.modal.modal-fixed-footer {
  height: 90%;
  width: 80%;
}

.modal.modal-fixed-footer {
  max-height: 90%;
  max-width: 80%;
}

.btn-floating {
  box-shadow: 3px 3px 4px #888888 !important;
}

/*Margenes*/

.table-padding-7-5 tr td {
  padding: 7px 5px !important;
}

.input-field.input-outlined.active {
  background: white;
  border-left: 4px solid white;
  border-right: 4px solid white;
  transform: translateY(-1.75rem);
  top: 1rem;
}

.input-field.input-outlined > label {
  left: 27px;
  display: inline-flex;
  width: auto !important;
}

.input-field.input-outlined > input {
  border: 2px solid #eee;
  padding: 7px 16px 8px;
  width: calc(98% - 2.5rem);
  float: none;
  display: block;
  border-radius: 4px;
  transition: box-shadow, border-color 0.15s;
}

.input-field.input-outlined > select {
  border: 2px solid #eee;
  padding: 7px 16px 8px;
  width: calc(98% - 2.5rem) !important;
  float: none;
  display: block;
  border-radius: 4px;
  transition: box-shadow, border-color 0.15s;
}

.input-field.input-outlined-icon > input {
  border: 2px solid #eee;
  padding: 7px 16px 8px;
  width: calc(90% - 2.5rem) !important;
  float: none;
  display: block;
  border-radius: 4px;
  transition: box-shadow, border-color 0.15s;
}

.input-field.input-outlined > textarea {
  border: 2px solid #eee;
  padding: 12px 16px 14px;
  width: calc(98% - 2.5rem) !important;
  min-height: 100px !important;
  float: none;
  display: block;
  border-radius: 4px;
  transition: box-shadow, border-color 0.15s;
}

.input-field.input-outlined:focus:not([readonly]) {
  border-color: #26A69B;
  box-shadow: 0 1px 0 0px #26A69B;
}

.input-outlined > img {
  max-height: 60px;
  margin: 10px 18%;
}

/*
&.active {
   background: white;
   border-left: 4px solid white;
   border-right: 4px solid white;
   transform: translateY(-1.75rem);
   top: 1rem;
 }

 &:focus:not([readonly]) {
       border-color: #26A69B;
       box-shadow: 0 1px 0 0px #26A69B;
     }
*/


.tarjeta-menu {
  height: 130px;
  box-shadow: 4px 4px 7px #888888;
}

.tarjeta-menu:hover {
  box-shadow: 8px 8px 7px #888888;
}

.tarjeta {
  box-shadow: 4px 4px 7px #888888;
}

.borderround {
  border-radius: 5px;
}

.shadowed {
  box-shadow: 4px 4px 7px #888888;
}

.text-shadowed {
  text-shadow: 1px 1px black;
}

.row .summary {
  margin-left: 1% !important;
}

.grid-view .summary {
  margin-left: 0 !important;
}

.list-view .empty {
  margin-left: 1% !important;
}

.info-textarea {
  height: 100% !important;
  width: 100% !important;
  text-transform: lowercase;
  color: black;
  background-color: white;
  resize: none;
  overflow-y: auto;
  text-align: justify;
  padding: 5px 5px 5px 5px;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

#materialbox-overlay {
  background-color: white;
}

.minusculas {
  text-transform: lowercase;
}

.primeraMayuscula::first-letter {
  text-transform: capitalize;
}

.pointer-hover {
  cursor: pointer;
}

@keyframes AnimacionCambioColor {
  0% {
    color: red;
  }
  25% {
    color: yellow;
  }
  50% {
    color: blue;
  }
  100% {
    color: green;
  }
}

.anima-cambio-color {
  animation-name: AnimacionCambioColor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes AnimacionRotacion {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}

.anima-rotacion {
  animation-name: AnimacionRotacion;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.vertical-middle {
  vertical-align: middle;
}

.not-visible {
  display: none;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.bottom-0 {
  bottom: 0;
}

/* Top */

.top-0 {
  top: 0;
}

.top-1 {
  top: 1em;
}

/* Left */
.left-0 {
  left: 0;
}

.left-1 {
  left: 1em;
}

.left-2 {
  left: 2em;
}

.left-3 {
  left: 3em;
}

.left-4 {
  left: 4em;
}

.left-5 {
  left: 5em;
}

.left-6 {
  left: 6em;
}

.left-7 {
  left: 7em;
}

.left-8 {
  left: 8em;
}

.left-9 {
  left: 9em;
}

.left-10 {
  left: 10em;
}

.list-view .pagination li {
  margin-top: 10px;
}

.font-2-em {
  font-size: 2em !important;
}

.tabs .tab a {
  color: rgb(33, 150, 243);
}

.bkg-bar {
  background-color: #8c9eff;
}

.bkg-footer {
  background-color: #8c9eff !important;
}

.bkg-body {

}

.bkg-rosa {
  background-color: #ee6e73;
}

.picker__day-display {
  font-size: 2.5rem;
}

.picker__weekday-display {
  padding: 5px;
  margin-bottom: 0px;
}

.table-padding-5 tbody tr td {
  padding: 5px;
}

.icon-color {
  color: #8c9eff;
}

@media (max-width: 992px) {
  .table-padding-7-5 tr td {
    padding: 15px 5px !important;
  }
}

.picker__date-display {
  background-color: #8c9eff;
}

.picker__weekday-display {
  background-color: #8c9eff;
}

.picker__close, .picker__today {
  color: #8c9eff;
}

.picker__day.picker__day--today {
  color: #8c9eff;
}

.picker__box {
  border: none;
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
  background-color: #8c9eff;
}

.dropdown-content li > a, .dropdown-content li > span {
  color: #8c9eff;
}

.table.white-text.highlight tr:hover {
  color: black;
  cursor: pointer;
}

.blue-mine {
  background-color: #8c9eff;
}

.btn-guardar {
  background-color: #5199d7;
  color: white;
}

.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.posfix {
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  transition: color .2s;
}

.bold {
  font-weight: bold;
}


/* label color */
.input-field label {
  color: #000;
}

/* label focus color */
.input-field input[type=text]:focus + label {
  color: #0EB9CC;
}

/* label underline focus color */
.input-field input[type=text]:focus,
.input-field input[type=password]:focus {
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #000;
}

/* valid color */
.input-field input[type=text].valid {
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #000;
}

/* invalid color */
.input-field input[type=text].invalid {
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #000;
}

/* icon prefix focus color */
.input-field .prefix.active {
  color: #0EB9CC;
}

a {
  color: #0EB9CC;
}