@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}

body{
  font: 400 12px/1.42857 "Open Sans",Helvetica,Arial,sans-serif;
  table-layout: fixed;
  width: 100vw;
}
#body-login{
  background-color: #EFF1F2;
}

html, body, .height-100, .list-group{
  height: 100%;
}

label{font-size:13px;}

.form-control, input[type="text"], input[type="search"], input[type="password"], textarea, select {
    display: block;
    width: 100%;
    height: 31px;
    padding: 2px 8px;
    font-size: 12px !important;
    line-height: 1.42857;
    color: #555;
    background-color: #F5F8F9;
    background-image: none;
    border: 1px solid #C7D6DB;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}
.form-control-sm {
    height: 2em !important;
    padding-top: 0 !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
    border-radius: .2rem !important;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    background-color: #FEFBE2;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
input[aria-invalid=true], select[aria-invalid=true] {
    background-color: #f9cce1;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.input-group-text{
  padding: .1rem .75rem !important;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.42857;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn.btn-primary {
    background-color: #00aff0;
    color: #fff;
    text-transform: uppercase;
    transition: .3s cubic-bezier(.175, .885, .32, 1.275) background-color !important;
}

.btn.btn-primary:hover {
    background-color: #008abd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-default{
  color: #363A41;
    background-color: #fff;
    border-color: #DEDEDE;
    font-size:12px;
}
.btn.btn-warning{
  font-size:12px;
}
.btn.btn-default:hover {
    color: #fff;
    background-color: #00aff0;
    border-color: #008abd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#formLogin{
  width: 100%;
    padding: 40px;
    position: absolute;
    transition: .6s;
    transform-style: preserve-3d;
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    background-color: #fff;
    border: 1px solid transparent;
}

#formLogin h4{
  text-align: center;
  font-size: 15px;
  margin-top: 8.5px;
    margin-bottom: 27px;
    font-weight: 700;
    line-height: 1.1;
    
}

nav.navbar{
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  display:block;
}
nav.navbar strong{
  font-size:23px;
  display: inline-block;
  font-weight: normal;
}
.header-usuario{
  color:#cccccc;
  font-weight:bold;
  font-size:14px
}

.header-usuario .logout{
  font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
    font: 400 13px/1.42857 "Open Sans",Helvetica,Arial,sans-serif;
}

#content-container{
  /*margin-top: 65px;*/
}

[class^="icon-"], [class*=" icon-"] {
  line-height: inherit;
}
a {
  color: #cccccc;
}

.error-form{
  color: #a94442;
}
#mygroup-error{
  margin:auto;
}

h3{
  font-size: 1.3rem;
  margin-top:20px;
}
h5.modal-title{
  color: #cccccc;
  font-size: 17px;
}
.modal-header{
  padding: .5rem 1rem;
}

.btn{
  line-height: normal;
  padding: 7px;
  font-size: 15px;
}
.btn-group-sm>.btn, .btn-sm {
  padding: .25rem .5rem;
  font-size: .7rem;
  line-height: 1.5;
  border-radius: .2rem;
}

.btn-blank{
  border-color: #a7aaad;
  background: #fff;
  color: #3f4244;
}
.btn-blank:hover{
  background: #a7aaad;
}
.custom-select-sm, .form-control-sm{
  height: 2em;
  padding-top: 0;
  padding-bottom: 0;
}
.form-control{
  font-size: 12px !important;
}
.form-control:focus {
  border-color: #cccccc;
  box-shadow: 0 0 0 0.1rem #cccccc40;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group .menu-group{
  background: #cccccc;
  color: #fff;
  font-weight: 700;

}

.list-group-item{
  color: #cccccc;
  padding: .3rem .25rem .3rem .5rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}
#sidebar-wrapper {
  background: #363A41;
}
#sidebar-wrapper .list-group .menu-group{
  background: #cccccc;
  color: #fff;
  font-weight: 700;

}

.list-group-item{
  color: #d8d8d8;
  padding: .3rem .25rem .3rem 1rem;
  background: #363A41;
}

nav{
  background: #fff;
  height:65px;
}

.navbar-toggle{
  transition: all linear 1s;
  color: #6C868E;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 2.3em;
    border: 0;
    background: none;
    font-size: 16px;
}

.container-h1{
  border-bottom: #DFDFDF 1px solid;
  border-top: #DFDFDF 1px solid;
  background: #fff;
  display: flex;
  margin-left: -15px;
  position: fixed;
    width: 100%;
    top: 65px;
    z-index: 999;
}

.container-h1 h1{
  float: left;
    position: relative;
    margin: 0;
    font: 15pt "Open Sans",Helvetica,Arial,sans-serif;
    color: #363A41;
    white-space: nowrap;
    padding: 13px 0 18px 20px;
    border: 0;
}

#contenido{
  margin-top: 146px;
  border-color: #d3d8db !important;
}
.table{
  color: #666;
}
.table-bordered-down td, .table-bordered-down th {
    border-bottom: 1px solid #dee2e6;
}

.date-container{
  display:inline-flex
}

