.uk-input, .uk-select, .uk-textarea{
	box-shadow: inset 0 0 4px -1px rgba(0,0,0,0.2);
	background: #fafafa;
}
#backoffice .icon {width: 1em;height: 1em;vertical-align: -.125em;}
#backoffice .loading-indicator{z-index: 200;}
#list-teams tbody > tr{
    background-color: rgba(255,255,255,0.8);
    transition:background-color 0.4s ease-in-out 0s;
    	-moz-transition:background-color 0.4s ease-in-out 0s;
    	-ms-transition:background-color 0.4s ease-in-out 0s;
    	-o-transition:background-color 0.4s ease-in-out 0s;
    	-webkit-transition:background-color 0.4s ease-in-out 0s;
}
#list-teams tbody > tr.highlight{background-color: #19a8bb1c;}
#list-teams tbody > tr.ui-sortable-helper > td{max-width:200px;}
#list-teams tbody > tr > td.portlet-header > span{opacity:0;cursor:pointer;}
#list-teams tbody > tr:hover > td.portlet-header > span{opacity:1;}
#list-teams tbody > tr.ui-sortable-placeholder{background-color:#f4f4f4;}
.color-input.uk-input {max-width: 230px;border-radius: 5px 5px 0 0;border: none;}
.huebee.is-static-open .huebee__container{border-radius: 0 0 5px 5px;}

.uk-subnav.tabs-custom {margin-bottom: 0;margin-left: 0;}
.uk-subnav.tabs-custom > li > a {padding: 20px 30px;}
.uk-subnav.tabs-custom > li {padding-left: 0;}
.uk-subnav.tabs-custom > li:not(:last-child) {border-right: 1px solid #cbc7c7;}
#backoffice #container-backoffice ul.tabs-custom {background-color: #dcdcdc;}
.uk-subnav.tabs-custom + form > .uk-switcher {padding: 30px;}
.uk-subnav.tabs-custom > li.uk-active > a {background-color: #fff;color: #19a8bb;}
.uk-icon-button.uk-button-small {
  padding: 0 10px;
  line-height: 10px;
  font-size: 1rem;
  width: 30px;
  height: 30px;
}
.uk-icon-button.uk-button-success,
.uk-icon-button.uk-button-warning { color:#fff; }
.uk-icon-button.uk-button-success { background-color: #149f83; }
.uk-icon-button.uk-button-warning { background-color: #f4516c; }
.list-tags-copy {list-style: none;padding: 0;}
.list-tags-copy > li {
  display: inline-block;
  padding: 3px 5px;
  background-color: #f4f4f4;
  margin: 2px 0;
  opacity: 0.6;
}
.list-tags-copy > li > a {
  color: #000;
  font-size: 14px;
  text-decoration: none;
}
.list-tags-copy > li:hover {opacity: 1;}
#backoffice .uk-pagination {padding-bottom: 20px;}
.uk-table tr.uk-table-header {border-bottom: 2px solid #19a8bb;}
.uk-table.uk-table-first-column tbody > tr:not(.uk-table-header) > td:first-child {background-color: #f7f7f7;}
.uk-table .statistic-row > td {
  padding: 30px;
  box-shadow: inset 0px 0px 25px rgba(0,0,0,0.1);
}
#backoffice #sidebar-left {min-height: calc(100vh - 51px);}
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li {padding: 7px 0;position:relative;}
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li.uk-active,
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li.uk-open{

}
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li.uk-active::after {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #f8f8fb;
  position: absolute;
  right: -35px;
  top: calc(50% - 7.5px);
  transform: rotate(45deg);
}
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li.uk-open > a{color:#fff;}
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li.uk-active > a > i,
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li.uk-open > a > i{color: #19a8bb;}
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li > .uk-nav-sub > li {padding: 5px 0 3px 15px;border-top: 1px solid #f4f4f4;}
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li > .uk-nav-sub {padding-left: 0;}
.uk-tab > .uk-active > a {border-color: #847dfb;}
.uk-badge {background-color: #847dfb;}


/*Financy*/
#backoffice #container-backoffice #financy-container .table-enabled tbody > tr > td > span, 
#backoffice #container-backoffice #financy-container .table tbody > tr > td.cell-null > span,
#backoffice #container-backoffice #financy-container .table-enabled tbody > tr > td > input,
#backoffice #container-backoffice #financy-container .table tbody > tr > td > input,
#backoffice #container-backoffice #financy-container .table tbody > tr > td > label,
#backoffice #container-backoffice #financy-container .table-percent tbody > tr > td.cell-null > input,
#backoffice #container-backoffice #financy-container .table-interest tbody > tr > td > label,
#backoffice #container-backoffice #financy-container .table-interest tbody > tr > td > span,
#backoffice #container-backoffice #financy-container .table-interest tbody > tr > td.cell-null > input{
  display: none;
}
#backoffice #container-backoffice #financy-container .table-enabled tbody > tr > td:not(.checked),
#backoffice #container-backoffice #financy-container .table tbody > tr > td.cell-null:not(.checked){
  background-color: #f4f4f4;
}
#backoffice #container-backoffice #financy-container .table-enabled tbody > tr > td > label {
  display: block;
  cursor:pointer;
}

#financy-container ul.uk-accordion > li > input {
  position: absolute;
  top: 9px;
  left: 5px;
}
#financy-container ul.uk-accordion > li > a.uk-accordion-title {
  padding: 8px 8px 8px 35px;
  background-color: #f4f4f4;
  font-size: 16px;
}
#financy-container ul.uk-accordion > li {
  position: relative;
  margin-top: 1px;
}
#financy-container ul.uk-accordion > li > .uk-accordion-content {
  margin-bottom: 20px;
}
#financy-container ul.uk-accordion > li > a.uk-accordion-title > .count-models {
  position: absolute;
  right: 50px;
  font-size: 12px;
  top: 13px;
}
#financy-container ul.uk-accordion > li > a.uk-accordion-title[aria-expanded='true'] {
  background-color: #dcdcdc;
}
#financy-container ul.uk-accordion > li > .uk-accordion-content ul,
#financy-container .types ul,
#financy-container .fuels ul{list-style: none;}
#financy-container ul.uk-accordion > li > .uk-accordion-content ul li,
#financy-container .fuels ul li,
#financy-container .types ul li{ padding: 3px;}

#coverage-container table.uk-table > tbody > tr > td:not(.checked) { background-color: #f4f4f4;}
#coverage-container table.uk-table > tbody > tr > td:not(.checked) > input[type='text'] { opacity: 0;}

#container-backoffice .table-financiera .header-search-solicitudes {
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.table-financiera .dataTables_wrapper > .dataTables_length, .table-financiera .dataTables_wrapper > .dataTables_filter { display: none;}
.table-financiera .dataTables_wrapper table.dataTable > thead > tr > th,
.table-financiera .dataTables_wrapper table.dataTable > tbody > tr > td{border-bottom: 1px solid #e5e5e5;}
.table-financiera .dataTables_wrapper table.dataTable {border: none;max-width: 100%;}
.table-financiera .dataTables_wrapper .dataTables_paginate {margin: 20px;}

/*Comment Status*/
#container-backoffice tr.status-list > td {
  background-color: #fff;
  padding: 0;
}
#container-backoffice tr.status-list > td ul.uk-accordion {
  padding: 20px 20px 20px 50px;
  position: relative;
}
#container-backoffice tr.status-list > td ul.uk-accordion > li > a {
  border: 1px solid #d4d4d4;
  padding: 10px 20px 10px 20px;
}
#container-backoffice tr.status-list > td ul.uk-accordion > li > a {
  position: relative;
  overflow: visible;
  font-size: 18px;
}
#container-backoffice tr.status-list > td ul.uk-accordion > li > a:after {
  content: "";
  position: absolute;
  background-color: #eee;
  width: 25px;
  height: 25px;
  left: -37px;
  top: 10px;
  border-radius: 15px;
  font-family: fontAwesome;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
}
#container-backoffice tr.status-list > td ul.uk-accordion > li.pendiente > a::after {
  content: "\f017";
  background-color: #19a8bb;
}
#container-backoffice tr.status-list > td ul.uk-accordion > li.en-proceso > a::after {
  content: "\f085";
  background-color: #b06428;
}
#container-backoffice tr.status-list > td ul.uk-accordion > li.aprobada > a::after {
  content: "\f00c";
  background-color: #a8c638;
}
#container-backoffice tr.status-list > td ul.uk-accordion > li.declinada > a::after {
  content: "\f00d";
  background-color: #072137;
}
#container-backoffice tr.status-list > td ul.uk-accordion > li >.uk-accordion-content,
#container-backoffice .desincronizar .uk-accordion-content{
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  margin: 0;
}
#container-backoffice tr.status-list > td ul.uk-accordion > li.uk-open  > a {
  background-color: #d4d4d4;
}
#container-backoffice tr.status-list > td ul.uk-accordion > li:before {
  content: "";
  left: -11px;
  width: 10px;
  border-bottom: 1px dashed #b7b7b7;
  position: absolute;
  top: 25px;
}
#container-backoffice tr.status-list > td ul.uk-accordion:before {
  content: "";
  position: absolute;
  left: 26px;
  top: 40px;
  bottom: 20px;
  border-right: 1px dashed #b7b7b7;
}
#container-backoffice tr.status-list > td ul.uk-accordion > li {
  position: relative;
}
#container-backoffice tr.status-list > td .submit-comment {
  background-color: #f4f4f4;
}
#container-backoffice tr.status-list > td .submit-comment textarea{height:55px;}

