.portal-table tr:nth-child(even) {
    background-color: #eeeded;
}

.portal-table tr:nth-child(odd) {
    background-color: none;
}

.portal-table {
    border-collapse: collapse;
    margin-bottom: 10px;
    word-break: break-word;
    width: 100%;
    margin-top: 10px;
}

    .portal-table th {
        /* background: #a20101;
        color: #ffff;*/
        height: 40px;
        border: 1px solid #808080;
    }

    .portal-table tr td {
        border: 1px solid #808080;
        line-height: 30px;
        text-align: left;
        padding: 10px;
    }

        .portal-table tr td img {
            width: 20px;
        }

.portal-table-condensed th {
    background-color: white !important;
    color: #000000;
}

/*.wImage img {
    width: 100% !important;
    height: auto !important;
}*/

#album .groupTop {
    display: flex !important;
    flex-wrap: wrap !important;
}

    #album .groupTop .item {
        width: calc((100% - 2.5rem)/3) !important;
        margin-right: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }

        #album .groupTop .item .wImage {
            overflow: hidden !important;
            position: relative !important;
        }

        #album .groupTop .item .name {
            display: block;
            font-size: 1.25rem;
            line-height: 1.625rem;
            font-weight: bold;
            margin: 0.625rem 0;
        }

#menuFoot, #menu {
    font-size: 1.0625rem !important;
}

@media (min-width: 1600px) and (max-width: 1700px) {
    #menuFoot, #menu {
        font-size: 1.0625rem !important;
    }
}

@media (min-width: 1500px) and (max-width: 1699px) {
    #menuFoot, #menu {
        font-size: 1.0625rem !important;
    }
}

@media (min-width: 1456px) and (max-width: 1499px) {
    #menuFoot, #menu {
        font-size: 1.0625rem !important;
    }
}

@media (min-width: 1228px) and (max-width: 1450px) {
    #menuFoot, #menu {
        font-size: 1.0625rem !important;
    }
}

@media (min-width: 1000px) {
    #newsHome .parent .group {
        min-height: 575px !important;
    }

    .parent .group .main .info {
        width: auto;
        overflow: hidden;
        height: 175px;
        text-overflow: ellipsis;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    #newsHome .parent .group {
        height: 860px !important;
    }

    .parent .group .main .info {
        width: auto;
        overflow: hidden;
        height: 175px;
        text-overflow: ellipsis;
    }
}

#news.detail .topDetail .date {
    font-size: 1rem !important;
}

.noidung {
    line-height: 1.8rem !important;
}

.red {
    color: red;
}

.toast-error {
    background-color: red;
}

.toast-success {
    background-color: green
}

.btnSendComment {
    line-height: 2.1875rem;
    display: inline-block;
    padding: 0 1.25rem;
    background: #0c4bab;
    color: #fff;
    border-radius: 3px;
}

#frmCrudUser .form-group {
    margin: 10px
}

.modal .modal-content {
    /*width: 400px !important;*/
}

.modal .close {
    border: none;
    background: none;
    color: white;
}

.modal .modal-header {
    color: white;
    background: #003483;
}

#_comment_list {
    border-top: 1px solid;
    margin-top: 10px;
}

    #_comment_list ._comment_item {
        margin-top: 10px;
    }

        #_comment_list ._comment_item span {
            font-size: 11px;
        }


.logo img {
    height: auto !important;
    width: 90px !important;
    position: unset !important;
}

@media (max-width: 479px) {
    #header .wrp .logo .text span:first-child {
        font-size: 1.05rem !important;
    }

    #header .wrp .logo .img img {
        width: auto !important;
    }

    #header .wrp .logo .text span:last-child {
        font-size: 1.5rem !important;
    }

    #footer {
        display: inline-flex;
        margin-top: 13px;
    }
}

#search {
    display: flex;
    /*background: rgba(0,0,0,0.8);*/
    color: #cacaca;
    /*height:35px;*/
}

    #search input {
        background: transparent;
        border: none;
        outline: none;
        height: ptr(35);
        padding: 0 ptr(10);
        color: #cacaca;
        caret-color: #cacaca;
        padding-left: 5px;
    }

        #search input::placeholder {
            color: #cacaca
        }

    #search .btnSearch {
        display: flex;
        line-height: ptr(35);
        width: ptr(35);
        justify-content: center;
        align-items: center;
        padding: 5px;
    }

        #search .btnSearch:hover {
            background: $color-hover;
            color: #fff;
        }

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

    #more ul li {
        padding-top: 0.8125rem;
    }

        #more ul li a {
            font-size: 1rem;
            /* font-weight: bold; */
            line-height: 1.4375rem;
            position: relative;
            padding-left: 1.25rem;
            display: block;
            color: #2b6cb6
        }

