/*gg-table css*/
table.gg-table {
    border-collapse: collapse;
    border-spacing: 0;
}

table.gg-table {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 12px;
    border: 1px solid #bdbdbd;
    font-weight: normal !important;
    width: 100%;
}

    table.gg-table th {
        height: 35px;
        color: #ffffff;
        background-color: #1967b2;
        text-align: center;
    }

    table.gg-table th, table.gg-table tr, table.gg-table td {
        border: 1px solid #bdbdbd;
    }

    table.gg-table td {
        padding: 0 6px;
        line-height: 22px;
    }

    table.gg-table > tbody > tr:hover > td,
    table.gg-table > tbody > tr:hover > th {
        background-color: #f5f5f5; /*Mã màu khi di chuột vào dòng trên table*/
    }

/*Các Icon chức năng trong bảng*/
.gg-function-icon {
    background-size: contain;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 3px;
    cursor: pointer;
}

.Icon-Add {
    background: url("/img/Icons/icon-add.png") no-repeat center center;
}

.Icon-Edit {
    background: url("/img/Icons/icon-edit.png") no-repeat center center;
}

.Icon-Undo {
    background: url("/img/Icons/icon-undo.png") no-repeat center center;
}

.Icon-Redo {
    background: url("/img/Icons/icon-redo.png") no-repeat center center;
}

.Icon-Revoke {
    background: url("/img/Icons/icon-revoke.png") no-repeat center center;
}

.Icon-Accept {
    background: url("/img/Icons/icon-accept-m.png") no-repeat center center;
}

.Icon-Delete {
    background: url("/img/Icons/icon-delete.png") no-repeat center center;
}

.Icon-Cancel-Accept {
    background: url("/img/Icons/icon-cancel-accept.png") no-repeat center center;
}

.Icon-Detail {
    background: url("/img/Icons/icon-detail.png") no-repeat center center;
}

.Icon-Tick {
    background: url("/img/Icons/icon-tick.png") no-repeat center center;
}

.Icon-Report {
    background: url("/img/Icons/icon-report.png") no-repeat center center;
}

.Icon-Add-Progress {
    background: url("/img/Icons/icon-add-progress.png") no-repeat center center;
}

.Icon-Progress {
    background: url("/img/Icons/icon-progress.png") no-repeat center center;
}

.Icon_View {
    background: url("/img/Icons/icon_view.png") no-repeat center center;
}

.Icon-History {
    background: url("/img/Icons/icon-history.png") no-repeat center center;
}
/*pagination css*/
.pagination.gg-pagination {
    margin: 10px 0;
    padding-left: 0;
    border-radius: 4px;
}

    .pagination.gg-pagination > li > a,
    .pagination.gg-pagination > li > span {
        padding: 2px 4px;
        border: 1px solid #ddd !important;
        font-size: 12px !important;
        position: relative;
        cursor: default;
        margin-left: -1px;
        color: #337ab7;
        text-decoration: none;
        background-color: #E2E3E5;
        border: 1px solid #ddd;
        display: inline !important;
    }

    .pagination.gg-pagination > .disabled > a,
    .pagination.gg-pagination > .disabled > a:focus,
    .pagination.gg-pagination > .disabled > a:hover,
    .pagination.gg-pagination > .disabled > span,
    .pagination.gg-pagination > .disabled > span:focus,
    .pagination.gg-pagination > .disabled > span:hover {
        color: #1967b2 !important;
        cursor: not-allowed !important;
        pointer-events: all !important;
        background-color: #fff;
        border-color: #ddd;
    }

    .pagination.gg-pagination > .active > a,
    .pagination.gg-pagination > .active > span,
    .pagination.gg-pagination > .active > a:hover,
    .pagination.gg-pagination > .active > span:hover,
    .pagination.gg-pagination > .active > a:focus,
    .pagination.gg-pagination > .active > span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #337ab7 !important;
        border-color: #337ab7 !important;
        font-weight: bold;
        text-decoration: underline;
    }

