.botones{
    align-items: center;
    align-content: center;
    text-align: center;
    margin-top: 6%;
}
.boton{
  width:35%;
  height:70px; 
  font-size: 20px; 
  text-transform: uppercase;
}
@media (max-width: 1068px) {
    .boton{
        width:45%;
      }
  }
  @media (max-width: 900px) {
    .boton{
        width:49%;
        font-size: 17px;
      }
  }
  @media (max-width: 762px) {
    .boton{
        width:45%;
        font-size: 18px; 
      }
  }
  @media (max-width: 600px) {
    .boton{
        width:49%;
        font-size: 16px; 
      }
  }
  @media (max-width: 500px) {
    .boton{
        width: 100%;
        font-size: 24px; 
      }
  }
  @media (max-width: 376px) {
    .boton{
        width: 105%;
        font-size: 20px; 
      }
  }
  @media (max-width: 376px) {
    .boton{
        width: 105%;
        font-size: 20px; 
      }
  }
  @media (max-width: 313px) {
    .boton{
        width: 110%;
        font-size: 18px; 
      }
  }
  @media (max-width: 280px) {
    .boton{
        width: 100%;
        font-size: 15px; 
      }
  }
  @media (max-width: 264px) {
    .boton{
        width: 100%;
        font-size: 13px; 
      }
  }
  @media (max-width: 232px) {
    .boton{
        white-space: pre-wrap !important;
      }
  }
  @media (max-width: 190px) {
    .boton{
        width: 100%;
        font-size: 20px; 
        text-align: center;
        white-space: normal !important;
      }
    .contraer{
       display: none;
      }
  } 
.datos {
    font-size: .5em;
    font-family: "Verdana";
    color: black;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    text-transform: uppercase;
    align-items: center;
    align-content: center;
    width: 99%;
    margin: auto;

}
.datos-dos {
    font-size: .9em;
    font-family: "Verdana";
    color: black;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    text-transform: uppercase;
    align-items: center;
    align-content: center;
    margin: 0;
}
.leyenda{
 font-size: .7em;
 text-align: center;
 color: blue;
 text-transform: uppercase; 
}
.nombre-producto-ticket{
   text-transform: uppercase;  
}
.total-abonado{
    font-weight: bolder;
}
.logo-empresa img {
    width: 100%;
}
.ticket-2 {
  page-break-before: always;

}
.ticket-3 {
  page-break-before: always;

}
.nombre-empresa-ticket,
.rfc-empresa-ticket,
.propietario-empresa-ticket,
.regimen-empresa-ticket {
    width: 100%;
}
.razon-empresa-ticket {
    width: 100%;
}


.fecha-ticket,
.folio-ticket,
.nombre-cliente-ticket {
    width: 100%;
}
.domicilio-empresa-ticket,
.cp-empresa-ticket
{
    width: 100%;
}
.nombre-empresa-ticket {
    font-weight: bolder;
}

.folio-ticket,
.fecha-ticket,
.nombre-cliente-ticket {
    font-size: .9em;
}


.total-pagar-letras{
    font-size: .8em;
    text-align: center;
    font-family: "Verdana";
 
}
.atendio{
  font-size: .7em;
 text-align: center;
 text-transform: uppercase;
}
.pago-de{
    font-size: .6em;
    text-align: center;
    font-family: "Verdana";
    font-weight: bold;

   
}

