/* Štoparica plugin CSS */
.stoparica-container {
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
}

.stoparica-main-stopwatch {
    font-size: 10rem;
    max-width: 1120px;
    margin: 0 auto;
}

.stoparica-secondary-stopwatch {
    font-size: 2rem;
    margin: 0 auto 30px;
}

.stoparica-buttons button,
.stoparica-data-buttons button {
    margin: 5px;
    padding: 10px 20px;
    cursor: pointer;
	background:#eef2ff;
	color:#4338ca;
	border-radius:4px;
}

.stoparica-buttons button:hover,
.stoparica-data-buttons button:hover,
.stoparica-buttons button:focus,
.stoparica-data-buttons button:focus {
	background:#eef2ff;
	color:#4338ca;
}

.stoparica-tracker-table {
    width: 100%;
    max-width: 1120px;
    border-collapse: collapse;
    margin: 10px auto;
}

.stoparica-tracker-table th,
.stoparica-tracker-table td {
    border-bottom: 1px solid #ccc;
    padding: 8px;
}
.stoparica-cell-usage {
	max-width:50px;
}

.stoparica-cell-start {
	max-width:250px;
}

.stoparica-cell-duration {
	max-width:250px;
}

.stoparica-cell-comment {}

.stoparica-tracker-table input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

.stoparica-main-stopwatch .stoparica-milliseconds {
    font-size: 0.5em;  /* Adjust the value as needed */
    vertical-align: super; /* Optional: adjust vertical alignment */
}

@media only screen and (max-width: 980px) {
.stoparica-main-stopwatch {
    font-size: 7rem;
}
}

@media only screen and (max-width: 680px) {
.stoparica-main-stopwatch {
    font-size: 5rem;
}
}

@media only screen and (max-width: 480px) {
.stoparica-main-stopwatch {
    font-size: 3rem;
}
}