#backgroundlogin {
  background: url(../../dist/img/bg.jpg);
  background-size: cover;
}
.main-header .navbar {
    background-color: #3c8dbc;
  }
  .main-header .navbar .nav > li > a {
    color: #ffffff;
  }
  .main-header .navbar .nav > li > a:hover,
  .main-header .navbar .nav > li > a:active,
  .main-header .navbar .nav > li > a:focus,
  .main-header .navbar .nav .open > a,
  .main-header .navbar .nav .open > a:hover,
  .main-header .navbar .nav .open > a:focus,
  .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
  }
  .main-header .navbar .sidebar-toggle {
    color: #ffffff;
  }
  .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
  }
  .main-header .navbar .sidebar-toggle {
    color: #fff;
  }
  .main-header .navbar .sidebar-toggle:hover {
    background-color: #367fa9;
  }

  .navbar-nav>.user-menu>.dropdown-menu {
      width: 177px !important;
      box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  }
  .dropdown-menu>li>a {
    padding: 10px 15px;
  }
  @media (max-width: 767px) {
    .main-header .navbar .dropdown-menu li.divider {
      background-color: rgba(255, 255, 255, 0.1);
    }
    .main-header .navbar .dropdown-menu li a {
      color: #fff;
    }
    .main-header .navbar .dropdown-menu li a:hover {
      background: #367fa9;
    }
  }
  .main-header .logo {
    background-color: #367fa9;
    color: #ffffff;
    border-bottom: 0 solid transparent;
  }
  .main-header .logo:hover {
    background-color: #357ca5;
  }
  .main-header li.user-header {
    background-color: #3c8dbc;
  }
  .content-header {
    background: transparent;
  }
  .wrapper,
  .main-sidebar,
  .left-side {
    background-color: #10678f;
  }
  .user-panel > .info,
  .user-panel > .info > a {
    color: #fff;
  }
  .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
  }
  .sidebar-menu > li > a,
  .sidebar-menu > li:hover > a {
    border-left: 3px solid transparent;
  }
  .sidebar-menu > li:hover > a,
  .sidebar-menu > li.active > a,
  .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #dfc816;
  }
  .sidebar-menu > li.active > a {
    border-left-color: #3c8dbc;
  }
  .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
  }
  .sidebar a {
    color: #f9f9f4
  }
  .sidebar a:hover {
    text-decoration: none;
  }
  .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
  }
  .sidebar-menu .treeview-menu > li.active > a,
  .sidebar-menu .treeview-menu > li > a:hover {
    color: #ffffff;
  }
  .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
  }
  .sidebar-form input[type="text"],
  .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
  }
  .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
  }
  .sidebar-form input[type="text"]:focus,
  .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
  }
  .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
  }
  .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
  }
  .layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
  }
  .layout-top-nav .main-header > .logo:hover {
    background-color: #3b8ab8;
  }
  #resultBackup .alert a{
    color:#fff;
    text-decoration:none !important;
  }
  .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0;
  }
  .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
  }
  .custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
  }
  .custom-file-label {
    height: calc(1.5em + 0.7rem + 0px) !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}
.alert-error {
  padding: 5px 10px;
  border-radius: 4px;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
/* Logo --------------------------------------------------------------------------------*/
span.logo-mini img {
    width: 30px;
}
span.logo-lg img {
    width: 210px;
}

/* Fixed sidebar ------------------------------------------------------------------------*/
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
    position: fixed;
}

/* Login --------------------------------------------------------------------------------*/
#bglogin {
  width: 100%;
  margin: auto;
  min-height: 630px;
  /* background: url(../../dist/img/bg.jpg);*/
}

.row_login {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 170px;
}

.form-group.thongbao {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.thongbao .alert {
  margin-left: -5px;
  margin-right: -5px;
}
/* Datagridview ---------------------------------------------------------------------------*/
.table td, 
.table th {
    padding: 8px 5px;
	vertical-align: middle;
}
table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #efefef;
    background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
    background-repeat: repeat-x;
}
.table thead th {
    text-align: center;
    vertical-align: middle;
}
tr.second-row th {
    text-align: center !important;
}
.table thead tr.first-row th {
    border-top: none;
    text-align: center !important;
}
.table thead tr.second-row th {
    padding: 2px 10px;
}
.table-bordered thead td, 
.table-bordered thead th {
    border-bottom-width: 0px;
}

