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

table.gg-table {
    font: 12px Helvetica Neue,Arial, sans-serif;
    border: 1px solid #bdbdbd;
    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 td input.CheckOne {
            margin-left: auto;
            margin-right: auto;
        }

    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;
    vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Icon-History {
    background: url("/Images/Icons/icon-history.png") no-repeat center center;
}
/*pagination css*/
.pagination {
    margin: 10px 0;
}

    .pagination > li > a, .pagination > li > span {
        padding: 2px 4px;
        float: inherit;
    }

    .pagination > .disabled > a,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > span:hover {
        color: #1967b2;
    }

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

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

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

.gg-table-header {
    font-size: 12px;
}

    .gg-table-header .gg-table-info {
        padding-top: 5px;
    }

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

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

.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*/
.widthfull {
    width: 100% !important;
}

.width5px {
    width: 5px;
}

.width10px {
    width: 10px;
}

.width15px {
    width: 15px;
}

.width20px {
    width: 20px;
}

.width25px {
    width: 25px;
}

.width30px {
    width: 30px;
}

.width35px {
    width: 35px;
}

.width40px {
    width: 40px;
}

.width45px {
    width: 45px;
}

.width50px {
    width: 50px;
}

.width55px {
    width: 55px;
}

.width60px {
    width: 60px;
}

.width65px {
    width: 65px;
}

.width70px {
    width: 70px;
}

.width75px {
    width: 75px;
}

.width80px {
    width: 80px;
}

.width85px {
    width: 85px;
}

.width90px {
    width: 90px;
}

.width95px {
    width: 95px;
}

.width100px {
    width: 100px;
}

.width105px {
    width: 105px;
}

.width110px {
    width: 110px;
}

.width115px {
    width: 115px;
}

.width120px {
    width: 120px;
}

.width125px {
    width: 125px;
}

.width130px {
    width: 130px;
}

.width135px {
    width: 135px;
}

.width140px {
    width: 140px;
}

.width145px {
    width: 145px;
}

.width150px {
    width: 150px;
}

.width155px {
    width: 155px;
}

.width160px {
    width: 160px;
}

.width165px {
    width: 165px;
}

.width170px {
    width: 170px;
}

.width175px {
    width: 175px;
}

.width180px {
    width: 180px;
}

.width185px {
    width: 185px;
}

.width190px {
    width: 190px;
}

.width195px {
    width: 195px;
}

.width200px {
    width: 200px;
}

.width205px {
    width: 205px;
}

.width210px {
    width: 210px;
}

.width215px {
    width: 215px;
}

.width220px {
    width: 220px;
}

.width225px {
    width: 225px;
}

.width230px {
    width: 230px;
}

.width235px {
    width: 235px;
}

.width240px {
    width: 240px;
}

.width245px {
    width: 245px;
}

.width250px {
    width: 250px;
}

.width255px {
    width: 255px;
}

.width260px {
    width: 260px;
}

.width265px {
    width: 265px;
}

.width270px {
    width: 270px;
}

.width275px {
    width: 275px;
}

.width280px {
    width: 280px;
}

.width285px {
    width: 285px;
}

.width290px {
    width: 290px;
}

.width295px {
    width: 295px;
}

.width300px {
    width: 300px;
}

.width305px {
    width: 305px;
}

.width310px {
    width: 310px;
}

.width315px {
    width: 315px;
}

.width320px {
    width: 320px;
}

.width325px {
    width: 325px;
}

.width330px {
    width: 330px;
}

.width335px {
    width: 335px;
}

.width340px {
    width: 340px;
}

.width345px {
    width: 345px;
}

.width350px {
    width: 350px;
}

.width355px {
    width: 355px;
}

.width360px {
    width: 360px;
}

.width365px {
    width: 365px;
}

.width370px {
    width: 370px;
}

.width375px {
    width: 375px;
}

.width380px {
    width: 380px;
}

.width385px {
    width: 385px;
}

.width390px {
    width: 390px;
}

.width395px {
    width: 395px;
}

.width400px {
    width: 400px;
}

.width405px {
    width: 405px;
}

.width410px {
    width: 410px;
}

.width415px {
    width: 415px;
}

.width420px {
    width: 420px;
}

.width425px {
    width: 425px;
}

.width430px {
    width: 430px;
}

.width435px {
    width: 435px;
}

.width440px {
    width: 440px;
}

.width445px {
    width: 445px;
}

.width450px {
    width: 450px;
}

.width455px {
    width: 455px;
}

.width460px {
    width: 460px;
}

.width465px {
    width: 465px;
}

.width470px {
    width: 470px;
}

.width475px {
    width: 475px;
}

.width480px {
    width: 480px;
}

.width485px {
    width: 485px;
}

.width490px {
    width: 490px;
}

.width495px {
    width: 495px;
}

.width500px {
    width: 500px;
}

.width505px {
    width: 505px;
}

.width510px {
    width: 510px;
}

.width515px {
    width: 515px;
}

.width520px {
    width: 520px;
}

.width525px {
    width: 525px;
}

.width530px {
    width: 530px;
}

.width535px {
    width: 535px;
}

.width540px {
    width: 540px;
}

.width545px {
    width: 545px;
}

.width550px {
    width: 550px;
}

.width555px {
    width: 555px;
}

.width560px {
    width: 560px;
}

.width565px {
    width: 565px;
}

.width570px {
    width: 570px;
}

.width575px {
    width: 575px;
}

.width580px {
    width: 580px;
}

.width585px {
    width: 585px;
}

.width590px {
    width: 590px;
}

.width595px {
    width: 595px;
}

.width600px {
    width: 600px;
}

.width605px {
    width: 605px;
}

.width610px {
    width: 610px;
}

.width615px {
    width: 615px;
}

.width620px {
    width: 620px;
}

.width625px {
    width: 625px;
}

.width630px {
    width: 630px;
}

.width635px {
    width: 635px;
}

.width640px {
    width: 640px;
}

.width645px {
    width: 645px;
}

.width650px {
    width: 650px;
}

.width655px {
    width: 655px;
}

.width660px {
    width: 660px;
}

.width665px {
    width: 665px;
}

.width670px {
    width: 670px;
}

.width675px {
    width: 675px;
}

.width680px {
    width: 680px;
}

.width685px {
    width: 685px;
}

.width690px {
    width: 690px;
}

.width695px {
    width: 695px;
}

.width700px {
    width: 700px;
}

.width705px {
    width: 705px;
}

.width710px {
    width: 710px;
}

.width715px {
    width: 715px;
}

.width720px {
    width: 720px;
}

.width725px {
    width: 725px;
}

.width730px {
    width: 730px;
}

.width735px {
    width: 735px;
}

.width740px {
    width: 740px;
}

.width745px {
    width: 745px;
}

.width750px {
    width: 750px;
}

.width755px {
    width: 755px;
}

.width760px {
    width: 760px;
}

.width765px {
    width: 765px;
}

.width770px {
    width: 770px;
}

.width775px {
    width: 775px;
}

.width780px {
    width: 780px;
}

.width785px {
    width: 785px;
}

.width790px {
    width: 790px;
}

.width795px {
    width: 795px;
}

.width800px {
    width: 800px;
}

.delIcon {
    background: url(/img/delete.png) no-repeat center center;
    cursor: pointer;
}