body, button, input, select, textarea, .btn{
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}
fieldset{
  border: 1px solid #ccc;
  padding: 5px;
  margin: 5px 0;
}
h1{
  color: #5a4e9c;
  font-size: 36px;
  font-weight: 900;
  margin: 0 0 25px 0;
}
h2{
  color: #04abb4;
  font-size: 32px;
}
h3{
  color: #005189;
  font-size: 22px;
}
.btn-celeste,
.btn-danger,
.btn-morado,
.btn-success,
.btn-yellow{
  border: 1px solid transparent;
  border-bottom-width: 2px;
  font-weight:900;
}
.btn-celeste{
  background: #03a5e8;
  border-bottom-color: #0372a0;
  border-right-color: #0372a0;
  color: #ffffff;
}

.btn-celeste:hover,
.btn-celeste:focus,
.btn-celeste:active,
.btn-celeste:active:focus{
  background: #0372a0;
  border-color: #0372a0;
  color: #ffffff;
  outline:none;
}
.btn-danger{
  background: #e00109;
  border-bottom-color: #870521;
  border-right-color: #870521;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:active:focus{
  background: #870521;
  border-color: #870521;
  outline:none;
}
.btn-morado{
  background: #5a4e9c;
  border-bottom-color: #493f7e;
  border-right-color: #493f7e;
  color: #ffffff;
}
.btn-morado:hover,
.btn-morado:focus,
.btn-morado:active,
.btn-morado:active:focus{
  background: #493f7e;
  border-color: #372f60;
  color: #ffffff;
  outline:none;
}
.btn-yellow{
  background: #f19800;
  border-bottom-color: #a86b03;
  border-right-color: #a86b03;
  color: #ffffff;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow:active:focus{
  background: #a86b03;
  border-color: #a86b03;
  color: #ffffff;
  outline:none;
}
.btn-success{
  background: #4ca92b;
  border-bottom-color: #348517;
  border-right-color: #348517;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:active:focus{
  background: #348517;
  border-color: #348517;
  color: #ffffff;
  outline:none;
}
.vendedor-cierrecaja-reporte-contador-content .btn,
.btn-cierrecaja-enviodinero,
.btn-cierrecaja-recibopagos,
.btn-cierrecaja-contador-enviopremio,
.btn-cierrecaja-contador-enviocierre,
.btn-cierrecaja-contador-pago{
  padding: 4px;
  line-height: 1;
}
.center-page {
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}
.clear{
  clear: both;
}
.inline-block{
  display: inline-block;
  vertical-align: top;
}
.inline-block-middle{
  display: inline-block;
  vertical-align: middle;
}
.left{
  float: left;
}
.max-width-500{
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
.max-width-800{
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
.max-width-1000{
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
.right {
  float: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.width50 {
  width: 50%;
}
.width100{
  width: 100%;
}
.no-transition{
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.transition {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.hide {
  display: none;
}

.show {
  display: initial;
}

/*Style Default*/

/*Style Menu*/
.site-header{
  /*
  background: #03a5e8;background: rgba(3,165,232,1);
  background: -moz-linear-gradient(left, rgba(3,165,232,1) 0%, rgba(3,163,232,1) 40%, rgba(35,175,235,1) 50%, rgba(140,209,245,1) 60%, rgba(143,209,245,1) 75%, rgba(143,209,245,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,165,232,1)), color-stop(40%, rgba(3,163,232,1)), color-stop(50%, rgba(35,175,235,1)), color-stop(60%, rgba(140,209,245,1)), color-stop(75%, rgba(143,209,245,1)), color-stop(100%, rgba(143,209,245,1)));
  background: -webkit-linear-gradient(left, rgba(3,165,232,1) 0%, rgba(3,163,232,1) 40%, rgba(35,175,235,1) 50%, rgba(140,209,245,1) 60%, rgba(143,209,245,1) 75%, rgba(143,209,245,1) 100%);
  background: -o-linear-gradient(left, rgba(3,165,232,1) 0%, rgba(3,163,232,1) 40%, rgba(35,175,235,1) 50%, rgba(140,209,245,1) 60%, rgba(143,209,245,1) 75%, rgba(143,209,245,1) 100%);
  background: -ms-linear-gradient(left, rgba(3,165,232,1) 0%, rgba(3,163,232,1) 40%, rgba(35,175,235,1) 50%, rgba(140,209,245,1) 60%, rgba(143,209,245,1) 75%, rgba(143,209,245,1) 100%);
  background: linear-gradient(to right, rgba(3,165,232,1) 0%, rgba(3,163,232,1) 40%, rgba(35,175,235,1) 50%, rgba(140,209,245,1) 60%, rgba(143,209,245,1) 75%, rgba(143,209,245,1) 100%);
*/

  background: rgba(0,0,0,1);
  background: -moz-linear-gradient(left, rgba(100,100,100,1) 0%, rgba(75,75,75,1) 27%, rgba(50,50,50,1) 52%, rgba(25,25,25,1) 78%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(100,100,100,1)), color-stop(27%, rgba(75,75,75,1)), color-stop(52%, rgba(50,50,50,1)), color-stop(78%, rgba(25,25,25,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(left, rgba(100,100,100,1) 0%, rgba(75,75,75,1) 27%, rgba(50,50,50,1) 52%, rgba(25,25,25,1) 78%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(left, rgba(100,100,100,1) 0%, rgba(75,75,75,1) 27%, rgba(50,50,50,1) 52%, rgba(25,25,25,1) 78%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(left, rgba(100,100,100,1) 0%, rgba(75,75,75,1) 27%, rgba(50,50,50,1) 52%, rgba(25,25,25,1) 78%, rgba(0,0,0,1) 100%);
  
  background: linear-gradient(to left, rgb(100 100 100) 0%, rgb(75 75 75) 27%, rgb(50 50 50) 52%, rgb(25 25 25) 78%, rgb(0 0 0) 100%);


  margin-bottom: 50px;
  padding-top: 20px;
}
.mainmenu{
    max-width: 1000px;
    text-align: center;
    width: 100%;
}
.mainmenu .navbar-toggle{
  border-color: #fff;
}
.mainmenu .navbar-toggle .icon-bar {
    background-color: #fff;
}
.mainmenu > ul.nav >li {
    display: inline-block;
    position: static;
    vertical-align: top;
}
.mainmenu > ul.nav >li>a {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    padding: 10px 10px 35px;
    position: relative;
}

.mainmenu > ul.nav > li.active > a:after,
.mainmenu > ul.nav >li>a:hover:after {
    background: #fff;
    content: '';
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 40px;
    width: 52px;
}
.mainmenu > ul.nav >li>a:focus,
.mainmenu > ul.nav >li>a:hover,
.site-header-config .dropdown > a:focus,
.site-header-config .dropdown > a:hover{
 background: none;
}
.mainmenu ul.nav ul {
  background: #eeeeee;
  display: none;
  left: 0;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  z-index: 9;
  width: 100%;
}
.mainmenu ul.nav li.active > ul {
  display: block;
}
.mainmenu ul.nav li:hover > ul {
  display: block!important;
  z-index: 99;
}
.mainmenu ul.nav ul li{
  display: inline-block;
}
.mainmenu ul.nav ul a{
  color: #515151;
  display: block;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  padding: 6px 10px;
  text-decoration: none;
}
.site-header-config{
  position: relative;
}
.site-header-config > .dropdown{
  position: absolute;
  top: 5px;
  right: 0;
  width: 165px;
}
.site-header-config .dropdown > a{
  color: #fff;
}
.mainmenu ul.nav ul a:hover,
.mainmenu ul.nav ul li.active > a{
  color: #5a4d9c;
}
.site-header-config .dropdown-menu{
  box-shadow: 0 0 10px #9c9c9c;
  min-width: 205px;
}
.site-header-config .dropdown-menu ul{
  padding: 0;
}
.site-header-config .dropdown-menu li{
  list-style: none;
}
.site-header-config .dropdown-menu span,
.site-header-config .dropdown-menu li a{
  color: #515151;
  display: block;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  padding: 8px 10px;
}
.site-header-config .dropdown-menu ul ul{
  border-top: 1px solid #dcdcdc;
}
.site-header-config .dropdown-menu ul ul li{
  background: #eeeeee;
  border-bottom: 1px solid #dcdcdc;
}
.site-header-config .dropdown-menu ul ul a{
  font-size: 14px;
  padding-left: 20px;
}
/*Style Paginacion*/
.pagination{
  text-align: center;
  width: 100%;
}
.pagination>li {
    display: inline-block;
}
.pagination>li>a,
.pagination>li>span,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover{
  background-color: #b5b5b5;
  border: none;
  color: #fff;
  box-shadow: 0 0 10px #ccc;
  margin: 0 4px;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{
  background: rgba(5,170,179,1);
  background: -moz-linear-gradient(45deg, rgba(5,170,179,1) 0%, rgba(11,175,172,1) 25%, rgba(19,182,160,1) 51%, rgba(31,191,143,1) 75%, rgba(38,197,134,1) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(5,170,179,1)), color-stop(25%, rgba(11,175,172,1)), color-stop(51%, rgba(19,182,160,1)), color-stop(75%, rgba(31,191,143,1)), color-stop(100%, rgba(38,197,134,1)));
  background: -webkit-linear-gradient(45deg, rgba(5,170,179,1) 0%, rgba(11,175,172,1) 25%, rgba(19,182,160,1) 51%, rgba(31,191,143,1) 75%, rgba(38,197,134,1) 100%);
  background: -o-linear-gradient(45deg, rgba(5,170,179,1) 0%, rgba(11,175,172,1) 25%, rgba(19,182,160,1) 51%, rgba(31,191,143,1) 75%, rgba(38,197,134,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(5,170,179,1) 0%, rgba(11,175,172,1) 25%, rgba(19,182,160,1) 51%, rgba(31,191,143,1) 75%, rgba(38,197,134,1) 100%);
  background: linear-gradient(45deg, rgba(5,170,179,1) 0%, rgba(11,175,172,1) 25%, rgba(19,182,160,1) 51%, rgba(31,191,143,1) 75%, rgba(38,197,134,1) 100%);
  border: none;
  color: #ffffff;
}
.pagination>li:first-child>span{
  margin-left: 4px;
}
/*Login*/

body.login{
  /*background: rgba(125,208,246,1);
  background: -moz-linear-gradient(left, rgba(125,208,246,1) 0%, rgba(121,205,247,1) 27%, rgba(106,203,248,1) 52%, rgba(74,198,251,1) 78%, rgba(49,192,253,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(125,208,246,1)), color-stop(27%, rgba(121,205,247,1)), color-stop(52%, rgba(106,203,248,1)), color-stop(78%, rgba(74,198,251,1)), color-stop(100%, rgba(49,192,253,1)));
  background: -webkit-linear-gradient(left, rgba(125,208,246,1) 0%, rgba(121,205,247,1) 27%, rgba(106,203,248,1) 52%, rgba(74,198,251,1) 78%, rgba(49,192,253,1) 100%);
  background: -o-linear-gradient(left, rgba(125,208,246,1) 0%, rgba(121,205,247,1) 27%, rgba(106,203,248,1) 52%, rgba(74,198,251,1) 78%, rgba(49,192,253,1) 100%);
  background: -ms-linear-gradient(left, rgba(125,208,246,1) 0%, rgba(121,205,247,1) 27%, rgba(106,203,248,1) 52%, rgba(74,198,251,1) 78%, rgba(49,192,253,1) 100%);
  background: linear-gradient(to right, rgba(125,208,246,1) 0%, rgba(121,205,247,1) 27%, rgba(106,203,248,1) 52%, rgba(74,198,251,1) 78%, rgba(49,192,253,1) 100%);*/

  background: rgba(0,0,0,1);
  background: -moz-linear-gradient(left, rgba(100,100,100,1) 0%, rgba(75,75,75,1) 27%, rgba(50,50,50,1) 52%, rgba(25,25,25,1) 78%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(100,100,100,1)), color-stop(27%, rgba(75,75,75,1)), color-stop(52%, rgba(50,50,50,1)), color-stop(78%, rgba(25,25,25,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(left, rgba(100,100,100,1) 0%, rgba(75,75,75,1) 27%, rgba(50,50,50,1) 52%, rgba(25,25,25,1) 78%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(left, rgba(100,100,100,1) 0%, rgba(75,75,75,1) 27%, rgba(50,50,50,1) 52%, rgba(25,25,25,1) 78%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(left, rgba(100,100,100,1) 0%, rgba(75,75,75,1) 27%, rgba(50,50,50,1) 52%, rgba(25,25,25,1) 78%, rgba(0,0,0,1) 100%);
  
  background: linear-gradient(to right, rgb(100 100 100) 0%, rgb(75 75 75) 27%, rgb(50 50 50) 52%, rgb(25 25 25) 78%, rgb(0 0 0) 100%);
}
.login .container:before{
  background: url(../images/numeros.png) no-repeat -150px 150px;
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  max-height: 607px;
  max-width: 628px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.login .container:after{
  background: url(../images/numeros.png) no-repeat 150px -150px;
  content: '';
  height: 100%;
  right: 0;
  max-height: 607px;
  max-width: 628px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.di-tiempos-login{
  background: #ffffff;
  border-radius: 10px;
  margin: 75px auto 50px;
  max-width: 510px;
  padding: 0 0 50px 0;
  text-align: center;
  width: 100%;
}
.di-tiempos-login h1{
  background: #000000;
  border: 1px solid #ffffff;
  margin: 0;
  padding: 15px 0;
  text-align: center;
}
.di-tiempos-login h2{
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  margin: 0;
  padding: 40px 0;
}
.di-tiempos-login form{
  display: inline-block;
  max-width: 330px;
  width: 100%;
}
.di-tiempos-login .form-group,
.form-apostadores .form-group{
  position: relative;
}
.di-tiempos-login label,
.form-apostadores label{
  background: #eeeeee;
  border: 1px solid #dcdcdc;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  left: 0;
  position: absolute;
  font-size: 18px;
  height: 100%;
  max-height: 42px;
  max-width: 48px;
  text-align: center;
  width: 100%;
  z-index: 9;
}
.di-tiempos-login label i,
.form-apostadores label i{
  margin-top:12px;
}
.di-tiempos-login.tiempos-form-front label span,
.form-apostadores label span{
  display: none;
}
.di-tiempos-login .input-text,
.di-tiempos-login input[type="text"],
.di-tiempos-login input[type="email"],
.di-tiempos-login input[type="password"],
.form-apostadores .input-text,
.form-apostadores input[type="text"],
.form-apostadores input[type="email"],
.form-apostadores input[type="password"]{
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  box-shadow: none;
  font-size: 18px;
  height: auto;
  line-height: 1;
  padding: 10px 10px 8px 65px;
}
.di-tiempos-login input:-webkit-autofill,
.di-tiempos-login input:-webkit-autofill:hover,
.di-tiempos-login input:-webkit-autofill:focus,
.form-apostadores input:-webkit-autofill,
.form-apostadores input:-webkit-autofill:hover,
.form-apostadores input:-webkit-autofill:focus{
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  box-shadow: none;
  font-size: 18px;
  height: auto;
  line-height: 1;
  padding: 10px 10px 8px 65px;
}
.di-tiempos-login input[type="submit"].btn-primary{
  float: right;
  margin-bottom: 10px;
  max-width: 150px;
  width: 100%;
}
.login-lost-password{
  display: inline-block;
  text-align: left;
  width: 100%;
}
.login-tel{
  font-size: 20px;
  margin-top: 20px;
}
/*Style dashboard*/
ul.dashboard-option{
  list-style: none;
  text-align: center;
}
ul.dashboard-option,
ul.dashboard-option li{
  margin: 0;
  padding: 0;
}
ul.dashboard-option li{
  color: #fff;
  display: inline-block;
  margin: 10px;
  max-width: 250px;
  padding: 10px 0 10px 40px;
  width: 100%;
}
ul.dashboard-option > li {
    padding-left: 0;
}
ul.dashboard-option a{
  background: #337ab7;
  border:1px solid transparent;
  color: #fff;
  display: block;
  font-weight: bold;
  min-height: 30px;
  padding: 20px;
  text-align: center;
  text-decoration: none;
}
ul.dashboard-option a:hover{
  background: transparent;
  border-color: #337ab7;
  color: #337ab7;
}
/*Style module user*/
.form-user .form-group{
  max-width: 450px;
}

/*Style Create Tiquete*/
.tiempos_bg_white{
  background: #fff;
  border-radius: 25px;
  box-shadow: 0 0 10px #cccccc;
  margin-bottom: 25px;
  padding: 25px;
}
.form_create_tiq{

}
.tiquete-message{
  min-height: 0;
  position: relative;
}
.tiquete-message .alert{
  position: absolute;
  top: 0;
  z-index: 9;
}
.add-number{
  margin-bottom: 10px;
}
.btn-create-tiquete,
.btn-parley-create-tiquete{
  display: none;
  margin-bottom: 10px;
}
.tiq-detail-header,
.number-detail{
  border-bottom: 1px solid #dcdcdc;
  margin: 0 0 5px 0;
  text-align: center;
}
.tiq-detail-header{
  border-bottom: 3px solid #7d7d7d;
  padding-bottom: 5px;
}
.tiq-detail-header strong{
  color: #515151;
  font-size: 18px;
  font-weight: 900;
}
.tiq-detail-body{
      margin-bottom: 15px;
    max-height: 270px;
    overflow: auto;
}
.number-detail{
  color: #7c7c7c;
}
.number-detail .form-group {
    margin-bottom: 5px;
    max-width: none;
}
.number-detail label{
  margin: 0;
}
.number-detail .btn-danger{
  font-size: 14px;
}
.single-number{
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}

.form-group-numbers{
  padding: 0;
}
.form-group-numbers .btn{
  background: none;
  border: 1px solid #5a4e9c;
  border-radius: 50%!important;
  display: inline-block;
  font-size: 13px;
  float: none;
  margin: 1px 0;
  padding: 10px 0;
  width: 40px;
}
.form-group-numbers .btn.active {
    background: #5a4e9c;
    border-color: #fff;
    color: #ffffff;
}
.form-group-numbers .btn:focus {
    outline: none;
}

.numeros-digitar .form-group-numbers{
  text-align: left;
}
.numeros-digitar .single-number{
  max-width: 78px;
}
.numeros-digitar > .form-group-numbers > .single-number:first-child .single-number-delete{
  display: none;
}

.numeros-digitar .single-number-delete{
  background: none;
  border: none;
  padding: 7px 5px;
  position: absolute;
  right: 0;
  top: 0;
}
.tiquete-group-pago{
  background: rgba(4,171,180,1);
  background: -moz-linear-gradient(left, rgba(4,171,180,1) 0%, rgba(4,170,180,1) 25%, rgba(17,180,164,1) 50%, rgba(37,196,136,1) 75%, rgba(39,198,132,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,171,180,1)), color-stop(25%, rgba(4,170,180,1)), color-stop(50%, rgba(17,180,164,1)), color-stop(75%, rgba(37,196,136,1)), color-stop(100%, rgba(39,198,132,1)));
  background: -webkit-linear-gradient(left, rgba(4,171,180,1) 0%, rgba(4,170,180,1) 25%, rgba(17,180,164,1) 50%, rgba(37,196,136,1) 75%, rgba(39,198,132,1) 100%);
  background: -o-linear-gradient(left, rgba(4,171,180,1) 0%, rgba(4,170,180,1) 25%, rgba(17,180,164,1) 50%, rgba(37,196,136,1) 75%, rgba(39,198,132,1) 100%);
  background: -ms-linear-gradient(left, rgba(4,171,180,1) 0%, rgba(4,170,180,1) 25%, rgba(17,180,164,1) 50%, rgba(37,196,136,1) 75%, rgba(39,198,132,1) 100%);
  background: linear-gradient(to right, rgba(4,171,180,1) 0%, rgba(4,170,180,1) 25%, rgba(17,180,164,1) 50%, rgba(37,196,136,1) 75%, rgba(39,198,132,1) 100%);
  border-radius: 25px;
  color: #ffffff;
  font-size: 30px;
  max-width: 350px;
  padding: 20px;
}
.tiquete-group-pago .form-group,
.tiquete-group-pago label{
  margin: 0;
}
.control-buttons{
  text-align: right;
}
/*Listado de premiados*/
.list-premiados h1,
.usuario-list h1{
  float: left;
}
.list-premiados .control-buttons,
.usuario-list .control-buttons{
  float: right;
  margin-top: 10px;
}
.control-buttons a{
  color: #5a4e9c;
  font-size: 18px;
  font-weight: 900;
}
.no-premiado{
  display: inline-block;
  width: 100%;
}
/*Create and edit Usuario*/
.usuario-create fieldset,
.usuario-edit fieldset{
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 650px;
    vertical-align: top;
    width: 100%;
}
/*Style Informe*/
.ventas-totales-consultar #sorteo_date_inicio_date,
.ventas-totales-consultar #sorteo_date_final_date{
  max-width: 115px;
}
.ventas-totales-consultar input.error{
  border:1px solid red;
}
.ventas_section_value{
  display: inline-block;
  max-width: 150px;
  vertical-align: top;
}
.ventas_section_value img.loading{
  margin:-20px;
  max-width: 55px;
}
/*Style Print Tiquete*/
.print-tiquete #tiquete-detail{
  margin-bottom: 10px;
}
.print-tiquete td,
.print-tiquete th{
  border-bottom: 1px solid #337ab7;
  padding: 5px;
}

.tiquete-group-export{
  max-width: 360px;
  width: 100%;
}
.tiquete-group-export hr{
  border-bottom: 1px solid #000000;
  margin: 10px 0;
}
.tiquete-group-export #tiquete-detail{
  color: #000000;
  font-size: 20px;
  line-height: 1.2;
  padding: 15px;
}
.tiquete-group-export .store_name{
  color: #000000;
  font-size: 20px;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1;
}
.tiquete-group-export .tiquete-detalle-table{
    font-size: 20px;
  }
.tiquete-group-export .tiquete-detalle-table th{
    text-align: left;
  }
.tiquete-group-export .tiquete-detalle-table td{
    margin: 0;
    padding: 0;
  }
.tiquete-group-export .number-border{
    border-bottom: 1px solid #000000;
  }
.tiquete-group-export .tiquete-number,
.tiquete-group-export .tiquete-monto,
.tiquete-group-export .tiquete-reventado,
.tiquete-group-export .tiquete-total{
    font-size: 22px;
  }
.tiquete-group-export .tiquete-detail-footer{
    font-size: 14px;
    width: 330px;
  }

/*Style tipo sorteo fechas*/
.btn-group-dia .btn{
  background: none;
  border: 1px solid #5a4e9c;
  border-radius: 50%!important;
  padding: 0.5em 0.2em;
  width: 30px;
}
.btn-group-mes .btn{
  background: none;
  border: 1px solid #5a4e9c;
  border-radius: 50%!important;
  height: 45px;
  padding: 0.5em 0.2em;
  width: 50px;
}
.btn-group-fechas .btn.active{
  background: #5a4e9c;
  border-color: #fff;
  color: #ffffff;
}
.btn-group-fechas .btn:focus{
  outline: none;
}
/*Style tipo sorteo evento deportivo*/
.evento-deportivo-tiquete-lists ul.data-list{
    list-style: none;
    padding: 0;
}
.evento-deportivo-tiquete-lists ul.data-list li{
  margin-bottom: 15px;
}
.evento-deportivo-tiquete-lists ul.data-list li a{
  background: #03a5e8;
  border: 1px solid #03a5e8;
  border-radius: 5px;
  color: #ffffff;
  display: block;
  padding: 5px 15px;
}
.evento-deportivo-tiquete-lists ul.data-list li:hover a{
  background: #ffffff;
  color: #03a5e8;
  text-decoration: none;
}
.tiquete-form-principal{
  text-align: center;
}
.evento-titulo{
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.evento-fecha{
  font-size: 20px;
  font-weight: bold;
}
.btn-group-resultado{
  display: block;
  margin-bottom: 25px;
}
.btn-group-resultado .btn{
  background: #6b6f82;
  border: 1px solid #6b6f82;
  color: #ffffff;
  font-size: 15px;
  display: inline-block;
  float: none;
  margin: 0 10px;
  padding: 5px 15px;
}
.btn-group-resultado .btn:hover,
.btn-group-resultado .btn.active{
  background: #ffffff;
  color: #6b6f82;
  outline: none;
}
.btn-group-resultado .btn span{
  display: block;
}
.evento-seleccion, .evento-seleccion-resultado{
  font-size: 20px;
}
.evento-titulo-monto{
  font-size: 16px;
}
.btn-group-monto{
  margin-bottom: 25px;
}
.btn-group-monto .btn{
  background: none;
  border: 1px solid #9fa2ae;
  border-radius: 5px;
  color: #000000;
  font-size: 15px;
  margin: 0 10px;
  padding: 5px 15px;
}
.evento-monto{
  background: #eceff1;
  border: 1px solid #cbcfd5;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  padding: 5px 15px;
  text-align: left;
}
/**
*** Style Apostadores
**/
/*Listado premiado apostadores*/
.apostadores-premiados-form .di-date,
.apostadores-reportes-form .di-date{
  display: inline-block;
  max-width: 120px;
}
.apostadores-premiados .list-premiados,
.apostadores-reportes-list,
.apostadores_retiro,
.apostadores-movimientos-list .list-movimientos,
.ultimo-tiquete-vendedor,
.pagospremiadosnopropio-list{
  overflow-x: auto;
}
.ball {
    display: inline-block;
    border-radius: 18px;
    box-shadow: inset -10px -10px 10px 4px #ccc;
    font-weight: bold;
    height: 36px;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    width: 36px;
}
.ball-reventado{
  background: red;
  box-shadow: inset -10px -10px 10px 4px #690808;
  color: #fff;
}
.ball-reventado-verde{
  background: #00863b;
  box-shadow: inset -10px -10px 10px 4px #013a1a;
  color: #fff;
}
/*style vendedor-transaccion-form*/
.vendedor-transaccion-form fieldset{
  border: none;
  display: inline-block;
  max-width: 950px;
  padding: 0;
  vertical-align: top;
}
/*Style Loading form site*/
.form-loading-ajax{
  display: none;
  vertical-align: top;
}
.form-loading-ajax.active{
  display: inline-block;
}
.form-loading-ajax img{
    display: inline-block;
    max-width: 70px;
    margin-left: -20px;
    margin-top: -15px;
    vertical-align: top;
}
/*Style Popup*/
.popup-overlay-fixed {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    right: 0;
    top: 0;
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    z-index: 999999;
}
.popup-wrap{
  height: 100%;
  margin: 0 auto;
  max-width: 1100px;
  position: relative;
  width: 100%;
}
.popup-skin {
    background: rgba(255, 255, 255, 1);
    border-radius: 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: rgba(0, 0, 0, 1);

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    max-height: 100%;
    padding: 30px 15px 15px;
    width: 100%;
}
.popup-inner{
  height: auto;
  max-height: 450px;
  position: relative;
  overflow: auto;
  text-align: left;
}
.popup-inner > img{
  display: block;
  margin: 0 auto;
}
.popup-inner .row {
  margin-right: 0;
  margin-left: 0;
}
.popup-close {
    background-color: rgba(0,15,51,.8);
    border-radius: 15px;
    height: auto;
    padding: 4px 10px 6px;
    position: absolute;
    right: -10px!important;
    text-align: center;
    top: -15px;
    width: auto;
    z-index: 8040;
}
.popup-close:before {
  color: #fff;
    content: "x";
    font-size: 21px;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}
.xdsoft_datetimepicker{
  z-index: 999999!important;
}
/*Style marquee*/
.marquee.active{
  background: #f19800;
  color: #fff;
  font-weight: bold;
  height: 32px;
  margin-bottom: 10px;
  margin-top: -10px;
  padding-top: 3px;
  overflow: hidden;
  text-shadow: 0 0 5px #000;
}
.marquee li{
  display: inline-block;
  margin-right: 50px;
}
/*Style Monedero*/
.monedero-box {
    background: #03a5e8;
    border-radius: 10px;
    color: #fff;
    font-size: 22px;
    padding: 5px 15px;
    width: 47%;
}
.monedero-box:last-child {
    margin-left: 5%;
}
/*Style Vendedor cierre caja*/
.vendedor-cierrecaja-item {
    margin: 0 10px;
    max-width: 295px;
    width: 100%;
}
.vendedor-cierrecaja-reporte-contador .vendedor-cierrecaja-item{
    max-width: 320px;
}
.vendedor-cierrecaja-item table{
  margin-bottom: 10px;
  width: 100%;
}
.vendedor-cierrecaja-item .date,
.vendedor-cierrecaja-item .title{
  text-align: center;
}
.vendedor-cierrecaja-item th,
.vendedor-cierrecaja-item td{
  border: 1px solid #000;
  border-collapse: collapse;
  padding: 0.1em 0.3em;
}
.vendedor-cierrecaja .btn-celeste,
.vendedor-cierrecaja .btn-morado,
.vendedor-cierrecaja .btn-yellow,
.vendedor-cierrecaja .btn-danger{
  display: inline;
  padding: 3px;
  font-size: 80%;
}
.vendedor-enviodinero-popup-inner h1{
  font-size: 28px;
}
.form-vendedor-deudas{
  display: inline;
}
@media print {
  .grupo-tiquete .tiquete-id{
		max-width: 120px;
		width: 100%;
	}
	.grupo-tiquete div{
		display: inline-block;
		vertical-align: top;
	}
}
@media (max-width:1400px){
  .site-header{
    padding-left: 15px;
    padding-right: 15px;
  }
  .mainmenu{
    max-width: 800px;
  }
  .page-content{
    padding: 0 15px;
  }
}
@media (max-width:1024px){
  .mainmenu{
    max-width: 600px;
  }
}
@media (max-width:812px){
  .site-header{
    background: #000000;
  }
  .login .container:before{
    display: none;
  }
  .login .container:after{
    background-position: 0 0;
    min-height: 560px;
  }
  .mainmenu {
    max-width: 400px;
  }
}
@media (max-width:768px){
  .site-header-logo{
    text-align: center;
    width: 100%;
  }
  .mainmenu {
    max-width: 550px;
  }
}
@media (max-width:767px){
  .site-header{
    margin-bottom: 20px;
  }
  .site-header-logo{
    margin-bottom: 50px;
  }
  .site-header-config{
    position: absolute;
    left: 0;
    right: auto;
    top: 30px;
  }
  .site-header-config > .dropdown{
    right: auto;
    top:0;
  }
  .mainmenu > ul{
    display: none;
    padding-bottom: 15px;
  }
  .mainmenu .navbar-toggle{
    position: absolute;
    right: 0;
    top: 25px;
  }
  .mainmenu > ul.nav >li{
    border-bottom: 1px solid #fff;
    display: block;
    text-align: left;
  }
  .mainmenu > ul.nav >li>a{
    padding: 10px;
  }
  .mainmenu ul.nav ul{
    position: static;
  }
  .mainmenu ul.nav li:hover > ul{
    display: inherit!important;
  }
  .mainmenu ul.nav ul li {
    padding: 5px 15px;
    text-align: left;
    width: 100%;
  }
  .mainmenu > ul.nav > li.active > a:after, .mainmenu > ul.nav >li>a:hover:after{
    display: none;
  }
  .tiquete-message {
    min-height: 0;
  }
  .monedero-box,
  .monedero-box:last-child{
    margin-bottom: 15px;
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width:480px){
  .container {
    padding-right: 10px;
    padding-left: 10px;
  }
  .tiempos_bg_white{
    padding: 25px 10px;
  }
  .site-header-config{
      right: 0;
  }
  .site-header-config > .dropdown{
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 40px;
    text-align: center;
    width: 185px;
  }
  /*.site-header-config .dropdown > a{
    font-size: 0;
  }*/
  .site-header-config .dropdown > a .fa-cogs{
    font-size: 25px;
  }
  .page-content {
      padding: 0 10px;
  }
  .di-tiempos-login form{
    padding-left: 10px;
    padding-right: 10px;
  }
  .apostadores-reportes h1{
    font-size: 28px;
  }
  .popup-close{
    right: 0px!important;
  }
  .form-group-numbers {
    padding: 0 5px;
  }
}
@media (max-width:360px){
  .apostadores-premiados-form .di-date,
  .apostadores-reportes-form .di-date{
    max-width: 105px;
  }
  .apostadores-reportes h1{
    font-size: 25px;
  }
}

.swal-wide {
  zoom: 1.5;
}

@media (max-width: 768px) {
  .swal-wide {
    zoom: 1.2;
  }
}

.fix-btn-form{
  margin-left: 15px;
}