.gg-table-footer, .gg-table-header {
    font-size: 12px;
    padding: 10px 5px;
    border: 1px solid #bdbdbd;
}

.gg-table-header {
    border-bottom: none;
}

.gg-table-footer {
    border-top: none;
}

.gg-table-info {
    float: right;
    text-align: right;
}

.gg-pagination-main {
    width: 65%;
}

.gg-pagination-main-left {
    float: left;
    margin: -10px 15px 0 0;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.popup {
    display: none;
    overflow-x: hidden !important;
}
/*Width css*/
.width5px {
    width: 5px;
}

.minwidth5px {
    min-width: 5px;
}

.width10px {
    width: 10px;
}

.minwidth10px {
    min-width: 10px;
}

.width15px {
    width: 15px;
}

.minwidth15px {
    min-width: 15px;
}

.width20px {
    width: 20px;
}

.minwidth20px {
    min-width: 20px;
}

.width25px {
    width: 25px;
}

.minwidth25px {
    min-width: 25px;
}

.width30px {
    width: 30px;
}

.minwidth30px {
    min-width: 30px;
}

.width35px {
    width: 35px;
}

.minwidth35px {
    min-width: 35px;
}

.width40px {
    width: 40px;
}

.minwidth40px {
    min-width: 40px;
}

.width45px {
    width: 45px;
}

.minwidth45px {
    min-width: 45px;
}

.width50px {
    width: 50px;
}

.minwidth50px {
    min-width: 50px;
}

.width55px {
    width: 55px;
}

.minwidth55px {
    min-width: 55px;
}

.width60px {
    width: 60px;
}

.minwidth60px {
    min-width: 60px;
}

.width65px {
    width: 65px;
}

.minwidth65px {
    min-width: 65px;
}

.width70px {
    width: 70px;
}

.minwidth70px {
    min-width: 70px;
}

.width75px {
    width: 75px;
}

.minwidth75px {
    min-width: 75px;
}

.width80px {
    width: 80px;
}

.minwidth80px {
    min-width: 80px;
}

.width85px {
    width: 85px;
}

.minwidth85px {
    min-width: 85px;
}

.width90px {
    width: 90px;
}

.minwidth90px {
    min-width: 90px;
}

.width95px {
    width: 95px;
}

.minwidth95px {
    min-width: 95px;
}

.width100px {
    width: 100px;
}

.minwidth100px {
    min-width: 100px;
}

.width105px {
    width: 105px;
}

.minwidth105px {
    min-width: 105px;
}

.width110px {
    width: 110px;
}

.minwidth110px {
    min-width: 110px;
}

.width115px {
    width: 115px;
}

.minwidth115px {
    min-width: 115px;
}

.width120px {
    width: 120px;
}

.minwidth120px {
    min-width: 120px;
}

.width125px {
    width: 125px;
}

.minwidth125px {
    min-width: 125px;
}

.width130px {
    width: 130px;
}

.minwidth130px {
    min-width: 130px;
}

.width135px {
    width: 135px;
}

.minwidth135px {
    min-width: 135px;
}

.width140px {
    width: 140px;
}

.minwidth140px {
    min-width: 140px;
}

.width145px {
    width: 145px;
}

.minwidth145px {
    min-width: 145px;
}

.width150px {
    width: 150px;
}

.minwidth150px {
    min-width: 150px;
}

.width155px {
    width: 155px;
}

.minwidth155px {
    min-width: 155px;
}

.width160px {
    width: 160px;
}

.minwidth160px {
    min-width: 160px;
}

.width165px {
    width: 165px;
}

.minwidth165px {
    min-width: 165px;
}

.width170px {
    width: 170px;
}

.minwidth170px {
    min-width: 170px;
}

.width175px {
    width: 175px;
}

.minwidth175px {
    min-width: 175px;
}

.width180px {
    width: 180px;
}

.minwidth180px {
    min-width: 180px;
}

.width185px {
    width: 185px;
}

.minwidth185px {
    min-width: 185px;
}

.width190px {
    width: 190px;
}

.minwidth190px {
    min-width: 190px;
}

.width195px {
    width: 195px;
}

.minwidth195px {
    min-width: 195px;
}

.width200px {
    width: 200px;
}

.minwidth200px {
    min-width: 200px;
}

.width205px {
    width: 205px;
}

.minwidth205px {
    min-width: 205px;
}

.width210px {
    width: 210px;
}

.minwidth210px {
    min-width: 210px;
}

.width215px {
    width: 215px;
}

.minwidth215px {
    min-width: 215px;
}

.width220px {
    width: 220px;
}

.minwidth220px {
    min-width: 220px;
}

.width225px {
    width: 225px;
}

.minwidth225px {
    min-width: 225px;
}

.width230px {
    width: 230px;
}

.minwidth230px {
    min-width: 230px;
}

.width235px {
    width: 235px;
}

.minwidth235px {
    min-width: 235px;
}

.width240px {
    width: 240px;
}

.minwidth240px {
    min-width: 240px;
}

.width245px {
    width: 245px;
}

.minwidth245px {
    min-width: 245px;
}

.width250px {
    width: 250px;
}

.minwidth250px {
    min-width: 250px;
}

.width255px {
    width: 255px;
}

.minwidth255px {
    min-width: 255px;
}

.width260px {
    width: 260px;
}

.minwidth260px {
    min-width: 260px;
}

.width265px {
    width: 265px;
}

.minwidth265px {
    min-width: 265px;
}

.width270px {
    width: 270px;
}

.minwidth270px {
    min-width: 270px;
}

.width275px {
    width: 275px;
}

.minwidth275px {
    min-width: 275px;
}

.width280px {
    width: 280px;
}

.minwidth280px {
    min-width: 280px;
}

.width285px {
    width: 285px;
}

.minwidth285px {
    min-width: 285px;
}

.width290px {
    width: 290px;
}

.minwidth290px {
    min-width: 290px;
}

.width295px {
    width: 295px;
}

.minwidth295px {
    min-width: 295px;
}

.width300px {
    width: 300px;
}

.minwidth300px {
    min-width: 300px;
}

.width305px {
    width: 305px;
}

.minwidth305px {
    min-width: 305px;
}

.width310px {
    width: 310px;
}

.minwidth310px {
    min-width: 310px;
}

.width315px {
    width: 315px;
}

.minwidth315px {
    min-width: 315px;
}

.width320px {
    width: 320px;
}

.minwidth320px {
    min-width: 320px;
}

.width325px {
    width: 325px;
}

.minwidth325px {
    min-width: 325px;
}

.width330px {
    width: 330px;
}

.minwidth330px {
    min-width: 330px;
}

.width335px {
    width: 335px;
}

.minwidth335px {
    min-width: 335px;
}

.width340px {
    width: 340px;
}

.minwidth340px {
    min-width: 340px;
}

.width345px {
    width: 345px;
}

.minwidth345px {
    min-width: 345px;
}

.width350px {
    width: 350px;
}

.minwidth350px {
    min-width: 350px;
}

.width355px {
    width: 355px;
}

.minwidth355px {
    min-width: 355px;
}

.width360px {
    width: 360px;
}

.minwidth360px {
    min-width: 360px;
}

.width365px {
    width: 365px;
}

.minwidth365px {
    min-width: 365px;
}

.width370px {
    width: 370px;
}

.minwidth370px {
    min-width: 370px;
}

.width375px {
    width: 375px;
}

.minwidth375px {
    min-width: 375px;
}

.width380px {
    width: 380px;
}

.minwidth380px {
    min-width: 380px;
}

.width385px {
    width: 385px;
}

.minwidth385px {
    min-width: 385px;
}

.width390px {
    width: 390px;
}

.minwidth390px {
    min-width: 390px;
}

.width395px {
    width: 395px;
}

.minwidth395px {
    min-width: 395px;
}

.width400px {
    width: 400px;
}

.minwidth400px {
    min-width: 400px;
}

.width405px {
    width: 405px;
}

.minwidth405px {
    min-width: 405px;
}

.width410px {
    width: 410px;
}

.minwidth410px {
    min-width: 410px;
}

.width415px {
    width: 415px;
}

.minwidth415px {
    min-width: 415px;
}

.width420px {
    width: 420px;
}

.minwidth420px {
    min-width: 420px;
}

.width425px {
    width: 425px;
}

.minwidth425px {
    min-width: 425px;
}

.width430px {
    width: 430px;
}

.minwidth430px {
    min-width: 430px;
}

.width435px {
    width: 435px;
}

.minwidth435px {
    min-width: 435px;
}

.width440px {
    width: 440px;
}

.minwidth440px {
    min-width: 440px;
}

.width445px {
    width: 445px;
}

.minwidth445px {
    min-width: 445px;
}

.width450px {
    width: 450px;
}

.minwidth450px {
    min-width: 450px;
}

.width455px {
    width: 455px;
}

.minwidth455px {
    min-width: 455px;
}

.width460px {
    width: 460px;
}

.minwidth460px {
    min-width: 460px;
}

.width465px {
    width: 465px;
}

.minwidth465px {
    min-width: 465px;
}

.width470px {
    width: 470px;
}

.minwidth470px {
    min-width: 470px;
}

.width475px {
    width: 475px;
}

.minwidth475px {
    min-width: 475px;
}

.width480px {
    width: 480px;
}

.minwidth480px {
    min-width: 480px;
}

.width485px {
    width: 485px;
}

.minwidth485px {
    min-width: 485px;
}

.width490px {
    width: 490px;
}

.minwidth490px {
    min-width: 490px;
}

.width495px {
    width: 495px;
}

.minwidth495px {
    min-width: 495px;
}

.width500px {
    width: 500px;
}

.minwidth500px {
    min-width: 500px;
}

.width505px {
    width: 505px;
}

.minwidth505px {
    min-width: 505px;
}

.width510px {
    width: 510px;
}

.minwidth510px {
    min-width: 510px;
}

.width515px {
    width: 515px;
}

.minwidth515px {
    min-width: 515px;
}

.width520px {
    width: 520px;
}

.minwidth520px {
    min-width: 520px;
}

.width525px {
    width: 525px;
}

.minwidth525px {
    min-width: 525px;
}

.width530px {
    width: 530px;
}

.minwidth530px {
    min-width: 530px;
}

.width535px {
    width: 535px;
}

.minwidth535px {
    min-width: 535px;
}

.width540px {
    width: 540px;
}

.minwidth540px {
    min-width: 540px;
}

.width545px {
    width: 545px;
}

.minwidth545px {
    min-width: 545px;
}

.width550px {
    width: 550px;
}

.minwidth550px {
    min-width: 550px;
}

.width555px {
    width: 555px;
}

.minwidth555px {
    min-width: 555px;
}

.width560px {
    width: 560px;
}

.minwidth560px {
    min-width: 560px;
}

.width565px {
    width: 565px;
}

.minwidth565px {
    min-width: 565px;
}

.width570px {
    width: 570px;
}

.minwidth570px {
    min-width: 570px;
}

.width575px {
    width: 575px;
}

.minwidth575px {
    min-width: 575px;
}

.width580px {
    width: 580px;
}

.minwidth580px {
    min-width: 580px;
}

.width585px {
    width: 585px;
}

.minwidth585px {
    min-width: 585px;
}

.width590px {
    width: 590px;
}

.minwidth590px {
    min-width: 590px;
}

.width595px {
    width: 595px;
}

.minwidth595px {
    min-width: 595px;
}

.width600px {
    width: 600px;
}

.minwidth600px {
    min-width: 600px;
}

.width605px {
    width: 605px;
}

.minwidth605px {
    min-width: 605px;
}

.width610px {
    width: 610px;
}

.minwidth610px {
    min-width: 610px;
}

.width615px {
    width: 615px;
}

.minwidth615px {
    min-width: 615px;
}

.width620px {
    width: 620px;
}

.minwidth620px {
    min-width: 620px;
}

.width625px {
    width: 625px;
}

.minwidth625px {
    min-width: 625px;
}

.width630px {
    width: 630px;
}

.minwidth630px {
    min-width: 630px;
}

.width635px {
    width: 635px;
}

.minwidth635px {
    min-width: 635px;
}

.width640px {
    width: 640px;
}

.minwidth640px {
    min-width: 640px;
}

.width645px {
    width: 645px;
}

.minwidth645px {
    min-width: 645px;
}

.width650px {
    width: 650px;
}

.minwidth650px {
    min-width: 650px;
}

.width655px {
    width: 655px;
}

.minwidth655px {
    min-width: 655px;
}

.width660px {
    width: 660px;
}

.minwidth660px {
    min-width: 660px;
}

.width665px {
    width: 665px;
}

.minwidth665px {
    min-width: 665px;
}

.width670px {
    width: 670px;
}

.minwidth670px {
    min-width: 670px;
}

.width675px {
    width: 675px;
}

.minwidth675px {
    min-width: 675px;
}

.width680px {
    width: 680px;
}

.minwidth680px {
    min-width: 680px;
}

.width685px {
    width: 685px;
}

.minwidth685px {
    min-width: 685px;
}

.width690px {
    width: 690px;
}

.minwidth690px {
    min-width: 690px;
}

.width695px {
    width: 695px;
}

.minwidth695px {
    min-width: 695px;
}

.width700px {
    width: 700px;
}

.minwidth700px {
    min-width: 700px;
}

.width705px {
    width: 705px;
}

.minwidth705px {
    min-width: 705px;
}

.width710px {
    width: 710px;
}

.minwidth710px {
    min-width: 710px;
}

.width715px {
    width: 715px;
}

.minwidth715px {
    min-width: 715px;
}

.width720px {
    width: 720px;
}

.minwidth720px {
    min-width: 720px;
}

.width725px {
    width: 725px;
}

.minwidth725px {
    min-width: 725px;
}

.width730px {
    width: 730px;
}

.minwidth730px {
    min-width: 730px;
}

.width735px {
    width: 735px;
}

.minwidth735px {
    min-width: 735px;
}

.width740px {
    width: 740px;
}

.minwidth740px {
    min-width: 740px;
}

.width745px {
    width: 745px;
}

.minwidth745px {
    min-width: 745px;
}

.width750px {
    width: 750px;
}

.minwidth750px {
    min-width: 750px;
}

.width755px {
    width: 755px;
}

.minwidth755px {
    min-width: 755px;
}

.width760px {
    width: 760px;
}

.minwidth760px {
    min-width: 760px;
}

.width765px {
    width: 765px;
}

.minwidth765px {
    min-width: 765px;
}

.width770px {
    width: 770px;
}

.minwidth770px {
    min-width: 770px;
}

.width775px {
    width: 775px;
}

.minwidth775px {
    min-width: 775px;
}

.width780px {
    width: 780px;
}

.minwidth780px {
    min-width: 780px;
}

.width785px {
    width: 785px;
}

.minwidth785px {
    min-width: 785px;
}

.width790px {
    width: 790px;
}

.minwidth790px {
    min-width: 790px;
}

.width795px {
    width: 795px;
}

.minwidth795px {
    min-width: 795px;
}

.width800px {
    width: 800px;
}

.minwidth800px {
    min-width: 800px;
}

.sorting {
    cursor: pointer;
    text-decoration: underline;
}

.sortinggroup {
    cursor: pointer;
    text-decoration: underline;
}

.InvoiceNo a, .InvoiceNo a:hover {
    text-decoration: underline;
}

.gg-table-header-sumAmountSelect {
    border: 1px solid #bdbdbd;
    border-bottom: none;
    padding: 4px 8px;
    margin-bottom: 6px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .gg-table-header-sumAmountSelect .gg-table-sumAmountSelect {
        font-weight: 500;
        font-size: 12px;
        white-space: nowrap;
    }