#main {
    text-align: center;
    overflow: hidden;
}

#main-working-space {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#sun {
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    height: 60%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#sun-light {
    height: 60%;
    margin-top: 30px;
    content: url('../images/sun_light.png');
}

#sun.sun-0 {
    background-image: url('../images/sun_0.png');
}

#sun.sun-1 {
    background-image: url('../images/sun_1.png');
}

#sun.sun-2 {
    background-image: url('../images/sun_2.png');
}

#sun.sun-3 {
    background-image: url('../images/sun_3.png');
}

#remaining-time {
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    height: 40%;
    display: -webkit-flex;
}

#remaining-time-value {
    margin: auto;
    font-size: 6rem;
    font-weight: bold;
}

#remaining-time-value.text {
    font-size: 2rem;
}

.semitransparent {
    opacity: .7;
}

@media all and (-tizen-geometric-shape: circle) {
    .ui-popup .ui-popup-content {
        text-align: center;
    }

    .btn-icon-check:before {
        background-color: rgba(0, 149, 255, 1);
        -webkit-mask-image: url(../images/tw_ic_popup_btn_check.png);
    }

    .btn-icon-cancel:before {
        background-color: rgba(0, 149, 255, 1);
        -webkit-mask-image: url(../images/tw_ic_popup_btn_delete.png);
    }
}