body {
    background-color: rgba(0, 0, 0, .3);
}


.btn-primary {
    background-color: #0082f7;
}
.btn-radio {
    background-color: rgba(255, 255, 255, .1);
    border:1px solid rgba(255, 255, 255, .1);
}
.btn-radio:hover {
    border:1px solid rgba(255, 255, 255, .1);
}
.form-button span {
    border: 1px solid rgba(255,255,255,.2);
    font-size:.9rem!important;
}
.form-button input {
    display: none;
}
.form-button input:checked ~ span {
    background-color:#0082f7;
}

.form-control, .btn {
    font-size:.9rem;
}

.brand img {
    max-width: 160px;
}

textarea {
    height:150px;
}

.list-header {
    font-weight:600;
    border-bottom:2px solid rgba(255,255,255,.1);
    padding: 6px 0;
    font-size:.8rem;
}

.list-item {
    border-bottom:1px solid rgba(255,255,255,.1);
    padding: 6px 0;
}

.page-title {
    font-weight:600;
}

.item-budget-date {
    font-size: .8rem;
}
.item-budget-name {
    font-size: .8rem;
}
.item-budget-client {
    font-size: .8rem;
}
.item-budget-type {
    font-size: .8rem;
    text-transform:capitalize;
}
.item-budget-title {
    font-size: .8rem;
    font-weight:600;
}
.item-budget-person {
    font-size: .8rem;
}
.item-budget-status {
    font-size: .9rem;
}


.icon-inline {
  width: 15px;
  fill: #fff;
}
.btn-icon {
  background: rgba(255,255,255,.2);
  border-radius: 99px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-content: center;
  transition:.3s;
}

.btn-icon:hover {
    background-color:#0082f7;
}

.card {
    transition:.3s;
}
.card:hover {
    border-color:#0082f7;
}

.card[data-theme="orcamento"] {
  background: #ffff000d;
}
.card[data-theme="orcamento-enviado"] {
  background: #ff58170d;
}
.card[data-theme="aguardando-inicio"] {
  background: #009fff0d;
}
.card[data-theme="desenvolvimento"] {
  background: #17ff1a0d;
}
.card[data-theme="aguardando-aprovacao"] {
  background: #f4b0103b;
}
.card[data-theme="finalizado"] {
}
.card[data-theme="default"] {
    background-color:transparent;
}

.card-count {
    font-size: .6rem;
    color: rgba(255,255,255,.4);
}

.note-editable {
  color: #fff;
  border: 1px solid rgba(255,255,255,.2);
}


body #loading {
    position: fixed;
    z-index: 999999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    align-items:center;
    justify-content: center;
    background-color:rgba(0,0,0,.8);
    display:none;
}
body #loading svg {
    fill: #fff;
}
body.is-loading #loading {
    display: flex;
}

.label {
color: rgba(255,255,255,.5);
  font-weight: 600;
  font-size: .8rem;
  padding-bottom: 10px;
}

.modal .h4 {
  font-weight: 600 !important;
}

.modal .close {
  color: rgba(255,255,255,.6);
  font-size: 1.2rem;
  margin-top: -6px;
  background: rgba(255,255,255,.2);
  width: 25px;
  height: 25px;
  border-radius: 999px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
  opacity: 1;
}
.modal .close span {
  line-height: 10px;
  height: 13px;
}

.comments-item.comment-new {
  background: #c7ff0012;
}