.skin-blue-light .main-header .navbar, .bg-info {background-color:#ccb697 !important}
.text-info, .skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a {color:#ccb697 !important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background-color:#ccb697 !important;border-color: #ccb697 !important}
.user-panel > .image > a > img {border: none;max-width:100%;padding:5px}
.nav.navbar-nav .name {display: flex;align-items:center;justify-content:center}
.nav.navbar-nav .name span {color:#fff}
.table-bordered > tbody > tr > td {vertical-align:middle}
.input-component {width:100px;padding:5px 15px 5px 15px !important;text-align:center}
.btn-default.pereventura {border:none;background:#ccb697;color:#1e1b1f}
.btn-default.pereventura:hover {color:#ccb697;background:#1e1b1f}
.btn-default.black {background-color:#1e1b1f;color:#fff}
.btn-default.black:hover {background-color:#fff;color:#1e1b1f;border-color:#1e1b1f}
/*.box-body dl dt, .box-body dl dd {font-size:16px}*/
.field {display:none}
.table.components thead th {vertical-align:middle;text-align:center}
.table tbody tr.start {background-color:rgba(6,215,62,0.35)}
.table tbody tr.pause {background-color:rgba(252,197,37,0.35)}
.table tbody tr.stop {background-color:rgba(239,83,80,0.35)}
.mt-5 {margin-top:2rem !important}
.img-component {height:50px}
a {color:#a48e70}
a:hover {color:#e91a22}
.login-page {background:#ccb697}
.skin-blue-light .sidebar-menu > li.active > a {border-left-color:#ccb697}
.arond-test {background-color:#f00;color:#fff}
@media screen and (max-width: 600px) {
	table#table, table#users, table#time {border:0}
	table#table thead, table#users thead, table#time thead {border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
	table#table tr, table#users tr, table#time tr {border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}
	table#table td, table#users td, table#time td {border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right;min-height:40px;white-space:normal}
	table#table td::before, table#users td::before, table#time td::before {content:attr(data-label);float:left;font-weight:bold;text-transform:uppercase}
	table#table td:last-child, table#users td:last-child, table#time td:last-child {border-bottom:0}
	.btn-mobile {width:100%;margin-bottom:10px}
	.btn-mobile.last {margin-bottom:0 !important}
	.consumo_cantidad {display:inline;max-width:50%}
}