@font-face {
    font-family: UTM_FONT;
    src: url(UTM\ Swiss\ Condensed.ttf);
}

body {
    font-family: UTM_FONT !important;
}

#sao_tot_xau table th, #sao_tot_xau table td {
    padding: .4rem !important;
}

#thong_tin_co_ban table th, #thong_tin_co_ban table td {
    padding: .4rem !important;
}

#tinh_theo_gio table th, #tinh_theo_gio table td {
    padding: .4rem !important;
}

#thap_nhi table th, #thap_nhi table td {
    padding: .4rem !important;
}

#sao_tot_xau table th, #sao_tot_xau table td, #thong_tin_co_ban table th, #thong_tin_co_ban table td, #tinh_theo_gio table th, #tinh_theo_gio table td, #thap_nhi table th, #thap_nhi table td {
    border: 1px solid purple !important;
}

table td {
    position: relative;
}

.box-common {
    border: 1px solid red;
    height: 100px;
}

/* Begin Hinh nen */

#lich_van_su .hinh-nen-0:after {
    background-image: url("/lichvansu-api/image/hinh-nen-0.jpg");
}

#lich_van_su .hinh-nen-1:after {
    background-image: url("/lichvansu-api/image/hinh-nen-1.jpg");
}

#lich_van_su .hinh-nen-2:after {
    background-image: url("/lichvansu-api/image/hinh-nen-2.jpg");
}

#lich_van_su .hinh-nen-3:after {
    background-image: url("/lichvansu-api/image/hinh-nen-3.jpg");
}

#lich_van_su .hinh-nen-4:after {
    background-image: url("/lichvansu-api/image/hinh-nen-4.jpg");
}

#lich_van_su .hinh-nen-5:after {
    background-image: url("/lichvansu-api/image/hinh-nen-5.jpg");
}

#lich_van_su .hinh-nen-6:after {
    background-image: url("/lichvansu-api/image/hinh-nen-6.jpg");
}

#lich_van_su .hinh-nen-7:after {
    background-image: url("/lichvansu-api/image/hinh-nen-7.jpg");
}

#lich_van_su .hinh-nen-8:after {
    background-image: url("/lichvansu-api/image/hinh-nen-8.jpg");
}

#lich_van_su .hinh-nen-9:after {
    background-image: url("/lichvansu-api/image/hinh-nen-9.jpg");
}

#lich_van_su .hinh-nen-10:after {
    background-image: url("/lichvansu-api/image/hinh-nen-10.jpg");
}

#lich_van_su .hinh-nen-11:after {
    background-image: url("/lichvansu-api/image/hinh-nen-11.jpg");
}

#lich_van_su .hinh-nen-12:after {
    background-image: url("/lichvansu-api/image/hinh-nen-12.jpg");
}

#lich_van_su .hinh-nen-13:after {
    background-image: url("/lichvansu-api/image/hinh-nen-13.jpg");
}

#lich_van_su .hinh-nen-14:after {
    background-image: url("/lichvansu-api/image/hinh-nen-14.jpg");
}

#lich_van_su .hinh-nen-15:after {
    background-image: url("/lichvansu-api/image/hinh-nen-15.jpg");
}

#lich_van_su .hinh-nen-16:after {
    background-image: url("/lichvansu-api/image/hinh-nen-16.jpg");
}

#lich_van_su .hinh-nen-17:after {
    background-image: url("/lichvansu-api/image/hinh-nen-17.jpg");
}

#lich_van_su .hinh-nen-18:after {
    background-image: url("/lichvansu-api/image/hinh-nen-18.jpg");
}

#lich_van_su .hinh-nen-19:after {
    background-image: url("/lichvansu-api/image/hinh-nen-19.jpg");
}

#lich_van_su .hinh-nen-20:after {
    background-image: url("/lichvansu-api/image/hinh-nen-20.jpg");
}

#lich_van_su .hinh-nen-21:after {
    background-image: url("/lichvansu-api/image/hinh-nen-21.jpg");
}

#lich_van_su .hinh-nen-22:after {
    background-image: url("/lichvansu-api/image/hinh-nen-22.jpg");
}

#lich_van_su .hinh-nen-23:after {
    background-image: url("/lichvansu-api/image/hinh-nen-23.jpg");
}

