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


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

@viewport {
    zoom: 1.0;
    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;
}

.error:after {
    content: attr(data-error);
    color: #F44336;
    opacity: 1;
    display: block;
    position: absolute;
    top: 58px;
    margin-top: 6px !important;
    transition: .2s opacity ease-out, .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';
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../font/material-icons/MaterialIcons-Regular.eot');
    /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url('font/material-icons/MaterialIcons-Regular.woff2') format('woff2'), url('font/material-icons/MaterialIcons-Regular.woff') format('woff'), url('font/material-icons/MaterialIcons-Regular.ttf') format('truetype');
}

td,
th {
    /*padding: 15px 5px!important;*/
}

.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, .2);
}

*::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .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-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;
    }
}


@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%;
    }
}


/* 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;
}