/*
 * Skin: Midnight Dark theme
 * ------------
 */
.skin-midnight .alert-success,
.skin-midnight .alert-danger,
.skin-midnight .alert-error,
.skin-midnight .alert-warning,
.skin-midnight .alert-info,
.skin-midnight .callout.callout-danger,
.skin-midnight .callout.callout-warning,
.skin-midnight .callout.callout-info,
.skin-midnight .callout.callout-success,
.skin-midnight .label-danger,
.skin-midnight .label-info,
.skin-midnight .label-warning,
.skin-midnight .label-primary,
.skin-midnight .label-success,
.skin-midnight .modal-default .modal-body,
.skin-midnight .modal-default .modal-header,
.skin-midnight .modal-default .modal-footer,
.skin-midnight .modal-primary .modal-body,
.skin-midnight .modal-primary .modal-header,
.skin-midnight .modal-primary .modal-footer,
.skin-midnight .modal-warning .modal-body,
.skin-midnight .modal-warning .modal-header,
.skin-midnight .modal-warning .modal-footer,
.skin-midnight .modal-info .modal-body,
.skin-midnight .modal-info .modal-header,
.skin-midnight .modal-info .modal-footer,
.skin-midnight .modal-success .modal-body,
.skin-midnight .modal-success .modal-header,
.skin-midnight .modal-success .modal-footer,
.skin-midnight .modal-danger .modal-body,
.skin-midnight .modal-danger .modal-header,
.skin-midnight .modal-danger .modal-footer {
  color: #fff !important;
}
.skin-midnight .alert-danger,
.skin-midnight .alert-error,
.skin-midnight .callout.callout-danger,
.skin-midnight .label-danger,
.skin-midnight .modal-danger .modal-body {
  background-color: #075383 !important;
}
.skin-midnight .alert-warning,
.skin-midnight .callout.callout-warning,
.skin-midnight .label-warning,
.skin-midnight .modal-warning .modal-body {
  background-color: #075383 !important;
}
.skin-midnight .alert-info,
.skin-midnight .callout.callout-info,
.skin-midnight .label-info,
.skin-midnight .modal-info .modal-body {
  background-color: #075383 !important;
}
.skin-midnight .label-primary,
.skin-midnight .modal-default .modal-body,
.skin-midnight .modal-primary .modal-body {
  background-color: #075383 !important;
}
.skin-midnight .alert-success,
.skin-midnight .callout.callout-success,
.skin-midnight .label-success,
.skin-midnight .modal-success .modal-body {
  background-color: #075383 !important;
}
.skin-midnight .modal-danger .modal-header,
.skin-midnight .modal-danger .modal-footer {
  background-color: #064a74 !important;
}
.skin-midnight .modal-warning .modal-header,
.skin-midnight .modal-warning .modal-footer {
  background-color: #064a74 !important;
}
.skin-midnight .modal-info .modal-header,
.skin-midnight .modal-info .modal-footer {
  background-color: #064a74 !important;
}
.skin-midnight .modal-default .modal-header,
.skin-midnight .modal-default .modal-footer,
.skin-midnight .modal-primary .modal-header,
.skin-midnight .modal-primary .modal-footer {
  background-color: #064a74 !important;
}
.skin-midnight .modal-success .modal-header,
.skin-midnight .modal-success .modal-footer {
  background-color: #064a74 !important;
}
.skin-midnight .chart-legend {
  list-style: none;margin: 0;padding: 0;
}
.skin-midnight .box-comments .box-comment img {
  float: left;
}
.skin-midnight .box-comments .box-comment img {
  width: 30px !important;height: 30px !important;
}
.skin-midnight .open > .dropdown-toggle.btn-default {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .open > .dropdown-toggle.btn-default:hover,
.skin-midnight .open > .dropdown-toggle.btn-default:focus,
.skin-midnight .open > .dropdown-toggle.btn-default.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .open > .dropdown-toggle.btn-primary {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .open > .dropdown-toggle.btn-primary:hover,
.skin-midnight .open > .dropdown-toggle.btn-primary:focus,
.skin-midnight .open > .dropdown-toggle.btn-primary.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .open > .dropdown-toggle.btn-success {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .open > .dropdown-toggle.btn-success:hover,
.skin-midnight .open > .dropdown-toggle.btn-success:focus,
.skin-midnight .open > .dropdown-toggle.btn-success.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .open > .dropdown-toggle.btn-info {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .open > .dropdown-toggle.btn-info:hover,
.skin-midnight .open > .dropdown-toggle.btn-info:focus,
.skin-midnight .open > .dropdown-toggle.btn-info.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .open > .dropdown-toggle.btn-warning {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .open > .dropdown-toggle.btn-warning:hover,
.skin-midnight .open > .dropdown-toggle.btn-warning:focus,
.skin-midnight .open > .dropdown-toggle.btn-warning.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .open > .dropdown-toggle.btn-danger {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .open > .dropdown-toggle.btn-danger:hover,
.skin-midnight .open > .dropdown-toggle.btn-danger:focus,
.skin-midnight .open > .dropdown-toggle.btn-danger.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight {
  color: #bec5cb;
  /*
 * Component: alert
 * ----------------
 */
  /*
 * Component: Box
 * --------------
 */
  /* Widget: TODO LIST */
  /*
 * Component: Button
 * -----------------
 */
  /*
 * Component: Callout
 * ------------------
 */
  /*
 * Core: General Layout Style
 * -------------------------
 */
  /* General Links */
  /*
 * Component: Direct Chat
 * ----------------------
 */
  /*
 * Component: Label
 * ----------------
 */
  /*
 * Component: modal
 * ----------------
 */
  /*
 * Component: Nav
 * --------------
 */
  /* NAV TABS */
  /*
 * Component: Progress Bar
 * -----------------------
 */
}
.skin-midnight .alert-success {
  border-color: #06446b;
}
.skin-midnight .alert-danger,
.skin-midnight .alert-error {
  border-color: #06446b;
}
.skin-midnight .alert-warning {
  border-color: #06446b;
}
.skin-midnight .alert-info {
  border-color: #06446b;
}
.skin-midnight .box.box-primary {
  border-top-color: #075383;
}
.skin-midnight .box.box-info {
  border-top-color: #075383;
}
.skin-midnight .box.box-danger {
  border-top-color: #075383;
}
.skin-midnight .box.box-warning {
  border-top-color: #075383;
}
.skin-midnight .box.box-success {
  border-top-color: #075383;
}
.skin-midnight .box.box-default {
  border-top-color: #075383;
}
.skin-midnight .box.box-solid.box-default {
  border: 1px solid #075383;
}
.skin-midnight .box.box-solid.box-default > .box-header {
  color: #444;
  background: #075383;
  background-color: #075383;
}
.skin-midnight .box.box-solid.box-default > .box-header a,
.skin-midnight .box.box-solid.box-default > .box-header .btn {
  color: #444;
}
.skin-midnight .box.box-solid.box-primary {
  border: 1px solid #075383;
}
.skin-midnight .box.box-solid.box-primary > .box-header {
  color: #fff;
  background: #075383;
  background-color: #075383;
}
.skin-midnight .box.box-solid.box-primary > .box-header a,
.skin-midnight .box.box-solid.box-primary > .box-header .btn {
  color: #fff;
}
.skin-midnight .box.box-solid.box-info {
  border: 1px solid #075383;
}
.skin-midnight .box.box-solid.box-info > .box-header {
  color: #fff;
  background: #075383;
  background-color: #075383;
}
.skin-midnight .box.box-solid.box-info > .box-header a,
.skin-midnight .box.box-solid.box-info > .box-header .btn {
  color: #fff;
}
.skin-midnight .box.box-solid.box-danger {
  border: 1px solid #075383;
}
.skin-midnight .box.box-solid.box-danger > .box-header {
  color: #fff;
  background: #075383;
  background-color: #075383;
}
.skin-midnight .box.box-solid.box-danger > .box-header a,
.skin-midnight .box.box-solid.box-danger > .box-header .btn {
  color: #fff;
}
.skin-midnight .box.box-solid.box-warning {
  border: 1px solid #075383;
}
.skin-midnight .box.box-solid.box-warning > .box-header {
  color: #fff;
  background: #075383;
  background-color: #075383;
}
.skin-midnight .box.box-solid.box-warning > .box-header a,
.skin-midnight .box.box-solid.box-warning > .box-header .btn {
  color: #fff;
}
.skin-midnight .box.box-solid.box-success {
  border: 1px solid #075383;
}
.skin-midnight .box.box-solid.box-success > .box-header {
  color: #fff;
  background: #075383;
  background-color: #075383;
}
.skin-midnight .box.box-solid.box-success > .box-header a,
.skin-midnight .box.box-solid.box-success > .box-header .btn {
  color: #fff;
}
.skin-midnight .box > .overlay,
.skin-midnight .overlay-wrapper > .overlay,
.skin-midnight .box > .loading-img,
.skin-midnight .overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.skin-midnight .box .overlay,
.skin-midnight .overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.skin-midnight .box .overlay > .fa,
.skin-midnight .overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.skin-midnight .box .overlay.dark,
.skin-midnight .overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.skin-midnight .box-header:before,
.skin-midnight .box-body:before,
.skin-midnight .box-footer:before,
.skin-midnight .box-header:after,
.skin-midnight .box-body:after,
.skin-midnight .box-footer:after {
  content: " ";
  display: table;
}
.skin-midnight .box-header:after,
.skin-midnight .box-body:after,
.skin-midnight .box-footer:after {
  clear: both;
}
.skin-midnight .box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.skin-midnight .box-header.with-border {
  border-bottom: 1px solid #075383;
}
.collapsed-box .skin-midnight .box-header.with-border {
  border-bottom: none;
}
.skin-midnight .box-header > .fa,
.skin-midnight .box-header > .glyphicon,
.skin-midnight .box-header > .ion,
.skin-midnight .box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.skin-midnight .box-header > .fa,
.skin-midnight .box-header > .glyphicon,
.skin-midnight .box-header > .ion {
  margin-right: 5px;
}
.skin-midnight .box-header > .box-tools {
  float: right;
  margin-top: -5px;
  margin-bottom: -5px;
}
.skin-midnight .box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.skin-midnight .box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.skin-midnight .box-header > .box-tools .dropdown-menu > li > a {
  color: #444 !important;
}
.skin-midnight .btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .skin-midnight .btn-box-tool,
.skin-midnight .btn-box-tool:hover {
  color: #606c84;
}
.skin-midnight .btn-box-tool.btn:active {
  box-shadow: none;
}
.skin-midnight .box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .skin-midnight .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.skin-midnight .box-body > .table {
  margin-bottom: 0;
}
.skin-midnight .box-body .fc {
  margin-top: 5px;
}
.skin-midnight .box-body .full-width-chart {
  margin: -19px;
}
.skin-midnight .box-body.no-padding .full-width-chart {
  margin: -9px;
}
.skin-midnight .box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.skin-midnight .box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.skin-midnight .box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #075383;
  padding: 10px;
  background-color: #fff;
}
.skin-midnight .chart-legend {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .skin-midnight .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}
.skin-midnight .box-comments {
  background: #f7f7f7;
}
.skin-midnight .box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.skin-midnight .box-comments .box-comment:before,
.skin-midnight .box-comments .box-comment:after {
  content: " ";
  display: table;
}
.skin-midnight .box-comments .box-comment:after {
  clear: both;
}
.skin-midnight .box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.skin-midnight .box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.skin-midnight .box-comments .box-comment img {
  float: left;
}
.skin-midnight .box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.skin-midnight .box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.skin-midnight .box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}
.skin-midnight .todo-list .danger {
  border-left-color: #075383;
}
.skin-midnight .todo-list .warning {
  border-left-color: #075383;
}
.skin-midnight .todo-list .info {
  border-left-color: #075383;
}
.skin-midnight .todo-list .success {
  border-left-color: #075383;
}
.skin-midnight .todo-list .primary {
  border-left-color: #075383;
}
.skin-midnight .btn-outline {
  border: 1px solid #fff;
  background: transparent;
  color: #bec5cb;
}
.skin-midnight .btn-outline:hover,
.skin-midnight .btn-outline:focus,
.skin-midnight .btn-outline:active {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}
.skin-midnight .btn-default {
  color: #bec5cb;
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-default:focus,
.skin-midnight .btn-default.focus {
  color: #bec5cb;
  background-color: #043453;
  border-color: #01060a;
}
.skin-midnight .btn-default:hover {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-default:active,
.skin-midnight .btn-default.active,
.open > .dropdown-toggle.skin-midnight .btn-default {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-default:active:hover,
.skin-midnight .btn-default.active:hover,
.open > .dropdown-toggle.skin-midnight .btn-default:hover,
.skin-midnight .btn-default:active:focus,
.skin-midnight .btn-default.active:focus,
.open > .dropdown-toggle.skin-midnight .btn-default:focus,
.skin-midnight .btn-default:active.focus,
.skin-midnight .btn-default.active.focus,
.open > .dropdown-toggle.skin-midnight .btn-default.focus {
  color: #bec5cb;
  background-color: #031f31;
  border-color: #01060a;
}
.skin-midnight .btn-default:active,
.skin-midnight .btn-default.active,
.open > .dropdown-toggle.skin-midnight .btn-default {
  background-image: none;
}
.skin-midnight .btn-default.disabled:hover,
.skin-midnight .btn-default[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-default:hover,
.skin-midnight .btn-default.disabled:focus,
.skin-midnight .btn-default[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-default:focus,
.skin-midnight .btn-default.disabled.focus,
.skin-midnight .btn-default[disabled].focus,
fieldset[disabled] .skin-midnight .btn-default.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-default .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .btn-default:focus,
.skin-midnight .btn-default.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-default:hover {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-default:active,
.skin-midnight .btn-default.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-default {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-default:active:hover,
.skin-midnight .btn-default.active:hover,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-default:hover,
.skin-midnight .btn-default:active:focus,
.skin-midnight .btn-default.active:focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-default:focus,
.skin-midnight .btn-default:active.focus,
.skin-midnight .btn-default.active.focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-default.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-default:active,
.skin-midnight .btn-default.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-default {
  background-image: none;
}
.skin-midnight .btn-default.disabled:hover,
.skin-midnight .btn-default[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-default:hover,
.skin-midnight .btn-default.disabled:focus,
.skin-midnight .btn-default[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-default:focus,
.skin-midnight .btn-default.disabled.focus,
.skin-midnight .btn-default[disabled].focus,
fieldset[disabled] .skin-midnight .btn-default.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-default .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .btn-primary {
  color: #bec5cb;
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-primary:focus,
.skin-midnight .btn-primary.focus {
  color: #bec5cb;
  background-color: #043453;
  border-color: #01060a;
}
.skin-midnight .btn-primary:hover {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-primary:active,
.skin-midnight .btn-primary.active,
.open > .dropdown-toggle.skin-midnight .btn-primary {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-primary:active:hover,
.skin-midnight .btn-primary.active:hover,
.open > .dropdown-toggle.skin-midnight .btn-primary:hover,
.skin-midnight .btn-primary:active:focus,
.skin-midnight .btn-primary.active:focus,
.open > .dropdown-toggle.skin-midnight .btn-primary:focus,
.skin-midnight .btn-primary:active.focus,
.skin-midnight .btn-primary.active.focus,
.open > .dropdown-toggle.skin-midnight .btn-primary.focus {
  color: #bec5cb;
  background-color: #031f31;
  border-color: #01060a;
}
.skin-midnight .btn-primary:active,
.skin-midnight .btn-primary.active,
.open > .dropdown-toggle.skin-midnight .btn-primary {
  background-image: none;
}
.skin-midnight .btn-primary.disabled:hover,
.skin-midnight .btn-primary[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-primary:hover,
.skin-midnight .btn-primary.disabled:focus,
.skin-midnight .btn-primary[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-primary:focus,
.skin-midnight .btn-primary.disabled.focus,
.skin-midnight .btn-primary[disabled].focus,
fieldset[disabled] .skin-midnight .btn-primary.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-primary .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .btn-primary:focus,
.skin-midnight .btn-primary.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-primary:hover {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-primary:active,
.skin-midnight .btn-primary.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-primary {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-primary:active:hover,
.skin-midnight .btn-primary.active:hover,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-primary:hover,
.skin-midnight .btn-primary:active:focus,
.skin-midnight .btn-primary.active:focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-primary:focus,
.skin-midnight .btn-primary:active.focus,
.skin-midnight .btn-primary.active.focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-primary.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-primary:active,
.skin-midnight .btn-primary.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-primary {
  background-image: none;
}
.skin-midnight .btn-primary.disabled:hover,
.skin-midnight .btn-primary[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-primary:hover,
.skin-midnight .btn-primary.disabled:focus,
.skin-midnight .btn-primary[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-primary:focus,
.skin-midnight .btn-primary.disabled.focus,
.skin-midnight .btn-primary[disabled].focus,
fieldset[disabled] .skin-midnight .btn-primary.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-primary .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .btn-success {
  color: #bec5cb;
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-success:focus,
.skin-midnight .btn-success.focus {
  color: #bec5cb;
  background-color: #043453;
  border-color: #01060a;
}
.skin-midnight .btn-success:hover {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-success:active,
.skin-midnight .btn-success.active,
.open > .dropdown-toggle.skin-midnight .btn-success {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-success:active:hover,
.skin-midnight .btn-success.active:hover,
.open > .dropdown-toggle.skin-midnight .btn-success:hover,
.skin-midnight .btn-success:active:focus,
.skin-midnight .btn-success.active:focus,
.open > .dropdown-toggle.skin-midnight .btn-success:focus,
.skin-midnight .btn-success:active.focus,
.skin-midnight .btn-success.active.focus,
.open > .dropdown-toggle.skin-midnight .btn-success.focus {
  color: #bec5cb;
  background-color: #031f31;
  border-color: #01060a;
}
.skin-midnight .btn-success:active,
.skin-midnight .btn-success.active,
.open > .dropdown-toggle.skin-midnight .btn-success {
  background-image: none;
}
.skin-midnight .btn-success.disabled:hover,
.skin-midnight .btn-success[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-success:hover,
.skin-midnight .btn-success.disabled:focus,
.skin-midnight .btn-success[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-success:focus,
.skin-midnight .btn-success.disabled.focus,
.skin-midnight .btn-success[disabled].focus,
fieldset[disabled] .skin-midnight .btn-success.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-success .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .btn-success:focus,
.skin-midnight .btn-success.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-success:hover {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-success:active,
.skin-midnight .btn-success.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-success {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-success:active:hover,
.skin-midnight .btn-success.active:hover,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-success:hover,
.skin-midnight .btn-success:active:focus,
.skin-midnight .btn-success.active:focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-success:focus,
.skin-midnight .btn-success:active.focus,
.skin-midnight .btn-success.active.focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-success.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-success:active,
.skin-midnight .btn-success.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-success {
  background-image: none;
}
.skin-midnight .btn-success.disabled:hover,
.skin-midnight .btn-success[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-success:hover,
.skin-midnight .btn-success.disabled:focus,
.skin-midnight .btn-success[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-success:focus,
.skin-midnight .btn-success.disabled.focus,
.skin-midnight .btn-success[disabled].focus,
fieldset[disabled] .skin-midnight .btn-success.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-success .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .btn-info {
  color: #bec5cb;
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-info:focus,
.skin-midnight .btn-info.focus {
  color: #bec5cb;
  background-color: #043453;
  border-color: #01060a;
}
.skin-midnight .btn-info:hover {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-info:active,
.skin-midnight .btn-info.active,
.open > .dropdown-toggle.skin-midnight .btn-info {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-info:active:hover,
.skin-midnight .btn-info.active:hover,
.open > .dropdown-toggle.skin-midnight .btn-info:hover,
.skin-midnight .btn-info:active:focus,
.skin-midnight .btn-info.active:focus,
.open > .dropdown-toggle.skin-midnight .btn-info:focus,
.skin-midnight .btn-info:active.focus,
.skin-midnight .btn-info.active.focus,
.open > .dropdown-toggle.skin-midnight .btn-info.focus {
  color: #bec5cb;
  background-color: #031f31;
  border-color: #01060a;
}
.skin-midnight .btn-info:active,
.skin-midnight .btn-info.active,
.open > .dropdown-toggle.skin-midnight .btn-info {
  background-image: none;
}
.skin-midnight .btn-info.disabled:hover,
.skin-midnight .btn-info[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-info:hover,
.skin-midnight .btn-info.disabled:focus,
.skin-midnight .btn-info[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-info:focus,
.skin-midnight .btn-info.disabled.focus,
.skin-midnight .btn-info[disabled].focus,
fieldset[disabled] .skin-midnight .btn-info.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-info .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .btn-info:focus,
.skin-midnight .btn-info.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-info:hover {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-info:active,
.skin-midnight .btn-info.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-info {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-info:active:hover,
.skin-midnight .btn-info.active:hover,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-info:hover,
.skin-midnight .btn-info:active:focus,
.skin-midnight .btn-info.active:focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-info:focus,
.skin-midnight .btn-info:active.focus,
.skin-midnight .btn-info.active.focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-info.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-info:active,
.skin-midnight .btn-info.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-info {
  background-image: none;
}
.skin-midnight .btn-info.disabled:hover,
.skin-midnight .btn-info[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-info:hover,
.skin-midnight .btn-info.disabled:focus,
.skin-midnight .btn-info[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-info:focus,
.skin-midnight .btn-info.disabled.focus,
.skin-midnight .btn-info[disabled].focus,
fieldset[disabled] .skin-midnight .btn-info.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-info .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .btn-warning {
  color: #bec5cb;
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-warning:focus,
.skin-midnight .btn-warning.focus {
  color: #bec5cb;
  background-color: #043453;
  border-color: #01060a;
}
.skin-midnight .btn-warning:hover {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-warning:active,
.skin-midnight .btn-warning.active,
.open > .dropdown-toggle.skin-midnight .btn-warning {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-warning:active:hover,
.skin-midnight .btn-warning.active:hover,
.open > .dropdown-toggle.skin-midnight .btn-warning:hover,
.skin-midnight .btn-warning:active:focus,
.skin-midnight .btn-warning.active:focus,
.open > .dropdown-toggle.skin-midnight .btn-warning:focus,
.skin-midnight .btn-warning:active.focus,
.skin-midnight .btn-warning.active.focus,
.open > .dropdown-toggle.skin-midnight .btn-warning.focus {
  color: #bec5cb;
  background-color: #031f31;
  border-color: #01060a;
}
.skin-midnight .btn-warning:active,
.skin-midnight .btn-warning.active,
.open > .dropdown-toggle.skin-midnight .btn-warning {
  background-image: none;
}
.skin-midnight .btn-warning.disabled:hover,
.skin-midnight .btn-warning[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-warning:hover,
.skin-midnight .btn-warning.disabled:focus,
.skin-midnight .btn-warning[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-warning:focus,
.skin-midnight .btn-warning.disabled.focus,
.skin-midnight .btn-warning[disabled].focus,
fieldset[disabled] .skin-midnight .btn-warning.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-warning .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .btn-warning:focus,
.skin-midnight .btn-warning.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-warning:hover {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-warning:active,
.skin-midnight .btn-warning.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-warning {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-warning:active:hover,
.skin-midnight .btn-warning.active:hover,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-warning:hover,
.skin-midnight .btn-warning:active:focus,
.skin-midnight .btn-warning.active:focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-warning:focus,
.skin-midnight .btn-warning:active.focus,
.skin-midnight .btn-warning.active.focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-warning.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-warning:active,
.skin-midnight .btn-warning.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-warning {
  background-image: none;
}
.skin-midnight .btn-warning.disabled:hover,
.skin-midnight .btn-warning[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-warning:hover,
.skin-midnight .btn-warning.disabled:focus,
.skin-midnight .btn-warning[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-warning:focus,
.skin-midnight .btn-warning.disabled.focus,
.skin-midnight .btn-warning[disabled].focus,
fieldset[disabled] .skin-midnight .btn-warning.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-warning .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .btn-danger {
  color: #bec5cb;
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-danger:focus,
.skin-midnight .btn-danger.focus {
  color: #bec5cb;
  background-color: #043453;
  border-color: #01060a;
}
.skin-midnight .btn-danger:hover {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-danger:active,
.skin-midnight .btn-danger.active,
.open > .dropdown-toggle.skin-midnight .btn-danger {
  color: #bec5cb;
  background-color: #043453;
  border-color: #042e49;
}
.skin-midnight .btn-danger:active:hover,
.skin-midnight .btn-danger.active:hover,
.open > .dropdown-toggle.skin-midnight .btn-danger:hover,
.skin-midnight .btn-danger:active:focus,
.skin-midnight .btn-danger.active:focus,
.open > .dropdown-toggle.skin-midnight .btn-danger:focus,
.skin-midnight .btn-danger:active.focus,
.skin-midnight .btn-danger.active.focus,
.open > .dropdown-toggle.skin-midnight .btn-danger.focus {
  color: #bec5cb;
  background-color: #031f31;
  border-color: #01060a;
}
.skin-midnight .btn-danger:active,
.skin-midnight .btn-danger.active,
.open > .dropdown-toggle.skin-midnight .btn-danger {
  background-image: none;
}
.skin-midnight .btn-danger.disabled:hover,
.skin-midnight .btn-danger[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-danger:hover,
.skin-midnight .btn-danger.disabled:focus,
.skin-midnight .btn-danger[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-danger:focus,
.skin-midnight .btn-danger.disabled.focus,
.skin-midnight .btn-danger[disabled].focus,
fieldset[disabled] .skin-midnight .btn-danger.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-danger .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .btn-danger:focus,
.skin-midnight .btn-danger.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-danger:hover {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-danger:active,
.skin-midnight .btn-danger.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-danger {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-danger:active:hover,
.skin-midnight .btn-danger.active:hover,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-danger:hover,
.skin-midnight .btn-danger:active:focus,
.skin-midnight .btn-danger.active:focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-danger:focus,
.skin-midnight .btn-danger:active.focus,
.skin-midnight .btn-danger.active.focus,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-danger.focus {
  color: #bec5cb;
  background-color: #06446b;
  border-color: #053e61;
}
.skin-midnight .btn-danger:active,
.skin-midnight .btn-danger.active,
.skin-midnight .open > .dropdown-toggle.skin-midnight .btn-danger {
  background-image: none;
}
.skin-midnight .btn-danger.disabled:hover,
.skin-midnight .btn-danger[disabled]:hover,
fieldset[disabled] .skin-midnight .btn-danger:hover,
.skin-midnight .btn-danger.disabled:focus,
.skin-midnight .btn-danger[disabled]:focus,
fieldset[disabled] .skin-midnight .btn-danger:focus,
.skin-midnight .btn-danger.disabled.focus,
.skin-midnight .btn-danger[disabled].focus,
fieldset[disabled] .skin-midnight .btn-danger.focus {
  background-color: #075383;
  border-color: #075383;
}
.skin-midnight .btn-danger .badge {
  color: #075383;
  background-color: #bec5cb;
}
.skin-midnight .callout.callout-danger {
  border-color: #043453;
}
.skin-midnight .callout.callout-warning {
  border-color: #043453;
}
.skin-midnight .callout.callout-info {
  border-color: #043453;
}
.skin-midnight .callout.callout-success {
  border-color: #043453;
}
.skin-midnight a {
  color: #075383;
}
.skin-midnight a:hover,
.skin-midnight a:active,
.skin-midnight a:focus {
  outline: none;
  text-decoration: none;
  color: #0b81cc;
}
.skin-midnight .direct-chat-danger .right > .direct-chat-text {
  background: #075383;
  border-color: #075383;
  color: #fff;
}
.skin-midnight .direct-chat-danger .right > .direct-chat-text:after,
.skin-midnight .direct-chat-danger .right > .direct-chat-text:before {
  border-left-color: #075383;
}
.skin-midnight .direct-chat-primary .right > .direct-chat-text {
  background: #075383;
  border-color: #075383;
  color: #fff;
}
.skin-midnight .direct-chat-primary .right > .direct-chat-text:after,
.skin-midnight .direct-chat-primary .right > .direct-chat-text:before {
  border-left-color: #075383;
}
.skin-midnight .direct-chat-warning .right > .direct-chat-text {
  background: #075383;
  border-color: #075383;
  color: #fff;
}
.skin-midnight .direct-chat-warning .right > .direct-chat-text:after,
.skin-midnight .direct-chat-warning .right > .direct-chat-text:before {
  border-left-color: #075383;
}
.skin-midnight .direct-chat-info .right > .direct-chat-text {
  background: #075383;
  border-color: #075383;
  color: #fff;
}
.skin-midnight .direct-chat-info .right > .direct-chat-text:after,
.skin-midnight .direct-chat-info .right > .direct-chat-text:before {
  border-left-color: #075383;
}
.skin-midnight .direct-chat-success .right > .direct-chat-text {
  background: #075383;
  border-color: #075383;
  color: #fff;
}
.skin-midnight .direct-chat-success .right > .direct-chat-text:after,
.skin-midnight .direct-chat-success .right > .direct-chat-text:before {
  border-left-color: #075383;
}
.skin-midnight .dropdown-menu {
  border-color: #353c42;
}
.skin-midnight .dropdown-menu > li > a:hover,
.skin-midnight .dropdown-menu > li > a:focus {
  color: #262626;
  background-color: #f5f5f5;
}
.skin-midnight .dropdown-menu > .active > a,
.skin-midnight .dropdown-menu > .active > a:hover,
.skin-midnight .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.skin-midnight .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  background-color: #272c30;
}
.skin-midnight .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  color: #bec5cb;
}
.skin-midnight .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: #353c42;
}
.skin-midnight .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #bec5cb;
}
.skin-midnight .modal-default .modal-header,
.skin-midnight .modal-default .modal-footer {
  border-color: #043453;
}
.skin-midnight .modal-primary .modal-header,
.skin-midnight .modal-primary .modal-footer {
  border-color: #043453;
}
.skin-midnight .modal-warning .modal-header,
.skin-midnight .modal-warning .modal-footer {
  border-color: #043453;
}
.skin-midnight .modal-info .modal-header,
.skin-midnight .modal-info .modal-footer {
  border-color: #043453;
}
.skin-midnight .modal-success .modal-header,
.skin-midnight .modal-success .modal-footer {
  border-color: #043453;
}
.skin-midnight .modal-danger .modal-header,
.skin-midnight .modal-danger .modal-footer {
  border-color: #043453;
}
.skin-midnight .nav-tabs-custom.tab-primary > .nav-tabs > li.active {
  border-top-color: #075383;
}
.skin-midnight .nav-tabs-custom.tab-info > .nav-tabs > li.active {
  border-top-color: #075383;
}
.skin-midnight .nav-tabs-custom.tab-danger > .nav-tabs > li.active {
  border-top-color: #075383;
}
.skin-midnight .nav-tabs-custom.tab-warning > .nav-tabs > li.active {
  border-top-color: #075383;
}
.skin-midnight .nav-tabs-custom.tab-success > .nav-tabs > li.active {
  border-top-color: #075383;
}
.skin-midnight .nav-tabs-custom.tab-default > .nav-tabs > li.active {
  border-top-color: #075383;
}
.skin-midnight .progress-bar-light-blue,
.skin-midnight .progress-bar-primary {
  background-color: #075383;
}
.progress-striped .skin-midnight .progress-bar-light-blue,
.progress-striped .skin-midnight .progress-bar-primary {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.skin-midnight .progress-bar-green,
.skin-midnight .progress-bar-success {
  background-color: #075383;
}
.progress-striped .skin-midnight .progress-bar-green,
.progress-striped .skin-midnight .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.skin-midnight .progress-bar-aqua,
.skin-midnight .progress-bar-info {
  background-color: #075383;
}
.progress-striped .skin-midnight .progress-bar-aqua,
.progress-striped .skin-midnight .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.skin-midnight .progress-bar-yellow,
.skin-midnight .progress-bar-warning {
  background-color: #075383;
}
.progress-striped .skin-midnight .progress-bar-yellow,
.progress-striped .skin-midnight .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.skin-midnight .progress-bar-red,
.skin-midnight .progress-bar-danger {
  background-color: #075383;
}
.progress-striped .skin-midnight .progress-bar-red,
.progress-striped .skin-midnight .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.skin-midnight .toggle-mode {
  background-color: white;
}
.skin-midnight h4 {
  color: #bec5cb;
}
.skin-midnight .content-header > .breadcrumb > li > a {
  color: #bec5cb;
}
.skin-midnight .table > thead > tr > th,
.skin-midnight .table > tbody > tr > th,
.skin-midnight .table > tfoot > tr > th,
.skin-midnight .table > thead > tr > td,
.skin-midnight .table > tbody > tr > td,
.skin-midnight .table > tfoot > tr > td {
  color: #bec5cb;
  border-top: 0px;
}
.skin-midnight .table > thead > tr.odd,
.skin-midnight .table > tbody > tr.odd,
.skin-midnight .table > tfoot > tr.odd {
  background-color: #2a2f34 !important;
}
.skin-midnight .table > thead > tr.odd:hover,
.skin-midnight .table > tbody > tr.odd:hover,
.skin-midnight .table > tfoot > tr.odd:hover,
.skin-midnight .table > thead > tr.even:hover,
.skin-midnight .table > tbody > tr.even:hover,
.skin-midnight .table > tfoot > tr.even:hover {
  background-color: #1e2226 !important;
}
.skin-midnight .table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #2a2f34 !important;
}
.skin-midnight .table.table-striped.table-hover tbody tr:hover {
  background-color: #1e2226 !important;
}
.skin-midnight .table-title {
  background: #353c42;
  color: #bec5cb;
}
.skin-midnight table.table td a {
  color: #075383;
}
.skin-midnight table.table td a.edit,
.skin-midnight table.table td a.delete,
.skin-midnight table.table td a.contact {
  color: #075383;
}
.skin-midnight table.table td a:hover {
  color: #06446b;
}
.skin-midnight .table-bordered > thead > tr > th,
.skin-midnight .table-bordered > tbody > tr > th,
.skin-midnight .table-bordered > tfoot > tr > th,
.skin-midnight .table-bordered > thead > tr > td,
.skin-midnight .table-bordered > tbody > tr > td,
.skin-midnight .table-bordered > tfoot > tr > td {
  border: 1px solid #353c42;
}
.skin-midnight .dataTables_wrapper input[type="search"] {
  border-radius: 4px;
  background-color: #353c42;
  border: 0;
  color: #bec5cb;
}
.skin-midnight .dataTables_paginate .pagination li > a {
  background-color: transparent !important;
  border: 0;
}
.skin-midnight .dataTables_paginate .pagination li > a:hover {
  color: #075383;
}
.skin-midnight .wrapper,
.skin-midnight .main-sidebar,
.skin-midnight .left-side {
  background-color: #272c30;
}
.skin-midnight .user-panel > .info,
.skin-midnight .user-panel > .info > a {
  color: #fff;
}
.skin-midnight .sidebar-menu > li.header {
  color: #556068;
  background: #1e2225;
}
.skin-midnight .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-midnight .sidebar-menu > li:hover > a,
.skin-midnight .sidebar-menu > li.active > a,
.skin-midnight .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #22272a;
}
.skin-midnight .sidebar-menu > li.active > a {
  border-left-color: #272c30;
}
.skin-midnight .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #32393e;
}
.skin-midnight .sidebar a {
  color: #bec5cb;
}
.skin-midnight .sidebar a:hover {
  text-decoration: none;
}
.skin-midnight .sidebar-menu .treeview-menu > li > a {
  color: #949fa8;
}
.skin-midnight .sidebar-menu .treeview-menu > li.active > a,
.skin-midnight .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff;
}
.skin-midnight .sidebar-form {
  border-radius: 3px;
  border: 1px solid #3e464c;
  margin: 10px 10px;
}
.skin-midnight .sidebar-form input[type="text"],
.skin-midnight .sidebar-form .btn {
  box-shadow: none;
  background-color: #3e464c;
  border: 1px solid transparent;
  height: 35px;
}
.skin-midnight .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;
}
.skin-midnight .sidebar-form input[type="text"]:focus,
.skin-midnight .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-midnight .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-midnight .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;
}
.skin-midnight .box,
.skin-midnight .box-footer,
.skin-midnight .info-box,
.skin-midnight .box-comment,
.skin-midnight .comment-text,
.skin-midnight .comment-text .username {
  color: #bec5cb;
  background-color: #272c30;
}
.skin-midnight .box-comments .box-comment {
  border-bottom-color: #353c42;
}
.skin-midnight .box-footer {
  border-top: 1px solid #353c42;
}
.skin-midnight .box-header.with-border {
  border-bottom: 1px solid #353c42;
}
.skin-midnight .box-solid,
.skin-midnight .box {
  border: 1px solid #272c30;
}
.skin-midnight .box-solid > .box-header,
.skin-midnight .box > .box-header {
  color: #bec5cb;
  background: #272c30;
  background-color: #272c30;
}
.skin-midnight .box-solid > .box-header a,
.skin-midnight .box > .box-header a,
.skin-midnight .box-solid > .box-header .btn,
.skin-midnight .box > .box-header .btn {
  color: #bec5cb;
}
.skin-midnight .box.box-info,
.skin-midnight .box.box-primary,
.skin-midnight .box.box-success,
.skin-midnight .box.box-warning,
.skin-midnight .box.box-danger {
  border-top-width: 3px;
}
.skin-midnight .box.box-info {
  border-top-color: #075383;
}
.skin-midnight .box.box-primary {
  border-top-color: #075383;
}
.skin-midnight .box.box-success {
  border-top-color: #075383;
}
.skin-midnight .box.box-warning {
  border-top-color: #075383;
}
.skin-midnight .box.box-danger {
  border-top-color: #075383;
}
.skin-midnight .main-header .navbar {
  background-color: #272c30;
}
.skin-midnight .main-header .navbar .nav > li > a {
  color: #bec5cb;
}
.skin-midnight .main-header .navbar .nav > li > a:hover,
.skin-midnight .main-header .navbar .nav > li > a:active,
.skin-midnight .main-header .navbar .nav > li > a:focus,
.skin-midnight .main-header .navbar .nav .open > a,
.skin-midnight .main-header .navbar .nav .open > a:hover,
.skin-midnight .main-header .navbar .nav .open > a:focus,
.skin-midnight .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-midnight .main-header .navbar .sidebar-toggle {
  color: #bec5cb;
}
.skin-midnight .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-midnight .main-header .logo {
  background-color: #22272a;
  color: #fff;
  border-bottom: 0 solid transparent;
}
.skin-midnight .main-header .logo:hover {
  background-color: #202428;
}
.skin-midnight .main-header .logo-mini img {
  filter: grayscale(100%);
}
.skin-midnight .timeline li .timeline-item {
  color: #bec5cb;
  background-color: #272c30;
  border-color: #353c42;
}
.skin-midnight .timeline li .timeline-header {
  border-bottom-color: #353c42;
}
.skin-midnight .nav-stacked > li > a {
  color: #bec5cb;
}
.skin-midnight .nav-stacked > li > a:hover {
  color: white;
  background-color: #1e2226;
}
.skin-midnight .content-wrapper,
.skin-midnight .right-side {
  background-color: #353c42;
}
.skin-midnight .main-footer,
.skin-midnight .nav-tabs-custom {
  background-color: #272c30;
  border-top-color: #353c42;
  color: #bec5cb;
}
.skin-midnight .main-footer .nav-tabs,
.skin-midnight .nav-tabs-custom .nav-tabs {
  border-bottom-color: #353c42;
}
.skin-midnight .main-footer .tab-content,
.skin-midnight .nav-tabs-custom .tab-content {
  background-color: #272c30;
}
.skin-midnight .nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #075383;
}
.skin-midnight .nav-tabs-custom > .nav-tabs > li.active > a {
  border-left-color: #353c42;
  border-right-color: #353c42;
}
.skin-midnight .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  border-left-color: #353c42;
}
.skin-midnight .nav-tabs-custom > .nav-tabs > li {
  color: #bec5cb;
}
.skin-midnight .nav-tabs-custom > .nav-tabs > li.active > a {
  background-color: #272c30;
}
.skin-midnight .nav-tabs-custom > .nav-tabs > li > a {
  color: #bec5cb;
}
.skin-midnight .form-group .input-group-addon,
.skin-midnight .input-group .input-group-addon,
.skin-midnight .form-group input,
.skin-midnight .input-group input,
.skin-midnight .form-group textarea,
.skin-midnight .input-group textarea {
  background-color: #353c42;
  color: #bec5cb;
  border: 1px solid #353c42;
}
.skin-midnight .list-group {
  color: #bec5cb;
  background-color: #272c30;
}
.skin-midnight .list-group .list-group-item {
  border-color: #353c42;
  background-color: #272c30;
}
.skin-midnight .input-group .input-group-addon {
  border-right: 1px solid #272c30;
}
.skin-midnight .form-control {
  border-color: #272c30;
  background-color: #353c42;
  color: #bec5cb;
}
.skin-midnight .select2 .select2-selection {
  background-color: #353c42;
  color: #bec5cb;
  border: 1px solid #353c42;
}
.skin-midnight .select2 .select2-selection .select2-container--default,
.skin-midnight .select2 .select2-selection .select2-selection--single,
.skin-midnight .select2 .select2-selection .select2-selection--multiple,
.skin-midnight .select2 .select2-selection .select2-selection__rendered {
  color: #bec5cb;
}
.skin-midnight .select2-dropdown {
  background-color: #353c42;
  color: #bec5cb;
  border: 1px solid #353c42;
}
.skin-midnight .select2-dropdown .select2-search__field {
  background-color: #272c30;
  color: #bec5cb;
  border: 1px solid #353c42;
}
.skin-midnight .select2-container--default.select2-container--open {
  background-color: #272c30;
}
.skin-midnight .wrapper,
.skin-midnight .main-sidebar,
.skin-midnight .left-side {
  background-color: #272c30;
}
.skin-midnight .user-panel > .info,
.skin-midnight .user-panel > .info > a {
  color: #fff;
}
.skin-midnight .sidebar-menu > li.header {
  color: #556068;
  background: #1e2225;
}
.skin-midnight .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-midnight .sidebar-menu > li:hover > a,
.skin-midnight .sidebar-menu > li.active > a,
.skin-midnight .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #22272a;
}
.skin-midnight .sidebar-menu > li.active > a {
  border-left-color: #075383;
}
.skin-midnight .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #32393e;
}
.skin-midnight .sidebar a {
  color: #bec5cb;
}
.skin-midnight .sidebar a:hover {
  text-decoration: none;
}
.skin-midnight .sidebar-menu .treeview-menu > li > a {
  color: #949fa8;
}
.skin-midnight .sidebar-menu .treeview-menu > li.active > a,
.skin-midnight .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff;
}
.skin-midnight .sidebar-form {
  border-radius: 3px;
  border: 1px solid #3e464c;
  margin: 10px 10px;
}
.skin-midnight .sidebar-form input[type="text"],
.skin-midnight .sidebar-form .btn {
  box-shadow: none;
  background-color: #3e464c;
  border: 1px solid transparent;
  height: 35px;
}
.skin-midnight .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;
}
.skin-midnight .sidebar-form input[type="text"]:focus,
.skin-midnight .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-midnight .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-midnight .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;
}