/* Toolbar ----------------------------------------------------------------------------*/
.toolbar {
  float: right;
}
.l-btn {
  padding: 3px 0px;
  background: #fafafa;
  background-repeat: repeat-x;
  border: 1px solid #dddddd;
  background: -webkit-linear-gradient(top,#ffffff 0,#eeeeee 100%);
  background: -moz-linear-gradient(top,#ffffff 0,#eeeeee 100%);
  background: -o-linear-gradient(top,#ffffff 0,#eeeeee 100%);
  background: linear-gradient(to bottom,#ffffff 0,#eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#eeeeee,GradientType=0);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 5px;
}
a.l-btn {
  color: #140591;
  display: inline-block;
  margin-bottom: 5px;
}
.l-btn-left {
  position: relative;
}
.l-btn-text {
  margin: 0 5px 0 25px;
}
.l-btn-icon {
  left: 6px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
h3.h3-box-title {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    line-height: 28px;
}
.form-group-header {
  display: flex;
  float: right;
}
.form-group-header label {
  line-height: 30px;
  font-weight: bold;
  margin-right: 5px;
}
.form-group-header .form-control {
  width: auto;
  margin-right: 10px;
}
div#danhsachlophoc {
  padding: 0px 10px;
}
/* Thông tin phạm nhân ---------------------------------- */
#NhanDuLieuPrint {
  display:none;
}
.frmDetail {
  background: #828a8f;
  margin: 1px;
}
div#thongtinchinhanh,
div#thongtinquatang,
#thongtinkhachhang,
#thongtinnhanvien {
  font-family: "Times New Roman";
    margin: 20px;
    background: white;
    padding: 30px 50px 60px;
    border: 1px solid #686565;
}

span.cell-border {
    border: 1px solid #ccc;
    width: 160px;
    height: 190px;
    display: table-cell;
    vertical-align: middle;
}

label em {
  color: red;
}
#thongtinchinhanh .titleDocument p,
#thongtinquatang .titleDocument p,
#thongtinkhachhang .titleDocument p,
#thongtinnhanvien .titleDocument p { padding: 0 !important; margin: 0 auto;}

.titleCQ1 {
  font-weight: 500; font-size: 12pt;
}
.titleCQ2 {
  font-weight: bold; font-size: 13pt;
}

.titleQH {
  font-weight: bold; font-size: 12pt; text-align: center; margin-bottom: 0px;
}

.titleTN {
  font-weight: bold; font-size: 13pt; text-align: center; margin: 0;
}

.titlePosDate {
  font-size: 13pt; 
  text-align: center; 
  margin-bottom: 5px !important; 
  font-style: italic; 
  margin-top: 5px !important;
}

.maintitle {
  text-align: center; font-weight: bold; font-size: 14pt; margin-top: 10px !important;
}

.subtitle {
  text-align: center; font-weight: bold; font-size: 14pt; 
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}
.cvlapbieu {
  text-transform: uppercase;font-weight: bold; font-size: 13pt; text-align: center; margin-bottom: 5px;
}

.tenlapbieu {
  text-transform: uppercase; font-weight: bold; font-size: 13pt; text-align: center; margin: 0;
}

.cvky {
  text-transform: uppercase;font-weight: bold; font-size: 13pt; text-align: center; margin-bottom: 5px;
}

.tenky {
  text-transform: uppercase; font-weight: bold; font-size: 13pt; text-align: center; margin: 0;
}
/* End thông tin phạm nhân ------------------------------ */

button:disabled {
  background: #c9c9c9;
  color: #999;
  border: 1px solid #c6c6c6;
  opacity: 0.5;
  pointer-events: none;
}
table.dataTable {
  width: 100% !important;
  font-size: 13px;
}
.table .btn {
  padding: 0px 5px;
}
.btn-button {
  background: transparent;
}
.icon-add{
	background:url('../../dist/icons/add.png') no-repeat center center;
}
.icon-edit{
	background:url('../../dist/icons/pencil.png') no-repeat center center;
}
.icon-clear{
	background:url('../../dist/icons/clear.png') no-repeat center center;
}
.icon-delete{
	background:url('../../dist/icons/delete.gif') no-repeat center center;
}
.icon-remove{
	background:url('../../dist/icons/phanxl.png') no-repeat center center;
}
.icon-excel{
	background:url('../../dist/icons/excel.png') no-repeat center center;
}
.icon-pdf{
	background:url('../../dist/icons/pdf.gif') no-repeat center center;
}
.icon-back{
	background:url('../../dist/icons/back.png') no-repeat center center;
}
.icon-save{
	  width: 16px;
    background: url('../../dist/icons/save.gif') no-repeat center center;
    height: 16px;
    display: inline-block;
    margin-right: 3px;
}
.icon-cut{
	background:url('../../dist/icons/cut.png') no-repeat center center;
}
.icon-ok{
	background:url('../../dist/icons/ok.png') no-repeat center center;
}
.icon-print {
  background: url('../../dist/icons/print.png') no-repeat center center;
}
.icon-checked {
  background: url('../../dist/icons/checked.png') no-repeat center center;
}
.icon-unchecked {
  background: url('../../dist/icons/nocheck.png') no-repeat center center;
}

span.example-codequyen {
  line-height: 75px;
}
/* Form nhập thông tin phạm nhân ------------------------------------------------------*/

.frmFieldControl .input-phamnhan label {
  margin-right: 20px;
}
.frmFieldControl .alert-error {
  border-color: #d73925;
  background-color: transparent !important;
  color: #555 !important;
}
textarea.form-control {
  resize: none;
}
.btn-add-del {
  margin-top: 15px;
}
.btn-add-del .delete-row {
  margin-left: 20px;
}

/* Form nhập thông tin phạm nhân */
input#strthoigiandachaphanhphamnhan,
input#strthoigianconlaiphamnhan,
input#strngayhetanphamnhan {
  color: #e513cb !important;
}
.form-control {
  color: #0c08f5 !important;
}
/* Form phân quyền */
.col-permision-3,
.col-permision-9 {
    min-height: 410px;
    flex-direction: column;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.body-phanquyen .col-md-3 {
  padding-left: 0px;
  padding-right: 0px;
}
.body-phanquyen .col-md-9 {
  padding-right: 0px;
}
.body-phanquyen .box-header {
  padding: 5px;
}
.body-phanquyen .toolbar {
  float: left;
}
.body-phanquyen  ul.list-nhomquyen {
  padding-left: 10px;
}
.body-phanquyen ul.list-nhomquyen li {
  list-style: none;
  line-height: 30px;
  padding-left: 10px;
  cursor: pointer;
}
.body-phanquyen ul.list-nhomquyen li img {
  margin-right: 5px;
}
.body-phanquyen .bg-permission {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.body-phanquyen h5.alert-heading {
    font-size: 2rem;
}
.title-nhomquyen label {
  font-weight: 600;
  font-size: 14px;
  color: #ac1e05;
}
.phanquyen-body .form-group {
  margin-bottom: 5px;
}
.phanquyen-body .form-group label {
  margin-bottom: 5px;
  font-weight: 500 !important;
  margin-left: 5px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, 
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, 
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, 
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, 
.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, 
.col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, 
.col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 10px;
  padding-left: 10px;
}

.box-body {
  padding: 10px 15px;
}
#frmLogin .box-body {
    padding: 15px 30px;
}
#frmLogin .box-footer {
    padding: 10px 25px;
}
.daterangepicker.dropdown-menu {
  z-index: 1055 !important;
}
.modal-header {
  padding: 7px 15px;
  background: #c6db2a;
}
.modal-title {
  font-size: 16px;
}
.dgl-detailkhachhang {
  min-width: 800px;
}
.btn i {
  font-style: normal !important;
}
a#editInformation {
  font-weight: 500;
  color: #b5250c;
  text-decoration: none;
  font-style: italic;
}
.tooltip-text {
  display: none;
  position: absolute;
  background-color: #0e85c7;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  z-index: 1;
}