div#modal-default .modal-body {
    width: 100%;
}
div#modal-default .lista-comprada table tr th {
    text-align: center;
    vertical-align: middle;
    margin: auto;
    padding: 0;
    word-wrap: break-word;
    font-size: .8em;
    word-wrap: break-word;
    width: auto;
}
div#modal-default .lista-comprada table tbody td {
    text-align: center;
    padding: 0;
    vertical-align: middle;
    margin: auto;
    font-size: .8em;
    word-wrap: break-word;
    width: auto;
}
.logo-empresa {
    margin: 13px;
    text-align: center;
    width: 30%;
    margin: auto;
}
.modal-body .logo-empresa img {
    vertical-align: middle;
    width: 100%;
}
.lista-comprada {
    width: 99%;
    margin: auto;
    
}
.total-pagar-letras{
    font-size: .9em;
    text-align: center;
    font-family: "Verdana";
 
}
.total-abonado{
    font-weight: bolder;
}
@media print {
* {
    margin: 0;
    padding: 0;
}
body  {
    width: 100%;
    margin: 0;
    padding: 0;
}
.lista-comprada {
    width: 90% !important;
    margin: auto !important;
}
.total-pagar-letras{
    font-size: .6em;
    text-align: center;
    font-family: "Verdana";
 
}
.datos {
    font-size: .5em;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
    margin: auto;
    
    }
.datos-dos {
    text-align: center;
    font-size: .9em;
    margin-bottom: 0;
    margin: 0;
    margin-bottom: 0;
    width: 90%;
    margin: auto;
    color:red;
    }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 1px !important;
    line-height: 1.2;
    vertical-align: middle;
}
.table {
    width: 90% !important;
    margin: auto !important;
    font-size: 9px !important;
}
.razon-empresa-ticket {
    width: 100%;
}
.folio-ticket,
.fecha-ticket,
.nombre-cliente-ticket {
    font-size: 9px !important;
}
.datos-dos {
    font-size: 6px !important;
    margin-bottom: 5px;
}
.datos {
    font-size: .5em !important;
    margin-bottom: 5px;
}
.logo-empresa {
    width: 90% !important;
}
div#area-impresion-ticket {
    padding: 10px !important;
}
.lista-comprada table tr th {
    padding: .5px !important;
    font-size: 9px !important; 
}
.lista-comprada table tbody td {
       font-size: 9px !important; 
}
.footer-ticket,
.link-model,
.agrdecimiento-model,
.pertenece-a {
    width: 90%;
    margin: auto;
    font-size: 9px;
    text-align: center;
    display: block;
}
.reimprime-ticket{
     width: 90%;
    margin: auto;
    font-size: 7px;
    text-align: center;
    display: block; 
}
.pertenece-a {
    color: red;
}

.fin-ticket {
    border: 1px dashed black;
}
.atendio{
  font-size: .6em;
 text-align: center;
 text-transform: uppercase;
}
}
@media screen and (min-width: 1200px){

div#modal-default .modal-dialog {
    width: 40% !important;
}
div#modal-default .lista-comprada table tbody td {
    font-size: 1em;
}
div#modal-default .lista-comprada table tr th {
    font-size: 1em;
}
.total-pagar-letras{
    font-size: .9em;
    text-align: center;
    font-family: "Verdana";
}
.datos-dos {
    font-size: 1.1em;
    margin: 10px;
}
.datos {
    font-size: .8em;
    margin: 10px;
}
.atendio{
  font-size: .9em;
 text-align: center;
 text-transform: uppercase;
}
.leyenda{
 font-size: .9em;
 text-align: center;
 color: blue;
 text-transform: uppercase; 
}
div#modal-default .lista-comprada table tr th {
    padding: 5px;
}

}
.lista-comprada {
    transform: unset;
}
.aling-right{
    text-align:right;
  }
.error-ocurrido{
    color: #e01e1e;
}
.cambia-letra{
    padding: 20px;
    font-size: 1.3em;
    background-color: #51A351!important;
    color: #FFF;
}
@media (max-width: 750px) {
    .cambia-letra{
        padding: 10px;
        font-size: 1em;
    }
  }
  @media (max-width: 525px) {
    .cambia-letra{
        padding: 5px;
        font-size: .8em;
    }
  }
  @media (max-width: 400px) {
    .cambia-letra{
        padding: 5px;
        font-size: .6em;
    }
  }
  .invisible{
    display: none;
  }
  .oculto{
    visibility: hidden;
  }
  .grupo-uno{
      border: none !important;
      line-height: 0 !important;
      margin: 0%;
      padding: 0%;
      font-weight: bold;
  }
  .grupo-dos{
    margin-bottom: 0px;
  }
  .centrar{
    text-align: center;
  }
  .sin-borde{
    border: none !important;
  }
  .boton-acciones{
    padding: 1px 1px;
    margin: 0%;
    margin-top: 20px;
    margin-bottom: 0px;
    min-width: 40px;
    height: 40px;
    background-color: #003CA6;
    white-space: normal;
  }
  .div-centrado{
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
.sin-margen{
    margin-bottom: -50px !important;
}
.con-margen{
    margin-bottom: 1px !important;
}
.scroll{
    overflow: auto;
  }
.scrollbar-primary::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    /* background-color: #dbdbdb;  */
    /* background-color: #ddd;  */
  }
