.instant-game-popup {
    position: absolute;
    bottom: 0px;
    width: 320px;
    left: 100%;
    padding: 85px 15px 15px 15px;
    box-shadow: 0px 0px 10px #b3b3b3;
    border-radius: 5px;
    min-height: 227px;
}

.instant-game-popup .header {
    height: 80px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(https://upstart.vn/static/wifi/2.1.6/images/header/cropped-header5.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 5px 5px 0px 0px;
}

.title-note {
    color: #2561d2;
}

#upcrm_goto_other_app_popup {
    overflow: hidden;
    position: absolute;
    top: 3px;
    width: 340px;
    z-index: 991;
    height: 468px;
    margin-top: 57px;
    right: 0px;
    margin-right: 4px;
    transition: height 0.3s ease-in-out 0s;
    max-height: calc(-61px + 100vh);
    background: white;
    border-radius: 8px;
    box-shadow: 0px 0px 3px 0px;
    font-size: 14px;
    visibility: hidden;
}

#upcrm_goto_other_app_popup.active {
    visibility: unset;
}

.form-ckb {
    margin-bottom: 16px;
}

.styled-checkbox {
    position: absolute;
    display: none;
}

.styled-checkbox+.form__checkbox label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 1.2rem;
    line-height: 18px;
}

.styled-checkbox+.form__checkbox label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 14px;
    height: 14px;
    background: transparent;
    border: 1px solid #ffffff;
}

.styled-checkbox:disabled+.form__checkbox label {
    color: #ffffff;
    cursor: auto;
}

.styled-checkbox:disabled+.form__checkbox label:before {
    box-shadow: none;
    background: transparent;
}

.styled-checkbox:checked+.form__checkbox label:after {
    font-family: "FontAwesome";
    content: "";
    color: #ffffff;
    font-size: 9px;
    position: absolute;
    left: 3px;
    top: -2px;
    background: transparent;
}

.footer-toolbar {
    position: fixed;
    bottom: 0px;
    width: 100%;
    margin-bottom: 0px;
    right: 0px;
    box-shadow: 0px -20px 100px -25px;
    z-index: 100;
}

.footer-toolbar button {
    min-width: 88px;
}

.datetime-group {
    position: relative;
}
.datetime-icon {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 1.8rem;
    color: #828181;
}

@media (min-width: 768px) {
    
}

@media (min-width: 992px) {
    .footer-toolbar {
        right: 40px;
        width: calc(100% - 315px);
    }
}

@media (min-width: 1200px) {
    .footer-toolbar {
        right: 40px;
        width: calc(100% - 315px);
    }
}