html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
}

@-ms-viewport {
  width: device-width;
  zoom: 1;
}

@viewport {
  zoom: 1;
  width: device-width;
}

.collection .collection-item {
  line-height: 1.5rem;
  padding: 5px 20px;
}

.input-field label {
  width: 100% !important;
}

/*.input-field label:after {
    margin-top: 10px !important;

}*/

.input-field {
  display: flex;
  align-items: center !important;
  padding: 2px;
}

/*ngListSelectDirective
  -- Style for Input field of content  searchngListSelectDirective  - Style for Input field of content  search;
  -- The values are an copy from css class 'input-field' original  style;
*/
.ng-list-select__search-input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 15px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all 0.3s;
}

.error:after {
  content: attr(data-error);
  color: #f44336;
  opacity: 1;
  display: block;
  position: absolute;
  top: 58px;
  margin-top: 6px !important;
  transition: 0.2s opacity ease-out, 0.2s color ease-out;
}

.error.top100:after {
  top: 100px;
}

.error.top355:after {
  top: 355px;
}

.error.top255:after {
  top: 255px;
}

.wf-top20-px {
  top: 20px !important;
}

md-input-container > input.invalid {
  margin-bottom: 0px !important;
}

.wf-input-margin-bottom-0 {
  margin-bottom: 0px !important;
}

md-select.invalid,
textarea.invalid {
  border-bottom: 1px solid #f44336;
  box-shadow: 0 1px 0 0 #f44336;
}

/*input:not([type]).invalid, input:not([type]):focus.invalid,
  input[type=text].invalid,
  input[type=text]:focus.invalid,
  input[type=password].invalid,
  input[type=password]:focus.invalid,
  input[type=email].invalid,
  input[type=email]:focus.invalid,
  input[type=url].invalid,
  input[type=url]:focus.invalid,
  input[type=time].invalid,
  input[type=time]:focus.invalid,
  input[type=date].invalid,
  input[type=date]:focus.invalid,
  input[type=datetime-local].invalid,
  input[type=datetime-local]:focus.invalid,
  input[type=tel].invalid,
  input[type=tel]:focus.invalid,
  input[type=number].invalid,
  input[type=number]:focus.invalid,
  input[type=search].invalid,
  input[type=search]:focus.invalid,
  textarea.materialize-textarea.invalid,
  textarea.materialize-textarea:focus.invalid {
    border-bottom: 1px solid #F44336;
    box-shadow: 0 1px 0 0 #F44336; }*/

.angular-google-map-container {
  height: 400px;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.transformable {
  -webkit-transition: height 200ms linear;
  -moz-transition: height 200ms linear;
  -o-transition: height 200ms linear;
  -ms-transition: height 200ms linear;
  transition: height 200ms linear;
}

.small {
  height: 77px;
}

.big {
  height: 152px;
}

/*.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}*/

.box {
  display: block;
  align-items: center;
  position: relative;
  text-align: center;
  margin: 2px;
}

/*.card-title .material-icons {
    margin-left: 5px;
}*/

table.compressed tbody {
  font-size: 14px;
  line-height: 14px;
}

/*table.compressed tbody tr td{
  padding:5px 5px;
}*/

table.compressed tbody .material-icons {
  font-size: 21px;
  line-height: 30px;
  margin: -20px 0px;
}

.legend {
  display: inline;
  font-weight: normal;
  line-height: 1.5em;
}

.legend li {
  display: table;
}

.legend li i {
  display: table;
  width: auto;
  line-height: 1em;
  text-align: left;
  margin-right: 0px;
}

.legend div {
  float: left;
}

.legend .box {
  border: 1px solid #ccc;
  width: 12px;
  height: 12px;
  display: block;
  margin: 6px 5px 0px 5px;
}

.drop-box {
  background: #f8f8f8;
  border: 5px dashed #ddd;
  text-align: center;
  padding: 10px;
}

.cursor-pointer {
  cursor: pointer;
}

.side-nav .dropdown-content li > a {
  height: 50px;
  padding: 14px 0px;
}

.light-grey {
  background-color: #f2f2f2 !important;
}

.interval {
  border: solid 0.5px;
  text-align: center;
  font-weight: bold;
  padding: 0 3px 0 2px !important;
  /*min-width: 53px;*/
  border-color: #dcdcdc;
}

.greenVehicle {
  background-color: #66ef66;
}

.redVehicle {
  background-color: rgba(248, 16, 16, 0.7);
}

.topFile {
  margin-top: -309px;
}

.customTable td {
  padding: 8px 5px !important;
}

.slider-custom {
  width: 200px;
}

.animate-show,
.animate-hide {
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}

.animate-show {
  opacity: 0;
}

.animate-show.animate-show-active {
  opacity: 1;
}

.animate-hide {
  opacity: 1;
}

.animate-hide.animate-hide-active {
  opacity: 0;
}

.sliderImg {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -webkit-transition: opacity 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out;
  -ms-transition: opacity 0.8s ease-in-out;
  -o-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out;
  margin-bottom: 5px;
}

.sliderImg:hover {
  opacity: 1;
  -webkit-transition: opacity 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out;
  -ms-transition: opacity 0.8s ease-in-out;
  -o-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out;
}

.button-play {
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
  background: transparent url("../image/buttons.png") no-repeat 0 0;
}

.button-pause {
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
  background: transparent url("../image/buttons.png") -19px 0;
}

video {
  width: 100%;
  min-height: 287.91px;
  background-color: black;
}

.summary-view > .ms-card-h {
  max-height: 440px;
}

.summary-view > .ms-timeline-h {
  max-height: 440px;
}

*::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}