.scrollbar-primary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #929097;
}
.vertical-alignment-helper {
    display:table;
    margin-left: auto;
    margin-right: auto;
    float: none;
    height: 100%;
    /*width: 80%; */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.fc-unthemed td.fc-today {
	background: rgba(154, 75, 166, 0.22);
}
.fc-next-button, .fc-prev-button, .fc-today-button{
    background: rgba(147, 99, 205, 0.33);
    }
.con-pading{
    padding: .1em !important;
}

  .tamaño-letra{
    display: inline;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    /* white-space: nowrap;
    vertical-align: baseline; */
    border-radius: .25em;
  }
.boton-tabla{
    height: 26.38px !important;
    min-width: 26.38px !important;
    font-size: 75%;
}
#clienteMC{
    text-transform: uppercase;   
}
.tratamientoMC{
    text-transform: uppercase;
    font-size: 115%;  
    font-weight: bold;
}
#duracionMC{
    font-family: cursive;
    font-weight: bold;
    font-size: 120%;
    color:  #229954;
}
#duracionNC{
    font-family: cursive;
    font-weight: bold;
    font-size: 130%;
    color:  #229954;
}
.colores {
    -webkit-appearance: none;
    border-radius: 100px!important;
    border: none!important;
    margin: auto!important;
      width: 15px!important;
      height: 15px!important;
      /* background-color:  #229954; */
  }
  /* ---- */
  .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	background-color: #FFFFFF !important; 
    border-color: #d2d6de !important;
	color: #555555 !important;
	border-style: solid !important;
	border-width: 1px;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.bootstrap-select>.dropdown-toggle {
	background-color: #FFFFFF !important; 
    border-color: #d2d6de !important;
	color: #333 !important;
	border-style: solid !important;
	border-width: 1px;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background-color: #FFFFFF !important; 
    border-color: #d2d6de !important;
	color: #333 !important;
	border-style: solid !important;
	border-width: 1px;
}

.dropdown-menu > li > a:hover{
	background-color:   #3c8dbc;
	border-color: #d2d6de;
}
.btn-default:hover{
	background-color:  rgb(251, 251, 251); 
	border-color: #d2d6de;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
	background-color: #FFFFFF !important; 
    border-color: #d2d6de !important;
	color: #333 !important;
	border-style: solid !important;
	border-width: 1px;
}
  /* ---- */
/* .btn-default{
    background-color:   rgba(154, 75, 166, 0.22); 
    border:  rgba(154, 75, 166, 0.22);
    color: #333;
}
.bootstrap-select>.dropdown-toggle {
    background-color:   rgba(154, 75, 166, 0.22); 
    border:  rgba(154, 75, 166, 0.22);
    color: #333;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color:   rgba(154, 75, 166, 0.22); 
    border:  rgba(154, 75, 166, 0.22);
    color: #333;
}

.dropdown-menu > li > a:hover{
    background-color:  rgba(147, 99, 205, 0.33);
}
.btn-default:hover{
    background-color: rgba(147, 99, 205, 0.33);
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    background-color:   rgba(147, 99, 205, 0.33);
    border:  rgba(154, 75, 166, 0.22);
    color: #333;
} */
.facial{
        background-color:  #37579D;
  }
