/*!  * Milligram v1.3.0  * https://milligram.io  *  * Copyright (c) 2019 CJ Patoilo  * Licensed under the MIT license  */
@font-face {
	font-family: "ico";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src:
		url("/font/fa-solid-900.woff2") format("woff2"),
		url("/font/fa-solid-900.ttf") format("truetype");
}
.ico {
	font-family: "ico";
	color: darksalmon;
}
*,
*:after,
*:before {
	box-sizing: inherit;
}
html {
	box-sizing: border-box;
}
body {
	color: #333;
	font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.5;
}
blockquote {
	border-left: 0.3rem solid #d1d1d1;
	margin-left: 0;
	margin-right: 0;
	padding: 1rem 1.5rem;
}
blockquote *:last-child {
	margin-bottom: 0;
}
.button + .button,
button + button {
	margin: 0 0.5rem;
}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #ff6500;
	border: 0;
	border-radius: 0.4rem;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8rem;
	font-weight: 700;
	height: 2rem;
	letter-spacing: 0rem;
	line-height: 2rem;
	padding: 0 1rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
.button.alt,
button.alt,
input[type="button"].alt,
input[type="reset"].alt,
input[type="submit"].alt {
	background: #999;
}
.button:focus,
.button:hover,
button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	background-color: #606c76;
	color: #fff;
	outline: 0;
}
.button[disabled],
button[disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled] {
	cursor: default;
	opacity: 0.5;
}
.button[disabled]:focus,
.button[disabled]:hover,
button[disabled]:focus,
button[disabled]:hover,
input[type="button"][disabled]:focus,
input[type="button"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="reset"][disabled]:hover,
input[type="submit"][disabled]:focus,
input[type="submit"][disabled]:hover {
	background-color: #d33c43;
	border-color: #d33c43;
}
.button.button-outline,
button.button-outline,
input[type="button"].button-outline,
input[type="reset"].button-outline,
input[type="submit"].button-outline {
	background-color: transparent;
	color: #d33c43;
}
.button.button-outline:focus,
.button.button-outline:hover,
button.button-outline:focus,
button.button-outline:hover,
input[type="button"].button-outline:focus,
input[type="button"].button-outline:hover,
input[type="reset"].button-outline:focus,
input[type="reset"].button-outline:hover,
input[type="submit"].button-outline:focus,
input[type="submit"].button-outline:hover {
	background-color: transparent;
	color: #606c76;
}
.button.button-outline[disabled]:focus,
.button.button-outline[disabled]:hover,
button.button-outline[disabled]:focus,
button.button-outline[disabled]:hover,
input[type="button"].button-outline[disabled]:focus,
input[type="button"].button-outline[disabled]:hover,
input[type="reset"].button-outline[disabled]:focus,
input[type="reset"].button-outline[disabled]:hover,
input[type="submit"].button-outline[disabled]:focus,
input[type="submit"].button-outline[disabled]:hover {
	border-color: inherit;
	color: #d33c43;
}
.button.button-clear,
button.button-clear,
input[type="button"].button-clear,
input[type="reset"].button-clear,
input[type="submit"].button-clear {
	background-color: transparent;
	color: #d33c43;
}
.button.button-clear:focus,
.button.button-clear:hover,
button.button-clear:focus,
button.button-clear:hover,
input[type="button"].button-clear:focus,
input[type="button"].button-clear:hover,
input[type="reset"].button-clear:focus,
input[type="reset"].button-clear:hover,
input[type="submit"].button-clear:focus,
input[type="submit"].button-clear:hover {
	background-color: transparent;
	color: #606c76;
}
.button.button-clear[disabled]:focus,
.button.button-clear[disabled]:hover,
button.button-clear[disabled]:focus,
button.button-clear[disabled]:hover,
input[type="button"].button-clear[disabled]:focus,
input[type="button"].button-clear[disabled]:hover,
input[type="reset"].button-clear[disabled]:focus,
input[type="reset"].button-clear[disabled]:hover,
input[type="submit"].button-clear[disabled]:focus,
input[type="submit"].button-clear[disabled]:hover {
	color: #d33c43;
}
code {
	background: #f4f5f6;
	border-radius: 0.4rem;
	font-size: 86%;
	margin: 0 0.2rem;
	padding: 0.2rem 0.5rem;
	white-space: nowrap;
}
pre {
	background: #f4f5f6;
	border-left: 0.3rem solid #d33c43;
	overflow-y: hidden;
}
pre > code {
	border-radius: 0;
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre;
}
hr {
	border: 0;
	border-top: 0.1rem solid #ddd;
	margin: 1rem 0;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="datetime"],