*::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
}

/*.app-wrapper-main::-webkit-scrollbar-track {
    background-color: #dfdfdf;
}*/

.select-wrapper {
  width: 100%;
}

/*.input-field {
    margin-left: 8px;
    margin-right: 8px;
}*/

.no-margin-y {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.no-margin-x {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.layout-margin-y {
  margin-top: 8px;
  margin-bottom: 8px;
}

.layout-margin-x {
  margin-left: 8px;
  margin-right: 8px;
}

.ms-default {
  background-color: #ffffff;
}

no-padding-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.no-padding-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.tabs {
  max-width: 100%;
  overflow: hidden;
}

.limit-select > .select-dropdown {
  border: none !important;
}

.pagination li.active {
  background-color: #eaeaea;
}

.pagination li > a,
.pagination li.active > a {
  color: rgba(0, 0, 0, 0.541176);
  font-size: 13px;
}

.pagination li:first-child > a,
.pagination li:last-child > a {
  /*font-size: 1.5em !important;*/
  /*font-weight: bold;*/
  vertical-align: middle;
}

.table-pagination > .select-wrapper input.select-dropdown {
  border-bottom: none;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.541176);
  width: 60px;
  margin: 0;
  height: auto;
  display: initial;
  line-height: inherit;
}

.table-pagination > .select-wrapper span.caret {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.541176);
  top: 10%;
}

dir-pagination-controls > .pagination {
  margin: 0;
  display: inline-flex;
}

dir-pagination-controls > .pagination > li {
  line-height: initial;
}

.wf_pagination {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  padding: 24px 0px;
  font-size: 0.8rem;
  align-items: baseline;
  color: rgba(0, 0, 0, 0.541176);
}

.wf_pagination > .total_rows,
.wf_pagination > .items_per_page,
.wf_pagination > .pages_select {
  margin: 0 8px;
  display: inline-flex;
  align-items: baseline;
}

@media screen and (max-width: 964px) {
  .wf_pagination {
    flex-direction: column;
  }
}

.ng-animate__fade.ng-hide {
  opacity: 0;
}

.ng-animate__fade.ng-hide-remove,
.ng-animate__fade.ng-hide-add {
  display: block !important;
}

.ng-animate__fade.ng-hide-remove {
  transition: all linear 1000ms;
}

.ng-animate__fade.ng-hide-add {
  transition: all linear 500ms;
}

.wf-form-inline .input-field {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.md-content-light {
  background-color: #fff;
}

.md-form-content {
  background: #fff;
  /*border: 1px dotted grey;*/
}

.md-aligh--center {
  margin: auto;
}

.btn + .btn {
  margin-left: 8px;
}

/*.wf-caption--primary {
    color: grey;
    border-left-style: outset;
    border-left-color: #26a69a;
}*/

.wf-caption--warn {
  display: inline-block;
  color: grey;
  border-left-style: outset;
  border-left-color: #ffc107;
}

*[ng-click],
[ui-sref],
a,
button {
  cursor: pointer;
}

.wf-datetimepicker-filter > .datetimepicker {
  font-size: 0.8em;
  width: 99%;
}

#toast-container {
  max-width: 99% !important;
  right: 2% !important;
}

