body {
    font-family: Arial, Helvetica, SimSun, sans-serif;
    font-size: 12px;
    background-color: #e8eff5;
    color: #333;
    overflow-x: hidden;
}

.container {
    position: relative;
    width: 1120px;
    /*margin-left: 0;*/
    max-width: none;
}

.col-xs-3 {
    width: 20.5%;
}

.col-xs-9 {
    width: 79.5%;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-gray {
    color: #999;
}

.pointer {
    cursor: pointer;
}

.valign-center {
    vertical-align: middle;
}
.valign-center-im {
    vertical-align: middle!important;
}

.btn {
    font-size: 14px;
}

.bootbox .btn {
    font-size: 12px;
    padding: 4px 12px;
    min-width: 60px;
}

.bootbox .close:hover, .bootbox .close:focus {
    outline: 0 none;
}

.bootbox .bootbox-body {
    font-weight: 600;
}

.bootbox .modal-dialog {
    max-width: 360px;
    margin: 5% auto;
}

    .bootbox .modal-dialog img {
        width: 100%;
    }

.modal .modal-content {
    border-radius: 4px;
}

.modal .modal-body {
    min-height: 60px;
}

.modal .modal-footer {
    padding: 10px 15px;
}

.font-xs {
    font-size: 12px;
}

.font-sm {
    font-size: 13px;
}

.font-md {
    font-size: 14px;
}

.font-lg {
    font-size: 16px;
}

.text-red {
    color: #ff0000;
}

.text-blue {
    color: #0000ff;
}

.text-green {
    color: #008000;
}

.text-bold {
    font-weight: 600;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.bordered {
    border-right: 1px solid #ccc;
}

.no-border {
    border: 0!important;
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 40px auto;
        margin-top: 5%;
    }
}

.td-width43 {
    width:43%;
}
.td-width35 {
    width:35%;
}
.td-width8 {
    width:8%;
}
.vi-VN .td-width8 {
    width:10%;
}
.th-width1 {
   width:50px; 
}
.th-width2 {
   width:100px; 
}