input[type="datetime-local"],
input:not([type]),
textarea,
select {
	background-color: white;
	border: 0.1rem solid #d1d1d1;
	border-radius: 0.3rem;
	box-shadow: none;
	box-sizing: inherit;
	height: 2rem;
	padding: 0.1rem 0.5rem;
	width: 100%;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
	border-color: #606c76;
	outline: 0;
}
select {
	padding-right: 3rem;
}
textarea {
	min-height: 6.5rem;
}
label,
legend {
	display: inline-block;
	font-size: 1rem;
	margin-bottom: 0.25rem;
    padding-right: 15px;
}
fieldset {
	border-width: 0;
	padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
	display: inline;
    margin-right: 10px;
}
.label-inline {
	display: inline-block;
	font-weight: normal;
	margin-left: 0.5rem;
}
.container {
	margin: 0 auto; /* max-width:112.0rem; */
	padding: 0 2rem;
	position: relative;
	width: 100%;
}
.row {
	display: flex;
	flex-direction: column;
	padding: 0;
	width: 100%;
}
.row.row-no-padding {
	padding: 0;
}
.row.row-no-padding > .column {
	padding: 0;
}
.row.row-wrap {
	flex-wrap: wrap;
}
.row.row-top {
	align-items: flex-start;
}
.row.row-bottom {
	align-items: flex-end;
}
.row.row-center {
	align-items: center;
}
.row.row-stretch {
	align-items: stretch;
}
.row.row-baseline {
	align-items: baseline;
}
.row .column {
	display: block;
	flex: 1 1 auto;
	margin-left: 0;
	max-width: 100%;
	width: 100%;
}
.row .column.column-offset-10 {
	margin-left: 10%;
}
.row .column.column-offset-20 {
	margin-left: 20%;
}
.row .column.column-offset-25 {
	margin-left: 25%;
}
.row .column.column-offset-33,
.row .column.column-offset-34 {
	margin-left: 33.3333%;
}
.row .column.column-offset-50 {
	margin-left: 50%;
}
.row .column.column-offset-66,
.row .column.column-offset-67 {
	margin-left: 66.6666%;
}
.row .column.column-offset-75 {
	margin-left: 75%;
}
.row .column.column-offset-80 {
	margin-left: 80%;
}
.row .column.column-offset-90 {
	margin-left: 90%;
}
.row .column.column-10 {
	flex: 0 0 10%;
	max-width: 10%;
}
.row .column.column-20 {
	flex: 0 0 20%;
	max-width: 20%;
}
.row .column.column-25 {
	flex: 0 0 25%;
	max-width: 25%;
}
.row .column.column-33,
.row .column.column-34 {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
}
.row .column.column-40 {
	flex: 0 0 40%;
	max-width: 40%;
}
.row .column.column-50 {
	flex: 0 0 50%;
	max-width: 50%;
}
.row .column.column-60 {
	flex: 0 0 60%;
	max-width: 60%;
}
.row .column.column-66,
.row .column.column-67 {
	flex: 0 0 66.6666%;
	max-width: 66.6666%;
}
.row .column.column-75 {
	flex: 0 0 75%;
	max-width: 75%;
}
.row .column.column-80 {
	flex: 0 0 80%;
	max-width: 80%;
}
.row .column.column-90 {
	flex: 0 0 90%;
	max-width: 90%;
}
.row .column .column-top {
	align-self: flex-start;
}
.row .column .column-bottom {
	align-self: flex-end;
}
.row .column .column-center {
	-ms-grid-row-align: center;
	align-self: center;
}
.row .column-responsive {
	display: block;
	flex: 1 1 auto;
	margin-left: 0;
	max-width: 100%;
	width: 100%;
}
@media (min-width: 640px) {
	.row {
		flex-direction: row;
		margin-left: -1rem;
		width: calc(100% + 2rem);
	}
	.row .column {
		margin-bottom: inherit;
		padding: 0 1rem;
	}
	.row .column-responsive {
		margin-bottom: inherit;
		padding: 0 1rem;
	}
	.row .column-responsive.column-10 {
		flex: 0 0 10%;
		max-width: 10%;
	}
	.row .column-responsive.column-20 {
		flex: 0 0 20%;
		max-width: 20%;
	}
	.row .column-responsive.column-25 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.row .column-responsive.column-33,
	.row .column-responsive.column-34 {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	.row .column-responsive.column-40 {
		flex: 0 0 40%;
		max-width: 40%;
	}
	.row .column-responsive.column-50 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.row .column-responsive.column-60 {
		flex: 0 0 60%;
		max-width: 60%;
	}
	.row .column-responsive.column-66,
	.row .column-responsive.column-67 {
		flex: 0 0 66.6666%;
		max-width: 66.6666%;
	}
	.row .column-responsive.column-75 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.row .column-responsive.column-80 {
		flex: 0 0 80%;
		max-width: 80%;
	}
	.row .column-responsive.column-90 {
		flex: 0 0 90%;
		max-width: 90%;
	}
}
a {
	color: #d33c43;
	text-decoration: none;
}
a:focus,
a:hover {
	color: #606c76;
}
dl,
ol,
ul {
	list-style: none;
	margin-top: 0;
	padding-left: 0;
}
dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
	font-size: 90%;
	margin: 1.5rem 0 1.5rem 3rem;
}
ol {
	list-style: decimal inside;
}
ul {
	list-style: circle inside;
}
.button,
button,
dd,
dt,
li {
	margin-bottom: 1rem;
}
fieldset,
input,
select,
textarea {
	margin-bottom: 1.5rem;
}
blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
	margin-bottom: 0;
}
table {
	border-spacing: 0;
	width: 100%;
}
td,
th {
	border-bottom: 0.1rem solid #e1e1e1;
	padding: 1.2rem 1.5rem;
	text-align: left;
}
td:first-child,
th:first-child {
	padding-left: 0;
}
td:last-child,
th:last-child {
	padding-right: 0;
}
@media screen and (max-width: 640px) {
	table {
		border-spacing: 0;
		display: flex;
		width: 100%;
	}
	table thead {
		border-right: solid 0.1rem #e1e1e1;
	}
	table thead td,
	table thead th {
		padding-left: 0;
	}
	table thead td:first-child,
	table thead th:first-child {
		padding-left: 0;
	}
	table thead td:last-child,
	table thead th:last-child {
		padding-right: 1.2rem;
	}
	table tbody {
		display: flex;
		overflow-x: auto;
		white-space: nowrap;
	}
	table tbody tr {
		border-right: solid 0.1rem #e1e1e1;
	}
	table tbody tr:last-child {
		border-right: none;
	}
	table td,
	table th {
		display: block;
	}
	table td:first-child,
	table th:first-child {
		padding-left: 1.2rem;
	}
	table td:last-child,
	table th:last-child {
		padding-right: 1.2rem;
	}
}
b,
strong {
	font-weight: bold;
}
p {
	margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
	letter-spacing: 0rem;
	margin-bottom: 0.25rem;
	margin-top: 0;
	vertical-align: middle;
}
h1 {
	font-size: 4.6rem;
	line-height: 1.2;
}
h2 {
	font-size: 3.6rem;
	line-height: 1.25;
}
h3 {
	font-size: 1.28rem;
	line-height: 2rem;
}
h4 {
	font-size: 2.2rem;
	letter-spacing: -0.08rem;
	line-height: 1.35;
}
h5 {
	font-size: 1.8rem;
	letter-spacing: -0.05rem;
	line-height: 1.5;
}
h6 {
	font-size: 1.6rem;
	letter-spacing: 0;
	line-height: 1.4;
}
img {
	max-width: 100%;
}
.clearfix:after {
	clear: both;
	content: " ";
	display: table;
}
.float-left {
	float: left;
}
.float-right {
	float: right;



}


