/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

#cupon-descuento {
  margin-top: 5px;
  margin-bottom: 5px;
  /*width: 346px;*/
  width: 300px;
  height: 569px;
  background-image: url(../img/cupon/cupon300.png);
}

.cupon-descuento {
  margin-top: 5px;
  margin-bottom: 5px;
  /*width: 346px;*/
  width: 300px;
  height: 569px;
  background-image: url(../img/cupon/cupon300.png);
}

.cupon-descuento-desactivado {
  margin-top: 5px;
  margin-bottom: 5px;
  /*width: 346px;*/
  width: 300px;
  height: 569px;
  background-image: url(../img/cupon/cupon300-gray.png);
}

.img-desactivada{
  filter: grayscale(100%);
}

.img-activada{
  filter: grayscale(0%);
}

html {
  height: 100%;
}

.titulo-aplicacion {
  margin-top: 10px;
  font-size: 24px;
  letter-spacing: -1;
  font-weight: 300;
  /*font-family: "Open Sans", Arial, Helvetica, Sans-Serif;*/
  font-family: "Graphik Regular", Arial, Helvetica, Sans-Serif;
  min-width: 400px;
  color: white;
}

.fixed-ribbon #content {
  padding-top: 10px;
}

body {
  /* font-family: "Montserrat", sans-serif; */
  font-family: "Graphik Regular", sans-serif;
  overflow: hidden;
}

h1,
h2,
h3,
h4 {
  font-family: "Graphik Regular", sans-serif;
  /* font-family: "Montserrat", sans-serif; */
}

body:not(.menu-on-top).desktop-detected {
  min-height: 300px !important;
}

app-root,
app-main-layout {
  min-height: 300px !important;
}

.page-footer-login {
  padding-left: 30px;
}

/*Tablas datos*/

/*table.tabla-datos thead,*/
table.tabla-datos tbody,
table.tabla-datos tr,
table.tabla-datos td,
table.tabla-datos th {
  display: block;
}

table.tabla-datos tr:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
}

/*table.tabla-datos thead th {
   height: 30px;
}*/

table.tabla-datos tbody {
  /*height: 385px;*/
  overflow-y: auto !important;
}

table.tabla-datos thead {
  /* fallback */
}

table.tabla-datos td {
  min-height: 30px;
}

table.tabla-datos tbody td,
table.tabla-datos thead th {
  float: left;
}
/* FIN Tablas datos*/

.jarviswidget {
  position: static;
}

a.jarviswidget-fullscreen-btn {
  display: none;
}

.smart-form .btn-labeled {
  /* Si no lo hacemos así, dentro de smartform sale mal*/
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.smart-form footer .btn-label {
  padding-top: 0px !important;
  padding-right: 12px;
  padding-bottom: 0px !important;
  padding-left: 12px;
}

.smart-form footer .btn {
  font-family: Graphik Regular, sans-serif !important;
  /* font-family: Montserrat, sans-serif !important; */
  font-size: 13px !important;
  font-weight: 400 !important;
}

.btn-inside-smart-form {
  height: 31px;
  margin: 0px 0 0 5px;
  padding: 0 22px;
  cursor: pointer;
  box-sizing: border-box;
}
/****************************************************/

#cabecera-tabla {
  margin-top: 50px;
}

#contenedor-lineas {
  margin-top: 10px;
  overflow: auto;
}