.other {
    margin-top: 15px;
}

.icoNew {
    content: url(/assets/css/icon/ico_new.gif) !important;
    vertical-align: sub;
}

.wImage .image.cover img {
    height: auto !important;
    width: auto !important;
}

.list .wImage .image.cover img {
    height: auto !important;
    width: 390px !important;
}

#vote .info {
    border: 1px solid #d2d2d2 !important;
    padding: 0.9375rem 1.25rem !important;
}

#vote .titleRight, #statistical .titleRight {
    border-bottom: 2px solid #d82621 !important;
    color: #0c4bab;
}

#statistical .group {
    border: 1px solid #d2d2d2 !important;
    padding: 0.9375rem 1.25rem !important;
}

#videoRight p {
    margin-top: 4.5rem;
    line-height: 1.1875rem;
    text-align: center;
    align-items: flex-start;
}

#videoRight .group .owl-nav .owl-prev,
#videoRight .group .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    border-radius: 0 0.3125rem 0.3125rem 0;
}

    #videoRight .group .owl-nav .owl-prev:before,
    #videoRight .group .owl-nav .owl-next:before {
        font-family: "FontAwesome";
        font-weight: 900;
        content: "\f053";
    }


    #videoRight .group .owl-nav .owl-next.owl-next {
        left: auto;
        right: 0;
        border-radius: 0.3125rem 0 0 0.3125rem;
    }


        #videoRight .group .owl-nav .owl-next.owl-next:before {
            content: "\f054";
        }

    #videoRight .group .owl-nav .owl-prev:hover,
    #videoRight .group .owl-nav .owl-next:hover {
        background: rgb(255, 255, 255);
    }

#videoRight {
    margin-bottom: 1.75rem;
}

    #videoRight .group {
        border-top: none;
        border: 1px solid #d2d2d2;
        padding: 0.9375rem 1.25rem;
    }

        #videoRight .group wImage:before {
            padding-bottom: 73.3552631579%;
        }

        #videoRight .group .owl-nav .owl-next,
        #videoRight .group .owl-nav .owl-prev {
            width: 2.125rem;
            height: 2.125rem;
            border-radius: 50% !important;
            background: #fff;
            color: #cccccc;
            box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.13);
            padding: 0;
        }

            #videoRight .group .owl-nav .owl-next.owl-next,
            #videoRight .group .owl-nav .owl-prev.owl-next {
                box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.13);
            }

#categoryOther .list {
    line-height: 25px;
    margin-left: -15px;
    padding: 0px 3px 10px 3px;
    margin: 0;
    list-style: none;
    border-top: 0;
}

    #categoryOther .list li {
        border-bottom: 1px solid #d2d2d2;
        padding: 0 0.5rem;
    }

        #categoryOther .list li p {
            display: flex;
            width: 100%;
            justify-content: space-between;
        }

            #categoryOther .list li p a {
                padding: 0.5rem 0;
                text-transform: uppercase;
                font-weight: bold;
                font-size: 0.875rem;
                line-height: 1.25rem;
                flex: 1;
            }

#header .wrp {
    background-size: 100% auto;
}

    #header .wrp .logo {
        position: relative;
        top: -15px;
        left: 55px;
    }

@media(max-width: 1199px) {
    #header .wrp .logo {
        top: 0;
        left: 0;
    }
}

#container .colleft .titleCate, #container .colright .titleRight {
    border-bottom: 3px solid #054893 !important;
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: block !important;
    margin-left: 0px !important;
}

    #container .colleft .titleCate:before, #container .colright .titleRight:before {
        content: "" !important;
        width: calc(75% + 0.625rem) !important;
        height: 101% !important;
        -webkit-clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        background: #fff !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 2 !important;
    }

    #container .colleft .titleCate > span, #container .colright .titleRight > span {
        background: #054893 !important;
        color: #fff !important;
        font-weight: bold !important;
        font-size: 1.125rem !important;
        display: inline-block !important;
        text-transform: uppercase !important;
        padding: 0.5rem 0.625rem 0.3125rem 0.9375rem !important;
        -webkit-clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        width: 75% !important;
        position: relative !important;
        z-index: 3 !important;
        display: block !important;
    }

    #container .colleft .titleCate:after, #container .colright .titleRight:after {
        content: "" !important;
        width: calc(75% + 1.5625rem) !important;
        height: 101% !important;
        -webkit-clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        background: #054893 !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1 !important;
    }

@media(max-width: 1199px) {
    .__table {
        min-width: 100% !important;
    }
}

