body {
    min-width: 1170px;
    font-family: Arial;
    font-size: 14px;
    color: #333
}

.wrp {
    width: calc(100% - 40px);
    margin: auto
}

.thongke {
    padding: 0;
    margin: 0;
    width: 100%;
    padding-bottom: 7px;
    border-bottom: 2px solid #cdcdcd;
    font-size: 15px;
    color: #909090;
    margin-bottom: 30px
}

    .thongke li {
        display: inline-block;
        margin-right: 40px
    }

        .thongke li:after {
            content: "|";
            vertical-align: middle;
            margin-left: 40px;
            display: inline-block;
            margin-top: -6px
        }

        .thongke li:last-child:after {
            display: none
        }

        .thongke li .far {
            margin-right: 3px
        }

.noidung {
    width: 100%;
    min-height: 100px;
    text-align: justify;
    line-height: 21px;
    font-size: 14px;
    margin: 10px 0
}

    .noidung img, .noidung input[type=image], .noidung1 img, .noidung1 input[type=image] {
        max-width: 100%;
        height: auto !important;
        margin: auto;
        display: block !important
    }

    .noidung iframe, .noidung video, .noidung1 iframe, .noidung1 video {
        max-width: 100%;
        margin: auto;
        display: block !important
    }

    .noidung table {
        margin: auto
    }

    .noidung figcaption {
        text-align: center
    }

    .noidung .wImage iframe {
        width: 100%;
        height: 100%
    }

    .noidung.clip .wImage:before {
        padding-bottom: 56.23%
    }

    .noidung h1, .noidung h2, .noidung h3, .noidung h4, .noidung h5, .noidung h6 {
        display: block
    }

    .noidung h1 {
        margin: .67em 0;
        font-size: 2em
    }

    .noidung h2 {
        margin: .83em 0;
        font-size: 1.5em
    }

    .noidung h3 {
        margin: 1em 0;
        font-size: 1.17em
    }

    .noidung h4 {
        margin: 1.33em 0
    }

    .noidung h5 {
        margin: 1.67em 0;
        font-size: .83em
    }

    .noidung h6 {
        margin: 2.33em 0;
        font-size: .67em
    }

.share {
    float: right
}

    .share a {
        line-height: 20px;
        border-radius: 3px;
        overflow: hidden;
        color: #fff;
        margin-left: 10px;
        margin-right: -4px;
        box-shadow: 0 5px 25px rgba(160,160,160,.9);
        font-size: 15px;
        display: inline-block;
        padding: 0 10px;
        border: 1px solid transparent
    }

        .share a:hover {
            color: #fff;
            -webkit-filter: brightness(130%);
            -moz-filter: brightness(130%)
        }

    .share .google {
        background: #e22b26;
        border-color: #ea6562
    }

    .share .linkedin {
        background: #007bb6;
        border-color: #1f8bbe
    }

    .share .tumblr {
        background: #2c4762;
        border-color: #6b7e91
    }

    .share .twitter {
        background: #00cdff;
        border-color: #20d3ff
    }

    .share .pinterest {
        background: #dc0d0a;
        border-color: #e23532
    }

    .share .facebook {
        background: #4167b2;
        border-color: #859dcc
    }

.fancybox-overlay.fancybox-overlay-fixed {
    background: rgba(0,0,0,.8)
}

.fancybox-inner img {
    width: auto !important;
    max-width: 100%
}

.lh35 {
    line-height: 35px
}

.tab-content .tab {
    display: none
}

    .tab-content .tab.active {
        display: block
    }

a:hover {
    color: inherit;
    text-decoration: none
}

select {
    outline: none
}

