.select2-container .select2-selection--single {height:36px}
.pt-5 {padding-top:1.9rem !important}
.green {background-color:#008000 !important}
.red {background-color:#FF0000 !important}
.blue {background-color:#0000FF !important}
.user-panel > .image.customer > img {width:50%}
.bootstrap-timepicker-widget table td input {width:50px}
.user-panel > .image > img {padding:10px 10px 0}
.nav.navbar-nav .name {display: flex;align-items:center;justify-content:center}
.nav.navbar-nav .name span {color:#fff}
table.table thead tr th, table.table tbody tr td {vertical-align:middle}
.mt-5 {margin-top:2.3rem !important}
@media screen and (max-width: 600px) {
	table#collected,table#customers,table#accounts  {border:0;width:100% !important}
	table#collected thead, table#customers thead, table#accounts thead {border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
	table#collected tr,table#customers tr,table#accounts tr {border-bottom:3px solid #ddd;display:block}
	table#collected td,table#customers td,table#accounts td {border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right;height:100%;min-height:40px}
	table#collected td::before,table#customers td::before,table#accounts td::before {content:attr(data-label);float:left;font-weight:bold;text-transform:uppercase}
	table#collected td:last-child,table#customers td:last-child,table#accounts td:last-child {border-bottom:0}
}
@media screen and (min-width: 600px) {
	.service-delete {margin-top:28px}
}