._titleCate {
    border-bottom: 3px solid #054893 !important;
    position: relative !important;
    width: 400px !important;
    overflow: hidden !important;
    display: block !important;
    margin-left: 0px !important;
    margin: 10px;
}

    ._titleCate:before {
        content: "" !important;
        width: calc(75% + 0.625rem) !important;
        height: 101% !important;
        -webkit-clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        background: #fff !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 2 !important;
    }

    ._titleCate span {
        background: #054893 !important;
        color: #fff !important;
        font-weight: bold !important;
        font-size: 1.125rem !important;
        display: inline-block !important;
        text-transform: uppercase !important;
        padding: 0.5rem 0.625rem 0.3125rem 0.9375rem !important;
        -webkit-clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        width: 75% !important;
        position: relative !important;
        z-index: 3 !important;
        display: block !important;
    }

    ._titleCate::after {
        content: "" !important;
        width: calc(75% + 1.5625rem) !important;
        height: 101% !important;
        -webkit-clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%) !important;
        background: #054893 !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1 !important;
    }

#footer .wrp .left {
    margin-bottom: 25px;
}

._author {
    margin: 10px;
    text-align: right;
    font-weight: bold;
}

.noidung img {
    margin-bottom: 10px
}

.summary {
    line-height: 25px;
    margin-bottom: 20px;
}

.pagination {
    padding: 0;
    list-style: none;
    margin: 0;
    /*margin-top: 1.25rem;*/
    display: flex;
    justify-content: center;
}

    .pagination li {
        display: inline-block;
        line-height: 25px;
        width: 40px;
        text-align: center;
        overflow: hidden;
        border-radius: 3px;
        margin-right: 5px;
    }

        .pagination li a {
            display: block;
            background: #f3f3f3;
            color: #333;
            font-size: 14px;
            font-family: UTMHelvetIns;
        }

        .pagination li i {
            font-size: 14px;
        }

        .pagination li:hover a, .pagination li a.active {
            color: #fff;
            background: #0c4bab;
        }

._content {
    font-family: inherit;
    font-size: 16px !important;
    text-align: justify !important;
}

    ._content table {
        border: 1px solid
    }

    ._content p {
        font-family: inherit;
        line-height: 20px !important;
    }

        ._content p span {
            font-family: inherit;
            line-height: 25px !important;
        }

    ._content table td {
        border: 1px solid;
        padding: 10px;
    }

        ._content table td p {
            line-height: 30px !important;
        }

    ._content img {
        margin: 10px 0px 10px 0px;
		width:auto;
    }

._detail ._title, ._title {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}

._detail .date {
    margin: 10px 0px;
    font-style: italic;
}

._detail ._summary {
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    font-size: 18px;
}

._table_header tr:first-child {
    background: #0c4bab;
    color: #fff;
    text-align: center;
}

.btn {
    background: #68a611;
    color: #fff;
}

#notifyRight {
    margin-bottom: 1.625rem;
    border: 1px solid #d8d8d8;
    /*padding: 0.625rem 0.9375rem 0.9375rem 0.9375rem;*/
}

    /* #notifyRight .title {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.25rem;
        padding-bottom: 0.3125rem;
        position: relative;
        height: 2.25rem;
        box-sizing: content-box;
        border-bottom: 2px solid #cccccc;
    }*/

    #notifyRight .title img {
        width: 2.25rem;
        position: absolute;
        left: 0;
        bottom: 0.3125rem;
    }

    #notifyRight .title span {
        flex: 1;
        text-align: center;
    }

    #notifyRight ul.list {
        height: 18.625rem !important;
        overflow: hidden;
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #notifyRight ul.list li {
            display: flex;
            border-bottom: 2px solid #cccccc;
            padding: 0.9375rem 0;
        }

            #notifyRight ul.list li a {
                flex: 1;
                display: block;
                line-height: 1.5625rem;
                margin-left: 5px;
                text-align: justify;
                margin-right: 5px;
            }

                #notifyRight ul.list li a .date {
                    font-size: 0.8125rem;
                    color: #aaaaaa;
                }

            #notifyRight ul.list li span.icon {
                margin-right: 7px;
            }

.Content_Main_New {
    margin-left: 15px
}

.Content_Main_Special {
    margin-left: 15px;
    border: none;
}

#_lichcongtac div {
    text-align: justify;
}

#_lichcongtac td {
    margin: 4px;
    padding: 4px;
}

    #_lichcongtac td p {
        margin-bottom: 5px;
    }

#_lichcongtac tr td:first-child {
    vertical-align: middle;
}

#_lichcongtac table thead tr th {
    width: 15% !important;
}