#backoffice #container-backoffice td .uk-badge {
  font-size: 14px;
  border-radius: 3px;
  padding: 13px 10px;
}
#backoffice #container-backoffice td .uk-badge.en-proceso {
  background-color: #b06428;
}
#backoffice #container-backoffice td .uk-badge.aprobada {
 background-color: #a8c638;
}
#backoffice #container-backoffice td .uk-badge.declinada {
  background-color: #072137;
}

#container-backoffice .uk-table tbody > tr > td .fa-recycle {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #149f83;
  padding: 5px;
  border-radius: 25px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  z-index: 1;
}

/*Search*/

#search-component > * {
    transition:.4s ease-in-out;
    transition-property:color,background-color,width;
}
#search-component:not(.uk-active),
#search-component .close-icon{
  width: 40px;
  cursor: pointer;
}
#search-component .close-icon{color:#333;}
#search-component:not(.uk-active) > .uk-search-input,
#search-component:not(.uk-active) .close-icon,
#search-component.uk-active .uk-search-icon{ opacity: 0;}
#search-component:not(.uk-active) > .uk-search-input{padding-right:20px;}
#search-component > .uk-search-input{border: 2px solid #19a8bb;}
#search-component:not(.uk-active) .uk-search-icon {
  background-color: #19a8bb;
  color: #fff;
  cursor: pointer;
    z-index: 5;
    pointer-events: initial;
}

table > thead .order-header {color: #D6D6D6;}
table > thead .order-header.active {color: #19a8bb;}


@media only screen and (max-width: 600px) {
    #backoffice #container-backoffice {
      background-color: #fff;
      padding: 0;
    }
    #backoffice > .uk-container > .uk-flex.uk-grid.uk-grid-stack {
      margin: 0;
    }
    #backoffice #container-backoffice > .title-backoffice {
      display: block;
      text-align: center;
    }
}