.margin-acerto-img-camera {
  margin-left: 44px !important;
  margin-right: 0px !important;
}

.list-sel-xs > option {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 1.3em;
}

/*.md-sidenav-backdrop {
    background: transparent !important;
}*/

.icon-title-wifi {
  top: -4px !important;
  font-size: 25px;
  margin-right: 5px;
}

.icon-title-wifi,
.title-principal-wifi {
  color: #c3c3c3;
}

/*md-backdrop, .md-dialog-container {
    z-index: 9999 !important;
}*/

/*md-dialog {
    z-index: 99991 !important;
}*/

/*.flex-5,
.flex-gt-xs-5,
.flex-xs-5,
.flex-sm-5 {
	-webkit-flex-basis: 5%!important;
    -ms-flex-preferred-size: 5%!important;
    flex-basis: 5%!important;
}
.flex-10,
.flex-gt-xs-10,
.flex-xs-10,
.flex-sm-10 {
	-webkit-flex-basis: 10%!important;
    -ms-flex-preferred-size: 10%!important;
    flex-basis: 10%!important;
}
.flex-15,
.flex-gt-xs-15,
.flex-xs-15,
.flex-sm-15 {
	-webkit-flex-basis: 15%!important;
    -ms-flex-preferred-size: 15%!important;
    flex-basis: 15%!important;
}
.flex-20,
.flex-gt-xs-20,
.flex-xs-20,
.flex-sm-20 {
	-webkit-flex-basis: 20%!important;
    -ms-flex-preferred-size: 20%!important;
    flex-basis: 20%!important;
}
.flex-25,
.flex-gt-xs-25,
.flex-xs-25,
.flex-sm-25 {
	-webkit-flex-basis: 25%!important;
    -ms-flex-preferred-size: 25%!important;
    flex-basis: 25%!important;
}
.flex-30,
.flex-gt-xs-30,
.flex-xs-30,
.flex-sm-30 {
	-webkit-flex-basis: 30%!important;
    -ms-flex-preferred-size: 30%!important;
    flex-basis: 30%!important;
}
.flex-35,
.flex-gt-xs-35,
.flex-xs-35,
.flex-sm-35 {
	-webkit-flex-basis: 35%!important;
    -ms-flex-preferred-size: 35%!important;
    flex-basis: 35%!important;
}
.flex-40,
.flex-gt-xs-40,
.flex-xs-40,
.flex-sm-40 {
	-webkit-flex-basis: 40%!important;
    -ms-flex-preferred-size: 40%!important;
    flex-basis: 40%!important;
}
.flex-45,
.flex-gt-xs-45,
.flex-xs-45,
.flex-sm-45 {
	-webkit-flex-basis: 45%!important;
    -ms-flex-preferred-size: 45%!important;
    flex-basis: 45%!important;
}
.flex-50,
.flex-gt-xs-50,
.flex-xs-50,
.flex-sm-50 {
	-webkit-flex-basis: 50%!important;
    -ms-flex-preferred-size: 50%!important;
    flex-basis: 50%!important;
}
.flex-55,
.flex-gt-xs-55,
.flex-xs-55,
.flex-sm-55 {
	-webkit-flex-basis: 55%!important;
    -ms-flex-preferred-size: 55%!important;
    flex-basis: 55%!important;
}
.flex-60,
.flex-gt-xs-60,
.flex-xs-60,
.flex-sm-60 {
	-webkit-flex-basis: 60%!important;
    -ms-flex-preferred-size: 60%!important;
    flex-basis: 60%!important;
}
.flex-65,
.flex-gt-xs-65,
.flex-xs-65,
.flex-sm-65 {
	-webkit-flex-basis: 65%!important;
    -ms-flex-preferred-size: 65%!important;
    flex-basis: 65%!important;
}
.flex-70,
.flex-gt-xs-70,
.flex-xs-70,
.flex-sm-70 {
	-webkit-flex-basis: 70%!important;
    -ms-flex-preferred-size: 70%!important;
    flex-basis: 70%!important;
}
.flex-75,
.flex-gt-xs-75,
.flex-xs-75,
.flex-sm-75 {
	-webkit-flex-basis: 75%!important;
    -ms-flex-preferred-size: 75%!important;
    flex-basis: 75%!important;
}
.flex-80,
.flex-gt-xs-80,
.flex-xs-80,
.flex-sm-80 {
	-webkit-flex-basis: 80%!important;
    -ms-flex-preferred-size: 80%!important;
    flex-basis: 80%!important;
}
.flex-85,
.flex-gt-xs-85,
.flex-xs-85,
.flex-sm-85 {
	-webkit-flex-basis: 85%!important;
    -ms-flex-preferred-size: 85%!important;
    flex-basis: 85%!important;
}
.flex-90,
.flex-gt-xs-90,
.flex-xs-90,
.flex-sm-90 {
	-webkit-flex-basis: 90%!important;
    -ms-flex-preferred-size: 90%!important;
    flex-basis: 90%!important;
}
.flex-95,
.flex-gt-xs-95,
.flex-xs-95,
.flex-sm-95 {
	-webkit-flex-basis: 95%!important;
    -ms-flex-preferred-size: 95%!important;
    flex-basis: 95%!important;
}
.flex-100,
.flex-gt-xs-100,
.flex-xs-100,
.flex-sm-100 {
	-webkit-flex-basis: 100%!important;
    -ms-flex-preferred-size: 100%!important;
    flex-basis: 100%!important;
}
.flex,
.flex-gt-xs,
.flex-xs,
.flex-sm,
.flex-noshrink {
	-webkit-flex-basis: auto!important;
    -ms-flex-preferred-size: auto!important;
    flex-basis: auto!important;
}*/