#lich_van_su .hinh-nen-24:after {
    background-image: url("/lichvansu-api/image/hinh-nen-24.jpg");
}

#lich_van_su .hinh-nen-25:after {
    background-image: url("/lichvansu-api/image/hinh-nen-25.jpg");
}

#lich_van_su .hinh-nen-26:after {
    background-image: url("/lichvansu-api/image/hinh-nen-26.jpg");
}

#lich_van_su .hinh-nen-27:after {
    background-image: url("/lichvansu-api/image/hinh-nen-27.jpg");
}

#lich_van_su .hinh-nen-28:after {
    background-image: url("/lichvansu-api/image/hinh-nen-28.jpg");
}

#lich_van_su .hinh-nen-29:after {
    background-image: url("/lichvansu-api/image/hinh-nen-29.jpg");
}

#lich_van_su .hinh-nen-30:after {
    background-image: url("/lichvansu-api/image/hinh-nen-30.jpg");
}

#lich_van_su .hinh-nen-31:after {
    background-image: url("/lichvansu-api/image/hinh-nen-31.jpg");
}

#lich_van_su .hinh-nen-32:after {
    background-image: url("/lichvansu-api/image/hinh-nen-32.jpg");
}

#lich_van_su .hinh-nen-33:after {
    background-image: url("/lichvansu-api/image/hinh-nen-33.jpg");
}

#lich_van_su .hinh-nen-34:after {
    background-image: url("/lichvansu-api/image/hinh-nen-34.jpg");
}

#lich_van_su .hinh-nen-35:after {
    background-image: url("/lichvansu-api/image/hinh-nen-35.jpg");
}

#lich_van_su .hinh-nen-36:after {
    background-image: url("/lichvansu-api/image/hinh-nen-36.jpg");
}

#lich_van_su .hinh-nen-37:after {
    background-image: url("/lichvansu-api/image/hinh-nen-37.jpg");
}

#lich_van_su .hinh-nen-38:after {
    background-image: url("/lichvansu-api/image/hinh-nen-38.jpg");
}

#lich_van_su .hinh-nen-39:after {
    background-image: url("/lichvansu-api/image/hinh-nen-39.jpg");
}

#lich_van_su .hinh-nen-40:after {
    background-image: url("/lichvansu-api/image/hinh-nen-40.jpg");
}

#lich_van_su .hinh-nen-41:after {
    background-image: url("/lichvansu-api/image/hinh-nen-41.jpg");
}

#lich_van_su .hinh-nen-42:after {
    background-image: url("/lichvansu-api/image/hinh-nen-42.jpg");
}

#lich_van_su .hinh-nen-43:after {
    background-image: url("/lichvansu-api/image/hinh-nen-43.jpg");
}

#lich_van_su .hinh-nen-44:after {
    background-image: url("/lichvansu-api/image/hinh-nen-44.jpg");
}

#lich_van_su .hinh-nen-45:after {
    background-image: url("/lichvansu-api/image/hinh-nen-45.jpg");
}

#lich_van_su .hinh-nen-46:after {
    background-image: url("/lichvansu-api/image/hinh-nen-46.jpg");
}

#lich_van_su .hinh-nen-47:after {
    background-image: url("/lichvansu-api/image/hinh-nen-47.jpg");
}

#lich_van_su .hinh-nen-48:after {
    background-image: url("/lichvansu-api/image/hinh-nen-48.jpg");
}

#lich_van_su .hinh-nen-49:after {
    background-image: url("/lichvansu-api/image/hinh-nen-49.jpg");
}

#lich_van_su .hinh-nen-50:after {
    background-image: url("/lichvansu-api/image/hinh-nen-50.jpg");
}

#lich_van_su .hinh-nen-51:after {
    background-image: url("/lichvansu-api/image/hinh-nen-51.jpg");
}

#lich_van_su .hinh-nen-52:after {
    background-image: url("/lichvansu-api/image/hinh-nen-52.jpg");
}

#lich_van_su .hinh-nen-53:after {
    background-image: url("/lichvansu-api/image/hinh-nen-53.jpg");
}

#lich_van_su .hinh-nen-54:after {
    background-image: url("/lichvansu-api/image/hinh-nen-54.jpg");
}

