.swal2-container {
  z-index: 9100 !important;
}

.modal {
  z-index: 9050 !important;
}.modal-shadow {
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

#libtnpgratis {
  color: white !important;
}#libtnpgratis:hover {
  color: white !important;
}

input[type="file"]#iptperfilimagen {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

label[for="iptperfilimagen"] {
  font-size: 14px;
  font-weight: 600;
  color: white !important;
  display: inline-block;
  transition: all .5s;
  cursor: pointer;
  padding: 38px 0px !important;
  text-transform: uppercase;
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 50%;
}

#divperfilimagen {
  height: 80px;
  min-height: 80px;
  border: none;
  background-color: transparent;
} #divperfilimagen > .card-header {
  margin: 0 auto;
  color: deepskyblue;
  background-color: rgba(0, 0, 0, 0);
  padding: 0px;
} #divperfilimagen > .card-body {
  padding-top: 0px;
} #divperfilimagen > .card-footer {
  background-color: rgba(0, 0, 0, 0);
}

.smlatflogo {
  width:100%;
  position:absolute;
  top:99vh;
  transform:translateY(-100%);
}

.lstcolab-img {
  width: 55px;
  height: 55px;
  max-width: 55px;
  max-height: 55px;
}

.lstcolab-txt {
  min-width: 180px;
  max-width: 180px;
}

.text-sm {
  color: #9E9CB9 !important;
  line-height: 80%;
  font-size: small !important;
}

div[id=app] {
  overflow-x: hidden;
}

.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(180,180,180,.25);
  -moz-box-shadow: 0 2px 10px rgba(180,180,180,.25);
  -webkit-box-shadow: 0 2px 10px rgba(180,180,180,.25);
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.sclick {
  cursor: default;
} .sclick:hover {
  cursor: pointer;
}

.shover:hover {
  background-color: #bedaff;
}

.table-scroll {
  min-width: 295px;
  max-height: 450px;
  overflow: auto;
}.table-scroll thead tr th {
  position: sticky;
  top: -3px;
  z-index: 3;
  background-color: white;
  vertical-align: middle;
}

.list-scroll {
  min-width: 345px;
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
}

.big-check {
  width: 1.5rem;
  height: 1.5rem;
}

.btn:hover {
  color: white;
}

.smap {
  width: 400px;
  height: 350px;
  margin: 0 auto;
}*:focus{ outline: none; }

.scb-edt {
  border: 1px solid #FF6F00;
  background-color: white;
}

.card .sc > .cardtel {
  border: none !important;
}

.cardtel {
  color: #5A616F !important;
}

.scred {
  border-color: #DE3535;
}

.btn-xs {
  padding: 3px 8px !important;
  font-size: 14px !important;
}

input[type="file"]#iptlogo1, input[type="file"]#iptlogo2, input[type="file"]#iptlogo3 {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

label[for="iptlogo1"], label[for="iptlogo2"], label[for="iptlogo3"] {
  font-size: 14px;
  font-weight: 600;
  color: white !important;
  display: inline-block;
  transition: all .5s;
  cursor: pointer;
  padding: 38px 0px !important;
  text-transform: uppercase;
  width: 130px;
  height: 130px;
  text-align: center;
  border-radius: 50%;
} label[for="iptlogo1"] {
  background-color: #FF6F00;
} label[for="iptlogo2"] {
 background-color: #504D8E;
} label[for="iptlogo3"] {
  background-color: #3CB789;
}

.list-scroll {
  overflow-y: auto;
  max-height: 500px;
}

.seqtrsel {
  max-width: 180px;
  max-height: 60px;
}

.sctelseg {
  min-width: 320px;
}

.sbtn-link {
  background-color: rgba(0,0,0,0);
  text-decoration: none;
  color: black;
  padding: 0;
} .sbtn-link:hover {
  color: black !important;
  text-decoration: none;
}

.bradius { border-radius: 15px !important; }
.bradiusfooter {
  border-radius: 0px 0px 15px 15px !important;
}

.spinnercubes {
  margin: 30px auto;
  width: 68px;
  height: 50px;
  position: relative;
}

.cube1, .cube2 {
  background-color: #2E8AF6;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

.text-justify {
  text-align: justify !important;
}

.stitulo-ic {
  width: 78px;
  height: 78px;
  border-radius: 100%;
  background-color: #01155C;
  color: #FFFFFF;
  display: inline-flex !important;
  align-items: center !important;
  border: solid 3px #FFFFFF;
  box-shadow: 0 2px 5px 1px #999999 !important;
  z-index: 5;
  position: absolute;
  margin-top: 0.2rem !important;
}
.stitulo-tx {
  width: 100%;
  min-width: 336px;
  height: auto;
  border-radius: 24px;
  box-shadow: 0 2px 5px 1px #999999 !important;
  padding: 5px 20px;
  padding-left: 90px !important;
  background-color: #FFFFFF;
  z-index: 4;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (max-width: 880px) {
  .stitulo-ic {
    margin-top: 0rem !important;
  }
  .stitulo-tx {
    max-width: 720px !important;
  }
}
@media only screen and (max-width: 780px) {
  .stitulo-ic {
    margin-top: -0.1rem !important;
  }
  .stitulo-tx {
    max-width: 540px !important;
    padding-left: 90px !important;
  }
}
@media only screen and (max-width: 540px) {
  .stitulo-ic {
    margin-top: -0.2rem !important;
  }
  .stitulo-tx {
    max-width: 460px !important;
  }
}
@media only screen and (max-width: 460px) {
  .stitulo-tx {
    max-width: 330px !important;
  }
}