.m\+ {
	margin: 1em;
}

.m\+\+ {
	margin: 2em;
}

.p\+ {
	padding: 1em;
}

.p\+\+ {
	padding: 2em;
}

.link-style {
	cursor: pointer;
}

code {
	color: dodgerblue;
}

var {
	color: firebrick;
}

.initials {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #512DA8;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 60px;
	margin: 10px 5px;
}

body::-webkit-scrollbar, .nice-scrollbar::-webkit-scrollbar {
    width: .5em;
}
body::-webkit-scrollbar-track, .nice-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb, .nice-scrollbar::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

div.user-task-column div.user-tasks::-webkit-scrollbar {
    width: .5em;
}

div.user-task-column div.user-tasks::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(ff,ff,ff,0);
}
div.user-task-column div.user-tasks::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

div.user-task-column div.user-tasks div.user-task-card div.card-actions {
	position: absolute;
	top: 12;
	right: 12;
	display: none;
	cursor: pointer;
}

div.user-task-column div.user-tasks div.user-task-card div.card-actions i.material-icons {
	cursor: pointer;
}

div.user-task-column div.user-tasks div.user-task-card:hover div.card-actions {
	display: block;
}


.datetime-container span {}

.date-container {}

.textual-month {
	margin-left: 5px;
	font-weight: bolder;
}
.hour-minutes {
	margin-left: 5px;
}
.full-date {
	text-align: right;
	/*color: #555;*/
	margin-right: 5px;
}
.full-year {
	white-space: nowrap;
	margin-left: 5px;
}

.swal2-button {
  background-color: #05535c;;
}

.swal2-confirm {
  background-color: #05535c !important;
}


.s09 {
    width: calc(100%/120 * 9);
}
.s08 {
    width: calc(100%/120 * 8);
}
.s07 {
    width: calc(100%/120 * 7);
}
.s06 {
    width: calc(100%/120 * 6);
}
.s05 {
    width: calc(100%/120 * 5);
}
.s04 {
    width: calc(100%/120 * 4);
}
.s03 {
    width: calc(100%/120 * 3);
}
.s02 {
    width: calc(100%/120 * 2);
}
.s01 {
    width: calc(100%/120);
}

.px50 {
	width: 50px;
}

.px60 {
	width: 60px;
}

.px70 {
	width: 70px;
}

.px80 {
	width: 80px;
}

.px90 {
	width: 90px;
}

.px110 {
	width: 110px;
}

.px120 {
	width: 120px;
}
.px130 {
	width: 130px;
}
.px140 {
	width: 140px;
}
.px150 {
	width: 150px;
}

.user-task-column {
  background-color: #095256ff;
}


.page-footer {
	position: fixed; 
	bottom: 0; 
	width: 100%; 
	height: 60px;
	z-index: 2;
	padding-top: 0px;
}

body {
	margin-bottom: 100px;
}