.uk-input, .uk-select, .uk-textarea{
	box-shadow:  0 0 4px -1px rgba(0,0,0,0.2);
}
.uk-card-default {
  box-shadow: 0 6px 8px -6px rgb(12 90 112 / 12%), 0 8px 16px -6px rgb(12 90 112 / 8%);
  border-radius: 5px;
}
.uk-form-blank {
  box-shadow: none;
}

.uk-nav-parent-icon > .uk-parent > a::after {
  filter: contrast(0%) brightness(1000%);
  opacity: 0.7;
}

.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
  filter: contrast(0%) brightness(1000%);
}
#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: #485ec41c;}
#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: #485ec4;}
.uk-icon-button.uk-button-small {
  padding: 0 10px;
  line-height: 10px;
  font-size: 1rem;
  width: 30px;
  height: 30px;
}
.uk-icon-button.off {
  background-color: #d4d4d4;
}
.uk-icon-button.uk-button-success,
.uk-icon-button.uk-button-warning { color:#fff; }
.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 #485ec4;}
.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{overflow:hidden;}
@media only screen and (min-width: 600px) {
    #backoffice.sidebar-active #sidebar-left {
      max-width: 60px;
    }
    #backoffice.sidebar-active #sidebar-left ul.uk-nav > li > a > span {
      opacity: 0;
    }
    #backoffice.sidebar-active #sidebar-left .uk-logo > img:not(.uk-hidden) {
      display: none;
    }
    #backoffice.sidebar-active #sidebar-left .uk-logo > img.uk-hidden {
      display: block !important;
    }
    #backoffice.sidebar-active #sidebar-left ul.uk-nav > li + li{border-top-color:transparent;}
}
@media only screen and (max-width: 600px) {
    #backoffice:not(.sidebar-active) #sidebar-left {
      max-height: 60px;
    }
    #backoffice .uk-logo > img {
      max-width: 170px;
      margin: -17px auto 0 auto;
    }
}
#backoffice #sidebar-left ul.uk-nav > li + li{border-top: 1px solid rgba(255,255,255,0.4);}
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li {padding: 7px 0;}
#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 > a,
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li > .uk-nav-sub > li > a{color: rgba(255,255,255,0.7);}
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li.uk-open > a,
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li.uk-active > a,
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li:hover > a,
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li > .uk-nav-sub > li > a:hover,
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li > .uk-nav-sub > li.uk-active > a{color: rgba(255,255,255,1);}
#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: rgba(255,255,255,1);}
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li > .uk-nav-sub > li {padding: 5px 0 3px 15px;border-top: 1px solid rgba(255,255,255,0.2);}
#backoffice #sidebar-left ul.uk-nav-default[uk-nav] > li > .uk-nav-sub {padding-left: 0;}
.uk-tab > .uk-active > a {border-color: #485ec4;}
.uk-badge {background-color: #485ec4;}

.table-financiera .dataTables_wrapper table.dataTable > thead > tr > th {
  color: #000;
  text-transform: none;
  background-color: #eff2f7;
}

body .ui-datepicker .ui-state-active, 
body .ui-datepicker .ui-widget-content .ui-state-active{
  background-color: #ff515d;
}

/*Chart*/
#backoffice #container-backoffice #chartBackofficeAffiliates{max-height: 240px;}
/*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: #485ec4;
}
#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: #5a2f17;
}
#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: #5a2f17;
}

#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.uk-active .close-icon{position:absolute;top:0;bottom:0;transform:translate(0,0);}
#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 #485ec4;}
#search-component:not(.uk-active) .uk-search-icon {
  background-color: #485ec4;
  color: #fff;
  cursor: pointer;
    z-index: 5;
    pointer-events: initial;
}

table > thead .order-header {color: #D6D6D6;}
table > thead .order-header.active {color: #485ec4;}


@media only screen and (max-width: 600px) {
    #container-backoffice .table-financiera .header-search-solicitudes > div {
      min-width: 120px;
    }
    #backoffice #container-backoffice .tm-breadcrumb-title {
      flex-wrap: wrap;
    }
    #backoffice #container-backoffice {
      background-color: #fff;
      padding: 20px;
    }
    #backoffice > .uk-container > .uk-flex.uk-grid.uk-grid-stack {
      margin: 0;
    }
    #backoffice #container-backoffice > .title-backoffice {
      display: block;
      text-align: center;
    }
}

#switch_parent .datatable-container {
  position: relative;
}
#switch_parent table.datatable {
  position: absolute;
  background-color: #fbfbfb;
  border: 5px solid #fbfbfb;
  margin-top: 2px;
  width: 100% !important;
  box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.3);
}
#switch_parent:not(.active) table.datatable,
#switch_parent .dataTables_paginate,
#switch_parent table.datatable thead,
#switch_parent.selected .datatable-container,
#switch_parent:not(.active) .dataTables_processing{
    display: none !important;
}

/*Carnet*/
#digital-carnet {max-width: 400px;margin: 0 auto;}
#digital-carnet h3, #digital-carnet h2{font-size: 1rem;}
#digital-carnet p, #digital-carnet p > span {font-size: 0.7rem;}

@media print {
    body * {
        visibility: hidden;
    }
    #sidebar-left,
    #header-top,
    #affiliate_update{display:none;}
    #digital-carnet, #digital-carnet * {
        visibility: visible;
        page-break-inside: avoid;
    }
    #digital-carnet .line-cut{
        display:block;
    }
    #digital-carnet {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 auto;
        page-break-inside: avoid; 
        
    }
    #digital-carnet > div {
      position: relative;
      border: 1px dashed #d4d4d4;
      border-radius: 0;
      width:340px;
    }
    #digital-carnet .line-top:after,
    #digital-carnet .line-top:before,
    #digital-carnet .line-bottom:after,
    #digital-carnet .line-bottom:before{
        content: "";
        position: absolute;
        width: 50px;
        height: 50px;
    }
    #digital-carnet .line-top:after {
      border-bottom: 1px solid #000;
      border-right: 1px solid #000;
      top: -51px;
      left: -51px;
    }
    #digital-carnet .line-top:before {
      border-bottom: 1px solid #000;
      border-left: 1px solid #000;
      top: -51px;
      right: -51px;
    }
    
    #digital-carnet .line-bottom:before {
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      bottom: -51px;
      left: -51px;
    }
    #digital-carnet .line-bottom:after {
      border-top: 1px solid #000;
      border-left: 1px solid #000;
      bottom: -51px;
      right: -51px;
    }
}