#login-page {
    display: table;
    margin: auto;
    height: 100%;
}

.login-page {
    width: 320px;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    background: url('../images/background.jpg') no-repeat center center fixed;
    background-size: cover;
}

.page-title {
    font-size: 1.5em;
    line-height: 1;
}

.page-title i {
    margin-left: 10px;
    margin-right: 10px;
}

.btn-large.green-border {
    background-color: transparent;
    border: 2px solid #00c853;
    box-shadow: none;
    color: #00c853;
    line-height: 50px;
}

.btn-large.green-border:hover {
    background-color: #00c853;
    color: #fff;
}

.btn-large.red-border {
    background-color: transparent;
    border: 2px solid #d32f2f;
    box-shadow: none;
    color: #d32f2f;
    line-height: 50px;
}

.btn-large.red-border:hover {
    background-color: #d32f2f;
    color: #fff;
}

.btn.green-border {
    background-color: transparent;
    border: 1px solid #00c853;
    box-shadow: none;
    color: #00c853;
    line-height: 34px;
}

.btn.green-border:hover {
    background-color: #00c853;
    color: #fff;
}

.btn.red-border {
    background-color: transparent;
    border: 1px solid #d32f2f;
    box-shadow: none;
    color: #d32f2f;
    line-height: 34px;
}

.btn.red-border:hover {
    background-color: #d32f2f;
    color: #fff;
}

#list-personalizacao a{
    margin: 2px;
}

.modal {
    width: 75%;
}

.modal-fixed-footer .modal-footer {
    height: auto;
}

.modal-footer .row {
    margin-bottom: 0;
}

nav .nav-wrapper .breadcrumb:first-child {
    margin-left: 10px;
}

.breadcrumb:before {
    content: "\F142";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
}

.highlight tbody tr {
    cursor: pointer;
}

.fixed-menu header,
.fixed-menu main,
.fixed-menu footer {
    padding-left: 300px;
}
main{
    min-height: calc(100vh - 64px);
}
table tbody td:first-child label {
    vertical-align: middle;
}

.view-bleed {
    width: 100px;
}

.view-bleed>div {
    border: 1px solid #ccc;
}

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

.tabs {
    background-color: #000;
}

.tabs .indicator {
    background-color: #fff;
}

#sidenav-menu .active,
#sidenav-menu .active {
    background-color: #000;
}

#sidenav-menu > .active,
#sidenav-menu > .active i,
#sidenav-menu > .active {
    color: #fff;
}
#sidenav-menu .active > .collapsible-header,
#sidenav-menu .active > .collapsible-header i{
    color: #fff;

}

nav,
#sidenav-menu .collapsible-body>ul:not(.collapsible)>li.active,
#sidenav-menu .collapsible-body>ul:not(.collapsible)>li.active {
    background-color: #424242;
}

#sidenav-menu .collapsible-body>ul:not(.collapsible)>li.active i,
#sidenav-menu .collapsible-body>ul:not(.collapsible)>li.active i {
    color: #fff;
}

.tabs .tab a {
    color: #f2f2f2;
}

.tabs .tab a:hover,
.tabs .tab a.active {
    color: #fff;
}

#project-options {
    width: 80%;
    max-height: 100%;
}

#project-options .card {
    transition: 0.5s;
    cursor: pointer;
    transform: scale(1);
}

#project-options .card:hover {
    transform: scale(1.05);
}

#project-form-new .select-dropdown, #project-form-new .select-wrapper .caret {
    color: #fff;
    fill:#fff;
}

#modalProduct .select-dropdown, #modalProduct .select-wrapper .caret {
    color: #fff;
    fill:#fff;
}

.hide-menu #sidenav-menu {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

#side-nav-ferramentas {
    width: 40px;
    top: 40px;
}

#side-nav-ferramentas a {
    padding: 0 12px;
    cursor: pointer;
}

#layers-config {
    top: 40px;
    z-index: 996;
}

.btn-open-menu {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-open-menu:hover {
    background-color: #004d40;
}

#header-editor nav,
#header-editor nav .nav-wrapper i,
#header-editor nav a.button-collapse,
#header-editor nav a.button-collapse i {
    line-height: 40px;
    height: 40px;
}

#header-editor .page-title {
    font-size: 1.2em;
    line-height: 1.2em;
    vertical-align: unset;
}

#saving-model .preloader-wrapper {
    width: 16px !important;
    height: 16px;
}

.btn-add-image {
    display: block;
    padding: 0 12px;
    cursor: pointer;
}

#input-add-image {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.layer-control .pre-loader-content {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

.layer-control .pre-loader-content .c100 {
    font-size: 22px;
}

.layer-control .pre-loader-content .c100:after {
    background-color: #424242;
}

.layer-control.active .pre-loader-content .c100:after {
    background-color: #4db6ac;
}

#sidenav-menu.side-nav .user-view,
#sidenav-menu.side-nav .userView {
    margin-bottom: 0;
}

.input-checkbox-red [type="checkbox"]:checked+label:before,
#modal-settings-layer #case-layer-type-2 [type="checkbox"]:checked+label:before {
    border-right-color: #F00;
    border-bottom-color: #F00;
}

#modelos .card.small .card-image,
#modelos .card.medium .card-image,
#modelos .card.large .card-image {
    min-height: 80% !important;
}

#modelos .card.small .card-content,
#modelos .card.medium .card-content,
#modelos .card.large .card-content {
    padding: 10px;
}

#container-field.disabled {
    pointer-events: none;
    opacity: .6;
}

@media only screen and (max-width : 992px) {

    .fixed-menu header,
    .fixed-menu main,
    .fixed-menu footer {
        padding-left: 0;
    }
}

#page-model-manager .collection {
    max-height: 400px;
    overflow-y: auto;
}

#page-model-manager .collection .collection-item {
    transition: 0s;
}

form .blue.darken-4 {
    background-color: #4CAF50 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

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

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

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

.btn-open-menu {
    height: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
}
.item-image .card-image{
    height: 200px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.item-image .card-action{
    position: relative;
}
.item-image .progress{
    position: absolute;
    top: 50%;
    right: 5px;
    left: 5px;
    margin-top: -2px;
    width: auto;
    display: none;
}
.item-image.uploading .card-action{
    height: 55px;
}
.item-image.uploading .card-action a{
    display: none;
}
.item-image.uploading .progress{
    display: block;
}
.delete-this.grey-text .mdi.mdi-delete{
  background-image: url(../images/lixeira.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    color: transparent;
}

#cke_termos {
    margin-top: 20px;
}

#list-orders tr td:nth-child(3), #list-orders tr th:nth-child(3) {
    text-align: center;
}

#list-orders .produtos-cell {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
}

#list-orders .produtos-qtde {
    background-color: #ececec;
    padding: 0 12px;
    border-radius: 100px;
}

.produtos-print {
    width: 22px !important;
    height: 22px !important;
    line-height: 17px;
    font-size: 20px;
}

.produtos-print i {
    font-size: 14px;
    line-height: 10px !important;
}

.produtos-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.produtos-personalizacao{
    font-size: 12px;
}

.my2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.my1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.mb1 {
    margin-bottom: 1rem;
}
.mb2 {
    margin-bottom: 2rem;
}