// LESS @color: #184c59; @color-light: #2F6471; @secundColor: #38689D; @secundColor-light: #84A8D0; @white: #fff; @green: #b4c00d; @defaul-bg: #f3f5f7; @green-light: #34bfa3; .bg-default{ background-color: @defaul-bg !important; } .bg-color { background-color: @color !important; } /********************** LOGIN **********************/ .btn-primary{ background-color: @color !important; border-color: @color !important; } /********************** ALERT **********************/ .ajs-header{ background-color: @color !important; color: @white !important; } .ajs-ok{ background: @color !important; } /********************** HEADER **********************/ .top-bar.primary-top-bar{ background: @color !important; } /********************** MENU **********************/ .default-navigation .metisMenu.nav > li.active > a{ color: @secundColor !important; } .metisMenu.nav > li.active{ border-left-color: @secundColor; } .default-navigation .metisMenu.nav > li > a:hover{ color: @green !important; } .metisMenu.nav > li:last-child a:hover{ color: @green !important; } /********************** ALERT **********************/ .jq-icon-success{ background-color: @green-light !important; } /********************** MENU **********************/ .metisMenu.nav > li.active svg{ color: @secundColor !important; } .default-navigation .metisMenu.nav > li > a:hover{ color: @secundColor !important; } .default-navigation .metisMenu.nav > li.active > a{ color: @secundColor !important; } /********************** HEADER TABLE **********************/ #divCurrentCompany h5{ color: @color !important; } /********************** FORM **********************/ .nav-tabs .nav-link.active{ color: @secundColor !important; border-bottom: 2px solid @secundColor !important; } .nav-tabs a{ color: @color !important; } table.dataTable.stripe tbody>tr.odd.selected, table.dataTable.stripe tbody>tr.odd>.selected, table.dataTable.display tbody>tr.odd.selected, table.dataTable.display tbody>tr.odd>.selected{ background-color: @color !important; color: #fff; } table.dataTable.display tbody>tr.selected:hover>.sorting_1, table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1{ background-color: @color !important; color: #fff; } table.dataTable.order-column tbody>tr.selected>.sorting_1, table.dataTable.order-column tbody>tr.selected>.sorting_2, table.dataTable.order-column tbody>tr.selected>.sorting_3, table.dataTable.order-column tbody>tr>.selected, table.dataTable.display tbody>tr.selected>.sorting_1, table.dataTable.display tbody>tr.selected>.sorting_2, table.dataTable.display tbody>tr.selected>.sorting_3, table.dataTable.display tbody>tr>.selected{ background-color: @color !important; color: #fff; } table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected{ background-color: @color !important; color: #fff; } .table > tbody > .selected > td, .table > tbody > .selected td{ border: 1px solid @color-light !important; } .bootstrap-select.btn-group .dropdown-menu.inner .selected{ background: @color; } .bootstrap-select.btn-group.show-tick .dropdown-menu .selected a span.text{ color: #fff !important; } .bootstrap-select.btn-group.show-tick .dropdown-menu a:hover{ background: @color !important; color: #fff; } .irs-slider{ border: 1px solid @color !important; background: @color !important; } .irs-from, .irs-to, .irs-single{ background: @secundColor !important; }