.table thead>tr.filter>td {
    border: none;
    font-weight: normal;
    vertical-align: top;
    border-bottom: solid 1px #a0d0eb;
    background-color: #ecf6fb;
}

.dropdown-item{
  font-size: 12px;
  display: block;
    padding: 3px 20px;
    
    line-height: 1.5;
    color: #363A41;
    white-space: nowrap;
    
}
.pagination_number_items{
  justify-content: center;
}

.pagination_number_items [class^="icon-"], .pagination_number_items [class*=" icon-"]{
  font-size: inherit;
}

.pagination_number_items > ul > li > a{
  display: block;
    padding: 5px 10px;
    list-style: none;
    font-size: 12px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}

.pagination {
    padding-left: 0;
    border-radius: 3px;
    float:right;
}

.pagination>li:first-child>a, .bootstrap .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 8px;
    line-height: 1.42857;
    text-decoration: none;
    color: #00aff0;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #00aff0;
    border-color: #00aff0;
    cursor: default;
}

.list-group-item-action:focus, .list-group-item-action:hover{
  background: #282b30;
    color: #fff;
}

#dropdown-usuarios .btn-group{
  height: 34px;
}
#dropdown-usuarios .dropdown-toggle::after{
  vertical-align: 16px;
}
#dropdown-usuarios .dropdown-menu>li>a {
  font-size:12px;
    display: block;
    padding: 5px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}
#dropdown-usuarios .dropdown-menu>li>a:hover, #dropdown-usuarios .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #00aff0;
}

#formMargenPVP span{
  font-size:17px;
}

#formMargenPVP button{
  width: 121px;
  margin: auto;
}

.msg-success{
  border: 1px solid green;
  background-color: #d5f1d5;
  color: green;
  font-weight: bold;
  padding: 12px;
  margin-bottom: 20px;
  display: none;
}

.tableFixHead { overflow-y: auto; height: 100vh;padding:0 }
.tableFixHead table  { border-collapse: collapse; width: 100%; }
.tableFixHead thead th { position: sticky; top: -1px;border-bottom: 1px solid #ddd;padding: 13px 15px; vertical-align: initial; }
.tableFixHead thead, .tableFixHead thead tr, .tableFixHead thead th {background-color:#fff;}
.tableFixHead th {
  box-shadow: inset 0 0 #eee, 0 1px #333;
}

@media (max-width: 991px) {
  #h3_detalles{
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    display: block;
    position: fixed;
    height: 100%;
    top: 65px;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
  #content {
    margin-left: 158px;
  }
  #content.no-admin {
    margin-left: 0;
  }
  #body-login #content {
    margin-left: 0;
  }
  #content {
    background: #EFF1F2;
  }
}

@media (max-width: 767px) {
  
  #sidebar-wrapper{
    position: absolute;
    width: 100%;
    height:100%;
    z-index: 100;
    border-bottom: 1px solid #cccccc;
    top: 45px;
  }
  #mobile-nav{
    padding:0;
  }
  nav.navbar strong {
    font-size: 11px;
  }
  nav{
    height:45px;
    border-bottom: 1px solid #dee2e6;
  }
  #content-container {
    margin-top: 45px;
  }
  h1, .h1{
    font-size:1rem;
  }
  nav.navbar img{
    height: 25px;
  }
  .list-group-item{
    background-color: #363A41;
  }
  .list-group-item{
    color: #c3c4c6;
    border: 1px solid #6c868e;
  }
  .container-h1{
    top: 44px;
  }
}

#resumen-cuenta-puntos button:last-child{
  margin-right: 10px;
}

#table-clientes tr{
  cursor:pointer;
}
.input-group-addon{
  padding: 2px 9px 0px;
  border: 1px solid #ccc;
  background-color: #F5F8F9;
}
.input-group-append.input-group-addon{
  padding: 5px 9px 0px;
  border: 1px solid #ccc;
  background-color: #F5F8F9;
}

.daterange input[type=text]{
  max-width:100px;
}

/*
 * DATEPICKER
 */
.datepicker {
  transform: translate(0, 0);
}
.datepicker-days table{
  font-size: 13px;
}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{
    background-color: #cccccc;
    background-image: -moz-linear-gradient(to bottom,#cccccc,#cccccc);
    background-image: -ms-linear-gradient(to bottom,#cccccc,#cccccc);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#cccccc),to(#cccccc));
    background-image: -webkit-linear-gradient(to bottom,#cccccc,#cccccc);
    background-image: -o-linear-gradient(to bottom,#cccccc,#cccccc);
    background-image: linear-gradient(to bottom,#cccccc,#cccccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc', GradientType=0);
    border-color: #cccccc #cccccc #cccccc;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}

.leyenda_puntos{
  font-size:12px;
}

.color{
  width: 13px;height: 13px;float: left;
}
.color.espera{
  background-color:#f9d99f;
}
.color.disponible{
  background-color:#cbf7dc;
}
.color.anulada{
  background-color:#f5cfcf;
}
.color.gastados{
  background-color:#e6e4e4;
}
#modalAddPuntos input[type=number]{
  max-width: 75px
}

.euro_symbol{
  margin-top: 4px;
  margin-left: 5px;
  font-size: 16px;
}