.fundo_aceite {
  background: rgb(2, 0, 36);
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(9, 9, 121, 1) 35%,
    rgba(0, 212, 255, 1) 100%
  );
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: arial;
}

.table {
  border-bottom: #999999 solid 1px;
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  border-right: #999999 solid 1px;
  font-size: 12px;
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
}

.table td:last-child {
  border-right: 0;
}

.table thead th {
  font-weight: normal;
  background-color: #005dab;
  color: #fff;
  font-size: 15px;
}

.table tbody > tr:nth-child(odd) > td,
.table tbody > tr:nth-child(odd) > th {
  background-color: #f8f8f8;
}

@media (max-width: 767px) {
  table-responsive {
    display: block;
    position: relative;
    width: 100%;
  }

  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive th,
  .table-responsive td,
  .table-responsive tr {
    display: block;
  }

  .table-responsive td,
  .table-responsive th {
    height: 35px;
  }

  .table-responsive thead {
    float: left;
  }

  .table-responsive tbody {
    width: auto;
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}

.x-tab-inner-default {
  font-size: 10pt;
}

.x-grid-item {
  font-size: 11px;
  font-family: Tahoma;
}
.x-fieldset {
  border-top: 0px solid #bcbcbc !important;
  background: white;
  border-style: none;
}
.x-form-trigger-wrap-default {
  border-width: 0;
  border-style: none;
}

label {
  font-weight: normal;
}

.x-form-text-wrap-default {
  border-style: none;
  border: 1px solid #acacac;
  border-radius: 7px 13px;
  font-size: 11pt;
}
input[type="text"] {
  background-image: none;
}
.remover_link {
  text-decoration: none;
}
.x-panel {
  padding-right: 3px;
  text-decoration: none;
}
.circulo_perfeito {
  border-radius: 0.35rem;
  border-left: 0.25rem solid rgb(30, 200, 160) !important;
  margin-left: 10px;
  margin-right: 10px;
  box-shadow: 0.5px 0.5px 0.5px 0.5px grey;
}
.panel_redondo {
  background: #268eb8;
  border: 2px #87ceeb solid;
  color: #fff;
  border-radius: 7px 13px;
}
.x-form-text {
  font-size: 9.3pt;
  border-radius: 7px 13px;
}

.botao_neutro_cinza {
  background: #eff3f3;
  border: none;
  box-shadow: none;
}

.botao_neutro_cinza:hover {
  background: #eff3f3;
  border: none;
  box-shadow: none;
}

.botao_novo {
  background: #1e90ff;
  border-radius: 5px;
  text-decoration: none;
  border: none;
  box-shadow: none;
}

.botao_novo:hover {
  background: #1e90ff;
  box-shadow: none;
  border: none;
}

.botao_salvar {
  font-family: arial;
  font-weight: bold;
  color: black !important;
  background: #1e995c;
  font-size: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  border: none;
  box-shadow: none;
}

.botao_salvar:hover {
  background: #1e995c;
  box-shadow: none;
  border: none;
}

.botao_excluir {
  font-family: arial;
  font-weight: bold;
  color: #0d0c04 !important;
  font-size: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #cd5c5c;
  text-decoration: none;
  border: none;
  box-shadow: none;
}

.botao_excluir:hover {
  background: #cd5c5c;
  box-shadow: none;
  border: none;
}

.botao_localizar {
  font-family: arial;
  font-weight: bold;
  color: #0d0c04 !important;
  font-size: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #63b8ee;
  text-decoration: none;
  border: none;
  box-shadow: none;
}

.botao_localizar:hover {
  background: #63b8ee;
  box-shadow: none;
  border: none;
}

.botao_localizar:focus {
  background: #63b8ee;
}

.botao_cancelar {
  font-family: arial;
  font-weight: bold;
  color: #0d0c04 !important;
  font-size: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ffa54f;
  text-decoration: none;
  border: none;
  box-shadow: none;
}

.botao_cancelar:hover {
  background: #ffa54f;
  box-shadow: none;
  border: none;
}

.botao_personalizado {
  font-family: arial;
  font-weight: bold;
  color: #0d0c04 !important;
  font-size: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #836fff;
  text-decoration: none;
  border: none;
  box-shadow: none;
}

.botao_personalizado:hover {
  background: #836fff;
  box-shadow: none;
  border: none;
}

.group_box_dest {
  background: #f5f5f5;
}

.borda_panel {
  border: 2px dotted #999;
}

.remover_borda {
  border: none;
}

.borda_panel_login {
  border-radius: 5px;
  border: 1px dotted gray;
}

.x-grid-item-selected {
  color: black;
  /* background-color: #dcdcdc; */
}

.x-grid-with-col-lines .x-grid-item-selected .x-grid-cell {
  border-color: #dcdcdc;
  border-style: solid;
}

.x-tab.x-tab-active.x-tab-default-top,
.x-tab.x-tab-active.x-tab-default-left,
.x-tab.x-tab-active.x-tab-default-right {
  background-color: rgb(30,200,160) !important;
  border-radius: 2px;
}

.x-tab-active {
  border-image: linear-gradient(to top, teal, teal) !important;
  /* border-image-slice: 1 !important; */
}

.x-tab-default-top {
  background-color: #ababab !important;
}

.sbBoleto {
  background-color: #22a2a2 !important;
}

.x-tab {
  border: 0.3px;
  border-top-left-radius: 0.3em !important;
  border-top-right-radius: 0.3em !important;
}

.pnlHeader > div > div {
  background-image: -webkit-linear-gradient(
    45deg,
    rgb(30, 200, 160),
    rgb(10, 180, 150),
    rgb(0, 150, 140),
    teal
  ) !important;
}

.x-panel-header, .x-panel-default-outer-border-trbl {
  border: 0 !important;
}

.x-grid-item-selected {
  background-color: rgb(30,200,160) !important;
  border-color: rgb(30,200,160) !important;
  color: #efefef !important;
}

.x-grid-item-focused {
  color: white !important;
}