.step-progress {
    position: relative;
    padding-left: 45px;
    list-style: none
}

.step-progress:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 22px;
    width: 10px;
    height: 100%;
    border-left: 2px solid #ccc;
}

.step-progress-item {
    position: relative;
    counter-increment: list;
    padding-top: 10px
}

.step-progress-item:not(:last-child) {
    padding-bottom: 1rem
}

.step-progress-item:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: -23px;
    height: 100%;
    width: 10px
}

.step-progress-item:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -38px;
    width: 32px;
    height: 32px;
    border: 2px solid #ccc;
    border-radius: 50%;
    background-color: #fff
}

.step-progress-item.is-done:before {
    border-left: 2px solid #00417b
}

.step-progress-item.is-done:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjEyMCA0NSAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQ0LjI4IDU0LjYwOGwtMTAuNDEzIDEwLjQxNC01LjMxMS01LjMxMi0xLjQyOSAxLjQgNi43NCA2Ljc0IDExLjgyMS0xMS44MjF6IiBmaWxsPSIjMDA1YWEwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-size: 28px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border: 2px solid #00417b
}

.step-progress-item.current:before {
    border-left: 2px solid #00417b
}

.step-progress-item.current:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzAwNDE3YiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYuMDAyIDE4LjE4YTIuMTMzIDIuMTMzIDAgMDEtMi4xMzEtMi4xMzJjMC0xLjE3NS45NTYtMi4xMyAyLjEzMS0yLjEzIDEuMTc1IDAgMi4xMzEuOTU1IDIuMTMxIDIuMTNhMi4xMzMgMi4xMzMgMCAwMS0yLjEzMSAyLjEzMW0wLTYuMjYyYTQuMTM1IDQuMTM1IDAgMDAtNC4xMzEgNC4xMzEgNC4xMzUgNC4xMzUgMCAwMDQuMTMxIDQuMTMxIDQuMTM1IDQuMTM1IDAgMDA0LjEzMS00LjEzIDQuMTM1IDQuMTM1IDAgMDAtNC4xMzEtNC4xMzIiLz48cGF0aCBkPSJNMjMuNzg3IDE4LjQ1NmExMC4yNjIgMTAuMjYyIDAgMDEtMS43NjUgMi45ODVsLS40NTUuNTM3IDEuNDk0IDIuNTgtMy4xMTkgMS44MjQtMS41MDMtMi41OTctLjcxNS4xNTlhNy41NzUgNy41NzUgMCAwMS0xLjcyMi4xOTkgNy4xMTYgNy4xMTYgMCAwMS0xLjY5Ni0uMTkzbC0uNzMtLjE4My0xLjUxNSAyLjYxNS0zLjExOC0xLjgyMyAxLjUxLTIuNjEtLjUtLjU0Yy0uODY3LS45NC0xLjQxLTEuODU2LTEuNzEzLTIuODg0bC0uMjEtLjcxOEg1di0zLjU5MWgyLjk3M2wuMjQ0LS42NWExMC4yNjIgMTAuMjYyIDAgMDExLjc2NS0yLjk4NGwuNDU0LS41MzgtMS40OTMtMi41OCAzLjExOC0xLjgyMyAxLjUwNSAyLjU5OC43MTUtLjE2YTcuNDc3IDcuNDc3IDAgMDExLjcyMS0uMmMuNjAzIDAgMS4xOS4wNjggMS42OTYuMTk1bC43MzEuMTgzIDEuNTEzLTIuNjE2IDMuMTIgMS44MjMtMS41MSAyLjYwOS41LjU0Yy44NjUuOTQgMS40MSAxLjg1NyAxLjcxMiAyLjg4NWwuMjExLjcxOGgzLjAzdjMuNTlIMjQuMDNsLS4yNDQuNjV6bTUuMjE3IDEuMzV2LTcuNTloLTMuNTY3YTguOTM1IDguOTM1IDAgMDAtMS40MjgtMi4zOTdsMS43ODEtMy4wNzZMMTkuMjE4IDIuOWwtMS43ODUgMy4wODVhOS41NDggOS41NDggMCAwMC0yLjg1OS4wMDRsLTEuNzg4LTMuMDktNi41NzIgMy44NDQgMS43OTcgMy4xMDRhMTIuMzcgMTIuMzcgMCAwMC0xLjQgMi4zNjlIM3Y3LjU5aDMuNTY2YTguOTQ2IDguOTQ2IDAgMDAxLjQyOCAyLjM5OGwtMS43OCAzLjA3NyA2LjU3MSAzLjg0MiAxLjc4Ni0zLjA4NGE5LjQ3NyA5LjQ3NyAwIDAwMi44NTgtLjAwNWwxLjc4OCAzLjA4OSA2LjU3Mi0zLjg0Mi0xLjc5Ny0zLjEwNWMuNTU2LS43NCAxLjAzLTEuNTQyIDEuNC0yLjM3aDMuNjExeiIvPjwvZz48L3N2Zz4=);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 32px;
    height: 32px;
    top: 0;
    left: -38px;
    font-size: 14px;
    text-align: center;
    color: #00417b;
    border: 2px solid #00417b;
    background-color: #fff
}

.last {
    padding: 0
}

.step-progress strong {
    display: block
}

.lottery-ticket__description{
    margin: 0;
    padding: 0.75rem;
    background: #ffeca0;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
.codeDetails ul li .redol .seachSpans{
    color: #007bff !important;
}
#diange .ul_box ul li .redol .seachSpans{
    color: #007bff !important;
}
.codeDetails ul li span{
    letter-spacing: 1px;
}
#diange .ul_box ul li ol li p{
    letter-spacing: 1px;
    font-size: 22px;    
}
.codeDetails ul li ol li p{
    font-size: 22px;
}
.codeDetails ul li p, #diange .ul_box ul li p{
    border-bottom: none !important;
}
.kaiItem{
    padding: 0;
}
.nameTitle{
    display: none;
}
.code_box{
    display: none;
}
.taowei{
    display: none;
}
.seachSpans{
    border-radius: 50%;
    font-size: 24px;
    font-weight: 600;
    padding: 5px;
    background: #ffd042;
    color: #007bff !important;
}
.panel-search{
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.causodep::before{
    background-image: url(https://1682xoso.com/icons/cau-so-dep.svg)
}
.xosohomnay::before{
    background-image: url(https://1682xoso.com/icons/xo-so-hom-nay.svg)
}
.thongkeloto:before {
    background-image: url(https://1682xoso.com/icons/thong-ke.svg)!important;
}
.xosohomqua:before {
    background-image: url(https://1682xoso.com/icons/xo-so-hom-qua.svg)!important;
}

.widget ul li a{
    text-decoration: none;
    margin: 0;
}
.widget ul li a:hover{
    text-decoration: underline;
}

.darkMode .step-progress-item{
    color: #cccccc
}

.darkMode .codeDetails ul li ol li p{
    color: #cccccc
}
.darkMode #diange .ul_box ul li ol li p{
    color: #cccccc
}
.darkMode .codeDetails ul>li:nth-child(odd) ol li p{
    color: #616161 ;
}
.darkMode #diange ul>li:nth-child(odd) ol li p{
    color: #616161 ;
}