.wImage {
    position: relative;
    overflow: hidden
}

    .wImage:before {
        content: "";
        display: block;
        padding-bottom: 66.66%
    }

    .wImage .image {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

        .wImage .image.cover img {
            height: 100%;
            object-fit: cover;
            width: 100%
        }

        .wImage .image img {
            display: block;
            margin: auto;
            max-height: 100%;
            max-width: 100%;
            vertical-align: middle;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            transition: .5s all ease-in-out;
            -moz-transition: .5s all ease-in-out
        }

.c0591ec {
    color: #0591ec
}

.c1529a0 {
    color: #1529a0
}

.fs16 {
    font-size: 16px
}

.fs22 {
    font-size: 22px
}

.cf80002 {
    color: #f80002
}

.ca1414 {
    color: #ca1414
}

.pb20 {
    padding-bottom: 20px !important
}

.plr15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mb20 {
    margin-bottom: 30px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt40 {
    margin-top: 40px
}

.mtb0 {
    margin: 0
}

.bdn {
    border: none
}

.cca1414 {
    color: #ca1414
}

.c808080 {
    color: #808080
}

.c666 {
    color: #666
}

.bgf5f5f5 {
    background: #f5f5f5
}

.mb0 {
    margin-bottom: 0
}

.mb15 {
    margin-bottom: 15px
}

.mb25 {
    margin-bottom: 25px
}

.fwb {
    font-weight: bold
}

.openList {
    display: none
}

.fs26 {
    font-size: 26px
}

.cfff {
    color: #fff
}

.fs23 {
    font-size: 23px
}

.fs32 {
    font-size: 32px
}

.lh27 {
    line-height: 27px
}

.tdl {
    text-decoration: line-through
}

.lh32 {
    line-height: 32px
}

.fs30 {
    font-size: 30px
}

.lh30 {
    line-height: 30px
}

#pageroad {
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px
}

    #pageroad ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

        #pageroad ul li {
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle
        }

            #pageroad ul li:after {
                content: "";
                font-family: FontAwesome;
                font-weight: 900;
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px;
                font-size: 11px
            }

            #pageroad ul li:last-child:after {
                display: none
            }

            #pageroad ul li:last-child {
                margin-right: 0
            }

* {
    box-sizing: border-box
}

#login {
    /*background: url(../pic/login-bg.jpg) center no-repeat,#29aae3;*/
    /*background: url(/Images/login_background.png) center no-repeat,#29aae3;*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    display: flex;
    background-color: #f3f3f3;
}

    #login .body {
        margin: auto
    }

    #login .head {
        display: flex;
        align-items: center;
        margin: auto
    }

        #login .head img {
            max-width: 90px
        }

        #login .head .text {
            flex: 1;
            text-transform: uppercase;
            margin-left: 20px;
            font-family: UTMBebas;
            font-size: 25px;
            text-shadow: 0 0 10px #fff;
            letter-spacing: .4px
        }

            #login .head .text p:first-child {
                color: #0006eb;
                font-size: 30px;
                margin-bottom: 2px
            }

#formLogin {
    width: 460px;
    border-radius: 16px;
    background: #9eda9e; /*rgba(255, 255, 255, 0.7);*/
    padding: 10px 40px;
    /*margin: 15px auto;
    margin: -15% auto;*/

    margin-right:20px;
    text-align: center;
    /*
    background-color: rgba(255,255,255,.3);
    padding: 20px 40px;
    border-radius: 8px;
    border: 1px solid #fff;
    width: 740px;
    margin: 15px auto*/
    display: inline-table;
    float: right;
}

    #formLogin .title {
        font-family: "Roboto Condensed", sans-serif;
        font-weight: bold;
        font-size: 23px;
        text-align: center;
        margin-bottom: 20px;
        color: #009a4e;
    }

    #formLogin .group .item {
        display: flex;
        margin-bottom: 10px;
        background: rgba(255,255,255,.5);
        border-radius: 4px;
        overflow: hidden;
        padding: 3px 0;
        align-items: center
    }

        #formLogin .group .item i {
            width: 40px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            display: inline-block;
            border-right: 1px solid #888
        }

        #formLogin .group .item input, #formLogin .group .item select {
            border: none;
            background: none;
            flex: 1;
            padding: 0 10px;
            outline: none;
            height: 30px
        }

        #formLogin .group .item img {
            max-width: 50%;
            height: 36px;
            margin-top: -3px
        }

        #formLogin .group .item .recapcha i {
            border: none
        }

    #formLogin .button {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        #formLogin .button .btn {
            font-size: 14px
        }

