html, body {
  background-color: #EEF0F4 !important;
}

.main-content-wrap,
.layout-sidebar-compact .main-content-wrap {
  background: #EEF0F4 !important;
}

.main-header,
.layout-sidebar-compact .main-header {
  background: #EEF0F4 !important;
}

.app-footer {
  background: #EEF0F4 !important;
}

.table-action-icon {
  font-size: 20px;
  color: #999;
  text-decoration: none;
  margin-right: 10px;
}

.table-action-icon:hover {
  text-decoration: none;
}


.layout-horizontal-bar .main-header .logo {
    width: 210px;
    padding-left: 40px;
}

.layout-horizontal-bar .main-header .logo img {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

.app-footer {
  background: #FFF;
  padding: 10px 0;
}

.app-footer .footer-bottom .logo {
    width: auto;
    height: auto;
    margin: 4px;
    margin-right: 20px;
}

.auth-logo img {
    width: auto;
    height: auto;
}

.form-gp {
    margin-bottom: 25px;
    position: relative;
}

/* Side search */

.wrapper-side-search {
  position: fixed;
  width: 265px;
  left: 0;
  background: #F7F7FA;
  padding: 15px;
  overflow-y: auto;
  overflow-x: hidden;
}

.wrapper-side-search.closed {
  left: -265px;
}

.side-search-toggle {
  position:fixed;
  left: 265px;
}

.side-search-toggle.closed {
  left: 0;
}

.side-search-toggle-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 6px;
  background: #DDD;
  border-radius: 0 5px 5px 0;
}

.side-search hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

.side-search .form-group {
  margin-bottom: 5px;
}

.side-search .form-control {
  background-color: #FFF;
  height: auto;
}

.side-search label{
  font-size: 11px;
  margin-bottom: -2px;
}

.side-search input, .side-search select {
  font-size: 11px;
}

.side-search .custom-control {
  padding-left: 0;
}

.side-search .custom-control-label::before {
  top: 0.05rem;
}

.main-list {
  position: relative;
  width: calc(100% - 265px);
  left: 265px;
}

.side-search-animation{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.main-list.full {
  width: 100%;
  left: 0;
}

/* Side search RESPONSIVE */

@media only screen and (min-width: 0px) {

  .wrapper-side-search {
    height: calc(100vh - 70px);
    top: 70px;
  }

  .side-search-toggle {
    top: calc(50% + 35px);
  }
}

@media only screen and (min-width: 577px) {

  .wrapper-side-search {
    height: calc(100vh - 80px);
    top: 80px;
  }

  .side-search-toggle {
    top: calc(50% + 40px);
  }
}


@media only screen and (min-width: 769px) {

  .wrapper-side-search {
    height: calc(100vh - 128px);
    top: 128px;
  }

  .side-search-toggle {
    top: calc(50% + 64px);
  }
}


.hide-element {
  display: none;
}

.login-bg-1 {
  background: url(../images/fondo_portada.svg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.login-bg-2 {
  background: url(../images/fondo_portada.svg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.login-bg-3 {
  background: url(../images/fondo_portada.svg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Chart js tooltip for merchant account horizontal bar graph*/

#chartjs-tooltip {
  background: rgba(0,0,0,0.7);
  border-radius: 4px;
  color: #FFF;
}

#chartjs-tooltip tr td {
  padding: 0 !important;
}

/* Movida para anyadir una flechita custom a los selects, la plantilla no la muestra */
select.form-control {
  /* styling */
  background-color: white;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* arrow */
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.form-control:focus{
  background-image:
      linear-gradient(45deg, green 50%, transparent 50%),
      linear-gradient(135deg, transparent 50%, gray 50%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.table th, .table td {
    vertical-align: middle;
}



/* LIVE VIEW row colors */

.row-processing {
  background: rgba(255,193,7,0.2);
}

.row-approved {
  background: rgba(76,175,80,0.2);
}

.row-declined {
  background: rgba(244,67,54,0.2);
}

.row-timeout {
  background: rgba(187,187,187,0.2);
}

.dropdown-header .text {
  font-weight: bold;
}

.btn-light, .btn-light.dropdown-toggle {
  background-color: #FFF;
}

.layout-horizontal-bar .header-topnav .topnav ul ul li {
  width: 250px;
}

.card-icon-bg .card-body .content {
  max-width: 100%;
}

.ul-widget5__stats {
    padding-right: 3rem;
}

.ul-widget5__stats:last-child {
    padding-right: 0;
}

.table-reporting .table-action-icon {
  margin-right: 0;
  color: #DDD;
}

.table-reporting .table-action-icon:hover {
  color: #663399;
}

.ul-widget4__title {
  color: #663399 !important;
}

.table-reporting tr {
  border-bottom: 1px dashed #EEE;
}

.table-reporting tr:last-child {
  border-bottom: 0;
}

.table-reporting td {
  padding: 1rem 0.75rem;
}

.table-reporting .delete-row{
  display: none;
}


/* Alerts */

.alert-read {
  background: #F3F3F3;
}


/* Settlement show view */

.table-type-normal th, .table-type-normal thead th {
  border-top: 0;
  font-size: 1rem;
  padding: 0.3rem;
}

.table-type-normal td {
  font-size: 1rem;
  border-bottom: 1px solid #dee2e6;
  padding: 0.3rem;
}

.table-type-danger th, .table-type-danger thead th {
  border-top: 0;
  border-bottom: 2px solid #7f231c;
}

.table-type-danger td {
  border-bottom: 1px solid #7f231c;
}

.table-type-info th, .table-type-info thead th {
  border-top: 0;
  border-bottom: 2px solid #001b3c;
}

.table-type-info td {
  border-bottom: 1px solid #001b3c;
}

.hide-column {
  display: none;
}

.settle-header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #DDD;
}

.settle-period-title{
  letter-spacing: -0.3px;
  margin-bottom: 3px;
}

.nowrap {
  white-space: nowrap;
}

.settle-status-title{
  letter-spacing: -0.3px;
  margin-bottom: 0;
}

.settle-alert {
  padding: 2rem 3rem;
}

.settle-fees-header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.dtpicker-mini + .bootstrap-datetimepicker-widget {
  font-size: 10px !important;
}

.dtpicker-mini + .bootstrap-datetimepicker-widget table td span, .dtpicker-mini + .bootstrap-datetimepicker-widget table td i {
    width: 45px !important;
}

.dtpicker-mini + .bootstrap-datetimepicker-widget .timepicker-picker td.separator {
  display: none;
}


.form-control-sm {
    height: auto;
}

@media only screen and (max-width: 580px) {
  .layout-horizontal-bar .main-header .logo {
      padding-left: 0;
  }
}


@media only screen and (max-width: 798px) {
  .ul-widget5__stats {
      padding-right: 0;
      margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1140px) {
  .table-reporting td, .table-reporting td div, .table-reporting td span{
    display: block;
    width: 100%;
    text-align: center;
  }
}