abbr,address,article,aside,audio,b,blockquote,body,button,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}html{height:100%;width:100%;max-width:100%;overflow-x:hidden}a{color:inherit;text-decoration:inherit}body{height:100%;width:100%;max-width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#F6F6F6}*{box-sizing:border-box;font-family:Roboto,sans-serif}.correcao{clear:both}

:root{--mdc-theme-primary: #333;--mdc-theme-secondary: #E3000F}

.mdc-drawer .mdc-list-item--activated {

    color: rgba(227,0,15,.87);

}



html, body {

    overflow-x: hidden;

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: 0 0;

    width: 100%;

    max-width: 100%;

    height: 100%;

}

body{

  opacity: 0;

  transition: opacity .4s ease-out;

    -webkit-transition: opacity .4s;

    background: #FAFAFA;

}

.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {

    color:  rgba(227,0,15,1);

}

.mdc-data-table__header-cell--checkbox {
  width: 0px;
}

.linear-radio {
   margin-right: 0px;
}

.label-linear-radio {
  margin-right: 32px;
}

.container-login {

    padding: 24px;

    position: relative;

    width: 100%;

    max-width: 500px;

    margin: 0 auto;

}

.mdc-linear-progress{

  top:0;position: absolute;z-index: 2222222;

  opacity: 0;

}

.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after,

.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {

    color: rgba(51, 51, 51, 0.87);

}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {

    color: rgba(51, 51, 51, 0.87);

}

#bgl{

  width: 100%;

    height: 100%;

    position: absolute;

    background-image: url(./../img/5fa9f3aed7f7b.jpg);

    background-size: cover;

    background-position: center center;

}

.logomn {

    width: 75%;

    display: block;

    margin: 0 auto;

    padding: 0;

    margin-top: 30px;

    position: relative;

    margin-bottom: 20px;

}

.cnt-empresas,.cnt-produtos,.cnt-secoes,.cnt-contagens,.cnt-divergencias,.cnt-usuarios,.cnt-aluguel,.cnt-departamentos, .cnt-embalagens{

    margin-left: 100px;

    margin-right: 100px;

    margin-bottom: 25px;

    position: relative;

    transition: all .25s ease-out;

    -webkit-transition: all .25s ease-out;

    border-radius: 4px;

}
.cnt-dashboard{

    max-width: 90%;

    left: 50%;

    margin-top: 25px;

    margin-bottom: 25px;

    position: relative;

    width: 980px;

    transition: all .25s ease-out;

    -webkit-transition: all .25s ease-out;

    border-radius: 4px;

    transform: translateX(-50%);

}

.mdc-drawer__content .mdc-list-item__ripple{opacity: .3;}

.cnt-produtos-btns,.cnt-secoes-btns,.cnt-empresas-btns,.cnt-contagens-btns,.cnt-usuarios-btns,.cnt-aluguel-btns, .cnt-departamentos-btns, .cnt-embalagens-btns{

      max-width: 90%;

    left: 50%;

    margin-top: 25px;

    margin-bottom: 25px;

    position: relative;

    width: 1100px;

    transform: translateX(-50%);
    z-index: 5;

}



.mdc-data-table__header-cell{

  padding-top: 16px;

}

.mdc-data-table__cell{

  padding-top: 6px;

}

.table-cell-max{
  max-width: 10px;  
  overflow:hidden;
}

.mdc-data-table{

  width: 100%;

}

.table{
  table-layout:fixed;
}
.circle-loader {

    margin-left: 48%;  

  fill: transparent;

  stroke: #333;

  stroke-width: 5;

  animation: dash 2s ease infinite,rotate 2s linear infinite;

  margin-top: 75px;

}

.mdc-button::before, .mdc-button::after {

    background-color: #333;

}

.table-page-change {

    position: relative;

    width: 100%;

    height: 56px;

    background: #fff;

    padding: 8px;

    box-sizing: border-box;

    color: rgba(0,0,0,.7);

}

.table-pages-inner {

    position: relative;

    float: right;

}

.table-inner-pages-n {

    position: relative;

    float: left;

    line-height: 38px;

    margin-right: 20px;

    font-size: 13px;

    color: rgba(0,0,0,.7);

}

.table-inner-btns {

    position: relative;

    float: left;

    top: -4px;

}

.correcao {

    clear: both;

}

.cnt-produtos .mdc-data-table__row .mdc-data-table__cell:nth-child(1){

  width: 50%;

}

.cnt-produtos .mdc-data-table__row .mdc-data-table__cell:nth-child(2){

  width: 30%;

}

.cnt-produtos .mdc-data-table__row .mdc-data-table__cell:nth-child(3){

  /* width: 20%; */

}

.cnt-sel-per-page {

    float: left;

    width: 70px;

    margin-right: 25px;

    height: 39px!important;

}

.txt-per-page {

    float: left;

    font-size: 13px;

    line-height: 39px;

    margin-right: 15px;

}

.perpage-sel .mdc-select__dropdown-icon {

    top: 8px;

}

.perpage-sel {

    width: 70px;

    height: 39px!important;

    min-width: auto;

}

.export-ask-sec .mdc-dialog__container{

    max-width: 90%;
    width: 400px;
}
.export-ask-sec .mdc-dialog__surface{

    width: 100%;
    max-width: 100%;
        overflow: inherit;
}

.export-ask-sec .mdc-dialog__content{
    overflow: initial;
    width: 100%;
    max-width: 100%;
}

.importar-produto .mdc-dialog__surface{


    width: 95%;
    max-width: 95%;


}

.importar-produto .mdc-dialog__content{
    overflow: initial;
    width: 100%;
    max-width: 100%;
}

.mdc-select__selected-text {

    padding-left: 16px;

    padding-right: 52px;

    font-family: Roboto, sans-serif;

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    font-size: 1rem;

    line-height: 1.75rem;

    font-weight: 400;

    letter-spacing: .009375em;

    text-decoration: inherit;

    text-transform: inherit;

    box-sizing: border-box;

    width: 100%;

    min-width: 200px;

    height: 56px;

    padding-top: 20px;

    padding-bottom: 4px;

    border: none;

    border-bottom: 1px solid;

    outline: none;

    background-color: transparent;

    color: inherit;

    white-space: nowrap;

    cursor: pointer;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

.perpage-sel .mdc-select__selected-text {

    padding: 7px;

    font-size: 13px;

    padding-left: 19px;

    position: absolute;left: 5px;top:0;

}

.mdc-list-item:hover{

  background: rgba(0,0,0,.04);

  transition: all .1s ease-out;

}

#results_import{

  padding-top: 15px;

}

.importprogress{

    margin-top: 10px;

    position: relative;

    width: 100%;

    height: 5px;

    border-radius: 2px;

    overflow: hidden;

    background: #d1d1d1;

}

.filter-secao-sel{
      top: -46px;
    margin-left: 20px;
}

.importstate{

    width: 0px;

    height: 5px;

    background: #222;

    position: relative;

    transition: all .2s ease-in-out;

}

.cnt-dashboard .mdc-card{

  width: 300px;margin:8.8px;

  display: inline-block;

  padding: 12px;

  height: 75px;

  color: #333;

}

.cnt-dashboard .card-title{
  font-size: 12px;
  color: rgba(0,0,0,.6);
  font-style: i
}

.card-totals{

    position: absolute;

    bottom: 12px;

    right: 12px;

    font-size: 20px;

}

.mdc-top-app-bar{
  z-index: 6;
}
.mdc-drawer{
  z-index: 7;
}

.top-app-search {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 22;
    background: #fff;
    display: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
}

.select-campo1,.select-campo2,.select-campo3,.select-campo4,.select-campo5,.select-campo6,.select-campo7{
  width: 200px;
  margin: 10px;
  display: none;
}
.modal-export .mdc-dialog__container{

    max-width: 95%;
    width: 950px;
}
.modal-export .mdc-dialog__surface{

    max-width: 100%;
    width: 100%;
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{
  color: #333;
}

@keyframes dash {

  0% {

    stroke-dasharray: 1,95;

    stroke-dashoffset: 0;

  }

  50% {

    stroke-dasharray: 85,95;

    stroke-dashoffset: -25;

  }

  100% {

    stroke-dasharray: 85,95;

    stroke-dashoffset: -93;

  }

}



@keyframes rotate {

  0% {transform: rotate(0deg); }

  100% {transform: rotate(360deg); }

}


.titulo {
  width: 35%;
}

.barcode {
  width: 20%;
}

.select2-selection__rendered {
  line-height: 50px !important;
}

.select2-container .select2-selection--single {
  height: 50px !important;
}

.select2-selection__arrow {
  height: 50px !important;
}