.login-page{
    background: url(../img/login-bg.jpg) no-repeat center;
    background-size: cover;
}
.admin-tools{ margin-bottom: 15px;}
.admin-tools .btn{background-color: #fff;}
.admin-page-top .form-control{ display: inline-block;width: auto;}
.admin-page-top { text-align: right;}
.table th{ background-color: #f9f9f9;}
.top-img { height: 160px; background-size: cover;}
.table-button i{ width: 20px; text-align: center;}
.table-button .btn { border:none ; background:none; padding: 4px;}
.table td.hide-button{position: relative;}
.table td.hide-button .btn{display: none; position:absolute; top:50%; margin-top: -15px; right: 10px;}
.table td.hide-button:hover .btn{display: block;}
.table-button .btn:hover { color: #fff; background-color: #1FC2AC;}
.table-button .btn-success { border:none ; background:#1FC2AC;  padding: 4px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ vertical-align: middle; }
.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th{ font-size:12px;}
.table p{ font-size: 13px; margin: 3px 0}
.gray,.gray a, a.gray{ color: #555;}
.page-num{padding: 7px 0;}
.foot-page .pagination{float: right;}
.user-face-pic img {display: inline-block; border: 1px solid #ccc; border-radius: 50%;}
@media (max-width: 767px) {
  .foot-page .pagination {
      float: none;
  }
}
.user-table-info h2 { font-size: 14px; margin: 5px 0; font-weight: bold;}
.user-table-info i{ width: 20px; text-align: center;display: inline-block;color: #777;}
/*@media (min-width: 991px) {
  .form-horizontal {
      padding-right: 5%;
  }
}*/
.margin-top{ margin-top: 15px;}
.margin-bottom{ margin-bottom: 15px;}
.border-top{border-top:1px solid #f4f4f4}
.row.inline-from .input-group,.row.inline-from input,.row.inline-from select{margin-bottom: 10px;}
.row.inline-from .input-group input,.row.inline-from .input-group select{margin-bottom: 0;}
.row.inline-from { margin-bottom: -10px; margin-left: -7px;margin-right: -7px; }
.row.inline-from > div { padding:0 7px;}
.form-horizontal .box-body{padding-top: 25px;}
.modal .form-horizontal .box-body{padding-top: 10px;}
.pic-list .thumbnail { border: none; text-align: center; padding: 0;}
.pic-list .thumbnail img { border:1px solid #f4f4f4; text-align: center;}
.customer i{font-size: 16px; border: 1px solid #777; color:#777;display: inline-block;width: 30px; height: 30px; text-align: center;line-height: 28px; border-radius: 100%;}
.customer i.female{border: 1px solid #efa5e6; color:#efa5e6;}
.customer h4{font-size: 14px; margin: 3px 0;padding: 0;font-weight: 500;}
.customer p{font-size: 12px; margin: 0;padding: 0;}
.fixed-footer{padding-bottom: 40px;}
.fixed-footer .footer-wrap{ position: fixed;width: 100%; bottom: 0;z-index: 10000;}
.fixed-footer .footer-wrap .box-footer{margin-right: 200px; border-top-color: #d2d6de;}
.upload-img{padding: 0;}
.upload-img li{list-style: none;position: relative;margin-bottom: 30px;}
.upload-img li img{width: 100%;}
.upload-img li .edit-button{display: none; position: absolute;right: 20px;bottom: 5px;}
.upload-img li:hover .edit-button{display: block;}
.webuploader-container input{
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    opacity: 0;
    -webkit-opacity: 0; 
}



/*==========================================================
  nini add 
===========================================================*/
  /* .rwd-table-list */
    .rwd-table-list th { text-align: center; }
    .rwd-table-list>tbody>tr>td { color: #666; font-size: 14px; }
    .rwd-table-list .t-url a { vertical-align: middle; display: inline-block; }
    @media (min-width:768px) { 
      .rwd-table-list tr th, .rwd-table-list tr td { background-color: #fff; text-align: center; padding:7px 9px; border:1px solid #dcdcdc; }
      .rwd-table-list tr th { font-size: 14px; background-color: #f9f9f9;  }
      .rwd-table-list tr .mb-title { display: none; }
      .rwd-table-list tr td .mb-content { display: block; }
      .rwd-table-list tr .t-left { text-align: left; }
    }
    @media (max-width:767px) {
      .rwd-table-list { margin-top: 10px; border: none; }
      .rwd-table-list tr { 
        display: inline-block;
          border: none;
          padding: 10px;
        overflow: hidden;
        vertical-align: top;
        width: 100%;
      }
      .rwd-table-list tr.pc-title { display: none; }
      .rwd-table-list>tbody>tr>td { border-top: none; display: block; width: 100%; padding:0!important; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;  }
      .rwd-table-list>tbody>tr>td:first-child { border-top: 1px solid #dcdcdc; }
      .rwd-table-list>tbody>tr>td:last-child { border-bottom: 1px solid #dcdcdc; }
      .rwd-table-list tr .mb-title {  
        text-align: center;
        display: table-cell;
        width: 80px;
        padding: 5px 8px;  
        background: #f9f9f9;  
        border-right: 1px solid #dcdcdc;
        font-weight: bold;
        font-size: 13px;
      }
      .rwd-table-list>tbody>tr>td .mb-content { 
        font-size: 13px; 
        display: table-cell; 
        padding:5px 10px;     
        vertical-align: middle; 
      }

    }


/*==========================================================
  media 767
===========================================================*/
  @media (max-width:767px) {
    .navbar-form input, .navbar-form select { margin-bottom: 10px; }
    .fixed-footer .footer-wrap .box-footer { margin: 0; }
    .form-group.address-wrap select { margin-bottom: 10px; }
  }