@charset "utf-8";
/* CSS Document */
 /*Vaba päeva töö värvus > #AFD909 < kood 1*/
.c-verde {
 --rgb: 129, 185, 78;
}
/*vaba päeva värvus > #E3C438 < kood 2*/
.c-naranja {
 --rgb: 227, 196, 56;
}
/*pekkaspäeva värvus > #8FD9BB < kood 3*/
.c-verde-azul {
 --rgb: 143, 217, 187;
}
/*puhkuse värvus > #EE5277 < kood 4*/
.c-rasor {
 --rgb: 238, 87, 123;
}
/*koolitus kood värvus > #c71585 < kood 6*/
.c-violeta-rojo {
 --rgb: 199, 21, 133;
}
/*norm tööpäev värvus > #C1C1C1 <kood 7*/
.c-gris {
 --rgb: 193, 193, 193;
}
/*Valge tausta texti värvus >#DB5A5B< kood 9*/
.c-ladrillos {
 --rgb: 219, 90, 91;
}
.c-verde, .c-naranja, .c-verde-azul, .c-rasor, .c-violeta-rojo, .c-gris, .c-ladrillos {
 --alpha: 0.5;
	background-color: rgba(var(--rgb), var(--alpha));
}
.c-verde:hover, .c-naranja:hover, .c-verde-azul:hover, .c-rasor:hover, .c-violeta-rojo:hover, .c-gris:hover, .c-ladrillos:hover {
 --alpha: 1;
}
.content-cal365 {
	width: 100%;
	height: 100%;
	position: relative;
}
.cal365-container {
	display: inline-block;
	border-left: 1px solid var(--color-borde-cal);
	border-bottom: 1px solid var(--color-borde-cal);
	height: auto;
	width: 100%;
}
@media only screen and (min-width:421px) and (max-device-width:893px) {
.content-cal365 {
	overflow-y: scroll;
	height: 100vh;
}
}
.cal365-row {
	width: 100%;
	display: flex;
	flex-direction: row;
}
.row-title {
	height: 2.7em;
	padding-left: 40px;
	font-weight: 600;
	width: 100%;
	display: flex;
	align-items: center;
}
.cal365-row-dia {
	height: 4.6em;
	width: 100%;
	display: flex;
	flex-direction: row;
 --alpha: 1;
	position: relative;
	justify-content: flex-start;
}
.cal365-tarea-dia {
	font-size: 1.16em;
	font-weight: 400;
	height: 100%;
	display: flex;
	flex-direction: column;
	width: 70%;
}
.cal365-tarea-dia p {
	height: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.cal365-row-horas {
	height: 2.2em;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 400;
	font-size: 1em;
	justify-content: center;
	width: 100%;
}
.cal365-total-de-horas {
	margin-left: 26px;
	position: relative;
	width: 90px;
	height: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 1.1em;
}
.cal365-total-de-horas::after {
	height: 2em;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 200;
	position: absolute;
	top: 0;
	left: -6px;
	content: "\f017";
	font-size: 1.05em;
	font-weight: 400
}
.semana-cal365 {
	width: calc(100%/7);
	color: hsl(214, 33%, 48%);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.2em;
	border-right: 1px solid var(--color-borde-cal);
	background-color: hsl(210, 67%, 96%);
	text-transform: uppercase;
}
.semana-cal365:first-child {
	border-left: 1px solid var(--color-borde-cal);
}
.color-finde-al365 {
	font-weight: 600
}
.b-calendar-cell {
	display: flex;
	flex-direction: column;
	width: calc(100%/7);
	min-height: 98px;
	height: auto;
	float: left;
	font-size: 1em;
	position: relative;
	border-right: 1px solid var(--color-borde-cal);
	border-top: 1px solid var(--color-borde-cal);
	justify-content: flex-start;
	align-items: center;
}
@media only screen and (max-width:420px) {
.b-calendar-cell {
	min-height: 55px;
}
}
@media only screen and (min-width:421px) and (max-device-width:893px) {
.b-calendar-cell {
	min-height: 75px;
}
}
.cal365-dia {
	height: 30px;
	width: 100%;
	display: flex;
	align-items: center;
	top: 6px;
	padding-right: 20px;
	position: absolute;
	left: 0
}
.cal365-horario {
	position: absolute;
	height: 14px;
	width: 100%;
	top: 4px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-weight: 200;
	padding-left: 4px;
	font-size: .8em;
	z-index: 1;
}
.cal365-horario .bolder {
	font-weight: 500;
	padding-left: 4px;
	font-size: 1em;
}
@media only screen and (max-width:420px) {
.cal365-dia {
	padding-right: 6px;
}
}
.no-activo {
	background-color: var(--color-dia-no-activo);
}
.dia-festivo::after {
	height: 20px;
	width: 20px;
	position: absolute;
	top: 34px;
	right: 24px;
	content: "";
	background-image: url(finland_round_icon_64.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 14px;
}
@media only screen and (max-width:420px) {
.dia-festivo::after {
	visibility: hidden;
}
}
.cal365-numero-dia {
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	color: hsl(214, 33%, 48%);
	font-weight: 500;
	margin-left: auto;
	border: 2px solid transparent;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width:420px) {
.cal365-numero-dia {
	height: 24px;
	width: 24px;
	font-size: .9em;
	font-weight: 400;
}
}
.cal365-numero-dia:hover {
	opacity: 1 !important;
	cursor: pointer;
}
.cal365__dia {
	width: 96%;
	height: 24px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	padding-left: 9px;
	margin-left: 3%;
	position: relative;
}
.cal365-horas-herramientas {
	height: 100%;
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: absolute;
	top: 0;
	right: 0;
}
.cal365-horas-herramientas button {
	width: 42px;
	height: 42px;
	position: relative;
	margin: 0 4px;
	background-color: transparent;
	font-size: 1.2em
}
.cal365__dia::after, .cal365-horas-herramientas button::after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Font Awesome 5 Pro';
	font-size: 1em;
	font-weight: 200;
	color: rgba(120,120,131,1);
	border: 1px solid transparent;
	border-radius: 4px;
}
.cal365__dia:hover {
	height: 24px;
	width: 24px;
	background-color: var(--color-hover-dia);
	cursor: pointer;
}
.dia-descansar::after {
	content: "\f236";
	color: #E3C438;
	font-size: 1.1em;
	font-weight: 600
}
.dia-trabajar::after {
	content: "\f5dd";
	color: #C1C1C1;
	font-size: 1.1em
}
.dia-libre-trabajar::after {
	content: "\f5dd";
	color: #81B94E;
	font-size: 1.1em
}
.dia-vacaciones::after {
	content: "\f811";
	color: #EE5277;
	font-size: 1.1em
}
.dia-pp::after {
	content: "\f2e8";
	color: #8FD9BB;
	font-size: 1.1em
}
.dia-virus::after {
	content: "\e061";
	color: #DB5A5B;
	font-size: 1.1em
}
.cal365-tarea-corregir::after, .coche-corregir::after, .edit-comment::after {
	content: "\f303";
}
.cal365-tarea-borrar::after, .coche-borrar::after, .remove-comment::after {
	content: "\f2ed";
}
.cal365-nueva-nota::after {
	content: "\f4ad";
}
.cal365-tarea-corregir:hover::after, .coche-corregir:hover::after, .cal365-tarea-borrar:hover::after, .coche-borrar:hover::after, .cal365-nueva-nota:hover::after {
	background-color: hsl(210, 67%, 96%);
	border: 1px solid var(--color-borde-cal);
	color: var(--color-texto-principal);
}
.dia-anterior::after {
	content: "\f104";
	font-size: 1.3em;
	font-weight: 600
}
.dia-siguiente::after {
	content: "\f105";
	font-size: 1.3em;
	font-weight: 600
}
.cal365-otro-mes {
	color: #BAB6AF;
}
.cal365-icon-dia {
	margin: 36px 0 5px 0;
}
.cal365-hoy {
	background-color: #FFE
}
@media only screen and (max-width:420px) {
.cal365-hoy {
	font-size: 1em;
	font-weight: 600
}
}
.cal365-list-column {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin-top: 10px;
}
.cal365-list-column-header {
	width: calc(100% / 3);
	height: auto;
	display: flex;
	align-items: center;
}
.cal365-list-column-header h4 {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 1em;
	font-weight: 400;
	color: #787883;
	margin-bottom: 8px;
}
.cal365-lineas-vehiculos {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: auto;
	margin: 12px 0;
}
.cal365-lineas, .cal365-vehiculos {
	display: flex;
	flex-direction: column;
	width: 50%;
	height: auto;
	padding: 0 6px
}
.cal365-lineas {
	border-right: 1px solid var(--color-borde-cal);
}
.cal365-lineas-vehiculos h4 {
	width: 100%;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-weight: 200;
	font-size: .9em;
	border-bottom: 1px solid var(--color-borde-cal);
}
.cal365-lista-de-vehiculos li div {
	margin-left: 9px
}
.icon-vehiculo {
	display: block;
	width: 26px;
	height: 26px;
	position: relative;
}
.icon-vehiculo::after, .icon-vehiculo::before, .cal365-cerra-notas::after {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 600;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em
}
.coche::after {
	content: "\f1b9";
}
.autobus::after {
	content: "\f55e";
}
.autobus-de-tres-ejes::after {
	content: "\f192";
}
.autobus-de-tres-ejes::before {
	content: "\f192";
	left: 13px
}
.bus-fuelle::after {
	content: "\f8ff";
}
.cal365-elemento-de-lista, .cal365-row-vehiculo {
	height: 24px;
	width: 90%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 20px;
	margin-top: 8px;
	font-size: 1em;
	position: relative;
}
.cal365-elemento-de-lista.runko::after {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	content: "";
	border: 1px solid var(--color-hslrunkolinia);
}
.cal365-row-vehiculo {
	position: relative;
	width: 100%;
}
.cal365-row-vehiculo div {
	width: calc(100%/3);
	font-size: .9em;
}
.cal365-row-vehiculo::after {
	position: absolute;
	top: 0;
	left: 1px;
	height: 100%;
	width: 20px;
	font-family: 'Font Awesome 5 Pro';
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: .88em;
}
.cal365-row-vehiculo.coche::after {
	content: "\f1b9";
	font-weight: 600;
}
.cal365-row-vehiculo.autobus::after {
	content: "\f207";
	font-weight: 600;
}
.cal365-notas-dia-contenedor {
	width: 90%;
	height: 480px;
	position: absolute;
	top: 18px;
	left: 5%;
	background-color: #FAFBFC;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.cal365-notas-dia-header {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	padding-left: 30px;
	font-weight: 600;
}
.cal365-notas-colores {
	width: 140px;
	height: 40px;
	margin-right: 10px;
	position: relative;
	display: flex;
	align-items: center;
}
#stickytext {
	width: 96%;
	padding: 7px;
	position: relative;
	margin: 10px 0 0 2%;
	height: auto;
	z-index: 1;
}
.cal365-row-btn {
	width: 100%;
	height: 30px;
	margin: 4px 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.cal365-row-btn button, .login-btn {
	height: 100%;
	width: 40%;
	text-transform: uppercase;
	font-weight: 400;
}
.cal365-row-btn button.cal365-mensaje-subir, .login-btn {
	background-color: var(--naranja-500);
	color: var(--color-blanco);
}
.cal365-row-btn button.cal365-mensaje-cancelar {
	border: 1px solid #DDDDDD;
	background: var(--color-header-base);
}
.cal365-formar-comentarios {
	width: 100%;
	padding: 1em;
	display: inline-block;
}
.cal365-input-message {
	-moz-appearance: textfield-multiline;
	-webkit-appearance: textarea;
	border: 1px solid transparent;
	height: 150px;
	padding: 8px 18px;
	line-height: 1.5;
	color: #6e7179;
	white-space: pre-wrap;
	word-break: break-all;
	overflow-wrap: break-word;
	overflow-y: scroll;
	width: 100%;
	resize: none;
	font-size: 1em;
	scrollbar-width: thin;
}
.cal365-message-flex-container:hover, .cal365-message-flex-container:focus-within, .cal365-message-flex-container:hover ~ .c-textareaLengthCounter, .cal365-message-flex-container:focus-within ~ .c-textareaLengthCounter {
 background-color:var(--powder-050);
 border:1px solid var(--azul-kiwipro);
}
/* Ülesannete ja märkmete form */
.cal365-content-dia {
	height: 100%;
	padding: 6px;
	overflow: hidden;
}
.width-0 {
	width: 1px;
}
.width-400 {
	width: 400px;
	display: flex;
	flex-direction: column;
	background-color: var(--color-blanco);
	border-right: 1px solid var(--color-borde-cal);
}
.cal365-taskform-wrapper {
	width: 100%;
	background-color: var(--color-blanco);
	height: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: 6px;
	margin-bottom: 20px;
}
/*.cal365-taskform-wrapper {
	width: 400px;
	background-color: var(--color-blanco);
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	height: 400px;
	position: absolute;
	display: flex;
	flex-direction: column;/* right 60px; 
	padding: 6px;
	z-index: 15;
	margin-bottom: 20px;
}
.cal365-taskform-wrapper::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
}
.cal365-cerra-popup {
	height: 0px;
	width: 0px;
	position: absolute;
	top: 0;
	right: 0;
}
.cal365-cerra-popup::after {
	height: 34px;
	width: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	top: 0px;
	right: -50px;
	border-radius: 100%;
	content: "\f00d";
	font-size: 1.1em;
	font-weight: 600;
	cursor: pointer;
	background-color: var(--color-blanco);
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
*/.right-top::after {
	top: 55px;
	right: -16px;
	border-left: 8px solid var(--color-blanco);
	border-right: 8px solid transparent;
}
.right-bottom::after {
	bottom: 55px;
	right: -16px;
	border-left: 8px solid var(--color-blanco);
	border-right: 8px solid transparent;
}
.left-top::after {
	top: 55px;
	left: -16px;
	border-left: 8px solid transparent;
	border-right: 8px solid var(--color-blanco);
}
.left-bottom::after {
	bottom: 55px;
	left: -16px;
	border-left: 8px solid transparent;
	border-right: 8px solid var(--color-blanco);
}
.cal365-tarea-caja {
	height: 100%;
	width: 100%;
	position: relative;
}
.cal365-caja {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--color-blanco);
	z-index: 10
}
.cal365-input-group {
	width: 100%;
	height: 34px;
	display: flex;
	flex-direction: row;
	margin-bottom: 9px;
	position: relative;
}
.cal365-input-group label {
	width: 25%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 1rem;
	font-size: .9em;
	font-weight: 400;
}
.cal365-input-wrapper {
	width: 72%;
	height: 100%;
	border: 1px solid var(--color-secondary-border-color);
	position: relative;
}
.cal365-input-wrapper input {
	height: 100%;
	width: 100%;
	border: 1px solid transparent;
	padding-left: 8px;
}
.cal365-input-select {
	height: 100%;
	width: 100%;
	padding-left: 8px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border: 0px;
	outline: none;
	position: relative;
	z-index: 0;
	background-color: transparent;
}
.cal365-input-select option {
	background-color: var(--color-blanco);
}
.cal365-input-select option:hover {
	background-color: var(--azul-kiwipro-claro);
}
.arrow {
	height: 34px;
	width: 40px;
	position: absolute;
	top: 0;
	right: 0;
}
.arrow::after {
	height: 34px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	top: 0;
	left: 0;
	content: "\f0dd";
	font-size: 1.5em;
	font-weight: 600;
	cursor: pointer;
}
.addTIDfield {
	display: block;
	height: 34px;
	width: 100%;
	position: relative;
	cursor: default;
}
.addTIDfield::after, .removeTIDfield::after {
	height: 34px;
	width: auto;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	top: 0;
	left: 0;
	content: "\f067 \00a0 \00a0 \00a0 TID";
	padding-left: 10px;
	font-size: 1em;
	font-weight: 400;
	cursor: pointer;
}
.removeTIDfield {
	width: 34px;
	height: 100%;
	position: absolute;
	right: 34px;
	top: 0;
	z-index: 1;
}
.removeTIDfield::after {
	width: 100%;
	content: "\f068";
	align-items: center;
}
.cal365-btn-group {
	height: 38px;
	width: calc(100% - 12px);
}
.btn-top {
	border: 1px solid var(--naranja-400);
}
.btn-bottom {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.cal365-btn-funct {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% / 2);
	display: inline-block;
}
.btn-active {
	background-color: var(--naranja-400);
	color: var(--color-blanco);
	transition: all 0.5s ease;
}
.color, .cal365-style-btn {
	cursor: pointer;
	float: left;
	height: 1em;
	margin: 0 .8em 0 0;
	width: 1em;
	border-radius: .5em;
	position: relative;
}
.color:first-child {
	margin-left: .5em;
}
.cal365-notas-yellow {
	background-color: #FFF2AB;
}
.cal365-notas-blue {
	background-color: #BCD6EA;
}
.cal365-notas-green {
	background-color: #CBF1C4;
}
.cal365-notas-pink {
	background-color: #FFCCE5;
}
.cal365-notas-yellow-opasity {
	background-color: #FFF7D1;
}
.cal365-notas-blue-opasity {
	background-color: #E0EDF8;
}
.cal365-notas-green-opasity {
	background-color: #E5F8E1;
}
.cal365-notas-pink-opasity {
	background-color: #FFE4F1;
}
.cal365-style-btn::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Font Awesome 5 Pro';
	font-size: .9em;
}
.cal365-bold::after {
	content: "\f032";
}
.cal365-italic::after {
	content: "\f033";
}
.cal365-underline::after {
	content: "\f0cd";
}
.cal365-ul-list::after {
	content: "\f0ca";
}
.cal365-ol-list::after {
	content: "\f0cb";
}
.b-sticky-text-style-cb {
	height: 1.8em;
	margin-left: .8em;
	position: relative;
	width: 1.2em;
}
.b-sticky-style-btn {
	font-size: .9em;
	height: 1.6em;
	padding: .2em;
	width: 1.6em;
	cursor: pointer;
}
/* *** popup calendar *** */
.b-popup-calendar {
	background-color: #FFF;
	color: #000;
	display: inline-block;
	font-family: "SpaceGrotesk";
	font-weight: 300;
	position: relative;
	width: 100%;
}
.b-hide-element {
	align-items: center;
	background-color: #FFF;
	border-radius: 1.1em;
	cursor: pointer;
	display: flex;
	height: 2.2em;
	justify-content: center;
	position: absolute;
	right: -3.5em;
	top: -.5em;
	z-index: 100;
	width: 2.2em;
}
.b-popup-calendar-container {
	height: auto;
	min-height: 100px;
	padding: 0;
	width: 100% !important;
}
.b-popup-calendar-datepicker {
	align-items: center;
	display: flex;
	flex-direction: row;
	font-size: 1em;
	height: 30px;
	justify-content: space-around;
	text-transform: uppercase;
}
.b-popup-calendar-datepicker-wrapper {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: relative;
	width: 23%;
}
.popup-calendar-home::after, .popup-calendar-close::after {
	background-color: rgba(204, 204, 204, 0.5);
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 20%;
	align-items: center;
	display: flex;
	justify-content: flex-start;
	justify-content: center;
	cursor: pointer;
}
.popup-calendar-home::after {
	content: "\f80b";
	font-weight: 600;
	cursor: pointer;
	left: 50%;
}
.popup-calendar-close::after {
	content: "\f00d";
	color: var(--naranja-600);
}
.b-popup-calendar-datepicker-wrapper label {
	display: block;
	position: absolute;
	right: 5px;
}
.b-popup-calendar-datepicker-wrapper label::after {
	align-items: center;
	content: "\f0dc";
	display: flex;
	font-weight: 600;
	position: absolute;
	justify-content: center;
	top: 0;
	right: 0;
	height: 100%;
	width: 30px;
}
.b-popup-calendar-datepicker select {
	font-size: 1em;
	font-weight: 500;
	display: inline-block;
	height: 100%;
	max-height: 280px;
	overflow-y: auto;
	width: 100%;
	text-align: center;
	padding: 0;
	background-color: rgba(204, 204, 204, 0.5);
	color: #3A3E42;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border: none;
}
.b-popup-calendar-datepicker select option:not(:checked) {
	color: black;
	font-weight: 300;
	background-color: rgba(24, 157, 159, 0.2);
}
.b-popup-calendar-datepicker select option:checked {
	font-weight: bold;
}
.b-popup-calendar-datepicker span {
	cursor: pointer;
}
.b-popup-calendar-weekdays-row {
	color: #3A3E42;
	float: left;
	font-size: 1.1em;
	font-weight: 500;
	padding: 9px 0;
	text-align: center;
	width: calc(100% / 7);
}
.b-popup-calendar-weekend {
	color: #3A3E42;
}
.b-popup-calendar-calendar {
	position: absolute;
	right: 5px;
	top: 11px;
}
.b-popup-calendar-calendar button {
	background-color: #fff;
	color: #189d9f;
	padding: 0 0.4rem;
}
.b-light-grey-box {
	color: #b5b5b5 !important;
}
.b-popup-calendar-day-box, .book-calendar-day-box {
	align-items: center;
	border-radius: 4px;
	color: #3A3E42;
	cursor: pointer;
	display: flex;
	float: left;
	font-size: 14px;
	font-weight: 400;
	height: 50px;
	justify-content: center;
	padding: 0;
	position: relative;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	width: calc(100% / 7);
}
.b-popup-calendar-day-box:hover, .b-book-cal-day-box:hover {
	background-color: rgba(24, 157, 159, 0.1);
}
.b-popup-calendar-today {
	background-color: #5C9CD5;
	color: #FFF;
}
.d-marced {
	border: 1px solid #5C9CD5;
	background-color: rgba(24, 157, 159, 0.1);
	color: var(--color-texto-principal);
	font-weight: 600;
}
.b-popup-calendar-today:hover {
	background-color: #5C9CD5;
	opacity: .5;
}