#lich_van_su .hinh-nen-55:after {
    background-image: url("/lichvansu-api/image/hinh-nen-55.jpg");
}

#lich_van_su .hinh-nen-56:after {
    background-image: url("/lichvansu-api/image/hinh-nen-56.jpg");
}

#lich_van_su .hinh-nen-57:after {
    background-image: url("/lichvansu-api/image/hinh-nen-57.jpg");
}

#lich_van_su .hinh-nen-58:after {
    background-image: url("/lichvansu-api/image/hinh-nen-58.jpg");
}

#lich_van_su .hinh-nen-59:after {
    background-image: url("/lichvansu-api/image/hinh-nen-59.jpg");
}

#lich_van_su .hinh-nen-60:after {
    background-image: url("/lichvansu-api/image/hinh-nen-60.jpg");
}

#lich_van_su .hinh-nen-61:after {
    background-image: url("/lichvansu-api/image/hinh-nen-61.jpg");
}

#lich_van_su .hinh-nen-62:after {
    background-image: url("/lichvansu-api/image/hinh-nen-62.jpg");
}

#lich_van_su .hinh-nen-63:after {
    background-image: url("/lichvansu-api/image/hinh-nen-63.jpg");
}

#lich_van_su .hinh-nen-64:after {
    background-image: url("/lichvansu-api/image/hinh-nen-64.jpg");
}

#lich_van_su .hinh-nen-65:after {
    background-image: url("/lichvansu-api/image/hinh-nen-65.jpg");
}

#lich_van_su .hinh-nen-66:after {
    background-image: url("/lichvansu-api/image/hinh-nen-66.jpg");
}

#lich_van_su .hinh-nen-67:after {
    background-image: url("/lichvansu-api/image/hinh-nen-67.jpg");
}

#lich_van_su .hinh-nen-68:after {
    background-image: url("/lichvansu-api/image/hinh-nen-68.jpg");
}

#lich_van_su .hinh-nen-69:after {
    background-image: url("/lichvansu-api/image/hinh-nen-69.jpg");
}

#lich_van_su .hinh-nen-70:after {
    background-image: url("/lichvansu-api/image/hinh-nen-70.jpg");
}

#lich_van_su .hinh-nen-71:after {
    background-image: url("/lichvansu-api/image/hinh-nen-71.jpg");
}

#lich_van_su .hinh-nen-72:after {
    background-image: url("/lichvansu-api/image/hinh-nen-72.jpg");
}

#lich_van_su .hinh-nen-73:after {
    background-image: url("/lichvansu-api/image/hinh-nen-73.jpg");
}

#lich_van_su .hinh-nen-74:after {
    background-image: url("/lichvansu-api/image/hinh-nen-74.jpg");
}

#lich_van_su .hinh-nen-75:after {
    background-image: url("/lichvansu-api/image/hinh-nen-75.jpg");
}

#lich_van_su .hinh-nen-76:after {
    background-image: url("/lichvansu-api/image/hinh-nen-76.jpg");
}

#lich_van_su .hinh-nen-77:after {
    background-image: url("/lichvansu-api/image/hinh-nen-77.jpg");
}

#lich_van_su .hinh-nen-78:after {
    background-image: url("/lichvansu-api/image/hinh-nen-78.jpg");
}

#lich_van_su .hinh-nen-79:after {
    background-image: url("/lichvansu-api/image/hinh-nen-79.jpg");
}

#lich_van_su .hinh-nen-80:after {
    background-image: url("/lichvansu-api/image/hinh-nen-80.jpg");
}

#lich_van_su .hinh-nen-81:after {
    background-image: url("/lichvansu-api/image/hinh-nen-81.jpg");
}

#lich_van_su .hinh-nen-tet:after {
    background-image: url("/lichvansu-api/image/hinh-nen-tet.jpg");
}

/* End hình nền  */

.red {
    color: red !important;
}

.gray {
    color: gray !important;
}

.blue {
    color: blue !important;
}

.orange {
    color: #c45003 !important;
}

.pyro>.before, .pyro>.after {
    position: absolute;
    width: 7px;
    height: 7px;
    pointer-events: none;
    z-index: 99999999;
    border-radius: 50%;
    box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro>.after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-moz-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-o-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-ms-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-moz-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-o-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-ms-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-webkit-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-moz-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-o-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-ms-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}