/* CARD */
.card-label {
  color: white;
}
.card-field {
  max-width: 278px;
  font-weight: 500;
  color: rgb(207, 207, 207);
}
.card-field-null {
  max-width: 278px;
  font-weight: 500;
  color: gray;
}
.card-header {
  color: white;
  text-align: center;
}
.midia-card-icon {
  background-color: #bfbfbf;
  height: 100px;
  width: 100px;
  text-align: center;
  border-radius: 50px;
}
.card-midia {
  margin: 1%;
  display: inline-block !important;
  color: #444 !important;
  height: 35rem;
  width: 26rem;
}

.card-body.midia {
  height: 27rem;
  font-size: 17px;
}

.card-midia-review {
  margin: 1%;
  display: inline-block !important;
  color: #444 !important;
  height: 37rem;
  width: 26rem;
}

.card-body-review {
  height: 29rem;
  font-size: 17px;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-midia-review .btn {
  font-size: 1.1em;
  padding-left: 18px;
  padding-right: 18px;
  color: #fff;
}

.btn-group-midia {
  margin: 4%;
}

.card-midia .btn {
  font-size: 1.1em;
  padding-left: 18px;
  padding-right: 18px;
  color: #fff;
}

/* MATERIAL STEPPER */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(icons.woff2) format('woff2');
}
.material-icons {
  font-family: 'Material Icons';
}
.mat-step-icon-state-error .mat-icon {
  font-size: 16px !important;
  height: 27px !important;
  width: 17px !important;
}
.mat-step-icon-state-edit .mat-icon.notranslate.material-icons.mat-icon-no-color {
  height: 24px !important;
}
mat-form-field {
  width: 100%;
}
mat-step-header {
  padding: 0 !important;
}
mat-step-header:hover {
  padding: 0 1% 0 1% !important;
}
.mat-horizontal-stepper-header-container {
  padding-left: 18px !important;
}
.mat-horizontal-content-container :not(mat-form-field *):not(.visualizadores *) {
  color: white !important;
}
.mat-horizontal-content-container {
  background-color: #303030 !important;
}
.mat-horizontal-stepper-header-container {
  background-color: #444444;
}
.mat-step-label.mat-step-label-active {
  color: white !important;
}
.mat-step-sub-label-error {
  color: #f44336 !important;
}
.mat-stepper-horizontal-line {
  background-color: gray;
}
mat-label {
  color: white;
  font-size: 17px !important;
}
.mat-select-value {
  color: white !important;
}
.mat-select-arrow {
  color: white !important;
}
.mat-datepicker-toggle-default-icon {
  color: white !important;
}
.mat-form-field-label {
  color: white !important;
}

/* PLACEHOLDER */
::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999999 !important;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999 !important;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999 !important;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999 !important;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999999 !important;
}

::placeholder {
  /* Most modern browsers support this now. */
  color: #999999 !important;
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgb(255 255 255 / 54%) !important;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: whitesmoke !important;
}
.mat-stepper-horizontal-line {
  margin: unset !important;
  min-width: unset !important;
}

/* OUTROS */
body {
  font-family: Roboto, Arial, sans-serif;
  margin: 0;
}
.basic-container {
  padding: 30px;
}
.version-info {
  font-size: 8pt;
  float: right;
  margin: 8px;
}

p.text-muted.tip {
  margin: 0 !important;
  font-size: 0.85rem !important;
}
.dataProducaoInput {
  width: 80px;
}
.table-secondary {
  color: white !important;
}

.stepper-btn-group button {
  font-size: 18px !important;
  border: 1px solid transparent !important;
}
.stepper-btn-group .btn.btn-outline-info {
  color: #3498db !important;
  border-color: #3498db !important;
  background-color: transparent !important;
}
.stepper-btn-group .btn.btn-outline-info:hover {
  color: white !important;
  background-color: #3498db !important;
}
.btn.btn-outline-danger {
  color: #e74c3c !important;
  border-color: #e74c3c !important;
  background-color: transparent !important;
}

