html,
body {
    height: 100%;
}
/*clase para el background del portal*/
.bground{
  background: url("../images/Background-ByteFactory.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*overflow: scroll;*/

}

/*Esta clase controla los enlaces dentro del texto de las FAQ*/
.boton-faq a:hover a:focus{
  color: #ff7001;
  text-decoration: none; 
}

/*Esta Clase controla los enlaces de los mails*/
.text-mail{
  color: #ffa866;
}

/* Esta clase modifica el panel body de los movimiento (transparente)*/

.panel-body-transparent{
  background: transparent;
  color: #ffffff;
}

/*Esta clase edita el warning */
.alert-warning {
    color: #ff7001;
    background-color: #ffffff;
    border-color: #ebccd1;
    text-align: center;
}

/*Esta clase controla el mensaje de success del canje de puntos*/
.alert-exito {
    color: #ff7001;
    background-color: #ffffff;
    border-color: #ffffff;
    text-align: center;
}

/*Esta clase controla el texto enunciado de los catalogos*/
.text-catalogo{
  color: #ffffff;
  font-size: 40px;
  text-align: center;
}

/*Esta clase controla los textos generales*/
.bground-panel-heading {
  background: transparent;
  color: #ffffff;
}

.bground-panel-faq{
  color: #ffffff;
  border-radius:10px;
  padding-left: 2%;
}

.bground-panel-avisolegal{
  /*color: #ff7001;*/
  color: #e3e3e3;
  border-radius:10px;
  padding-left: 2%;
}

.bground-panel-contact{
  color: #ffffff;
  border-radius:10px;
  padding-left: 2%;
}

.bground-panel-catalog{
  color: #ffffff;
  border-radius:10px;
  padding-left: 2%;
  text-align: center;
}

.navbar-personalized a{
    color: #ffffff;
}

.navbar-personalized a:hover{
    text-decoration: none !important;
    background-color: transparent !important;
}

.navbar-toggle .icon-bar{
  background-color: #ffffff;
}

.navbar-personalized a:focus{
    text-decoration: none;
    background-color: transparent;
}

/*Esta Clase maneja el hover general*/
a:hover, a:focus{
    color: #ffffff;
    text-decoration: none;
}

/*.logocompany{
  position: relative;
  top: 2%;
  left: 4%;
}*/

/*cambia las propiedades por defecto del modal donde se muestra el formulario de canje*/
.modal-content{
  background: #ffffff !important;
  color: #ff7001 !important;
}

.orange-color{
  color: #ffffff !important;
}

/*clase del logo de la pagina contactanos*/
.contact-logo{
  /*padding-top: 25%;*/
   height: 100%;
   width: auto;
   margin-left: -20%;
   margin-top: 10%;
}

/*clase del div de direccion de contactanos*/
.direccion{
  margin-top: 3%;
}

/*clase que modifica el encabezado del accordion de bootstrap*/
.panel-default-personalized{
  background-color: #ffffff;
  color: #ff7001;
}


/*clase que modifica el texto del encabezado del accordion de bootstrap*/
.panel-title-personalized{
  /*background-color: #ff7001;*/
}
/*clase que modifica el texto del cuerpo del accordion de bootstrap*/
.panel-body-personalized{
  font-size: 15px;
  padding: 1%;
  background-color: #ffffff;
  color: #ff7001;
}

/*clase en la vista de contactanos para el div empresa*/

.dirempresa{
padding-left: 3%;
}

/*Clase que controla el texto de cada Dirección*/
.text-direccion{
  font-size: 25px;
  color: white;
  text-align: center;
}

/*clase que controla los mensajes de error*/
.has-error-personalized{
  color: #000000 !important;
}

/*Esta clase controla el indexform del NIF en el inicio*/
.fieldcolor{
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  text-align: center;
}

/*clase que maneja el contador de puntos */
.counter{
  text-align:center;
  text-shadow: 1px 1px #000000;
  color: #ffffff;
  font-size: 80px;
}

/*Esta Clase maneja los numeros de telefono de contacto*/
.Call{
  color: #ffffff;
  text-decoration: none;
}

.btn-personalized{
  background: #ffffff;
  color: #FF7001;
}

.btn-personalized:hover, .btn-personalized:focus, .btn-personalized:active, .btn-personalized.active {
    background: #383838;
    color: #ffffff;
}

/*Esta clase controla solo los textos de las cajas de mis movimientos y mis cupones */
.table-personalized{
    border-collapse: collapse;
    border-color: #ff7101;
    background-color: #ffffff;
    border-radius: 15px;
    color: #fe6500;
    width: 100%;
    height: 50px;
}

.table-responsive-new {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0px solid transparent;
}

th{
    background-color: #000000;
    color: #ffffff;
}

table, th, td {
    border: 1px solid  #fe6500;
    text-align: center;
    padding: 0px 5px;
}


.justify{
  text-align: justify;
}


.wrap {
    min-height: 90%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 0px 20px 0px;;
}

.footer {
    height: 60px;
    color: #ffffff;
    /*background-color: #f5f5f5;*/
    /*border-top: 1px solid #ddd;*/
    padding-top: 70px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}