/* OVERLAY START */
.overflow_daily {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 6;
	visibility: hidden;
	/* фон затемнения */
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	position: fixed; /* фиксированное поцизионирование */
	cursor: default; /* тип курсара */
	-webkit-transition:  0.5s;
	-moz-transition:  0.5s;
	-ms-transition:  0.5s;
	-o-transition:  0.5s;
	transition: .3s ease-in-out;
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
    box-sizing: border-box;
    padding: 1em;
}

.popup_daily {
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	box-sizing: border-box;
    background-color: #181818;
    width: 100%;
    z-index: 2;
	/* margin-bottom: 2.8em; */
	transform: translate(0,45em);
	transition: .2s ease-in-out;
    overflow-y: scroll;
    overflow-x: hidden;
    border: solid #DFA381 0.05em;
    border-radius: 1em;
    padding: 1em;
    gap: 1em;
}


.popup_daily.show_up {
	transform: translate(0,0);
    -webkit-transform: translate(0,0); /** Safari & Chrome **/
    -o-transform: translate(0,0); /** Opera **/
    -moz-transform: translate(0,0); /** Firefox **/
	transition: .2s ease-in-out;
}

.popup_daily_cross {
    height: 2em;
    position: absolute;
    top: 0;
    right: 0.75em;
}
    
.popup_daily_cross svg{
    width: 2em;
}

.popup_daily img {
    width: 6em;
}

.popup_daily_title {
    text-align: center;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    width: 90%;
    margin-top: 0.5em;
}

.popup_daily_title span {
    color: #F99963;
    font-size: 1em;
    text-align: left;
}

.popup_daily_desc {
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

.popup_daily_count_block {
    margin-top: 0.5em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    gap: 1em;
    width: 100%;
}

.popup_daily_count_block span {
    width: 100%;
    font-size: 0.85em;
}
/* OVERLAY END */



.task_top_progress_block {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25em;
    margin-top: 1em;
    box-sizing: border-box;
}

.task_top_progress_single {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0.5em 0.35em;
    border-radius: 0.6em;
    border: 1px solid #DFA381;
    /* background-color: #181818; */
    background: linear-gradient(90deg, #181818 50%, #181818 100%);
    gap: 0.25em;
    transition: .2s ease-in-out;
}

.task_top_progress_single:active {
    background: linear-gradient(90deg, #FFC9AA 50%, #DFA381 100%);
}

.task_top_progress_single.cur {
    background: linear-gradient(90deg, #FFC9AA 50%, #DFA381 100%);
}

.task_top_progress_single span {
    text-align: center;
    font-weight: 600;
    font-size: 0.7em;
    color: #fff;
    width: 100%;
}

.task_top_progress_single img {
    width: 100%;
}

.task_top_progress_single_text {
    color: #fff;
    font-size: 0.45em;
    text-align: center;
    white-space: nowrap;  
}