.facial-2{
    background-color:  #D8907C;
}
.corporal{
    background-color:  #C0473E;
}
.corporal-2{
    background-color:  #BE304A;
}
.relajantes-masajes{
    background-color:  #47A3A0;  
}
.cavitacion{
    background-color: #DFA130;
}
.ipl-e-light{
    background-color: #76B9E5;
}
.pestañas{
    background-color:  #1E7999;
}
.sauna{
    background-color:  #DFA130;
}
.sauna-2{
    background-color:  #4C418E;
}
.adicional{
    background-color:  #1E7999;
}
.capsula-infraroja{
    background-color:  #BD2367;
}
.uñas-1{
    background-color:  #A71929;
}
.uñas-2{
    background-color:  #7890C4;
}
.uñas-3{
    background-color:  #9DAB2D;
}
#Close{
    font-weight: bold;
    font-size: 300%;
    color:  #570c07;
}
#bAdeudos{
    background-color:  #A71929;
}
.alinAdeudos{
    margin-bottom: 5;
    margin-top: 25;
}
.ajustar{
    width: 50% !important;
    font-size: 1.1em;
    font-family: 'Roboto';
}
/* .tooltip-inner {
    white-space: pre-wrap;
    text-transform: uppercase;
} */
#contenedorLoading{
background-color: #000000b0;
}
/* --------------spin loader  */
.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  .lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
  }
  .lds-spinner div {
    transform-origin: 32px 32px;
    animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 29px;
    width: 5px;
    height: 14px;
    border-radius: 20%;
    background: #9A4BA6;
  }
  .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
  }
  @keyframes lds-spinner {
    0% {
      opacity: 1;
      
    }
    100% {
      opacity: 0;
    }
  }
  /* --fin---- */
  .cargando{
    font-weight: bold;
    font-size: 120%;
    color:  #fdfbfb;
    font-style:oblique;
  }
  .cargando2{
    font-weight: bold;
    font-size: 120%;
    font-style:oblique;   
  }
  @media (max-width: 1000px) {
    #filtrarCabinas{
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        width: 94% !important;
    }
  }
  @media (max-width: 500px) {
    #filtrarCabinas{
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        width: 91% !important;
    }
}
@media (max-width: 370px) {
    #filtrarCabinas{
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        width: 88% !important;
    }
}
.sin-margenNB{
    margin-bottom: -30px;
}
@media (max-width: 1000px) {
    .sin-margenNB{
        margin-bottom: -10px;
    }
}
@media (max-width: 400px) {
    .alinear{
        width: 98% !important;
    }
}
.boton-citas{
    background-color: #9363CD;
}
@media (max-width: 280px) {
    .div-citas{
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        width: 88% !important;
    }
}
.div-boton{
    width: 20% !important;
}
/* @media (max-width: 500px) {
    .div-boton{
        width: 100% !important;
    }
}     */
@media (max-width: 992px)
{
    .div-boton{
        width: 50% !important;
    }
}
@media (max-width: 400px)
{
    .div-boton{
        width: 100% !important;
    }
}
.search{

  border-color: rgba(147, 99, 205, 0.33) !important;
}
.label-buscar{
    font: 130% sans-serif
   }
   div#book-table_wrapper{
    width: 100% !important;
}
.franquicia{
    color: #154E93;
    font-weight: bold;
    font-size: 150%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 1000px)
{
    .franquicia{
        font-size: 130%;
    }
}
@media (max-width: 635px)
{
    .franquicia{
        font-size: 100%;
    }
}
@media (max-width: 290px)
{
    .franquicia{
        font-size: 90%;
    }
}
.boton-clickeado{
    color:rgb(97, 76, 136) !important;
}
.menu2{
    font-size: 120% !important;
    background-color: rgba(154, 75, 166, 0.22);
    border-color: rgba(154, 75, 166, 0.22);
}
.nombreProducto{
    font-weight: bold;
}
.reducir-letra{
    font-size: 85%;
}
.table#book-table td .danger{
    /* background-color: #003CA6 !important; */
}
.warning{
    background-color: #fcf8e3 !important;
}
.danger{
    background-color: #f2dede !important;
}
.submenu{
    font-size: 90% !important;
    background-color: rgb(223, 202, 226);
    border-color: rgb(223, 202, 226);
    color: #3c8dbc !important;
}
.dropdown-menu#submenu > li > a{
    color: #3c8dbc !important;
}
a.dirigidor:hover, a.dirigidor:focus{
    background-color: rgb(214, 187, 218) !important;
}
.desabilitado{
    background-color: #eee !important;
}

