@media only screen and (max-width : 768px) {
    .totalshow {
        margin-top: 20px !important;
        margin-left: -100px !important;
        font-weight: bold !important;
    }
    input#txt_otpcode {
        min-width: 190px !important;
        max-width: 260px !important;
    }
}
.body
{
    color: #006 !important;
    font-size: 13px !important;
}
.form-control
{
    font-size: 13px !important;
    font-weight: bold !important;
}
.text_footer
{
    text-align: center !important;
}
.text_white
{
    color: white !important;
    font-weight: bold !important;
}

.form-control,.btn
{
    border-radius: 0px !important;
}
.nav-md .container.body .right_col
{
    padding: 0px 0px 0 !important;
}
.x_content {
    padding: 0 0px 0px !important;
}
.x_center
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.x_left
{
    padding-left: 0px !important;
}
.x_right
{
    padding-right: 0px !important;
}
.m_left
{
    margin-left: 0px !important;
}
.m_right
{
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}
.mg_right {
    margin-right: -5px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px 5px 5px 5px !important;
}
td, th {
    border: 1px solid #ccc !important;
}.table {
    width: 99.9% !important;
}
.right_th {
    padding-right: 0px !important;
}
.pagination {
    margin: 0px !important;
    margin-top: -5px !important;
    border-radius: 0px !important;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
ul.nav.navbar-nav.pull-left {
    margin-left: -7px !important;
}
.labeltfoot {
    font-size: 100% !important;
    text-align: left !important;
    border-radius: 0px !important;
    padding: 6px !important;
}
.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 0px 6px !important;
}
.x_title>h2 {
    font-weight: bold !important;
    font-size: 10px !important;
}
.dropdown-menu {
    font-size: 14px !important;
    border-radius: 0px !important;
}
.stttable
{
    width: 32px !important;
    text-align: center !important;
}
.sttedit
{
    width: 40px !important;
    text-align: center !important;
}
.statustable
{
    width: 110px !important;
    text-align: center !important;

}
td, th {
    display: table-cell;
    vertical-align: middle !important; 
}
.btn_status
{
    margin-bottom: 0px !important; 
    width: 102px !important; 
    margin-right: 0px !important;
    padding: 2px !important;
    border-radius: 2px !important;
    font-weight: bold !important;
}
.btn_action
{
    margin-bottom: 0px !important; 
    margin-right: 0px !important;
    padding: 2px !important;
    border-radius: 2px !important;
    min-width: 30px !important;
    font-weight: bold !important;
}
.btn_action1
{
    margin-bottom: 0px !important; 
    margin-right: 0px !important;
    padding: 2px !important;
    border-radius: 2px !important;
    min-width: 110px !important;
    font-weight: bold !important;
}
.btn_typeorder
{
    margin-bottom: 10px !important; 
    margin-right: 0px !important;
    padding: 2px !important;
    border-radius: 2px !important;
    width: 100% !important;
    height: 28px !important;
    font-size: 13px !important;
    font-weight: bold !important;

}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    border-radius: 0px !important;
}
.btnotp
{
    width: 70px !important;
}
.txtotp
{
    margin-left: -10px !important;
}
.txtotpfc
{
    position: unset !important;
}

.swal-modal {
    border-radius: 0px !important;
}
.swal-icon:first-child {
    margin-top: 10px !important;
}
.swal-button {
    background-color: #169F85 !important;
    border-radius: 0px !important;
}
.swal-title {
    font-size: 16px !important;
    font-weight: normal !important;
}
.modal-content
{
    border-radius: 0px !important;
}
.btnok
{
    margin-right: 0px !important;
}
.notes
{
    font-size: 12px !important;
}
.x_panel {
    margin-top: 60px !important;
    margin-bottom: 70px !important;
}
/*.nav_menu {
    margin-top: -50px !important;
}*/
/*.totalshow{
    margin-top: 20px !important;
    font-weight: bold !important;
}*/
ul.bar_tabs>li {
    border-radius: 0px !important;
}
.uploadfile {
    padding: 3px !important;
}
.nav-tabs>li>a {
    border-radius: 0px !important;
}
.a_tabs {
    font-weight: bold !important;
    color: #73879C !important;
}
div#myTabContent {
    margin-top: 5px !important;
}
.x_title h2 {
    font-size: 16px !important;
}
.a_infor{
    font-size: 13px !important;
    font-weight: bold !important;
    color: white !important;
    padding-left: 10px !important;
    padding-bottom: 5px !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: white !important;
    background-color: #1ABB9C !important;
}
.nav-tabs>li>a {
    padding: 7px !important;
}
.textshow {
    color: aqua !important;
}
.headermodal
{
    padding-bottom: 5px !important;
}
.bordertab{
    border: 1px solid #ccc !important;
}

.note_table
{
    white-space: normal !important;
    font-size: 10px !important; 
    min-width:200px !important;
    max-width:200px !important;
}

/*Footer*/
.footer_main {
    position: fixed !important; 
    bottom: 0 !important; 
    width: 100% !important; 
    z-index: 9999 !important; 
    background: #172D44 !important;  
    text-align: center !important; 
    color: white !important; 
    font-size: 12px !important; 
    box-shadow: 0 0 15px #00214B !important; 
    box-sizing: border-box;
    padding-top: 3px !important; 
}
.btn.btn-app {
    position: relative;
    padding: 2px 2px !important; 
    min-width: 35px !important; 
    height: 35px !important; 
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    border: 1px solid #31b0d5;
    background-color: #31b0d5 !important;
    font-size: 11px !important; 
    margin: 0 10px 5px 5px !important; 
    color: white !important; 
}
.btn.btn-app>.badge {
    position: absolute;
    top: -3px;
    font-size: 9px !important; 
    font-weight: 400;
    padding: 2px 4px !important;
}
.btn_maxwidth
{
    width: 220px !important; 
}
.btn_maxwidth2
{
    width: 120px !important; 
}

.text_noti {
    color: #26B99A !important;
    font-weight: bold !important;
    margin: 0px !important;
    font-size: 13px !important;
}
.modal-open .modal {
    z-index: 99999 !important;
}
.swal-overlay.swal-overlay--show-modal {
    z-index: 9999999 !important;
}

.bootstrap-select.btn-group .btn .filter-option {
    font-weight: bold !important;
}

.hrcss {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.menu_section > ul {
    margin-top: 0px !important;
}
li#li_history {
    margin-bottom: 40px !important;
}
.pleft {
    margin: 0 0 5px !important;
}