body{
    
}
#title-text{
padding-top:0px;
font-size:18px;
color: #ffffff;
}

#title-text1{
padding-top:0px;
font-size:18px;
color: #ff0000;
}


.popup_container {
    position:absolute;
    z-index: 1000;
    left:50%;
    top:0;
}




#info-text{
padding:10px;
color:#000000;
}

#content-view{
z-index:0;
width: 88%;
height:12px;    
background-color: #000000;
position: relative;
top: 0px;
border: 3px solid #ffffff;
border-radius:5px;
padding: 10px;
}

button {
    width: 100%;
    height: 40px;
    color: #000000;
    background-color: #00ffff;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    border: none;
    border-radius: 3px;
    padding: 0 8px;
    margin: 5px 0;
    font-size:15px;
}


button:active {
    background-color: #007E40;
    transform: translateY(2px);
}

 .right {

            height: 100%;
            overflow: auto;
        }

        .right1 {
            border-radius: 10px;
            width: 210px;
            height: 250px;
            margin-top: 15px;
            margin-left: 16px;            
            text-align: center;
            background-color: rgb(255, 255, 255);
            text-align: center;
            overflow: auto;
            border: none;
            border: 3px solid #00ffff;
            box-shadow: 0 0 3px #ff0000 inset, 0 0 5px #00ff11;
        }


.container {
        width: 300px;
        margin: 100px auto;
        padding: 30px;
        
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
        font-family: 'Poppins', sans-serif;
    }

    
    .container h2 {
        margin-bottom: 20px;
        font-size: 24px;
        color: #333;
    }

/* Children div items */
.parent div {
  width: 40px;
  height: 40px;
}


	input[type=checkbox]{
 visibility: hidden;
 vertical-align:middle; margin-bottom:1px;
 cursor: pointer;
 position: relative;
 width: 26px;
 height:30px;


}
input[type=checkbox]::after{
 position: absolute;
 top: 0;
 margin-top:1px;
 width: 22px; height: 22px;
 border: 1px solid #00ff00;
 font-size:8px;
 background-color:#ff0000;
 display: inline-block;
 visibility: visible;
 content: ' '

}

/* Sửa tất cả các màu thành màu ngẫu nhiên */
input[type=checkbox]:checked::after {
    content: " ";
    color:#000000;
    border-color: #00ffff;
    background-color: #00ff00;
    font-size: 15px;
    font-weight: bold;

}


input[type=lradio]  {
    width:20px;
    height:20px;
    margin-right:6px;
    border:none;
    outline-style:none;
    -webkit-appearance:none;
    vertical-align:middle;
    border:1px solid #000000f0;
    border-radius:50%;
}
input[type=lradio]:checked {
    border:6px solid #ff0000f0;
    background:#E8E8E8;
}