ui-view{flex:1}.app-list{height:calc(100vh - 260px);overflow-y:auto}.size-button{width:250px !important}.scroll-table--api{overflow-x:auto;min-height:70px;max-height:220px}

app-project-details{display:flex;flex:1 1 auto}

app-project-list ul.flex-card-list.small-list>li{height:195px}

app-project-api-details{flex:1}

app-project-apis-list{flex:1}app-project-apis-list i.api--marketplace-status{position:absolute;right:12px;color:#767676;bottom:12px}

catalog .catalog{position:fixed;z-index:9999;background-color:#FFF;top:24px;left:24px;padding:12px;width:calc(100vw - 48px);height:calc(100vh - 48px);border-radius:2px;box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.188235);transition:opacity .15s ease;opacity:1}catalog .catalog:after{content:"";position:absolute;top:0;left:0;background-color:#fff;width:100%;height:100%;z-index:-1;border-radius:2px}catalog .catalog .catalog--backdrop{position:fixed;width:100vw;height:100vh;top:0;left:0;background:rgba(0,0,0,0.24);z-index:-2}catalog .catalog.ng-hide{opacity:0}catalog .catalog .catalog--title{display:flex;justify-content:space-between;padding:6px 12px 12px;margin:0 -12px 0;border-bottom:1px solid #f5f7fa}catalog .catalog .catalog--title .catalog--search{display:flex;flex:1;justify-content:flex-start;padding-left:40px}catalog .catalog .catalog--title .catalog--search input{width:300px}catalog .catalog .catalog--body{display:flex;position:relative}catalog .catalog .logo-betha-store{display:flex;align-items:center;font-size:18px;padding-left:4px;color:#091420}catalog .catalog .logo-betha-store .logo-betha{display:inline-block;width:102px;height:29px}catalog .catalog .logo-betha-store span.title{padding-right:10px;margin-right:8px;border-right:2px solid #091420;margin-left:4px}


catalog-list{display:flex;margin-top:12px;flex:1}catalog-list .card-fade{height:200px !important}

.consumption-totalizador-label{color:#767676;font-family:Open Sans;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0em;padding-bottom:5px;align-self:flex-start}.consumption-totalizador-valor{color:#222;font-family:Open Sans;font-size:15px;font-weight:600;line-height:16px;letter-spacing:0em}

app-project-credential-details{flex:1}app-project-credential-details .with-inline-button{display:inline-grid;grid-template-columns:min-content min-content;grid-gap:10px;align-items:center}app-project-credential-details .keys-wrapper{display:flex;flex-flow:row wrap;list-style:none;padding:0}app-project-credential-details .keys-wrapper li{flex:1;display:flex;position:relative;flex-flow:row nowrap;padding:12px;margin:0 8px 8px 0;min-width:377px;border-radius:2px;background-color:#f5f7fa;border:1px solid #f5f7fa}app-project-credential-details .keys-wrapper li .icon{display:flex;justify-content:center;align-items:center;padding-right:12px;margin-right:12px;border-right:1px solid #E1E3E6}app-project-credential-details .keys-wrapper li .icon i{font-size:40px;color:#767676}app-project-credential-details .keys-wrapper li .key{flex:1 0 auto}app-project-credential-details .keys-wrapper li .key .key-header{text-transform:uppercase}app-project-credential-details .keys-wrapper li .key .key-secret{display:flex;margin-top:6px;color:#595959;font-family:monospace;font-size:12px}app-project-credential-details .keys-wrapper li .key .key-secret a{margin-left:8px;color:#595959}app-project-credential-details .keys-wrapper li .key .key-secret input{flex:1;border:none;background:transparent;font-size:11px}app-project-credential-details .keys-wrapper li .key .key-secret input[type=password]{display:none}app-project-credential-details .keys-wrapper li .key .key-secret.password input{display:none}app-project-credential-details .keys-wrapper li .key .key-secret.password input[type=password]{display:block}

app-project-credentials-list{flex:1}app-project-credentials-list ul.app-apis-list{display:flex;flex:1;list-style:none;padding:0;margin:5px 0 5px 8px}app-project-credentials-list ul.app-apis-list li{cursor:pointer;margin-left:-8px}app-project-credentials-list ul.app-apis-list li sui-avatar div.sui-avatar{border:2px solid #fff}app-project-credentials-list ul.app-apis-list li sui-avatar.more div.sui-avatar{font-size:10px}#credentialModalForm>div>div.modal-body>div.row.bottom>div>ul>li>div{text-align:left;align-items:flex-start}#credentialModalForm>div>div.modal-body>div.row.bottom>div>ul>li>div sui-avatar{position:fixed;margin:5px 0;padding:5px 0}#credentialModalForm>div>div.modal-body>div.row.bottom>div>ul>li>div div>h4{padding-left:38px;font-size:14px;font-weight:300}#credentialModalForm>div>div.modal-body>div.row.bottom>div>ul{margin-top:10px}#credentialModalForm>div>div.modal-body>div.row.bottom>div>ul li{height:200px}#credentialModalForm>div>div.modal-body>div.row.bottom>div>ul li.active:before{content:"\f058";position:absolute;left:34px;top:6px;color:#54a668;font-family:"FontAwesome";font-size:20px;z-index:2}

.app-header-project .dropdown{height:100%}.project-select-popover{width:340px;z-index:1069}.project-select-popover.bottom{margin-top:0px}.project-select-popover .arrow{display:none}.project-select-popover .search-list{padding:0;margin:6px 0 0;margin:6px -11px 0 -11px;list-style:none;font-family:"Open Sans";font-size:13px;transition:all .15s ease-in-out;overflow-x:hidden;overflow-y:auto;max-height:250px}.project-select-popover .search-list li{display:flex;flex-flow:row wrap;align-items:center;padding:10px;cursor:pointer;outline:none;-webkit-user-select:none}.project-select-popover .search-list li .search-list--avatar{margin:0 10px}.project-select-popover .search-list li:hover{background-color:#EBEDF0}.project-select-popover .search-list li.selected{background-color:#F5F7FA}.project-select-popover .search-list li.selected:hover{background-color:#EBEDF0}.project-select-popover .search-list li span{-webkit-user-select:none}

app-api-overview{flex:1}app-api-overview .item-wrapper{display:grid;grid-template-columns:180px calc(100% - 192px);grid-gap:12px;align-items:unset;height:calc(100vh - 139px);overflow:hidden}app-api-overview table .bth-checkbox{transform:scale(1.2)}

app-project-details-overview{display:flex;flex:1 1 auto}app-project-details-overview .control-group.error .controls input.form-control,app-project-details-overview .control-group.error .controls textarea.form-control,app-project-details-overview .control-group.error .controls select.form-control{border-color:#b94a48 !important;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075) !important}app-project-details-overview .control-group.error .controls input.form-control:focus,app-project-details-overview .control-group.error .controls textarea.form-control:focus,app-project-details-overview .control-group.error .controls select.form-control:focus{border-color:#953b39 !important;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392 !important}app-project-details-overview .help-block.text-error{color:#b94a48 !important;font-size:12px;margin-top:4px;display:block}

app-project-status .app-project-status--container{display:flex;align-items:center}app-project-status .app-project-status--bubble{border-radius:50%;height:11px;width:11px;background-color:silver;margin-right:5px}app-project-status .app-project-status--bubble.published{background-color:#54a668}

/* Master Styles */
html, body {
  overflow: hidden;
}

.app-container {
  display: flex;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
}

.app-container .app-container--menu {
  display: flex;
}

.app-container--wrapper {
  display: flex;
  flex-flow: column;
  flex: 1;
}

.app-container--wrapper .app-container--content {
  padding: 0;
}

.lines-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.one-line {
  -webkit-line-clamp: 1;
}

.two-lines {
  -webkit-line-clamp: 2;
}

.three-lines {
  -webkit-line-clamp: 3;
}

.flex-fill {
  flex: 1 1 auto;
}

.bth-loader--backdrop {
  position: absolute;
}

/* MODAL DE CADASTRO DE API */
.mb-imput-card{
  margin-bottom: 0;
}

.m-nav{
  margin-top: 12px;
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .row.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
  }
}
.modal-xxxl {
  width: 1450px!important;
}

.modal-xxxxl {
  width: 1500px!important;
}


.bth-card__body {
  position: relative;
}

.bth-card--fill {
  height: calc(100vh - 148px);
}

/* ui-view.ng-enter, ui-view.ng-leave {
  position: absolute;
  left: 0;
  right: 0;
  transition: all .25s ease-in-out;
}

ui-view.ng-enter {
  opacity: 0;
}

ui-view.ng-enter-active {
  opacity: 1;
}

ui-view.ng-leave {
  opacity: 1;
}

ui-view.ng-leave-active {
  opacity: 0;
} */

.btn.btn-edit:before {
  content: "\f040";
  display: inline-block;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  font-size: 11px;
  margin-top: -3px;
  vertical-align: middle;
}

.nav-tabs.nav-stacked>li>a>i:first-child {
  margin-right: 12px;
}

.input-group-search {
  width: 100%;
}

.input-group-search>input.form-control {
  padding-left: 32px;
}

.input-group-search:before {
  color: #e1e3e6;
  content: 'search';
  font-family: Material Icons;
  font-size: 22px;
  left: 8px;
  position: absolute;
  text-rendering: auto;
  top: 2px;
  z-index: 10;
}

.fa {
  font: normal normal normal 14px/1 FontAwesome;
}

.margin-auto {
  margin: auto;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

/* FILTRAR POR > Lista
////////////////////////////////////// */
.dropdown-menu {
  padding: 0;
}

.text-right {
  text-align: right;
}

.px-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pb-3 {
  padding-bottom: 12px;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.cursor-pointer {
  cursor: pointer;
}

.custom-dropdown-btn {
  background: none;
  border: none;
  color: #666; /* Ou qualquer cor de sua escolha */
  cursor: pointer;
}

.custom-dropdown-btn:focus {
  outline: none;
  box-shadow: none;
}

.filtrar-por-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px;
}

.filtrar-por-header {
  padding-top: 5px;
  padding-bottom: 12px;
}

.filtrar-por-date-label {
  color: #595959;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}

.filtrar-por-date-btn-clear {
  margin-top: 11px;
}

.filtrar-por-divisoria {
  margin-top: 11px;
}

.filtrar-por.dropdown-menu a {
  margin: 0px;
  padding: 3px 20px;
  font-size: 14px;
  display: block;
}

.input-search-icon-right {
  position: absolute;
  z-index: 4;
  right: 8px;
  top: 8px;
}

.ui-list-checkbox-container {
  padding: 3px 5px;
}

.ui-list-grid-before-table > .filtrar-por {
  margin-bottom: 20px;
}

.a-link {
  color: #3475c1!important;
}

.info-wrapper{display:flex;flex-flow:column;align-items:center;text-align:center;padding:0;border-right:1px solid #f5f7fa}.info-wrapper .info{font-size:12px;color:#767676}.info-wrapper .info-wrapper--avatar{display:block;margin:0 auto 12px}.info-wrapper img{width:80px;height:80px}