﻿#managementcontact > div:first-child {
    display: flex;
    flex-direction: row;
}

    #managementcontact > div:first-child > label {
        flex: 100;
        padding-top: 0px;
        padding-bottom: 0px;
    }

        #managementcontact > div:first-child > label > input {
            font-size: 13px;
        }

#managementcontact > div:nth-child(2) {
    margin: 10px 0 10px 0;
    text-align: right;
}

    #managementcontact > div:nth-child(2) > #btnThemMoi {
        background-color: #f6821f;
    }

#managementcontact .gridcontent .colcontent {
    display: flex;
    flex-direction: row;
}

    #managementcontact .gridcontent .colcontent > div:last-child {
        flex: 100;
        padding-left: 20px;
    }

#managementcontact .gridcontent .sanphamcongcu {
    text-align: right;
}

#managementcontact .gridcontent > .sanphamcongcu > a:first-child {
    background-color: var(--btnblue);
}

#managementcontact .gridcontent > .sanphamcongcu > a:nth-child(2) {
    background-color: #f6821f;
}

#managementcontact .gridcontent > .sanphamcongcu > a:last-child {
    background-color: #ff0000;
}

#managementcontact .gridcontent .colcontent > .imgcol {
    width: 150px;
    height: 150px;
}

#managementcontact .gridcontent > .colcontent > .noImgContent > .tieude {
    font-weight: bold;
    font-size: 20px;
}

#managementcontact .gridcontent .colcontent > .imgcol > img {
    width: 100%;
    min-height: 150px;
    max-height: 150px;
    object-fit: cover;
}

#managementcontact #modalNoiDung > .modal-content > #subnoidungtieude {
    display: flex;
    flex-direction: row;
    width: 100%;
}

    #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #colImg > .subclose {
        position: absolute;
        z-index: 1;
        color: #f6821f;
        font-weight: bold;
        margin-left: 3px;
    }

        #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #colImg > .subclose:focus,
        #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #colImg > .subclose:hover {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }

    #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #colImg > div > .inputfile {
        display: none;
    }

    #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #colImg > div > .buttoninput {
        display: inline-block;
        width: 110px;
        height: 110px;
    }

    #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #colImg {
        width: 110px;
        height: 110px;
    }

        #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #colImg > div > a > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #noidungcapnhat {
        padding-left: 10px;
        width: 100%;
    }

    #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #noidungcapnhat > div {
        display: flex;
        flex-direction: row;
    }

        #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #noidungcapnhat > div > div:not(:last-child) {
            padding-right: 5px;
        }

    #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #noidungcapnhat > div > div:last-child {
        flex: 100;
    }

    #managementcontact #modalNoiDung > .modal-content > #subnoidungtieude > #noidungcapnhat > div > div > input {
        box-sizing: border-box;
        width: 100%;
        display: inline-block;
    }


#managementcontact #modalNoiDung .modal-content #btnCapNhat {
    background-color: #29a239;
    margin-top: 10px;
    width: 100%;
}