.clipped {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.botonera-acciones {
  float: right;
  min-height: 30px;
}

.requerido {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  /*font-size: 75%;*/
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #a90329;
}

.ayuda {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  /*font-size: 75%;*/
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.lista-errores {
  overflow: auto;
  /* height: 70px; */
  max-height: 70px;
}

.parrafo-explicativo {
  margin-left: 0;
  margin-right: 0;
  border-width: 1px;
  border-color: #ddd;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
  /*position: relative;*/
  padding: 15px 15px 15px;
  margin: 0 0 15px;
  border-color: #e5e5e5 #eee #eee;
  border-style: solid;
  border-width: 1px;
}

.no-hasinput {
  height: 24px;
}

.grid-cell {
  padding-top: 3px;
  padding-bottom: 3px;
}

.wrapper-campo-tabla {
  padding: 2px 10px;
}

.wrapperFecha {
  padding: 0px !important;
  border: 0px !important;
}

.comparadorFecha {
  width: 45px !important;
}

.wrapper-campo-formulario {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.wrapper-campo-formulario-select {
  margin-left: 10px !important;
  margin-right: 30px !important;
}

.wrapper-formulario-modal {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.wrapper-campo-formulario-modal {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.wrapper-inner-widget {
  padding-top: 15px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.clickable {
  cursor: pointer;
}

/**********INFINITE-SCROLL*******************/
.search-results-infinite-scroll {
  height: 100%;
}

.record-infinite-scroll-odd {
  background: #ffffff;
}

.record-infinite-scroll-even {
  background: #eeeeee;
}
/**********TOOLTIP*******************/
/*
'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
*/

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  /*font-family:"Open Sans",Arial,Helvetica,Sans-Serif;*/
  font-family: "Graphik Regular", sans-serif;
  /* font-family: "Montserrat", sans-serif; */
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
  background-color: rgba(0, 0, 0, 0);
}

.tooltip-inner {
  color: #000;
  background-image: radial-gradient(#d2bba0, #9f7e69);
  opacity: 1;
  filter: alpha(opacity=1);
  border-radius: 6px;
  border: 2px solid #22262e;
  font-weight: 800;
  font-family: "Graphik Regular", sans-serif;
  /* font-family: "Montserrat", sans-serif; */
  font-weight: 200;
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #22262e;
}

.tooltip.top-left .tooltip-arrow {
  border-top-color: #22262e;
}

.tooltip.top-right .tooltip-arrow {
  border-top-color: #22262e;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #22262e;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #22262e;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #22262e;
}

.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #22262e;
}

.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #22262e;
}

.smart-style-1 .tooltip-inner {
  border: 2px solid #ffffff;
  background-color: #000000;
  background-image: linear-gradient(#000000, #000000);
  color: #ffffff;
}

.smart-style-1 .tooltip.top .tooltip-arrow {
  border-top-color: #000000;
}

.smart-style-1 .tooltip.top-left .tooltip-arrow {
  border-top-color: #000000;
}

.smart-style-1 .tooltip.top-right .tooltip-arrow {
  border-top-color: #000000;
}

.smart-style-1 .tooltip.right .tooltip-arrow {
  border-right-color: #000000;
}

.smart-style-1 .tooltip.left .tooltip-arrow {
  border-left-color: #000000;
}

.smart-style-1 .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #000000;
}

.smart-style-1 .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #000000;
}

.smart-style-1 .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #000000;
}

.smart-style-2 .tooltip-inner {
  border: 1px solid #2c3742;
  background-color: #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff);
  color: #2c3742;
}

.smart-style-2 .tooltip.top .tooltip-arrow {
  border-top-color: #2c3742;
}

.smart-style-2 .tooltip.top-left .tooltip-arrow {
  border-top-color: #2c3742;
}

.smart-style-2 .tooltip.top-right .tooltip-arrow {
  border-top-color: #2c3742;
}

.smart-style-2 .tooltip.right .tooltip-arrow {
  border-right-color: #2c3742;
}

.smart-style-2 .tooltip.left .tooltip-arrow {
  border-left-color: #2c3742;
}

.smart-style-2 .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #2c3742;
}

.smart-style-2 .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #2c3742;
}

.smart-style-2 .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #2c3742;
}

.smart-style-3 .tooltip-inner {
  border: 1px solid #f78c40;
  background-color: #985813;
  background-image: linear-gradient(#985813, #985813);
  color: #ffffff;
}

.smart-style-3 .tooltip.top .tooltip-arrow {
  border-top-color: #f78c40;
}

.smart-style-3 .tooltip.top-left .tooltip-arrow {
  border-top-color: #f78c40;
}

.smart-style-4 .tooltip.top .tooltip-arrow {
  border-top-color: #3a3f51;
}

.smart-style-3 .tooltip.top-right .tooltip-arrow {
  border-top-color: #f78c40;
}

.smart-style-3 .tooltip.right .tooltip-arrow {
  border-right-color: #f78c40;
}

.smart-style-3 .tooltip.left .tooltip-arrow {
  border-left-color: #f78c40;
}

.smart-style-3 .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #f78c40;
}

.smart-style-3 .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #f78c40;
}

.smart-style-3 .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #f78c40;
}

.smart-style-4 .tooltip-inner {
  border: 1px solid #3a3f51;
  background-color: #71a06a;
  background-image: linear-gradient(#71a06a, #71a06a);
  color: #ffffff;
}

.smart-style-4 .tooltip.top-left .tooltip-arrow {
  border-top-color: #3a3f51;
}

.smart-style-4 .tooltip.top-right .tooltip-arrow {
  border-top-color: #3a3f51;
}

.smart-style-4 .tooltip.right .tooltip-arrow {
  border-right-color: #3a3f51;
}

.smart-style-4 .tooltip.left .tooltip-arrow {
  border-left-color: #3a3f51;
}

.smart-style-4 .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #3a3f51;
}