.tooltip-container:hover .tooltip-text {
  display: block;
}

span.note-quatang {
  font-style: italic;
  font-weight: 400;
  color: red;
}
li.gift-unactived a,
li.gift-unactived span {
  color: #2e69d3  !important;
}

li.gift-actived a,
li.gift-actived span {
  color: rgb(8, 57, 218) !important;
}
.note-quatang-spin {
  margin-bottom: 10px;
}
a.detail-spin {
  color: #fff;
}

.info-box-icon {
    height: 70px !important;
    width: 70px !important;
    font-size: 35px !important;
    line-height: 70px !important;
}
.info-box-content {
  margin-left: 70px !important;
      padding: 3px 10px !important;
}
.info-box {
  min-height: 70px !important;
}
.info-box-text {
  font-size: 18px !important;
}
span.title-spin {
    font-size: 13px;
    font-weight: 500;
}
li.spin-static-quatang {
  margin-bottom: 5px;
}
.users-list>li {
    width: 50% !important;
}
.users-list>li img {
    max-width: 50% !important;
}
.users-list-name {
  cursor:pointer;
  font-weight: 500 !important;
  color: #2432e1 !important;
}
/*-------------------------------------------------------------------------------------*/
@media (max-width: 480px){
  .col-permision-3 {
    min-height: auto;
  }
  .c9-left-mobile {
    width: 85%;
    max-width: 85%;
    float: left;
    margin-left: 10px;
  }
  .c3-right-mobile {
    width: 5%;
    max-width: 5%;
    text-align: right;
    float: left;
  }
  #bglogin {
    background: url(../../dist/img/bg1.jpg);
}
  .row_login {
    margin-top: 100px;
  }
  .titleCQ1 {
    font-weight: 500; font-size: 8pt;
  }
  .titleCQ2 {
    font-weight: bold; font-size: 8pt;
  }
  
  .titleQH {
    font-weight: bold; font-size: 7pt; text-align: center; margin-bottom: 0px;
  }
  
  .titleTN {
    font-weight: bold; font-size: 8pt; text-align: center; margin: 0;
  }
  
  .titlePosDate {
    font-size: 9pt; text-align: center;  font-style: italic;
  }
  
  .maintitle {
    text-align: center; font-weight: bold; font-size: 12pt;
  }
  
  .subtitle {
    text-align: center; font-weight: bold; font-size: 12pt;
    margin-top: 0px !important;
  }

  .cvlapbieu {
    font-size: 9pt;
  }

  .tenlapbieu {
    font-size: 9pt;;
  }

  .cvky {
    font-size: 9pt;
  }

  .tenky {
    font-size: 9pt;
  }
  .picturephamnhan {
    text-align: center;
    width: 20%;
    float: left;
  }
  .infophamnhan {
    width: 80%;
    float: right;
    font-size: 9pt;
  }
  .head-in4-phamnhan {
    font-size: 10px;
  }
  span.cell-border {
    height: 65px;
  }
  table.element-phamnhan thead tr th, 
  table.element-phamnhan tbody tr td {
      border: 1px solid #c9c9c9;
      font-size: 9px !important;
      padding: 5px 2px;
  }
  h3.title-element-phamnhan {
      font-size: 14px;
  }
}
@media (max-width: 767px){
    body {
      display: -ms-flexbox;
      -ms-flex-align: normal;
      align-items: normal;
    }
    #bglogin {
      margin-top: 0 !important;
    }

    .toolbar {
      float: none;
      text-align: center;
    }
    .form-group-header {
      display: block;
      width: 100%;
      /*
      margin-top: 20px;
      border-top: 1px solid #f4f4f4; */
    }
    .form-group-header .form-control {
      width: 100%;
    }
    
    /* Form nhập thông tin nạn nhân */
    .frmFieldControl .input-phamnhan label {
      margin-right: 0px;
    }
    .col-md-2.col-md-13 {
      width: 50%;
      float: left;
    }

    .body-phanquyen .col-md-9 {
      padding-left: 0px;
    }

    div#thongtinphamnhan {
      margin: 0px;
      padding: 15px 10px 15px;
    }
}

@media (min-width: 992px){
  .col-md-2.col-md-13 {
      width: 12.5%;
  }
}

@media (min-width: 768px){
  .modal-dialog {
      width: 650px !important;
      margin: 20px auto !important;
  }
  .modal-change-pass {
      width: 450px !important;
      margin: 20px auto !important;
  }
}