/* CORES DO PROJETO */
/**
    gradientes
*/
/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 767px) {
  .menu-mobile {
    display: flex; }
  .modal-lg {
    width: 95%; } }

@media (max-width: 991px) {
  .sidebar {
    padding: 12px !important;
    position: relative; }
    .sidebar .menu-items {
      display: none; }
    .sidebar .logo-container {
      padding: 0; }
      .sidebar .logo-container .logo-text {
        display: none; }
    .sidebar .menu-mobile-open {
      display: block; }
  .modal-lg {
    max-width: 95%; } }

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
  .modal-lg {
    max-width: 95%; } }

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1919px) {
  .menu-mobile {
    display: none; }
  .mg-principal {
    overflow-x: hidden;
    overflow-y: auto; }
  html, body {
    height: 100%;
    width: 100%;
    padding-bottom: 20px; }
  body {
    flex-direction: row;
    display: flex; }
  .mg-principal {
    overflow-x: hidden;
    overflow-y: auto; }
  .sidebar {
    flex: 92px 0 0; }
    .sidebar .logo-container {
      padding: 18px 23px; }
    .sidebar .logo {
      margin-bottom: 26px; }
    .sidebar .logo-text {
      display: none; }
    .sidebar .menu-title {
      display: none; }
    .sidebar .menu-label {
      display: none; }
    .sidebar li.nav-item {
      padding-top: 0;
      padding-bottom: 18px; }
      .sidebar li.nav-item img {
        height: 26px;
        width: 26px; }
      .sidebar li.nav-item .link-sodre {
        padding-left: 30px; }
      .sidebar li.nav-item .link-sodre.active {
        padding-left: 25px; }
  .menuOpen .submenu {
    left: 72px;
    max-width: 1000px; }
  .modal-lg {
    max-width: 80%; } }

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) {
  html, body {
    height: 100%;
    width: 100%;
    padding-bottom: 20px; }
  body {
    flex-direction: row;
    display: flex; }
  .mg-principal {
    overflow-x: hidden;
    overflow-y: auto; }
  .sidebar {
    flex: 280px 0 0; }
  .alert-dark {
    font-size: .8em; }
  .col-xl-1 {
    flex: 0 0 16.666667% !important;
    max-width: 16.666667% !important; }
  .col-xl-11 {
    flex: 0 0 83.333333% !important;
    max-width: 83.333333% !important; }
  .borda-icone {
    width: 30%;
    margin-left: 35%; }
  .sidebar .nav {
    font-size: .8em; }
  .menuOpen .submenu {
    left: 248px;
    max-width: 1000px; }
  .nav-tabs .nav-link {
    font-size: .8em; }
  .modal-lg {
    max-width: 70%; } }