﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 15px;
}

/* Carousel */
.carousel-caption p {
	font-size: 20px;
	line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
	width: 100%;
}

/* QR code generator */
#qrCode {
	margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
	/* Hide captions */
	.carousel-caption {
		display: none;
	}

	table.dataTable td ul li:last-child {
		white-space: normal;
	}
}

.dropdown:hover .dropdown-menu {
	display: block;
}

body {
	/*overflow-y: scroll;*/
}

.highlighted {
	background-color: silver !important;
}

.table.dataTable td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
}

.wrappable td {
	white-space: pre-wrap !important;
	overflow: hidden !important;
}

.table.dataTable td:last-child {
	max-width: 150px;
}

.table.dataTable.detail-timesheet td {
	white-space: inherit;
	overflow: inherit;
	text-overflow: inherit;
	max-width: inherit;
}

	.table.dataTable.detail-timesheet td:last-child {
		max-width: inherit;
	}

.table-fit {
	white-space: nowrap;
	width: 1%;
}

.table-report td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
}

/*.table-report td, th {
    padding: 5px !important;
}*/

.text-middle th {
	vertical-align: middle !important;
	text-align: center;
}

.btn {
	margin-bottom: 5px;
	margin-right: 5px;
}

.btn-group .btn {
	margin-bottom: inherit;
	margin-right: inherit;
}

.table-center > tbody > tr > td {
	vertical-align: middle;
}

.wecare-payroll-bg-color {
	background-color: #d85f4f;
}