#login .foot {
    /*
    text-align: center;
    padding-top: 30px;
    background: url(../pic/footer_boder.png) top center no-repeat;
    line-height: 22px; color: white;*/
    text-align: center;
    padding: 20px 0;
    background: #fff url(https://vnff.vn/themes/shared/imgs/fe/bg-footer.png) no-repeat bottom center;
   
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: auto;

    
}

    #login .foot .title {
        font-weight: bold
    }

label.cmcheck {
    cursor: pointer;
    margin: 5px 0;
    display: inline-block;
    position: relative;
    min-height: 25px;
    display: flex;
    align-items: center
}

    label.cmcheck span {
        vertical-align: top;
        line-height: 23px;
        padding-left: 20px;
        display: inline-block
    }

    label.cmcheck input {
        display: none
    }

        label.cmcheck input ~ i {
            position: absolute;
            left: 0
        }

        label.cmcheck input[type="checkbox"] ~ i.far.fa-square {
            color: #333;
            display: inline
        }

        label.cmcheck input[type="checkbox"] ~ i.far.fa-check-square {
            display: none
        }

        label.cmcheck input[type="checkbox"]:checked ~ i.far.fa-square {
            display: none
        }

        label.cmcheck input[type="checkbox"]:checked ~ i.far.fa-check-square, label.cmcheck input[type="checkbox"]:checked ~ span {
            color: #333;
            display: inline
        }

    label.cmcheck:hover input[type="checkbox"] ~ i.fa, label.cmcheck:hover span, label.cmcheck:hover input[type="radio"] ~ i.fa, div[data-toggle="buttons"] label.cmcheck.active, div[data-toggle="buttons"] label.cmcheck:hover {
        color: #333
    }

label .fa-2x {
    font-size: 1.2em
}

#body {
    display: flex;
    flex-flow: wrap column;
    min-height: 100vh
}

#header {
    background: #29aae3;
    display: flex;
    height: 70px
}

    #header .wrp {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto
    }

        #header .wrp .left, #header .wrp .right {
            display: flex;
            align-items: center
        }

            #header .wrp .left img {
                max-height: 60px
            }

            #header .wrp .left .text {
                margin-left: 15px
            }

                #header .wrp .left .text p {
                    text-transform: uppercase;
                    line-height: 27px;
                    font-family: UTMBebas;
                    font-size: 21px;
                    color: #fff;
                    letter-spacing: .7px
                }

            #header .wrp .right a {
                color: #fff;
                margin: 0 10px
            }

                #header .wrp .right a i {
                    font-size: 18px
                }

            #header .wrp .right select {
                width: 100px;
                height: 30px;
                border: none;
                padding: 0 5px;
                border-radius: 3px
            }

#footer {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 19px;
    padding: 5px 0;
    background: #29aae3;
    color: #fff
}

    #footer .title {
        font-weight: bold
    }

#container {
    padding: 10px 0;
    flex: 1
}

#donvi .list {
    display: flex;
    flex-flow: wrap row;
    justify-content: space-between;
    margin-bottom: -20px
}

    #donvi .list .parent {
        width: calc((100% - 20px)/2);
        margin-bottom: 20px
    }

    #donvi .list .group {
        box-shadow: 0 0 10px #dcdcdc;
        border: 1px solid #dcdcdc
    }

        #donvi .list .group .title {
            padding: 10px 20px 15px 20px;
            border-bottom: 1px solid #dcdcdc;
            line-height: 21px;
            text-align: center;
            position: relative;
            font-weight: bold;
            font-size: 15px
        }

            #donvi .list .group .title .count {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                display: inline-block;
                padding: 0 15px;
                border: 1px solid #dcdcdc;
                background: #fff;
                line-height: 20px;
                bottom: -10px;
                border-radius: 25px;
                color: #888;
                font-size: 13px
            }

        #donvi .list .group .content {
            padding: 17px 20px 10px 20px
        }

            #donvi .list .group .content ul {
                padding: 0;
                margin: 0;
                list-style: none
            }

                #donvi .list .group .content ul li {
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                    border-bottom: 1px solid #dcdcdc;
                    display: flex;
                    align-items: center
                }

                    #donvi .list .group .content ul li:last-child {
                        padding: 0;
                        margin: 0;
                        border: none
                    }

                    #donvi .list .group .content ul li a.name {
                        line-height: 20px;
                        margin-bottom: 3px;
                        display: block;
                        padding-left: 35px;
                        background: url(icon/icon_BC.png) left center no-repeat;
                        background-size: auto 30px;
                        left: 0;
                        position: relative
                    }

                    #donvi .list .group .content ul li a:hover {
                        color: #f00;
                        font-weight: 400;
                        left: 5px
                    }