.parent-container{
  border: 1px solid #ddd !important;
  margin-top: -1px !important; /* Prevent double borders */
  background-color: #dfe5f1 !important;
}
.child-container{
  width: 33%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 992px) {
      .parent-container{
        border: none !important;
        margin-top: -1px !important; /* Prevent double borders */
        background-color: transparent !important;
        height:auto !important; 
    }
  }
  @media (max-width: 1290px) {
    .child-container{
      width: 50%;
      float: inherit;
  }
}
@media (max-width: 990px) {
    .child-container{
      width: 98%;
      float: inherit;
  }
}
.data-container{
  background-color: rgba(154, 75, 166, 0.22)!important;
  border: #a9a3a3 !important;
}

.list-group-item{
  padding: 1px 10px !important;
}

.headers{
  font-weight: bold;
}

.no-margin-left{
  padding-left: 0px !important;
}
.debit{
  font-size: 20;
  color: #93002f
}
.quantities{
  font-size: 19;
}
.fechaPago{
    font-size: 15;
}
.detail-button{
  padding: 10px 10px !important;
  background-color: #9A4BA6 !important;
  color:#FFFFFF;
  font-size: 16;
  font-weight: bold;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  border: 1px solid #8f459a !important;
}

.detail-button:hover {
  font-size: 18;
  background-color: #853d90 !important;
}
.input-abono{
    width: 70;
}
.separador{
    height: 5px !important;
}
.totalIngresado-title{
    font-size: 18px;
    font-weight: bold;
}
.totalIngresado-error{
    color:red;
    font-size: 25px;
    font-weight: bold;
    margin-top: 15;
}
.totalIngresado-correcto{
    color:green;
    font-size: 25px;
    font-weight: bold;
    margin-top: 15;
}
.error-input{
    border: #A71929;
}
.table2 {
    width: 90% !important;
    margin: auto !important;
    font-size: 9px !important;
    padding: 1px !important;
    line-height: 1.2;
    vertical-align: middle;
}
.botones-detalle{
    margin: 2px;
}
@media (min-width: 992px)
{
    .botones-detalle{
        width: 49.5%;
        margin: 0.1px;
    }
}
@media (max-width: 767px)
{
    .botones-detalle{
        float: none !important;
    }
}
.vendedorVenta{
    padding-top: 5px !important;
}

@media (min-width: 992px)
{
    .vendedorVenta{
        padding-left: 28px !important;
    }
}

@media (max-width: 992px)
{
    .vendedorVenta{
        padding-left: 8px !important;
    }
}
@media (max-width: 766px)
{
    .vendedorVenta{
        padding-left: 10px !important;
    }
}
@media (max-width: 555px)
{
    .vendedorVenta{
        padding-left: 0px !important;
    }
}
@media (max-width: 530px)
{
    .vendedorVenta{
        padding-left: 7px !important;
    }
}
@media (max-width: 400px)
{
    .vendedorVenta{
        padding-left: 0px !important;
    }
}
::-webkit-scrollbar {
    width: 9px !important;
    height: 9px !important;
  }
  
  ::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
  ::-webkit-scrollbar-thumb {
    background-color: #c5c3c3;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
  .scrollbar-tabla {
         /*height: 65%; */
         overflow: auto !important;
        -webkit-overflow-scrolling: touch;
  }
  .scrollbar-tabla-respaldosImages {
         /*height: 65%; */
         overflow: auto !important;
        -webkit-overflow-scrolling: touch;
  }
  .dataTables_scrollBody {
    overflow-y: visible !important;
    overflow-x: initial !important;
  }
  .dataTables_scrollHead {
    overflow: visible !important;
  }
  table.dataTable thead th, table.dataTable thead td{
  border:none !important;
  } 
  @media (max-width:990px)
  {
    .div-botones{
      margin-bottom:5px;
      width: 100%;
      float: none !important;
    }  
  }
  @media (min-width: 990px)
  {
    .div-botones{
      margin-bottom:2px;
      width: 41.66666667%;
    } 
  }
