html, body {max-width: 100%;overflow-x: hidden !important;}
.login-logo, .register-logo {font-size: 1.5rem;}
.card-title {font-weight: 600;color: #57B5E3;}
.form-control, .select2-container--default .select2-selection--single, .input-group-text{border: 1px solid #666;}
.nav-sidebar .nav-item > .nav-link{font-size:14px;white-space: inherit !important;}

.select2-container{width: 100% !important;}
.sidebar-mini .nav-sidebar .nav-link{white-space: normal;}
.comment_avatar_img{
    border-radius: 50%;
  font-size: 16px;
  height: 30px;
  left: 18px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
  border: 1px solid #ccc;
}

[class*="sidebar-dark-"] .sidebar a, [class*="sidebar-dark"] .brand-link, [class*="sidebar-dark"] .brand-link .pushmenu {color: #FFF;}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  .inner-header h3{font-size: 16px;}
  .table-resp{table-layout: fixed;}  
  .table-resp caption {
    font-size: 1.3em;
  }
  
  .table-resp thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .table-resp tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .table-resp tr:nth-child(2n+1) {
    background: #d9eff6;
  }
  
  .table-resp tr:nth-child(2n) {
    background: #f6fce8;
  }
  
  .table-resp td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .table-resp td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 7px;
  }
  
  .table-resp td:last-child {
    border-bottom: 0;
  }
  .table-resp tr:last-child {
      margin-bottom: 0;
  }
}