/* Đặt tên class theo cú pháp "ckeditor-tenclass" */

.ckeditor-first-class {
    font-size: 30px;
    margin-top: 50px;
    color: blue;
}

ul.dinhdang li, ol.dingdang li {/*định dạng thẻ ul và ol*/
    position: relative;
    padding-left: 20px;
    list-style: none
}

ul.sao li:before {/*thêm icon cho thẻ list*/
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 12px;
    font-weight: 900;
    color: #E92145
}

ul.check1 li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 13px;
    font-weight: 900;
    color: #E92145
}

ul.check2 li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 13px;
    font-weight: 900;
    color: #E92145
}

ul.check3 li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 13px;
    font-weight: 900;
    color: #E92145
}

.bg-do {/*màu nền*/
    background: #E92145;
    color: #fff
}

.bg-do1 {
    background: #FF0000;
    color: #fff
}

.bg-vang {
    background: #FFFF00;
    color: #fff
}

.bg-xanh {
    background: #00FF00;
    color: #fff
}

.bg-timthan {
    background: #1C1C38;
    color: #fff
}

.t-do {/*Màu chữ*/
    color: #E92145;
}

.t-vang {
    color: #FFFF00;
}

.t-xanh {
    color: #00FF00;
}

.t-timthan {
    color: #1C1C38;
}

.t-trang {
    color: #fff;
}

.btnc { /*nút*/
    padding: 5px 10px;
    border-radius: 8px;
    color: #fff;
    padding-left: 34px;
    padding-right: 20px;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
}
.btnc1 {
    padding: 6px 20px;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    text-align:center;
    border:2px solid #000;
    color:#000;
    margin-top:10px;
}

.btnc.taive:before { /*icon cua nut*/
        font-family: "Font Awesome 5 Free";
        content: "\f381";
        position: absolute;
        top: 4px;
        left: 10px;
        font-size: 13px;
        font-weight: 900;
        color: #fff
    }

.btnc.xemthem:before {
    font-family: "Font Awesome 5 Free";
    content: "\f06e";
    position: absolute;
    top: 4px;
    left: 10px;
    font-size: 13px;
    font-weight: 900;
    color: #fff
}

.btnc.enter:before {
    font-family: "Font Awesome 5 Free";
    content: "\f35d";
    position: absolute;
    top: 4px;
    left: 10px;
    font-size: 13px;
    font-weight: 900;
    color: #fff
}