#donvi .tab {
    margin-bottom: 20px;
    text-align: center
}

    #donvi .tab a {
        display: inline-block;
        padding: 0 20px;
        line-height: 34px;
        margin: 0 5px;
        border: 1px solid #dcdcdc;
        font-weight: bold;
        color: #333
    }

        #donvi .tab a.active, #donvi .tab a:hover, #donvi .list .btnSend:hover {
            background: #29aae3;
            color: #fff;
            border-color: #29aae3
        }

#donvi .list .group .content ul li .export {
    width: 30px;
    line-height: 30px;
    margin-left: 10px;
    text-align: center;
    font-size: 22px;
    color: #1d6d43
}

#donvi .list .btnSend {
    display: table;
    margin: auto;
    margin-top: 15px;
    padding: 0 25px;
    line-height: 35px;
    border: 1px solid #dcdcdc;
    color: #333;
    font-weight: bold;
    border-radius: 25px;
    color: #333;
    background: rgba(41,170,227,.8);
    color: #fff
}

    #donvi .list .btnSend.disabled {
        pointer-events: none;
        border: 1px solid rgba(41,170,227,1);
        background: transparent;
        color: #333
    }

    #donvi .list .btnSend .time {
        display: none
    }

    #donvi .list .btnSend.disabled .time {
        display: block
    }

    #donvi .list .btnSend.disabled .text {
        display: none
    }

.form-control, .btn {
    font-size: 14px
}

#chuyenvien .themmoi {
    display: flex
}

    #chuyenvien .themmoi .left {
        width: 245px;
        margin-right: 10px
    }

        #chuyenvien .themmoi .left .title {
            background: #daeef5;
            border-top: 2px solid #c3d9e0;
            border-bottom: 2px solid #c3d9e0;
            padding-top: 3px;
            margin-bottom: 10px;
            font-weight: bold;
            padding: 3px 0;
            text-align: center
        }

        #chuyenvien .themmoi .left .button {
            display: flex
        }

            #chuyenvien .themmoi .left .button a {
                flex: auto;
                text-align: center;
                margin: 0 3px;
                padding: 3px
            }

        #chuyenvien .themmoi .left .list {
            padding-left: 20px
        }

            #chuyenvien .themmoi .left .list li a {
                line-height: 20px;
                margin-bottom: 3px;
                display: block
            }

                #chuyenvien .themmoi .left .list li a:hover {
                    color: #f00
                }

        #chuyenvien .themmoi .left .table tr {
            cursor: pointer
        }

            #chuyenvien .themmoi .left .table tr td {
                padding: .5rem
            }

                #chuyenvien .themmoi .left .table tr td:first-child {
                    width: 50px;
                    text-align: center
                }

    #chuyenvien .themmoi .right {
        flex: 1;
        border-left: 2px solid #c3d9e0;
        margin-bottom: 40px
    }

    #chuyenvien .themmoi .thongtinchung {
        margin-bottom: 20px
    }

        #chuyenvien .themmoi .thongtinchung .item {
            display: flex;
            align-items: center;
            margin-bottom: 5px
        }

            #chuyenvien .themmoi .thongtinchung .item .input {
                flex: 1
            }

            #chuyenvien .themmoi .thongtinchung .item .label {
                line-height: 34px;
                width: 150px;
                margin-right: 10px;
                text-align: right;
                font-weight: bold
            }

            #chuyenvien .themmoi .thongtinchung .item .item .label {
                width: auto;
                margin-left: 10px
            }

    #chuyenvien .themmoi .detailThem .title {
        background: #daeef5;
        border-top: 2px solid #c3d9e0;
        border-bottom: 2px solid #c3d9e0;
        padding-top: 3px;
        margin-bottom: 10px
    }

        #chuyenvien .themmoi .detailThem .title p {
            border: 1px solid #c3d9e0;
            background: #fff;
            line-height: 25px;
            padding: 0 10px;
            display: inline-block
        }

    #chuyenvien .themmoi .detailThem .table {
        table-layout: fixed;
        margin-bottom: 0
    }

        #chuyenvien .themmoi .detailThem .table input {
            text-align: right;
            height: 30px
        }

        #chuyenvien .themmoi .detailThem .table tr th:first-child, #chuyenvien .themmoi .detailThem .table tr th:nth-child(3) {
            width: 70px
        }

        #chuyenvien .themmoi .detailThem .table tr th:nth-child(4) {
            width: 280px
        }

        #chuyenvien .themmoi .detailThem .table tr th, #chuyenvien .themmoi .detailThem .table tr td {
            vertical-align: middle;
            padding: .3rem .7rem
        }

        #chuyenvien .themmoi .detailThem .table tr th {
            padding: .7rem
        }

        #chuyenvien .themmoi .detailThem .table tr.fwb input {
            font-weight: bold
        }

    #chuyenvien .themmoi .detailThem .button {
        position: fixed;
        bottom: 70px;
        right: 10px
    }

        #chuyenvien .themmoi .detailThem .button a {
            display: inline-block
        }

