.navigation > li > a i {
  margin-right: 9px !important;
  font-size: 24px !important;
}

.main-menu ul {
  list-style: none;
  margin: 0;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.has-sub{
  
}

.ml-menu{
  padding-left: 15px !important;
}
.folder-menu  i{
  font-size: 24px !important;
  margin-right: 18px !important;
}



.folder-menu{
  display: flex !important;
  align-items: start !important;
}

body{
  background: #f0f2f5 !important;
  overflow-x: hidden !important;
}
.header-navbar.floating-nav{
  padding: 0px !important;
  margin: 0px !important;
  border-radius: 0px !important;
  box-shadow: 0 2px 6px rgba(47, 43, 61, 0.14), 0 0 transparent, 0 0 transparent;
  width: calc(100% - 260px) !important;
}

.menu-collapsed .header-navbar.floating-nav{
  width: calc(100% - 79px) !important;
}



.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
  box-shadow: 0 2px 6px rgba(47, 43, 61, 0.14), 0 0 transparent, 0 0 transparent;
}

.icone-left{
  display: none;
  max-width: 178px;
  width: 42px;
  margin-top: 8px;
}

.menu-collapsed .icone-left{
  display: block;
}

.menu-collapsed .logomarca-left{
  display: none;
}

.menu-collapsed  .alterar-aceso-left{
  display: none;
}


.menu-collapsed .expanded  .icone-left{
 
  display: none;
}

.menu-collapsed .expanded  .logomarca-left{
  display: block;
}



.menu-collapsed .expanded  .alterar-aceso-left{
  display: inline;
}


.esqueleto {
  background-color: #e2e5e7;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  -webkit-animation: shine 1s ease infinite;
          animation: shine 1s ease infinite;
}

@-webkit-keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}

@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}


.pulse-animate {
 
  animation: pulse-blue 2s infinite;
}

@keyframes pulse-black {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {.scrol-min ::-webkit-scrollbar
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.blob.white {
  background: white;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
  animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.blob.red {
  background: rgba(255, 82, 82, 1);
  box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
  animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}

.blob.orange {
  background: rgba(255, 121, 63, 1);
  box-shadow: 0 0 0 0 rgba(255, 121, 63, 1);
  animation: pulse-orange 2s infinite;
}

@keyframes pulse-orange {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
  }
}

.blob.yellow {
  background: rgba(255, 177, 66, 1);
  box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
  animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
  }
}

.blob.blue {
  background: rgba(52, 172, 224, 1);
  box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
  animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
  0% {
    transform: scale(1.05);
    box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
  }
}

.blob.green {
  background: rgba(51, 217, 178, 1);
  box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
  animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
  }
}

.blob.purple {
  background: rgba(142, 68, 173, 1);
  box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
  animation: pulse-purple 2s infinite;
}

@keyframes pulse-purple {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
  }
}


.widget-header-home-edit-btn{
  opacity: 0;
}
.widget-header-home:hover .widget-header-home-edit-btn{
 opacity: 1;
}

.scroller {
  scrollbar-color: #7f7f7f white; /* thumb and track color */
  scrollbar-width: thin;
  border-radius: 10px;
}


.scrol-min ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  border-radius: 10px;

}



/* Track */
.scrol-min ::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 10px;
    display: none;
}

.scrol-min:hover ::-webkit-scrollbar-track{
  display: block;
}

/* Handle */
.scrol-min ::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 10px;
    display: none;
}

.scrol-min:hover ::-webkit-scrollbar-thumb{
  display: block;
}

/* Handle on hover */
.scrol-min ::-webkit-scrollbar-thumb:hover {
  background: #555; 
  border-radius: 10px;
}
 
.editFavoritoHome{
  display: none;
  align-items: center;
}
.listFavHome:hover .editFavoritoHome{
  display: flex;
}
.editFavoritoHome .mover{
  font-size: 18px;
  cursor: move;
   margin-left: 4px !important;
   cursor: move;
}

.text_sync_dw{
      margin-bottom: 1px;
    margin-bottom: 1px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 99%;

}
.main-menu.menu-light .navigation > li ul li ul a {
  padding: 10px 8px 10px 13px;
}
.main-menu.menu-light .navigation > li > ul li.has-sub > ul > li {
  margin: 0 10px;
}
/* GRID DA DASHBOARD /*/
.row_dasboard{
  display: block;
}

.img-icon-menu{
  margin-right: 10px;
      border-radius: 50%;
          width: 20px;
    height: 20px;
}
.row_dasboard .col-md-2{
  float: left;
}
.row_dasboard .col-md-3{
  float: left;
}
.row_dasboard .col-md-4{
  float: left;
}
.row_dasboard .col-md-5{
  float: left;
}
.row_dasboard .col-md-6{
  float: left;
}
.row_dasboard .col-md-7{
  float: left;
}
.row_dasboard .col-md-8{
  float: left;
}
.row_dasboard .col-md-9{
  float: left;
}
.row_dasboard .col-md-10{
  float: left;
}
.row_dasboard .col-md-11{
  float: left;
}
.row_dasboard .col-md-12{
  float: left;
}

