.date {
	display: flex;
	margin: 20px 0;
	font-size: 14px;
}

.today {
	font-weight: bold;
	font-size: 1.1em;
}

#date .dateWeek {
	font-weight: bold;
	font-size: 1.3em;
}

.week > div {
	margin: 2em 0;
}

.label-title {
	font-size: 13px;
}

#todolist .tickets .item form {
	display: flex;
	flex-wrap: wrap;
}

#todolist .tickets .item .field {
	flex: 1;
}

#todolist .tickets .item .field.nameTitle,
#todolist .tickets .item .field.com {
	flex: 2;
	margin-right: 10px;
}

#todolist .tickets .item .field.act {
	flex: 0.8;
}

#todolist input.comment,
#todolist input.title {
	width: 100%;
}

.modal-title {
	display: inline-block;
}

button.actions[data-state="-1"] {
	border: 5px solid #f3f3f3;
	border-top: 5px solid #5090C1; 
	animation: spinner 7s linear infinite;
}

button.actions:focus,
button.actions:active {
	outline: 0;
}

button.actions,
button.save,
button.plus,
button.remove {
	border-radius: 50%;
	width: 35px;
	height: 35px;
}

@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#todolist .buttons {
	display: flex;
}

#todolist .buttons div {
	flex: 1;
}

#todolist .buttons #nextPage a {
	float: right;
}

#todolist .buttons #date {
	text-align: center;
}

#todolist .plus {
	background: #5090C1;
	border: none;
	color: #FFF;
	border-radius: 5px;
	max-width: 100%;
	width: inherit;
	height: 100%;
	cursor: pointer;
}

#todolist {
	width: 70%;
	margin: auto;
}

.panel-title,
.panel-body {
	display: flex;
	flex-direction: column;
    align-items: flex-end;
	justify-content: center;
}

.panel-footer {
	border-top: 0px;
}

.panel-footer a {
	text-align: center;
	display: block;
}

#todolist .tickets .item .panel-title .field {
	flex: 1;
}

#todolist .tickets .item .panel-title .field.com {
	flex: 4;
	padding: 0 10px;
	max-width: 650px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.field.action {
    text-align: right;
}

a.accordion-toggle {
	text-decoration: none;
}

#todolist .tickets .item .panel-title .field.time {
	flex: 1;
	max-width: 200px;
}

.date span {
	text-transform: capitalize;
}

.date .dayDate {
	flex: 1;
}

#todolist .showDuration {
	text-align: center;
}

#datelist .item .panel .panel-heading .panel-title {
	display: flex;
	justify-content: space-between; 
}

.panel {
	width: 100%;
}

.panel-default > .panel-heading:hover {
	background: #eee;
}

.bug_id {
	width: 5em;
	text-align: center;
}

.field input {
	border-radius: 10px !important;
}

.panel .panel-heading .field.time .timeLeft {
    max-width: 80px;
}

@media screen and (max-width: 1024px) {
	.panel .panel-heading .field.time .timeLeft,
	#todolist .tickets .item .panel-title .field.time,
	#todolist .tickets .item .field {
		width: 100%;
		flex: none;
		margin: 5px 0;
		max-width: 100%;
	}

	#todolist .tickets .item .field.com {
		flex: none;
	}

	#todolist input {
		width: 100%;
	}

	#todolist .tickets .item .panel-body .field.action {
		max-width: 100%;
		text-align: center;
	}
}

@media screen and (min-width: 1024px) {
	.title {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		font-size: 0.9em;
	}

	.block-title {
		margin: 20px auto;
	}

	.panel-title,
	.panel-body {
		display: flex;
		flex-wrap: wrap;
		flex-direction: initial;
	}

	#todolist .tickets .item .panel-title .field.time,
	#todolist .tickets .item .panel-body .field.action {
		max-width: 100%;
		max-width: 150px;
	}

	#todolist .tickets .item .panel-title .field.time:first-child {
		flex: 0.5;
	}
}