/**
*	Időmérő
**/
	.running-timer{
		display: flex;
  		align-content: center;
  		gap: 8px;
		align-items: center;
	}
	.timer{
		width: 2.5rem;

		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;

		text-align: center;
		color: #ffffff !important;
		
		border-radius: 50px;
	}
		.timer.started{
			background-color: #dc3545;
			
		}
		.timer.not-running{
			background-color: #28a745;
		}

/**
*	Partner és munkatárs badgek
**/
	.box{
		display: inline-block;
		padding: 5px 5px 5px 5px;

		color: #ffffff;

		background-color: #343A40;

		border-radius: 10px;
	}
		.box:hover{
			color: #ffffff;
			line-height: 30px;

			background-color: #535D67;
		}
		.box.self{
			background-color: #325476;
		}
			.box.self:hover{
				background-color: #4f6f8f;
			}
		.box>span{
			margin-left: 5px;
		}
		.box-icon{
			display: inline-block;
			width: 30px;
			height: 30px;

			line-height: 30px;
  			text-align: center;

			background-color: #E7E7E7;

			border-radius: 50%;
		}

/**
*	Kép feltöltés
**/
	/**
	*	Kép feltöltése
	**/
		.upload-image-wrapper{
			padding: 60px;

			text-align: center;
			font-size: 20px;

			margin-bottom: 20px;

			border: 1px solid #d9d9d9;
			border-radius: 20px;
		}

	/**
	*	Feltöltött kép preview
	**/
		.dropzone-previews{

		}
		.dz-preview{
			display: flex;
			flex-wrap: wrap;
			align-items: center;

			padding-left: 10px;
			margin-bottom: 20px;

			border-left: 6px solid transparent;
		}
			.dz-processing{
				border-left-color: #007bff;
			}
			.dz-success{
				border-left-color: #28a745;
			}
			.dz-error{
				border-left-color: #dc3545;
			}
		.dz-image{
			flex: 0 0 120px;
			margin-right: 10px;
		}
		.dz-details{

		}
		.dz-progress{
			flex: 1 1 100%;

			height: 10px;

			margin-top: 10px;
		}
			.dz-upload{
				display: block;

				height: 10px;

				background-color: #007bff;
			}
		.dz-success-mark{
			display: none;
		}
		.dz-error-mark{
			display: none;
		}