.vico_time_frame_wrapper {
	display: flex;
	width: fit-content;
	justify-content: space-around;
	background-color: black;
	color: white;
	padding: 16px 15px;
	flex-wrap: wrap;
	margin: unset !important;
    font-size: 18px;
}

.vico_time_frame_section {
    margin: 5px 12px;
    text-align: center;
    min-width: 125px;
}

.vico_time_frame_section .vico_time_frame_lable {
    font-weight: 800;
    color: #939393;
    margin-bottom: 12px;
}

.vico_real_time .vico_time_frame {
    color: #0ec40e;
    font-weight: 800;
    display: flex;
    align-items: center;
}

.vico_all_day .vico_time_frame {
    font-weight: 800;
    color: red;
}

.vico_average_time .vico_time_frame {
    font-weight: 800;
    color: #dbdb00;
}

.vico_on_page {
    color: #4c4cff !important;
    font-weight: 800;
}

.vico_time_frame {
    display: flex;
    justify-content: center;
}

.vico_time_frame img {
    width: 55px;
    fill: white;
    margin-right: 7px;
    height: 20px;
    background: white;
    border-radius: 50px;
}

.vico_time_frame_section.vico_average_time_wrapper {
    display: flex;
}

.vico_time_frame_section.vico_average_time_wrapper>div {
    margin: unset;
    margin-left: -10px;
}

.vico_time_frame_wrap {
	display: flex;
	justify-content: space-around;
}

.visitor-counter, .vico-counter-wrapper, .vico-main-wrapper, .vico-counter {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.visitor-counter * {
    color: #fff !important;
}


/* Universal transparency fix */
div[class*="vico"], div[id*="vico"], .visitor-counter, .vico-counter-wrapper, .vico-main-wrapper, .vico-counter {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}