/* =============
   Buttons
============= */
.btn {
  border-radius: 3px;
  outline: none !important;
}

.btn-primary,
.btn-success,
.btn-default,
.btn-warning {
  color: #ffffff !important;
}

.btn-default,
.btn-default:focus,
.btn-default:active,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  background-color: #4f93ce !important;
  border: 1px solid #4f93ce !important;
}

.btn-primary {
  background-color: #5d9cec !important;
  border: 1px solid #5d9cec !important;
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  background-color: #2f80e7 !important;
  border: 1px solid #2f80e7 !important;
}

.btn-success {
  background-color: #81c868 !important;
  border: 1px solid #81c868 !important;
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
  background-color: #62b944 !important;
  border: 1px solid #62b944 !important;
}

.btn-warning {
  background-color: #ffbd4a !important;
  border: 1px solid #ffbd4a !important;
}

.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
  background-color: #ffaa17 !important;
  border: 1px solid #ffaa17 !important;
}

.btn-rounded {
  border-radius: 2em !important;
  padding: 6px 20px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

/* =============
   Portlets
============= */
.portlet {
  background: #303841;
  border: 2px solid rgba(255, 255, 255, 0.07);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 20px;
}
.portlet .portlet-heading {
  /*margin: -2px -2px 0 -2px;*/
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  background-clip: padding-box;
  /*color: #ffffff;*/
  padding: 12px 20px;
}
.portlet .portlet-heading .portlet-title {
  /*color: rgba(255, 255, 255, 0.8);*/
  float: left;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0;
  letter-spacing: 0.03em;
}
.portlet .portlet-heading a {
  color: #999999;
}
.portlet .portlet-body {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 15px;
}
.portlet-default .portlet-title {
  color: rgba(255, 255, 255, 0.6) !important;
}
.panel-disabled {
  background: rgba(255, 255, 255, 0.4);
  bottom: 20px;
  left: 10px;
  position: absolute;
  right: 10px;
  top: 0;
  border-radius: 3px;
}

/* =============
   Tables
============= */
.table {
  margin-bottom: 10px;
}
tbody {
  /*color: #98a6ad;*/
}
th {
  /*color: #eeeeee;*/
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.table > thead > tr > th {
  vertical-align: bottom;
  /*border-bottom: 2px solid rgba(255, 255, 255, 0.15);*/
  border-bottom: 1px solid rgb(184, 184, 148);
}
.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover,
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  /*background-color: rgba(255, 255, 255, 0.1) !important;*/
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > th,
.table-bordered {
  /*border-top: 1px solid rgba(255, 255, 255, 0.1);*/
  border-top: 1px solid rgb(184, 184, 148);
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
  background-color: rgba(129, 200, 104, 0.2);
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
  background-color: rgba(52, 211, 235, 0.2);
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
  background-color: rgba(255, 189, 74, 0.2);
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
  background-color: rgba(240, 80, 80, 0.2);
}

.table-rep-plugin .table-responsive {
  border: none !important;
}
.table-rep-plugin tbody th {
  font-size: 14px;
  font-weight: normal;
}

/* =============
   Form elements
============= */
.error {
  color: #f05050;
  font-size: 12px;
  font-weight: 500;
}

/* Dropzone */
.dropzone {
  min-height: 230px;
  border: 2px dashed #98a6ad;
  background: #36404a;
  border-radius: 6px;
}
.dropzone .dz-message {
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
}