/* For the function */
.msf_hide{
  display: none;
  position: relative;
}
.msf_show{
  display: block;
  position: relative;
}
.msf_bullet_o{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.msf_bullet_o > div{
  height: 15px;
  width: 15px;
  margin: 20px 10px;
  border-radius: 100px;
  z-index: 2;
}
.msf_bullet{
  background-color: lightgrey;
  
}
.msf_bullet_active{
  background-color: darkgrey !important;
}
#loader_correo,#loader_borrador,#error_creditos{
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.template-list {
  display: flex;
  flex-wrap: wrap;
  /*height: 200px;*/
  overflow-y: auto;
  margin: 10px 0 !important;
  box-shadow: 0px 0px 2px black;
  padding: 5px !important;
  list-style: none;
}
.template-list li {
  margin: 5px;
  position: relative;
  height: 90px;
}
.template-list label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 2px black;
  overflow: hidden;
  padding: 0 5px 0 0;
}

.template-list label span{
  padding: 0px 6px;
}

.template-list img {
  height: 90px;
  width: 50px;
  margin-right: 5px;
  /*object-fit: cover;*/
}

.template-list-horizontal img {
  height: 90px;
  width: auto;
  object-fit: cover;
}

.template-list input {
  position: absolute;
  bottom: 0;
  left: 0;
}