/* ### tomek ### */

.tasks-table {
	table-layout: fixed;
}
.tasks-table thead{
	height:4rem;

}
.tasks-table th {
	background: transparent;
}
.tasks-table tr {
	display: flex;
}

.tasks-table td,
.tasks-table th {
	border: 0;
	padding: 0;
	text-align: center;
	background: transparent;
	flex-shrink: 0;
}
.task-name td {
	width: auto;
	height: auto;
	background-color: transparent;
	border: 0;
	font-size: 1rem;
}

.task-group-name td,
.task-user td,
.tiles-time-active td,
.task-type td{
    width: auto;
    height: auto;
    background-color: transparent;
    border: 0;
    font-size: 1rem;
}

.tiles-current td,
.tiles-current th,
.tiles-prev td {
	box-sizing: border-box;
	height: 20px;
	width: 1.5rem;
	border: 1px solid transparent;
	border-radius: 0.33rem;
	background: #f5f5f5;
	display: inline-block;
	margin: 0 0.05rem;
	line-height: 1rem;
}
.tiles-current th{
	background: transparent;
}
.task {
	height: 1.5rem;
}

.position {
	position: relative;
}
td.event-prev,
td.event {
	border: 0.2rem solid currentColor;
	position: relative;
}
th.tile-current {
	background: #333;
	color: white;
    width: 3rem;
}
td.tile-current {
	border: 0.2rem solid #333;
	position: relative;
    width: 3rem;
}
td.event-prev p,
td.event p,
td.tile-current p,
td.event-current p{
	color: #333;
	font-weight: 400;
	line-height: 1rem;
}
td.event a,
td.event-prev a,
td.tile-current a {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
td.tile-expired {
	background: linear-gradient(45deg, currentColor 30%, rgba(255, 255, 255, 0) 31%, rgba(255, 255, 255, 0) 100%);
	background-repeat: no-repeat;
}

.company-name {
	overflow: hidden;
	width: 10rem;
	text-align: left;
	margin-right:.75rem;
}
.task-name {
     width: 10rem;
     text-align: left;
}
.task-group-name {
    width: 4rem;
    text-align: left;
}
.task-user {
    width: 4rem;
    text-align: left;
}
.tiles-prev {
	width: 9rem;

}
.tiles-prev table {
	display: flex;
	justify-content: end;
}
th.tiles-current{
	flex:1 0 auto;
}

.tiles-time-active {
    width: 2rem;
    margin-left: 0.5rem;

}

.months {
	width:100%;
	display: flex;
	font-size:.85rem;
	justify-content: space-between;
}

.top-nav {
	font-size: 1.5rem;
	background: white;
	border-bottom: 1px solid #ddd;
	position: sticky;
	top: 0;
	z-index: 1000;
	margin: 0;
	max-width: inherit !important;
	margin-bottom: 3rem;
}
.input label {
	font-size: 0.8rem;
	font-weight: 400;
}
.input.checkbox {
	margin-bottom: 0.5rem !important;
}
.table-list td,
.table-list th {
	padding: 0.75rem 0;
	border-bottom: 1px solid #eee;
}

.list-task-name,
.list-company-name {
	text-align: left;
}
.actions {
	text-align: right;
}
.actions .button {
	text-align: right;
	color: #fff;
}

.login {
	display: flex !important;
	justify-content: center;
}
.login div {
	max-width: 800px;
	text-align: center;
}
.login img {
	width: 10rem;
	height: auto;
	margin: 5rem;
}


.error label{
	color:red;
}
.error input,
.error select{
	border-color:red;
}
.error-message{
	color:red;
	font-size:.8rem;
}

div.input:last-child input,
div.input:last-child select{
    margin-bottom: 0;
}

td.special-event-tile a{
    display: block;
    height: 0.625rem;
    width: 1.5rem;
}

div.current-tile-merged a,
.merge-borders-tile .merge-borders-div a{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}


label div.input,
label .label-description {
    display: inline-block;
}

.label-description {
    width: 90%;
}

table .table-color-cell{
    height: 40px;
    width: 40px;
}

.table-list.special td{
    padding: 0.15rem 0;
}

.row .bigger-font-label label{
    font-size: 1.5rem;
}

.no-margin-button{
    margin-bottom: 0;
}

.delayed-task{
    background-color: #bdc0c3;
}

td.task-delayed{
    background: linear-gradient(315deg, rgba(213,234,255,1) 30%, rgba(255, 255, 255, 0) 31%, rgba(255, 255, 255, 0) 100%);
    background-repeat: no-repeat;
}

.table-list.organizations-task td{
    padding: 0.25rem 0;
}

td.tile-application{
    box-sizing: border-box;
    height: 20px;
    width: 1.5rem;
    border: 0.2rem solid currentColor;
    border-radius: 0.33rem;
    background-color: white;
    display: inline-block;
    margin: 0 0.1rem;
    line-height: 1rem;
}

.task-type{
    width: 1.3rem;
    margin-left: 0.05rem;
}

tr.hover-change:hover{
    background-color: #cbcbcb;
    border-radius: 0.4rem;
}

a.hover-change:hover{
    background-color: #cbcbcb;
    border-radius: 0.4rem;
}


td.merge-borders-tile{
    width: 3rem;
}

td.event-current{
    width: 3rem;
}