.smart-style-4 .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #3a3f51;
}

.smart-style-4 .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #3a3f51;
}

.smart-style-5 .tooltip-inner {
  border: 1px solid #ffffff;
  background-color: #000000;
  background-image: linear-gradient(#000000, #000000);
  color: #ffffff;
}

.smart-style-5 .tooltip.top .tooltip-arrow {
  border-top-color: #ffffff;
}

.smart-style-5 .tooltip.top-left .tooltip-arrow {
  border-top-color: #ffffff;
}

.smart-style-5 .tooltip.top-right .tooltip-arrow {
  border-top-color: #ffffff;
}

.smart-style-5 .tooltip.right .tooltip-arrow {
  border-right-color: #ffffff;
}

.smart-style-5 .tooltip.left .tooltip-arrow {
  border-left-color: #ffffff;
}

.smart-style-5 .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #ffffff;
}

.smart-style-5 .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #ffffff;
}

.smart-style-5 .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #ffffff;
}

/**********POPOVER*******************/
/*.popover-explicacion{
   padding: 7px;
   background-image:radial-gradient( #D2BBA0, #9F7E69);
}*/

.popover-explicacion {
  text-align: center;
}

.popover {
  font-family: "Graphik Regular", sans-serif;
  /* font-family: "Montserrat", sans-serif; */
  color: #000;
  background-image: radial-gradient(#d2bba0, #9f7e69);
  opacity: 1;
  filter: alpha(opacity=1);
  border-radius: 6px;
  border: 2px solid #22262e;
  font-weight: 800;
  font-weight: 200;
}

.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 13px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 2px 2px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover.top > .arrow {
  border-top-color: #22262e;
}
.popover.top > .arrow:after {
  border-top-color: #22262e;
}
.popover.right > .arrow {
  border-right-color: #22262e;
}
.popover.right > .arrow:after {
  border-right-color: #22262e;
}
.popover.bottom > .arrow {
  border-bottom-color: #22262e;
}
.popover.bottom > .arrow:after {
  border-bottom-color: #22262e;
}
.popover.left > .arrow {
  border-left-color: #22262e;
}
.popover.left > .arrow:after {
  border-left-color: #22262e;
}

.smart-style-1 .popover {
  border: 2px solid #ffffff;
  background-color: #000000;
  background-image: linear-gradient(#000000, #000000);
  color: #ffffff;
}
.smart-style-1 .popover.top > .arrow {
  border-top-color: #22262e;
}
.smart-style-1 .popover.top > .arrow:after {
  border-top-color: #22262e;
}
.smart-style-1 .popover.right > .arrow {
  border-right-color: #22262e;
}
.smart-style-1 .popover.right > .arrow:after {
  border-right-color: #22262e;
}
.smart-style-1 .popover.bottom > .arrow {
  border-bottom-color: #22262e;
}
.smart-style-1 .popover.bottom > .arrow:after {
  border-bottom-color: #22262e;
}
.smart-style-1 .popover.left > .arrow {
  border-left-color: #22262e;
}
.smart-style-1 .popover.left > .arrow:after {
  border-left-color: #22262e;
}

.smart-style-2 .popover {
  border: 1px solid #2c3742;
  background-color: #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff);
  color: #2c3742;
}
.smart-style-2 .popover.top > .arrow {
  border-top-color: #2c3742;
}
.smart-style-2 .popover.top > .arrow:after {
  border-top-color: #2c3742;
}
.smart-style-2 .popover.right > .arrow {
  border-right-color: #2c3742;
}
.smart-style-2 .popover.right > .arrow:after {
  border-right-color: #2c3742;
}
.smart-style-2 .popover.bottom > .arrow {
  border-bottom-color: #2c3742;
}
.smart-style-2 .popover.bottom > .arrow:after {
  border-bottom-color: #2c3742;
}
.smart-style-2 .popover.left > .arrow {
  border-left-color: #2c3742;
}
.smart-style-2 .popover.left > .arrow:after {
  border-left-color: #2c3742;
}

.smart-style-3 .popover {
  border: 1px solid #f78c40;
  background-color: #985813;
  background-image: linear-gradient(#985813, #985813);
  color: #ffffff;
}
.smart-style-3 .popover.top > .arrow {
  border-top-color: #f78c40;
}
.smart-style-3 .popover.top > .arrow:after {
  border-top-color: #f78c40;
}
.smart-style-3 .popover.right > .arrow {
  border-right-color: #f78c40;
}
.smart-style-3 .popover.right > .arrow:after {
  border-right-color: #f78c40;
}
.smart-style-3 .popover.bottom > .arrow {
  border-bottom-color: #f78c40;
}
.smart-style-3 .popover.bottom > .arrow:after {
  border-bottom-color: #f78c40;
}
.smart-style-3 .popover.left > .arrow {
  border-left-color: #f78c40;
}
.smart-style-3 .popover.left > .arrow:after {
  border-left-color: #f78c40;
}

.smart-style-4 .popover {
  border: 1px solid #3a3f51;
  background-color: #71a06a;
  background-image: linear-gradient(#71a06a, #71a06a);
  color: #ffffff;
}
.smart-style-4 .popover.top > .arrow {
  border-top-color: #3a3f51;
}
.smart-style-4 .popover.top > .arrow:after {
  border-top-color: #3a3f51;
}
.smart-style-4 .popover.right > .arrow {
  border-right-color: #3a3f51;
}
.smart-style-4 .popover.right > .arrow:after {
  border-right-color: #3a3f51;
}
.smart-style-4 .popover.bottom > .arrow {
  border-bottom-color: #3a3f51;
}
.smart-style-4 .popover.bottom > .arrow:after {
  border-bottom-color: #3a3f51;
}
.smart-style-4 .popover.left > .arrow {
  border-left-color: #3a3f51;
}
.smart-style-4 .popover.left > .arrow:after {
  border-left-color: #3a3f51;
}

.smart-style-5 .popover {
  border: 1px solid #ffffff;
  background-color: #000000;
  background-image: linear-gradient(#000000, #000000);
  color: #ffffff;
}

.smart-style-5 .popover.top > .arrow {
  border-top-color: #ffffff;
}
.smart-style-5 .popover.top > .arrow:after {
  border-top-color: #ffffff;
}
.smart-style-5 .popover.right > .arrow {
  border-right-color: #ffffff;
}
.smart-style-5 .popover.right > .arrow:after {
  border-right-color: #ffffff;
}
.smart-style-5 .popover.bottom > .arrow {
  border-bottom-color: #ffffff;
}
.smart-style-5 .popover.bottom > .arrow:after {
  border-bottom-color: #ffffff;
}
.smart-style-5 .popover.left > .arrow {
  border-left-color: #ffffff;
}
.smart-style-5 .popover.left > .arrow:after {
  border-left-color: #ffffff;
}

/** IBNPUTS **/

/* .smart-form .input input,
.smart-form .select select,
.smart-form .textarea textarea {
  border-top: none;
  border-left: none;
  border-right: none;
}

.input-xs,
.input-sm,
.input-lg {
  border-top: none;
  border-left: none;
  border-right: none;
} */

.wrapper-address {
  margin-left: 0;
  margin-right: 0;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
  position: relative;
  padding: 15px 15px 0px;
  margin: 0 0 15px;
  border-color: #e5e5e5 #eee #eee;
  border-style: solid;
  border-width: 1px;
}

.smart-style-5 .wrapper-address {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.wrapper-email {
  margin-left: 0;
  margin-right: 0;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
  position: relative;
  padding: 15px 15px 0px;
  margin: 0 0 15px;
  border-color: #e5e5e5 #eee #eee;
  border-style: solid;
  border-width: 1px;
}

.smart-style-5 .wrapper-email {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.wrapper-contenedores {
  padding: 5px;
  padding-bottom: 20px;
}

.wrapper-contenedor-colecciones {
  margin-top: 15px;
}

.wrapper-telefono {
  margin-left: 0;
  margin-right: 0;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
  position: relative;
  padding: 15px 15px 0px;
  margin: 0 0 15px;
  border-color: #e5e5e5 #eee #eee;
  border-style: solid;
  border-width: 1px;
}

.smart-style-5 .wrapper-telefono {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.wrapper-permiso {
  margin-left: 0;
  margin-right: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
  position: relative;
  padding: 15px 15px 0px;
  margin: 0 0 15px;
  border-color: #e5e5e5 #eee #eee;
  border-style: solid;
  border-width: 1px;
}

.smart-style-5 .wrapper-telefono {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.smart-style-5 #jarviswidget-fullscreen-mode {
  background: rgba(30, 54, 144) !important;
}

/** Summernote **/
.note-editor.note-frame .note-editing-area .note-editable {
  padding: 20px !important;
}

.texto-vertical {
  transform: rotate(-90deg);
}

.idioma-footer {
  color: #FFFFFF;
  top: -10px;
  position: relative;
}

.idioma-footer-resaltado {
  /* color:  #d06526; */
  color:  #E1C8F0;
}

.oculto {
  display: none!important;
}