<!--

<div id="abono_sep" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">Buscar Seperado</h4>
            </div>
            <div class="modal-body">
                <form method="post" action="" onsubmit="return checkSubmit();">
                    <div class="form-group">
                        <label class="pull-left">Nombre</label>
                        <section id="intro" >
                            <select name="cliente" id="cliente" class="form-control name_list" required>
                                <?php
                                    $datos=mysqli_query($con,"SELECT clie_id, clie_cc, clie_nombre FROM cliente WHERE empresa='$empresa' and clie_nombre<>'CLIENTE MOSTRADOR'");
                                    while($fila=mysqli_fetch_array($datos))
                                    {
                                    echo' <option value="'.$fila['clie_id'].'">'.$fila['clie_nombre'].'</option>';
                                    }
                                ?>
                              </select>
                        </section>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-info" name="buscarsep" value="buscarsep" id="buscarsep">Buscar</button>
                    </div>
                </form>
            </div>
        </div>
    </div> 
</div>-->
<style>
.middle {
  width: 100%;
  text-align: center;
  /* Made by */
}
.middle h1 {
  font-family: "Dax", sans-serif;
  color: #ccc;
}
.middle input[type="radio"] {
  display: none;
}
.middle input[type="radio"]:checked + .box {
  background-color: #009e90;
}
.middle input[type="radio"]:checked + .box span {
  color: white;
  transform: translateY(70px);
}
.middle input[type="radio"]:checked + .box span:before {
  transform: translateY(0px);
  opacity: 1;
}
.middle .box {
  width: 131px;
  height: 60px;
  background-color: #ccc;
  transition: all 250ms ease;
  will-change: transition;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-family: "Dax", sans-serif;
  font-weight: 900;
  padding-top: 19px;
}
.middle .box span {
  left: 0;
  right: 0;
}
</style>