#chuyenvien .index {
    display: flex
}

    #chuyenvien .index .left {
        width: 300px;
        margin-right: 20px
    }

        #chuyenvien .index .left .commonDiv {
            margin-bottom: 15px
        }

            #chuyenvien .index .left .commonDiv:last-child {
                margin-bottom: 0
            }

            #chuyenvien .index .left .commonDiv .title {
                background: #29aae3;
                color: #fff;
                padding: 7px 10px
            }

            #chuyenvien .index .left .commonDiv .list {
                padding: 10px;
                border: 1px solid #dcdcdc
            }

                #chuyenvien .index .left .commonDiv .list ul {
                    margin: 0;
                    padding: 0;
                    list-style: none
                }

                    #chuyenvien .index .left .commonDiv .list ul li {
                        line-height: 20px;
                        margin-bottom: 5px
                    }

                        #chuyenvien .index .left .commonDiv .list ul li a {
                            position: relative;
                            padding-left: 10px;
                            display: block
                        }

                        #chuyenvien .index .left .commonDiv .list ul li span.text {
                            color: #29aae3
                        }

                        #chuyenvien .index .left .commonDiv .list ul li a:hover span.text, #chuyenvien .index .left .commonDiv .list ul li a.active span.text {
                            color: #f00
                        }

                        #chuyenvien .index .left .commonDiv .list ul li span.date {
                            font-size: 12px
                        }

                        #chuyenvien .index .left .commonDiv .list ul li span.icon {
                            position: absolute;
                            left: -2px;
                            top: 0;
                            font-size: 12px
                        }

                        #chuyenvien .index .left .commonDiv .list ul li a:hover span.icon {
                            left: 1px;
                            color: #f00
                        }

    #chuyenvien .index .right {
        flex: 1
    }

        #chuyenvien .index .right .title {
            text-transform: uppercase;
            line-height: 21px;
            font-weight: bold;
            margin-bottom: 10px;
            color: #29aae3
        }

        #chuyenvien .index .right .list {
            padding: 0;
            margin: 0;
            list-style: none;
            display: table;
            width: 100%
        }

            #chuyenvien .index .right .list li {
                width: calc((100% - 90px)/4);
                margin-right: 30px;
                margin-bottom: 20px;
                float: left
            }

                #chuyenvien .index .right .list li:nth-child(4n) {
                    margin-right: 0
                }

                #chuyenvien .index .right .list li a {
                    display: block;
                    position: relative;
                    background: #007bb6;
                    border-radius: 25px;
                    overflow: hidden
                }

                #chuyenvien .index .right .list li span {
                    display: block;
                    text-align: center;
                    color: #fff;
                    width: 100%
                }

                    #chuyenvien .index .right .list li span.icon {
                        font-size: 45px;
                        height: 50px;
                        line-height: 50px
                    }

                    #chuyenvien .index .right .list li span.text {
                        margin-top: 5px;
                        font-size: 17px;
                        line-height: 22px
                    }

                #chuyenvien .index .right .list li a:before {
                    padding-bottom: 100%;
                    content: "";
                    display: block
                }

                #chuyenvien .index .right .list li .item {
                    position: absolute;
                    width: 100%;
                    top: 50%;
                    left: 0;
                    transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    padding: 0 20px
                }

                #chuyenvien .index .right .list li a:hover {
                    -webkit-filter: brightness(120%);
                    -moz-filter: brightness(120%)
                }

