body{
    color: #333;
    margin: 0;
    background-color: #ecf0f5;
}
:root{
--input-border-color: #a6a6a6;
--input-hover-border-color: #212121;
--input-focus-border-color: #007ad9;
}
a {
    text-decoration: none;
}
/* {
    font-size: 14px;
    line-height: 1.42857143;
    text-shadow: initial;
}
label {
    font-weight: initial;
}

*/
#ajax-ico > i {
    color: #3c8dbc;
    font-size: 50px;
    overflow-y: hidden;
    overflow-x: hidden;
}
#desenvolvimento-tag{
    background: linear-gradient(to bottom, red 0%, transparent 100%);
    text-align: center;
    --darkreader-inline-bgcolor: #cc0000;
    position: fixed;
    width: 100%;
    height: 30px;
    z-index: 999999;
    pointer-events: none;
}
#interno-main-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
}
#content {
    min-height: 100vh; /* ocupa tela inteira */
    -webkit-box-flex: 1;
    -ms-flex: 1;
/*    flex: 1;*/
    display: flex;
}

#ajax-ico {
    margin-top: 30px;
}

.inativo{
 background-color: #6c757d;
}
body .default-toolbar {
  background: transparent;
}

.sidebar {
    background-color: white;
    padding: 10px;
    flex-shrink: 0; /* impede encolher */
    border-right: 1px solid #ddd;
    transition: transform 0.3s ease-in-out;
    width: 15.625rem;
}
.sidebar.hidden {
    transform: translateX(-100%);
}
.main-content {
    flex: 1; /* ocupa o espaço restante */
    padding: 1.25rem;# <!-- TODO corrigir isso-->
    overflow-y: auto;
    transition: margin-left 0.3s ease-in-out;
}
 .main-content.expanded {
    margin-left: -15.625rem;
}