.error {
  color: red;
  font-size: 13px;
}

#layoutSidenav_content {
  margin-top: 20px;
}

.task_content {
  height: 470px;
}

input#is_finish,
input.action-checkbox {
  width: 24px;
  height: 24px;
}

tr.open,
tr.open td {
  background: white;
  color: black;
}

tr.done,
tr.done td {
  background: #beffbe;
  color: #00440f;
}

tr.is-occupied-by-user td {
  background: rgba(0,126,156,.5);
  color: #000;
}

tr.in-past {
  background: #c7c7c7;
  color: #505050;
}

tr.in-past td {
	background: #c7c7c7;
}

tr.urgent {
  background: #ffc55a;
  color: #634000;
}

.dashboard-admin-table {
	white-space: nowrap;
}

.dashboard-admin-table th,
.dashboard-admin-table td {
	box-sizing: content-box;
}

.dashboard-admin-table thead th {
	background-color: #343a40;
}

.studi-col {
	width: 50px !important;
}
td.studi-col {
	font-weight: bold;
	font-size: 18px;
}
/*
.date-col {
	width: 100px !important;
}
.shift-col {
	width: 200px !important;
}
.occupation-col {
	width: 250px !important;
}
*/

.dataTables_filter {
  font-size: 0px;
}

.dataTables_filter input {
  font-size: 12px;
}

.dataTables_filter {
  display: none;
}

.dtfc-fixed-left {
	z-index: 3;
}

#custom-search {
  margin-bottom: 5px;
}

select#occupation {
	width: 250px;
}

.start-col,
.end-col {
	width: 44px; /* 150px */
}

.table-dark.table-hover tbody tr:hover {
  color: #2d2d2d;
  background-color: #e6e6e6;
}

.table {
  table-layout: fixed;
}

.table .mobile-date {
  color: #343a40;
}

.table td {
  overflow-wrap: break-word;
}

.modal-body .action-col td:nth-child(2) {
  text-align: left !important;
}

.action-col {
  width: 120px !important;
}

.action-col .finished-from {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  width: 100px;
  margin-top: 3px;
  float: right;
}

.action-col input {
  margin-left: -5px !important;
  margin-top: 0 !important;
}

.action-col .btn + .btn {
	margin-top: 5px;
}

.btn-archive {
	position: absolute;
	right: 0;
	top: 9px;
	transform: translateX(100%);
	display: none;
}

.view-col {
	z-index: 4;
}

tr:hover .btn-archive {
	display: inline-block;
}

main {
  min-height: 100vh;
}

.bg-primary {
  background-color: white !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #007e9c;
  border-color: #007e9c;
}

.page-item.active .page-link {
  background-color: #007e9c;
  border-color: #007e9c;
}

.dataTables_filter label {
  width: 100%;
}

a {
  color: #007e9c !important;
}

nav {
  border-bottom: 1px solid #505050;
  box-shadow: 0px 5px 7px rgba(45, 45, 46, 0.23);
  background: #007e9c;
}

nav a {
  color: white !important;
}

nav small {
  line-height: 38px;
  margin: 30px;
  color: white;
}

.dtr-bs-modal table tr:first-child {
  display: none;
}

.dataTables_wrapper {
  min-height: 100vh;
}

.page-item.active .page-link {
  color: white !important;
}

footer {
  margin-top: 50px;
  background-color: #007e9c;
  color: white;
}

.modal .all.action-col.text-center td {
  text-align: left !important;
}

.modal .finished-from {
  width: 100% !important;
}

.modal table td {
  padding: 5px;
}

.modal table td:first-child {
  width: 85px;
  font-size: 12px;
}

.modal table td:nth-child(2) {
  overflow-wrap: break-word;
}

.email-address svg {
	width: 14px;
}

.email-input {
	width: 100%;
	display: none;
}

.show-edit-mail .email-input {
	display: block;
}

.show-edit-mail .email-string {
	display: none;
}

@media (max-width: 1024px) and (orientation: landscape),
(max-width: 767px) {
	body {
		font-size: 0.75rem;
	}
	.container {
		max-width: none;
	}
	.table td, .table th {
		padding: 0.5rem;
	}
	.table td.shift {
		white-space: normal;
	}
	.table td.date, .table th.date-col {
		width: 54px !important;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	select#occupation {
		width: 100px;
	}
	.studi-col {
		width: 30px !important;
	}
}


@media print {
	@page { size: landscape }
	body {
		font-size: 0.8rem;
	}
	.dataTables_paginate,
	.dataTables_info,
	#custom-search,
	footer {
		display: none;
	}

	.dataTables_wrapper {
		min-height: 0;
	}

	.container {
		max-width: none;
	}

	.dashboard-admin-table {
		width: 100% !important;
	}

	.studi-col {
		width: 30px !important;
	}
}