/**
 *
 * Apply your custom CSS here
 *
*/

.btn-right-m5 {
  margin-left: 5px;
}

.required {
    font-weight: bold !important;
}

form .form-group.has-error .input-group-addon {
  color: #ffffff;
}
form .form-group.has-success .input-group-addon {
    color: #ffffff;
}

.table > thead > tr > td, .table > thead > tr > th, 
.table > tbody > tr > td, .table > tbody > tr > th,
.table > tfood > tr > td, .table > tfood > tr > th {
  padding: 5px 8px;
}

.sidebar-menu .main-menu a {
  padding: 8px 5px;
  font-size: 13px;
  color: #bbbbbb;
}

.sidebar-menu .main-menu a:hover {
  color: #ffffff;
  font-weight: bold;
}
.sidebar-menu .main-menu li.active > a {
  color: #ffffff;
  font-weight: bold;
}

#chat {
  width: 220px;
}

.sidebar-menu {
  width: 260px;
}

.sidebar-menu .main-menu {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 768px) {
  .sidebar-menu .main-menu {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.sidebar-menu .main-menu .title-one {
    font-weight: bold;
    font-size: 14px;
}

.sidebar-menu .main-menu .label {
  font-weight: normal;
}
.sidebar-menu .main-menu .label-cate {
    color: #aaaaaa;
    background-color: #4f4f4f;
    border-radius: 10px;
}

.navbar-custom {
  margin-bottom: 1px;
}

.navbar-default .navbar-nav > li > a span.filter-family {
  display: inline-block;
  padding: 3px;
  color: #ffffff;
    background-color: #18a8df;
    border-color: #000;
    border-width: 2px;
}
.navbar-default .navbar-nav > li > a span.filter-item {
  display: inline-block;
  padding: 3px 5px;
  color: #666666;
  border-color: #1590be;
}

.dropdown-menu {
  max-height: 360px;
  overflow-y: auto;
}

.panel .panel-body {
  color:#868686;
}

.panel .panel-heading .panel-title .chan {
  margin-top: 10px; 
  line-height: 26px; 
  font-size: 80%; 
  color:#777777;
}
.panel .panel-heading .panel-title .chan span {
  display: inline-block;
}
.panel .panel-heading .panel-title .chan .item {
  margin-left: 20px;
}

.page-header-bar {
    margin:-30px;
    margin-bottom:20px;
    padding: 10px 0 10px 30px;
    background: #f8f8f8;
    box-shadow: 0 1px 0 rgba(0,1,1,.08), inset 0 1px 0 #ededed;
}
.page-header-bar .title-bar {
  max-width: 400px;
}
.page-header-bar .title-bar .title {
  font-size: 20px;
}
.page-header-bar .title-bar .title + p {
  font-size: 12px;
}
.page-header-bar .breadcrumb-bar {
  float: right;
  margin: 0;
  padding: 0;
  max-width: 500px;
}
.page-header-bar .breadcrumb-bar .breadcrumb {
  margin: 0;
  padding: 6px 30px 0 0;
}
.page-header-bar .filter-bar {
  display: block;
  float: right;
  margin: 0;
  padding: 0;
}

.login-page {
    padding-top: 50px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #f9f9f9;
  opacity: 1;
}


html .select2-container .select2-choice {
  padding: 0;
  height: 28px;
}

.page-container .main-content .page-title {
  padding: 15px 0 10px 0;
  margin-bottom: 15px;
}
.page-container .main-content .page-title .title-env .title {
  margin: 8px 0 0 0;
  font-size: 23px;
}
@media screen and (max-width: 768px) {
  .page-container .main-content .page-title .title-env .title {
    font-size: 23px;
  }
  .page-container .main-content .page-title .title-env .title + p {
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  .page-container .main-content .page-title .title-env .title {
    font-size: 19px;
  }
}

.page-container .main-content .page-title .breadcrumb-env {
  display: block;
  float: left;
  padding-left: 20px;
  clear: left;
}
.page-container .main-content .page-title .breadcrumb-env .breadcrumb {
  margin: 2px 0 0 0;
  padding: 6px 15px;
}

.page-container .main-content .page-title .innernav-env {
  float: right;
  display: block;
  padding: 0 30px 0 0;
  margin-top: -20px;
}
@media screen and (max-width: 480px) {
  .page-container .main-content .page-title .innernav-env {
    clear: both;
    float: none;
    padding: 0 10px;
  }
}

.input-group-addon img {
  float: right;
  margin: -6px -12px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
}

.input-group-addon img.preview-50-50 {
  width:50px;
  height:50px;
}

.input-group-addon img.preview-80-50 {
  width:80px;
  height:50px;
}

.input-group-addon img.preview-100-50 {
  width:80px;
  height:50px;
}

.form-text-inline {
  padding-top: 7px;
  padding-right: 10px;
}


.pagination {
  display: inline-block;
  float: right;
  margin: 2px 0;
  border-radius: 0px;
}
.pagination > a,
.pagination > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #373e4a;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > a:hover,
.pagination > span:hover,
.pagination > a:focus,
.pagination > span:focus {
  color: #16191e;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active {
  z-index: 2;
  color: #ffffff;
  background-color: #2c2e2f;
  border-color: #2c2e2f;
  cursor: default;
}
.pagination > .dotdot {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #373e4a;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}

footer.main-footer { 
  margin-left: 0; 
  margin-right: 0;
}

footer.main-footer .footer-text {
  float: left;
  color: #999999;
}