#chuyenvien .dsDonVi .table tr td {
    vertical-align: middle
}

    #chuyenvien .dsDonVi .table tr td .btn {
        padding: .2rem .5rem;
        font-size: 13px
    }

#chuyenvien .dsDonVi .table tr th {
    text-align: center
}

#chuyenvien .dsDonVi .name {
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0 20px 0;
    text-align: center
}

#chuyenvien .dsDonVi .table tr td:last-child {
    white-space: nowrap
}

.pagging {
    padding: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 0
}

    .pagging li {
        display: inline-block;
        line-height: 30px;
        width: 30px;
        text-align: center;
        background: transparent;
        overflow: hidden;
        margin-right: 4px
    }

        .pagging li:last-child {
            margin-right: 0
        }

        .pagging li a {
            display: block;
            border: 1px solid #cdcdcd
        }

            .pagging li:hover a, .pagging li a.active {
                background: #29aae3;
                color: #fff;
                border-color: #29aae3
            }

.padRight0 {
    padding-right: 0
}

.nameBC {
    margin-bottom: 7px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 22px
}

#searchForm {
    margin-bottom: 15px
}

    #searchForm .select2-container .select2-choice {
        height: 34px;
        line-height: 34px;
        padding: 0 10px
    }

        #searchForm .select2-container .select2-choice .select2-arrow b {
            background-position: 0 11px
        }

    #searchForm .btn {
        font-size: 13px
    }

.cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

    .cbx span {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0,0,0)
    }

        .cbx span:first-child {
            position: relative;
            width: 18px;
            height: 18px;
            border-radius: 3px;
            transform: scale(1);
            vertical-align: middle;
            border: 1px solid #9098a9;
            transition: all .2s ease
        }

            .cbx span:first-child svg {
                position: absolute;
                top: 3px;
                left: 2px;
                fill: none;
                stroke: #fff;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all .3s ease;
                transition-delay: .1s;
                transform: translate3d(0,0,0)
            }

            .cbx span:first-child:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #29aae3;
                display: block;
                transform: scale(0);
                opacity: 1;
                border-radius: 50%
            }

        .cbx span:last-child {
            padding-left: 8px
        }

    .cbx:hover span:first-child {
        border-color: #29aae3
    }

.inp-cbx:checked + .cbx span:first-child {
    background: #29aae3;
    border-color: #29aae3;
    animation: wave .4s ease
}

    .inp-cbx:checked + .cbx span:first-child svg {
        stroke-dashoffset: 0
    }

    .inp-cbx:checked + .cbx span:first-child:before {
        transform: scale(3.5);
        opacity: 0;
        transition: all .6s ease
    }

@keyframes wave {
    50% {
        transform: scale(.9)
    }
}

#chuyenvien #donvi .list .parent {
    width: 100%
}

    #chuyenvien #donvi .list .parent ul li {
        width: 100%;
        float: none
    }

        #chuyenvien #donvi .list .parent ul li a:before {
            display: none
        }

        #chuyenvien #donvi .list .parent ul li .export {
            background: none;
            position: static
        }

#chuyenvien #donvi .list .group .title {
    text-transform: none;
    color: #333
}