.vs__dropdown-toggle {
  padding: 5px !important;
}
.vs__actions {
  padding: 0px 6px 0 3px !important;
}
.vs__selected{
  max-width: 80% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.vs--multiple .vs__selected{
   padding-right: 12px !important;
}
.vs--multiple .justify-content-left{
  padding-right: 11px;
}

.vs__dropdown-option--selected{
  background: #00cfe824;
}


.tableFixHead { overflow: auto; height: 100px; }
.tableFixHead thead th {     z-index: 999; position: sticky; top: -2px; z-index: 2; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px !important;   font-size: 12px; }
th     { background:#eee; }
.text_descricao{
  text-align:initial;
  padding: 0px !important;
}

.subIcon_notificacao{
    position: absolute;
    z-index: 99;
    width: 29px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -8px;
    margin-left: -12px;
    
    padding: 12px;
}

.notificacao_bar_new{
  background: #f3f2f7 !important;
}

.subIcon_notificacao i{
  font-size: 20px !important;

  width: 22px;
    height: 22px;
    background: rgb(64 171 166);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 14px;
    background: linear-gradient(90deg, rgb(29 78 253) 28%, rgb(70 195 255) 100%);

}

.title_box_widgetSelect{
      font-size: 14px !important;
    font-weight: bold !important;
    color: #646464 !important;
    margin-bottom: 6px !important;
}
.tabListSelectWidget{
  margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: auto;
}
.tabListSelectWidget li{
    width: auto !important;
    white-space: nowrap;
}
.icon_notificao_Tarefas_pendentes{
background: rgb(253,29,29) !important;
background: linear-gradient(90deg, rgba(253,29,29,1) 28%, rgba(255,213,155,1) 100%) !important;
}

.icon_notificao_Tarefas_atrasadas{
    background: rgb(126,129,0) !IMPORTANT;
background: linear-gradient(90deg, rgba(253,29,29,1) 28%, rgb(255 227 70) 100%) !important;
}

.icon_notificao_Tarefas_nova{
  width: 22px;
    height: 22px;
    background: rgb(64 171 166);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 14px;
background: linear-gradient(90deg, rgb(63 217 106) 28%, rgb(70 133 255) 100%) !important;
}

.text_dt_notify{
      margin: 0px;
    font-size: 12px;
    text-align: right;
    color: #b5b5b5;
}

.col-panel-nf{
  border-bottom: solid 1px #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 11px;
}

.col-panel-nf .text-empresa{
      white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.font-size_widget_notas{
  font-size: 1vw !important;
      overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.main-menu.menu-light .navigation > li > ul li.has-sub > a {
  margin: 0 13px !important;
}
.main-menu.menu-light .navigation > li ul {
    margin-left: 3px !important;
}

.modal .modal-header .close {
    padding: 2px 8px;
    box-shadow: none;
    margin-right: -15px;
    border-radius: 0.357rem;
    background: transparent;
    opacity: 1;
    transition: all 0.23s ease 0.1s;
    position: relative;
    transform: translate(0px, 0px);
}
.modal-header {
    align-items: stretch;
}
.modal .modal-header {
    background-color: #ffffff;
    border-bottom: solid 1px #eee !important;
}
.modal .modal-header .close:hover, .modal .modal-header .close:focus, .modal .modal-header .close:active {
    opacity: 1;
    outline: none;
    transform: translate(0px, 0px);
    box-shadow: none;
}

.nome_empersa_topo{
  white-space: nowrap;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 44vw;
}

@media only screen and (max-width: 1200px) {
  .header-navbar.floating-nav{
    width: calc(100% - 0px) !important;
  }
}

@media only screen and (max-width: 755px) {
  .list-md-actions{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 0px;
  }
  .list-md-pag{
    padding: 0px;
  }
}


.card-bordered .card-header{
  border-bottom: solid 1px #e3e4e5;
}

.nav-hover{
  width: 100%;
  border-bottom: solid 1px #ccc;
    border-radius: 0px;
}
.nav-hover .nav-item a{
  border-bottom: solid 1px #e3e4e5;
    border-radius: 0px;
  margin-left: 5px;
  border-bottom: 0px;
    margin-top: 10px;
    border-top-left-radius: 9px !important;
    border-top-right-radius: 9px !important;
}
.nav-hover .nav-item a.active{
      background: #ebebeb;
} 

.tabs_exatta{
  padding-left: 14px;
}
.tabs_exatta ul{
  margin-bottom: 0px !important;
}

.tabs_exatta ul a{
    font-size: 18px;
    border-top-right-radius: 9px !important;
    border-top-left-radius: 9px !important;
}
.tabs_exatta ul a.active{
    background: #7367f0 !important;
    color: #fff !important;
}
@media only screen and (max-width: 400px) {


.vue-grid-item{
  top: 0px !important;
  margin-bottom: 20px;
  position: relative !important;
      left: 25px !important;
    width: 89% !important;
}

.notas_fiscais_col2{
  padding: 0px !important;
  margin-top: 14px !important;
}
.resumo_pa_nf_daw{
      margin-top: 23px;
    padding: 0px;
}
.font-size_widget_notas{
  font-size: 3vw !important;
}
.title_pa_resumo_nf{
      font-size: 3vw;
}
}



.navegation li{
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}