.md-select-menu-container {
  z-index: 99999999 !important;
}

.md-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}

.md-select-header__searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
  border-bottom: initial !important;
  box-shadow: initial !important;
  margin: initial !important;
}

.wf-input-not-view-errors {
  margin-bottom: 0px !important;
}

.wf-input-not-view-errors + div.md-errors-spacer {
  display: none !important;
}

.md-disabled-scroll {
  overflow: hidden !important;
}

.md-input-hint {
  /* Position the hint */
  /*position: relative;*/
  left: 2px;
  right: auto;
  bottom: 7px;
  /* Copy styles from ng-messages */
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  /* Set our own color */
}

.md-warning {
  color: #fbbc05;
}

@media screen and (max-width: 600px) {
  .md-sidenav-fullscreen {
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100vw;
    max-width: 100vw;
  }
  .layout-padding-xs {
    padding: 2px !important;
  }
  .container-xs {
    width: 100% !important;
  }
}

@media screen and (min-width: 601px) {
  .wf-select-container-filter {
    width: 375px !important;
    min-width: 375px !important;
    margin-left: 35px;
  }
  .wf-sidenav-filter {
    width: 390px !important;
    min-width: 390px !important;
  }
}

.wf-input-container-filter {
  margin-bottom: 30px;
}

.wf-content-btn-filter {
  height: 60px;
  max-height: 60px;
  min-height: 60px;
  background: #f5f5f5;
}

label {
  font-size: inherit !important;
}

.wf-select-container-filter > md-select-menu > md-content > md-optgroup,
.md-select-header-fixed > md-select-menu > md-content > md-optgroup {
  overflow: auto;
  max-height: 230px;
  height: 195px;
  min-height: 100px;
}

.md-icon-light {
  color: white !important;
}

md-tabs .md-tab.md-active {
  background-color: rgba(180, 180, 180, 0.5) !important;
}

.wf-input-mens-errors {
  color: red;
  font-size: 0.8em;
}

.md-sidenav__content {
  padding: 8px;
}

/* Ajuste para alterar o designer  nativo do input type date */
input[type="date"].wf-input-date::-webkit-inner-spin-button {
  opacity: 0;
}

input[type="date"].wf-input-date::-webkit-calendar-picker-indicator {
  background: url("/app/content/image/ic_today_black_18dp/web/ic_today_black_18dp_1x.png")
    center no-repeat;
  color: rgba(0, 0, 0, 0);
  opacity: 0.5;
}

input[type="date"].wf-input-date::-webkit-calendar-picker-indicator:hover {
  background: url("/app/content/image/ic_today_black_18dp/web/ic_today_black_18dp_1x.png")
    center no-repeat;
  opacity: 0.8;
  cursor: pointer;
}

/* end */

.wf-overlay-fullscreen {
  overflow: auto;
  position: fixed;
  background: #ffffff !important;
  top: 0px;
  left: 0px;
  z-index: 51;
  min-height: 100%;
  min-width: 100%;
}

/* Correção de Bug
   Browser: Safari Mobile;
   Descrição: Quando o mdFabComponent tem a propriedade posotion:fixed deveria ignorar o scroll do container pai porem o comportamento é equivalente position com o valor absolute;
   Referência da solução: https://stackoverflow.com/questions/15194313/transform3d-not-working-with-position-fixed-children */