.container-fluid .card {
  background-color: transparent;
}
.container-fluid .jh-card {
  margin-top: 0px;
}
ol.breadcrumb {
  margin-bottom: 25px !important;
}
.container-fluid .jumbotron {
  padding: 2rem 2rem;
  /* margin-bottom: 1rem;*/
}
.container-fluid .mat-horizontal-stepper-header-container,
.container-fluid .mat-stepper-horizontal {
  background-color: #303030;
}
.container-fluid .mat-horizontal-stepper-header-container {
  margin-bottom: 10px;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: transparent !important;
}
.container-fluid .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: #999;
}
.container-fluid .mat-form-field-hide-placeholder .mat-input-element::placeholder,
.container-fluid .mat-input-placeholder {
  color: #999 !important;
}
.container-fluid .mat-step-header .mat-step-icon {
  background-color: #444;
  color: #fff;
}
.container-fluid .mat-step-header .mat-step-icon-selected,
.container-fluid .mat-step-header .mat-step-icon-state-done,
.container-fluid .mat-step-header .mat-step-icon-state-edit {
  background-color: #375a7f !important;
  color: #fff !important;
}
.container-fluid .mat-step-header .mat-step-icon.mat-step-icon-state-error {
  background-color: #f44336 !important;
  color: #fff !important;
}
#advanced-search {
  border-radius: 5px;
  padding: 20px 30px;
  background-color: #222;
}
#advanced-search h5 {
  color: #9c27b0;
}
.jumbotron .btn {
  min-width: 150px;
  margin-left: 5px;
  float: right;
}

.add-author {
  position: absolute;
  top: 26%;
}

div.footer.row {
  text-align: center;
  border-top: none;
  margin-top: 15px;
}

.jumbotron .table th {
  border-top: none;
}

.jumbotron .table th,
.jumbotron .table td {
  vertical-align: middle;
}

.jumbotron .table .btn.icon-only {
  min-width: 100px;
}

.jumbotron .table .btn.icon-only fa-icon {
  font-size: 1.1em;
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: unset !important;
}

.background-222 {
  background-color: #222 !important;
  border-radius: 5px;
  padding: 20px 30px;
}

.mat-horizontal-stepper-header {
  pointer-events: none !important;
}

.mat-checkbox-frame {
  background-color: white !important;
}

.jhi-toast {
  z-index: 100 !important;
}

.card-midia-sem-contrato {
  background-color: #e74c3c66 !important;
  border-color: red !important;
}

.invisible {
  color: transparent !important;
}

.table-entity td {
  padding-bottom: 3% !important;
  color: #e8e3e3;
}

.table-entity tr > td:first-child {
  font-weight: bold !important;
  font-size: 1rem !important;
  width: 300px !important;
  color: white !important;
}

.midia-card-icon fa-icon {
  font-size: 70px;
}

.background-303030 {
  background-color: #303030 !important;
  border-radius: 5px;
  padding-bottom: 1%;
}

.inputIP {
  width: 75px;
}

input[type='date']::-webkit-calendar-picker-indicator {
  filter: invert(100%);
  font-size: 12px;
  cursor: pointer;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #303030 inset !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: white !important;
}

input.background-different:-webkit-autofill,
input.background-different:-webkit-autofill:hover,
input.background-different:-webkit-autofill:focus,
input.background-different:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #222 inset !important;
}

.container-fluid .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: #999;
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: #999 !important;
}

.color-dark-gray {
  color: darkgray !important;
}

.mat-radio-outer-circle {
  border-color: rgb(221, 220, 220) !important;
}

.btn {
  font-size: 17px !important;
}

.custom-btn {
  min-width: 60px !important;
  width: 60px !important;
  max-width: 60px !important;
}

.jhi-item-count {
  font-size: 17px !important;
}

strong > span {
  font-size: 17px !important;
}

.table-responsive {
  font-size: 17px !important;
}

.alert {
  font-size: 17px !important;
}

.breadcrumb {
  font-size: 17px !important;
}