body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    direction: ltr;
}

    body.fixed-header .header {
        position: fixed;
        left: 0;
        top: 0;
    }

    body.mobile .sidebar-menu {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

        body.mobile .sidebar-menu > ul {
            height: auto !important;
            overflow: visible !important;
            -webkit-overflow-scrolling: touch !important;
        }

    body.mobile .page-sidebar .sidebar-menu .menu-items li:hover a {
        color: #788195;
    }

    body.mobile .page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail {
        color: #788195 !important;
    }

    body.mobile .page-sidebar .sidebar-menu .menu-items li.active > a,
    body.mobile .page-sidebar .sidebar-menu .menu-items li.open > a {
        color: #fff;
    }

    body.mobile .page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail,
    body.mobile .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail {
        color: #fff;
    }

    body.mobile .drager {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.sidebar-visible .page-sidebar .scroll-element {
        visibility: visible;
    }

    body.sidebar-visible .page-sidebar .menu-items .icon-thumbnail {
        -webkit-transform: translate3d(-14px, 0, 0);
        transform: translate3d(-14px, 0, 0);
        -ms-transform: translate(-14px, 0);
    }

    body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls {
        -webkit-transform: translate3d(48px, 0, 0);
        transform: translate3d(48px, 0, 0);
        -ms-transform: translate(48px, 0);
    }

    body.no-header .page-container .page-content-wrapper .content {
        padding-top: 0px;
    }

    body.no-header .header {
        border-bottom-color: transparent;
    }

    body.dashboard {
        background: #f5f5f5;
    }

        body.dashboard .page-container {
            background: #f5f5f5;
        }

    body.rtl [class^="col-"],
    body.rtl [class*="col-"] {
        float: left;
    }

/* Cor de fundo do autocomplete */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #272b35 inset;
}

/* Cor do texto do autocomplete */
input:-webkit-autofill {
    -webkit-text-fill-color: white !important;
}

mdl-textfield__input {
    color: white !important;
}

.mdl-textfield__input {
    color: white !important;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    font-size: 14px !important;
    top: -5px !important;
    color: #8cc63f !important;
    font-family: roboto !important;
}

.mdl-textfield__label {
    top: 20px !important;
    color: white !important;
    font-family: roboto !important;
}

.mdl-textfield__input {
    border-bottom: 1px solid #fff !important;
    font-family: roboto !important;
}

.mdl-button--raised {
    background-color: white !important;
}

    .mdl-button--raised:hover {
        background-color: #8cc63f !important;
    }

    .fs-16{
        font-size: 16px;
    }

.m-t-60 {
    margin-top: 60px;
}

.m-t-70 {
    margin-top: 70px;
}

.m-t-10 {
    margin-top: 10px;
}

.roboto {
    color: #626262;
    font-family: Roboto;
}

/* circle 1 loader */
.sk-circle {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    width: 40px;
    height: 40px;
    position: relative;
}

    .sk-circle .sk-child {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-circle .sk-child:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #8CC63F;
            border-radius: 100%;
            -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
        }

    .sk-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}