.md-fab-position-fix.md-fab-bottom-right {
  position: fixed !important;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

/* For iOS allow disabling of momentum scrolling */

.wf-no-momentum {
  -webkit-overflow-scrolling: auto;
}

/* Hack para previnir o scroll sobrescrevendo a propriedade Position para Fixed */

md-bottom-sheet.md-prevent-parent-scroll {
  position: fixed;
  max-height: 100vh;
  overflow-y: auto;
}

/* Ajusta o zIndex do mdBottomSheetComponent para ficar a frente do mdDialogComponent quando aberto */

md-bottom-sheet.md-dialog-parent {
  z-index: 99 !important;
}

/* override values to remove transition animation; */
.cg-busy {
  z-index: 1;
}
/* Ajuste na opacidade do overlay */
.cg-busy-backdrop {
  opacity: 0.9;
}

.cg-busy-animation.ng-hide-add,
.cg-busy-animation.ng-hide-remove {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.wf-canvas-chart {
  object-fit: scale-down !important;
}

@media only screen and (max-width: 993px) {
  .container {
    width: 100% !important;
    /* padding: 0 4px; */
  }
}

/* Fixed mdFloatButtotn position in layout */
.fixed-action-btn {
  z-index: 20;
}

/* Fixa a altura do sideNav com  */
.md-sidenav-fix {
  position: fixed !important;
}

.wf-container-fullscreen {
  z-index: 70;
}

.wf-text--accent {
  color: darkorange;
}

tbody tr td {
  border-radius: 0px !important;
  border-bottom: 1px solid #cccccc !important;
}

.text-center {
  text-align: center !important;
}

md-input-container .md-auto-hide .md-input-message-animation:not(.ng-animate) {
  opacity: 0;
  margin-top: -100px;
}

md-input-container:not(.md-input-invalid)
  .md-auto-hide
  .md-input-message-animation {
  opacity: 0;
  margin-top: -100px;
}

md-input-container .md-input-container__hint {
  /* Position the hint */
  /* position: absolute;
    left: 2px;
    right: auto; */
  bottom: 7px;
  /* Copy styles from ng-messages */
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  /* Set our own color */
  color: grey;
  margin-top: 4px;
}

md-input-container .md-input-container__hint.ng-hide,
md-input-container .md-input-container__hint.ng-enter,
md-input-container .md-input-container__hint.ng-leave.ng-leave-active {
  bottom: 26px;
  opacity: 0;
}
md-input-container .md-input-container__hint.ng-leave,
md-input-container .md-input-container__hint.ng-enter.ng-enter-active {
  bottom: 7px;
  opacity: 1;
}

.md-icon--size-mini {
  font-size: 12px;
  height: 12px;
}

.md-icon--size-medium {
  font-size: 36px;
  height: 36px;
}

.md-icon--size-large {
  font-size: 48px;
  height: 48px;
}

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 993px) {
  /* sobrescrever largura para 90% do viewport quando estiver em monitories maior que 993px */
  .container {
    margin-bottom: 24px;
    margin-top: 24px;
    width: 90%;
  }
}


.wf-filtered-item {
  background: rgb(224, 224, 224);
  color: rgb(66, 66, 66);
  cursor: default;
  border-radius: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
  margin: 8px 8px 0 0;
  padding: 0 12px;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}

/* Corrige estilo definido pelo materializcss para todos os elementos [type="checkbox"] */
md-checkbox {
  left: initial !important;
  visibility: initial !important;
  position: relative !important;
}


.md-table .md-body tr.md-row:nth-child(2n) {
  background-color: #f8f8f8;
}
.md-table .md-body tr.md-row:nth-child(2n+1) {
  background-color: #fff;;
}

body{
  background-color: white;
}

/* Alinhamento centralizado do texto das colunas para o componente mdTable */
.md-cell--aling-center, .md-column--aling-center{
  text-align: center!important;
  padding: 0!important;
}

.progress-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.progress-container {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    width: 300px;
    text-align: center;
}

.progress-message {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}

.progress-bar-container {
    width: 100%;
    height: 20px;
    background-color: #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 8px;
}

.progress-bar {
    height: 100%;
    background-color: #4285f4;
    transition: width 0.3s ease;
}

.progress-text {
    font-size: 14px;
    color: #666;
}