/**
 * @file    Sistema Venda CasaSoft®
 * @author  CasaSoft® Desenvolvimento de Sistemas Ltda <http://www.casasoft.net.br>
 * @version 1.0
 *
 * @section DESCRIPTION
 *
 * css styles for sistema venda casasoft®
 *
 * @section LICENSE
 *
 * Todos os direitos reservados
 * CasaSoft® Desenvolvimento de Sistemas Ltda
 */

/* ==========================================================================
   = font face
   ========================================================================== */

/* open-sans - regular */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-regular.eot');
    src: local('Open Sans'), local('OpenSans'), url('../fonts/open-sans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-regular.woff2') format('woff2'), url('../fonts/open-sans-regular.woff') format('woff'), url('../fonts/open-sans-regular.ttf') format('truetype'), url('../fonts/open-sans-regular.svg#OpenSans') format('svg');
}

/* open-sans - bold */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-700.eot');
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-700.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-700.woff2') format('woff2'), url('../fonts/open-sans-700.woff') format('woff'), url('../fonts/open-sans-700.ttf') format('truetype'), url('../fonts/open-sans-700.svg#OpenSans') format('svg');
}

/* ==========================================================================
   = general
   ========================================================================== */

   .dropdown-flex  div.ui__form-list{
       position:unset;
   }

   .text-color-alerta{
       color: #E5BA27;
   }
   
   .text-color-finalizada{
    color: #DA3D2A;
   }

   .text-color-nenhuma{
    color: gray;
   }

   .text-color-nova{
    color: #2C7ED6;
   }

   .text-color-execucao{
    color: #2DDA2A;
   }

   .fc-title {
    font-size: 12px;
}

.footer-customizado{
    width: 100%;
    height: 60px;
    padding: 15px;
}

.wrap_name_atendimento{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 140px;
    display: inline-block;
}

*, *::after, *::before {
    margin: 0;
    padding: 0;
    color: inherit;
    list-style: none;
    vertical-align: baseline;
    font: inherit;
    text-decoration: none;
    outline: none;
    border-collapse: collapse;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    background: #ebebeb;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    width: 100%;
    height: auto;
    border: 0;
    display: inline-block;
    background: #ebebeb;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


canvas {
    width: 100%;
    height: auto;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

 .border__table_general_left{
     border: solid;
     border-right: 0px;     
     border-width: 0.2ch;
     border-color: #d4d2d0;
 }

 .border__table_general_right{
    border: solid;
    border-width: 0.2ch;
    border-color: #d4d2d0;
}

.border__table_general_no_border_top{
    border-top: 0px
}

/* = scrollbar
   ========================================================================== */

::-webkit-scrollbar {
    width: 17px;
}

::-webkit-scrollbar-track {
    background: #e3e3e3;
    border-left: 1px solid #cdcdcd;
}

::-webkit-scrollbar-thumb {
    background: #b6b6b6;
}

.touchevents .ui-sortable-handle {
    touch-action: initial !important;
    -ms-touch-action: initial !important;
}

/* = text
   ========================================================================== */

/* general */

strong {
    font-weight: 700;
}

sup {
    position: relative;
    top: -5px;
    font-size: 50%;
}

/* headers */

h1 {
    margin: 0 0 25px 0;
    color: #2e3439;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
}

h1.h1--margin--small {
    margin-bottom: 10px;
}

h1.h1--margin-big {
    margin-bottom: 20px;
}

h2 {
    margin: 15px 0 7px 0;
    /* margin: 10px 0 7px 0; */
    color: #2e3439;
    font-size: 18px;
    /* font-size: 22px; */
    font-weight: 400;
    line-height: 18px;
    /* line-height: 30px; */
}

/* paragraph */

p {
    margin: 0 0 27px 0;
    color: #2e2e2e;
    line-height: 20px;
}

.p--small {
    font-size: 12px;
}

p.p--no-margin {
    margin-bottom: 0;
}

p.p--margin-small {
    margin-bottom: 20px;
}

p a {
    color: #2e3439;
    font-weight: 700;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

p a:hover {
    color: #002C55;
}

.ui__ordened-list, .ui__ordened-list li {
    list-style-type: decimal;
    list-style-position: inside;
}

/* = links
   ========================================================================== */

a {
    text-decoration: none;
}

.simulate_link{
cursor:pointer;
color:blue;
text-decoration:underline;
}

/* = ficha contato
   ========================================================================== */
.border-top-color-default{
     border-top-color:#7680A4;
}

.border-top-color-yellow{
    border-top-color:#FFBB00;
}

.border-align-height{
    height:100%;
}

.timeline-z-index-container{
    z-index: 1;
}

.timeline-z-index-icon{
    z-index: 2;
}

.timeline-panel-heading{
    border-color:#cdcdcd;
    padding-top:10px!important;
    padding-bottom:10px!important;
    padding-left:5px!important;
}

.timeline-panel-body{
    padding: 10px !important;
}

.timeline-panel-body-titulo{
    margin-top: 5px;
    margin-bottom: 2px;
}

.timeline-panel-body-texto{
    margin:0;
}

.azul-principal-icon-100 {
    color: #7680a4;
    background-color: #7680a4;
    border-color: #7680a4;
}

.verde-principal-icon-100 {
    color: green;
    background-color: green;
    border-color: green;
}

.azul-principal-icon-200 {
    color: #63759b;
    background-color: #63759b;
    border-color: #63759b;
}

.azul-principal-icon-300 {
    color: #516b92;
    background-color: #516b92;
    border-color: #516b92;
}

.azul-principal-icon-400 {
    color: #3d6189;
    background-color: #3d6189;
    border-color: #3d6189;
}

.azul-principal-icon-500 {
    color: #0d4a73;
    background-color: #0d4a73;
    border-color: #0d4a73;
}

.azul-principal-icon-600 {
    color: #00426b;
    background-color: #00426b;
    border-color: #00426b;
}

.azul-principal-icon-700 {
    color: #00426b;
    background-color: #00426b;
    border-color: #00426b;
}

.azul-principal-icon-800 {
    color: #003d66;
    background-color: #003d66;
    border-color: #003d66;
}

.azul-principal-icon-900 {
    color: #00375f;
    background-color: #00375f;
    border-color: #00375f;
}

.azul-principal-icon-1000 {
    color: #002c55;
    background-color: #002c55;
    border-color: #002c55;
}

.timeline-icon div[class*=azul-principal-] {
    -webkit-box-shadow: none;
    box-shadow: none;
    color:#fff;
}

.timeline-titulo {
    background-color: unset!important;
    border-color: unset!important;
}

.margem-panel-body{
    padding-top: 8px!important;
}

.button__timeline-filtro-aplicar-pesquisa{
    margin-top: 22px!important;
}

/* = images
   ========================================================================== */

img[data-object-fit="contain"] {
    object-fit: contain;
}

img[data-object-fit="cover"] {
    object-fit: cover;
}

/* = placeholders
   ========================================================================== */

::-webkit-input-placeholder {
    color: #bbb;
    opacity: 1;
    -webkit-transition: opacity 0.1s, transform 0.1s;
    transition: opacity 0.1s, transform 0.1s;
}

::-moz-placeholder {
    color: #bbb;
    opacity: 1;
    -webkit-transition: opacity 0.1s, transform 0.1s;
    transition: opacity 0.1s, transform 0.1s;
}

:-moz-placeholder {
    color: #bbb;
    opacity: 1;
    -webkit-transition: opacity 0.1s, transform 0.1s;
    transition: opacity 0.1s, transform 0.1s;
}

:-ms-input-placeholder {
    color: #bbb;
    opacity: 1;
    -webkit-transition: opacity 0.1s, transform 0.1s;
    transition: opacity 0.1s, transform 0.1s;
}

:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

:focus::-moz-placeholder {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

:focus:-moz-placeholder {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

:focus:-ms-input-placeholder {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}


.azul-principal-100 {
    color: #7680a4;
}

.azul-principal-200 {
    color: #63759b;
}

.azul-principal-300 {
    color: #516b92;
}

.azul-principal-400 {
    color: #3d6189;
}

.azul-principal-500 {
    color: #0d4a73;
}

.azul-principal-600 {
    color: #00426b;
}

.azul-principal-700 {
    color: #00426b;
}

.azul-principal-800 {
    color: #003d66;
}

.azul-principal-900 {
    color: #00375f;
}

.azul-principal-1000 {
    color: #002c55;
}

.vermelho-principal-bg-100 {
    background: #a47676;
}

.vermelho-principal-bg-200 {
    background: #9b6363;
}

.vermelho-principal-bg-300 {
    background: #925151;
}

.vermelho-principal-bg-400 {
    background: #893d3d;
}

.vermelho-principal-bg-500 {
    background: #730d0d;
}

.vermelho-principal-bg-600 {
    background: #6b0000;
}

.vermelho-principal-bg-700 {
    background: #6b0000;
}

.vermelho-principal-bg-800 {
    background: #660000;
}

.vermelho-principal-bg-900 {
    background: #5f0000;
}

.vermelho-principal-bg-1000 {
    background: #550000;
}

.vermelho-principal-bg-100 {
    background: #a47676;
}

.vermelho-principal-bg-200 {
    background: #9b6363;
}

.vermelho-principal-bg-300 {
    background: #925151;
}

.vermelho-principal-bg-400 {
    background: #893d3d;
}

.vermelho-principal-bg-500 {
    background: #730d0d;
}

.vermelho-principal-bg-600 {
    background: #6b0000;
}

.vermelho-principal-bg-700 {
    background: #6b0000;
}

.vermelho-principal-bg-800 {
    background: #660000;
}

.vermelho-principal-bg-900 {
    background: #5f0000;
}

.vermelho-principal-bg-1000 {
    background: #550000;
}


.verde-principal-100 {
    color: #76a478;
}

.verde-principal-200 {
    color: #659b63;
}

.verde-principal-300 {
    color: #579251;
}

.verde-principal-400 {
    color: #3d893d;
}

.verde-principal-500 {
    color: #0d730d;
}

.verde-principal-600 {
    color: #046b00;
}

.verde-principal-700 {
    color: #006b05;
}

.verde-principal-800 {
    color: #036600;
}

.verde-principal-900 {
    color: #105f00;
}

.verde-principal-1000 {
    color: #005500;
}


.verde-principal-bg-100 {
    background: #76a478;
}

.verde-principal-bg-200 {
    background: #659b63;
}

.verde-principal-bg-300 {
    background: #579251;
}

.verde-principal-bg-400 {
    background: #3d893d;
}

.verde-principal-bg-500 {
    background: #0d730d;
}

.verde-principal-bg-600 {
    background: #046b00;
}

.verde-principal-bg-700 {
    background: #006b05;
}

.verde-principal-bg-800 {
    background: #036600;
}

.verde-principal-bg-900 {
    background: #105f00;
}

.verde-principal-bg-1000 {
    background: #005500;
}




/* = Marca dagua container
       ========================================================================== */

.casagrid_marca-dagua {
    width: 600px !important;
    display: flex;
    flex-wrap: wrap;
}

/* = Marca dagua posicionador
       ========================================================================== */

.MarcaDaguaPosicionadorCentro {
    border-bottom: 3px dashed #D82227;
    border-left: 3px dashed #D82227;
    border-right: 3px dashed #D82227;
    border-top: 3px dashed #D82227;
    width: 30%;
    height: 30%;
    right: 35%;
    top: 35%;
    position: absolute;
}

.MarcaDaguaPosicionadorSuperiorEsquerda {
    border-bottom: 3px dashed #D82227;
    width: 30%;
    border-left: 3px dashed #D82227;
    border-right: 3px dashed #D82227;
    border-top: 3px dashed #D82227;
    height: 30%;
    position: absolute;
}

.MarcaDaguaPosicionadorSuperiorDireita {
    border-bottom: 3px dashed #D82227;
    border-left: 3px dashed #D82227;
    border-right: 3px dashed #D82227;
    border-top: 3px dashed #D82227;
    height: 30%;
    width: 30%;
    position: absolute;
    right: 0;
}

.MarcaDaguaPosicionadorInferiorEsquerda {
    border-bottom: 3px dashed #D82227;
    border-left: 3px dashed #D82227;
    border-right: 3px dashed #D82227;
    border-top: 3px dashed #D82227;
    height: 30%;
    width: 30%;
    position: absolute;
    top: 70%;
}

.MarcaDaguaPosicionadorInferiorDireita {
    border-bottom: 3px dashed #D82227;
    border-left: 3px dashed #D82227;
    border-right: 3px dashed #D82227;
    border-top: 3px dashed #D82227;
    height: 30%;
    width: 30%;
    position: absolute;
    top: 70%;
    left: 70%;
}

.MarcaDaguaGrabImage {
    cursor: grab
}

.MarcaDaguaGrabbingImage {
    cursor: grabbing
}

/* ==========================================================================
   = breakpoint full ( 100% - 1680px )
   ========================================================================== */

/* = grid full
   ========================================================================== */

/* grid */

.casagrid {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    list-style-type: none;
}

.casagrid--small {
    max-width: 1230px;
}

/* nested grid */

.casagrid .casagrid {
    padding: 0;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

/* grid fullscreen */

.casagrid--fullscreen {
    max-width: 100%;
}

/* grid column */

[class*="casagrid__col-"] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 0 15px;
}

/* grid cell */

.casagrid__cell {
    position: relative;
    display: block;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

/* grid cell img */

.casagrid__cell-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

/* grid columns */

.casagrid__col--12 {
    width: 100%;
}

.casagrid__col--11 {
    width: 91.66666666666666%;
}

.casagrid__col--10 {
    width: 83.33333333333334%;
}

.casagrid__col--9 {
    width: 75%;
}

.casagrid__col--8 {
    width: 66.66666666666666%;
}

.casagrid__col--7 {
    width: 58.333333333333336%;
}

.casagrid__col--6 {
    width: 50%;
}

.casagrid__col--5 {
    width: 41.66666666666667%;
}

.casagrid__col--4 {
    width: 33.33333333333333%;
}

.casagrid__col--3 {
    width: 25%;
}

.casagrid__col--2 {
    width: 16.666666666666664%;
}

.casagrid__col--1 {
    width: 8.333333333333332%;
}

/* grid add */

.casagrid--add {
    display: inline-block;
}

/* grid delete */

.casagrid--delete {
    display: none;
}

/* grid auto */

.casagrid__col--auto {
    width: auto;
    max-width: 100%;
    -webkit-flex: 1 0 0px;
    flex: 1 0 0px;
}

/* grid no auto */

.casagrid__col--no-auto {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

/* grid no space & grid element no space */

.casagrid--no-space [class*="casagrid__col-"], .casagrid__col--no-space {
    padding-left: 0;
    padding-right: 0;
}

/* grid space & grid element space */

.casagrid--space [class*="casagrid__col--"], .casagrid__col--space {
    padding-left: 15px;
    padding-right: 15px;
}

/* grid push left columns */

.casagrid--push-left-11 {
    margin-left: 91.66666666666666%;
}

.casagrid--push-left-10 {
    margin-left: 83.33333333333334%;
}

.casagrid--push-left-9 {
    margin-left: 75%;
}

.casagrid--push-left-8 {
    margin-left: 66.66666666666666%;
}

.casagrid--push-left-7 {
    margin-left: 58.333333333333336%;
}

.casagrid--push-left-6 {
    margin-left: 50%;
}

.casagrid--push-left-5 {
    margin-left: 41.66666666666667%;
}

.casagrid--push-left-4 {
    margin-left: 33.33333333333333%;
}

.casagrid--push-left-3 {
    margin-left: 25%;
}

.casagrid--push-left-2 {
    margin-left: 16.666666666666664%;
}

.casagrid--push-left-1 {
    margin-left: 8.333333333333332%;
}

.casagrid--push-left-0 {
    margin-left: 0;
}

/* grid push right columns */

.casagrid--push-right-11 {
    margin-right: 91.66666666666666%;
}

.casagrid--push-right-10 {
    margin-right: 83.33333333333334%;
}

.casagrid--push-right-9 {
    margin-right: 75%;
}

.casagrid--push-right-8 {
    margin-right: 66.66666666666666%;
}

.casagrid--push-right-7 {
    margin-right: 58.333333333333336%;
}

.casagrid--push-right-6 {
    margin-right: 50%;
}

.casagrid--push-right-5 {
    margin-right: 41.66666666666667%;
}

.casagrid--push-right-4 {
    margin-right: 33.33333333333333%;
}

.casagrid--push-right-3 {
    margin-right: 25%;
}

.casagrid--push-right-2 {
    margin-right: 16.666666666666664%;
}

.casagrid--push-right-1 {
    margin-right: 8.333333333333332%;
}

.casagrid--push-right-0 {
    margin-right: 0;
}

/* grid order */

.casagrid--order-12 {
    -webkit-order: 12;
    order: 12;
}

.casagrid--order-11 {
    -webkit-order: 11;
    order: 11;
}

.casagrid--order-10 {
    -webkit-order: 10;
    order: 10;
}

.casagrid--order-9 {
    -webkit-order: 9;
    order: 9;
}

.casagrid--order-8 {
    -webkit-order: 8;
    order: 8;
}

.casagrid--order-7 {
    -webkit-order: 7;
    order: 7;
}

.casagrid--order-6 {
    -webkit-order: 6;
    order: 6;
}

.casagrid--order-5 {
    -webkit-order: 5;
    order: 5;
}

.casagrid--order-4 {
    -webkit-order: 4;
    order: 4;
}

.casagrid--order-3 {
    -webkit-order: 3;
    order: 3;
}

.casagrid--order-2 {
    -webkit-order: 2;
    order: 2;
}

.casagrid--order-1 {
    -webkit-order: 1;
    order: 1;
}

.casagrid--order-0 {
    -webkit-order: 0;
    order: 0;
}

/* grid grow */

.casagrid--grow-11 {
    -webkit-flex-grow: 11;
    flex-grow: 11;
}

.casagrid--grow-10 {
    -webkit-flex-grow: 10;
    flex-grow: 10;
}

.casagrid--grow-9 {
    -webkit-flex-grow: 9;
    flex-grow: 9;
}

.casagrid--grow-8 {
    -webkit-flex-grow: 8;
    flex-grow: 8;
}

.casagrid--grow-7 {
    -webkit-flex-grow: 7;
    flex-grow: 7;
}

.casagrid--grow-6 {
    -webkit-flex-grow: 6;
    flex-grow: 6;
}

.casagrid--grow-5 {
    -webkit-flex-grow: 5;
    flex-grow: 5;
}

.casagrid--grow-4 {
    -webkit-flex-grow: 4;
    flex-grow: 4;
}

.casagrid--grow-3 {
    -webkit-flex-grow: 3;
    flex-grow: 3;
}

.casagrid--grow-2 {
    -webkit-flex-grow: 2;
    flex-grow: 2;
}

.casagrid--grow-1 {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.casagrid--grow-0 {
    -webkit-flex-grow: 0;
    flex-grow: 0;
}

/* grid wrap */

.casagrid--wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.casagrid--no-wrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.casagrid--wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

/* grid direction (can be added outside & inside the grid) */

.casagrid--direction-row {
    -webkit-flex-direction: row;
    flex-direction: row;
}

.casagrid--direction-row-reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.casagrid--direction-column {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.casagrid--direction-column-reverse {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

/* grid align (can be added outside & inside the grid) */

.casagrid--align-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.casagrid--align-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.casagrid--align-bottom [class*="casagrid__col-"] {
    vertical-align: bottom;
}

.casagrid--align-center {
    -webkit-align-items: center;
    align-items: center;
}

.casagrid--align-center [class*="casagrid__col-"] {
    vertical-align: middle;
}

.casagrid--align-baseline {
    -webkit-align-items: baseline;
    align-items: baseline;
}

.casagrid--align-baseline [class*="casagrid__col-"] {
    vertical-align: baseline;
}

/* grid content align (can be added outside & inside the grid) */

.casagrid--align-content-top {
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.casagrid--align-content-bottom {
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.casagrid--align-content-bottom [class*="casagrid__col-"] {
    vertical-align: bottom;
}

.casagrid--align-content-center {
    -webkit-align-content: center;
    align-content: center;
}

.casagrid--align-content-between {
    -webkit-align-content: space-between;
    align-content: space-between;
}

.casagrid--align-content-around {
    -webkit-align-content: space-around;
    align-content: space-around;
}

/* grid element align (can be added inside the grid) */

.casagrid--align-self-stretch {
    -webkit-align-self: stretch;
    align-self: stretch;
}

.casagrid--align-self-top {
    -webkit-align-self: flex-start;
    align-self: flex-start;
}

.casagrid--align-self-bottom {
    vertical-align: bottom;
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

.casagrid--align-self-center {
    vertical-align: middle;
    -webkit-align-self: center;
    align-self: center;
}

.casagrid--align-self-baseline {
    vertical-align: baseline;
    -webkit-align-self: baseline;
    align-self: baseline;
}

/* grid justify (can be added outside & inside the grid) */

.casagrid--justify-left {
    text-align: left;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.casagrid--justify-right {
    text-align: right;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.casagrid--justify-center {
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.casagrid--justify-between {
    text-align: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.casagrid--justify-around {
    text-align: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

/* .casagrid--justify-right .casagrid__cell,
.casagrid--justify-center .casagrid__cell,
.casagrid--justify-between .casagrid__cell,
.casagrid--justify-around .casagrid__cell {
    text-align: left;
    text-align: start;
    -moz-text-align-last: left;
    -moz-text-align-last: start;
         text-align-last: left;
         text-align-last: start;
} */

/* grid cell footer */

.casagrid__cell-footer {
    width: 100%;
    margin-top: auto;
    display: -webkit-flex;
    display: flex;
}

/* = ui
   ========================================================================== */

/* background color */

.ui__bg--light-gray {
    background-color: #ebebeb !important;
}

.ui__bg--green {
    background-color: #00a99d;
}

.ui__bg--light-green {
    background-color: #dcf1e8;
}

.ui__bg--light-yellow {
    background-color: #fffcd3;
}

.ui__bg--light-yellow-important {
    background-color: #fffcd3 !important;
}

.ui__text--red-important {
    background-color: #f08080!important;
}

/* text */

.ui__text--light-blue {
    color: #909ea8;
}

.ui__text--blue, .ui__text--blue:focus {
    color: #006bb4;
}

.ui__text--blue:hover {
    color: #0E429E;
}

.ui__text--green {
    color: #00a99d;
}

.ui__text--red {
    color: #da4453;
}

.ui__text--normal {
    font-weight: normal !important;
}

/* hr */

.ui__hr {
    margin-top: 9px;
    border: none;
    border-top: 1px solid #dadada;
}

.ui__hr--no-margin-top {
    margin-top: 0;
}

.ui__hr--blue {
    margin: 20px 0 25px;
    border-top-color: #006bb4;
}

.ui__hr--margin {
    margin: 30px 0 20px;
}

.ui__hr--no-margin {
    width: 100%;
    margin: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    z-index: 3;
}

/* loader */

.ui__loader-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
    z-index: 999;
}

.loaded .ui__loader-box {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.close .ui__loader-box {
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.ui__loading--search-endereco {
    position: absolute;
    right: -27px;
    top: 10px;
}

.ui__loader, .ui__loader-figure {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ui__loader {
    width: 32px;
    height: 0;
    padding-top: 32px;
    overflow: visible;
    -webkit-transition: left .5s cubic-bezier(.19, 1, .22, 1);
    transition: left .5s cubic-bezier(.19, 1, .22, 1);
}

.ui__loader-figure {
    height: 0;
    width: 0;
    border: 0 solid #002C55;
    border-radius: 50%;
    -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ui__loader-label {
    margin: 10px 0 0 50%;
    float: left;
    color: #2e2e2e;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* content loader */

.ui__content-loader-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
    z-index: 650;
}

.ui__content-loader, .ui__content-loader-figure {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ui__content-loader {
    width: 32px;
    height: 0;
    padding-top: 32px;
    top: 50%;
    left: 50%;
    overflow: visible;
    -webkit-transition: left .5s cubic-bezier(.19, 1, .22, 1);
    transition: left .5s cubic-bezier(.19, 1, .22, 1);
}

nav.active~.ui__content-loader-box .ui__content-loader {
    left: 50%;
}

.ui__content-loader-figure {
    height: 0;
    width: 0;
    border: 0 solid #002C55;
    border-radius: 50%;
    -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ui__content-loader-label {
    margin: 10px 0 0 50%;
    float: left;
    color: #2e2e2e;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@-webkit-keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
    }
    30% {
        height: 32px;
        width: 32px;
        border-width: 16px;
        opacity: 1;
    }
    100% {
        height: 32px;
        width: 32px;
        border-width: 0;
        opacity: 0;
    }
}

@keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
    }
    30% {
        height: 32px;
        width: 32px;
        border-width: 16px;
        opacity: 1;
    }
    100% {
        height: 32px;
        width: 32px;
        border-width: 0;
        opacity: 0;
    }
}

@-webkit-keyframes loader-label {
    0% {
        opacity: 0.35;
    }
    30% {
        opacity: 1;
    }
    100% {
        opacity: 0.35;
    }
}

@keyframes loader-label {
    0% {
        opacity: 0.35;
    }
    30% {
        opacity: 1;
    }
    100% {
        opacity: 0.35;
    }
}

/* list loader */

.ui__list-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);
    transition: all .3s cubic-bezier(.19, 1, .22, 1);
    overflow: hidden;
    z-index: 999;
}

.ui__list-loader--relative {
    width: 53px;
    height: 0;
    margin: 0 auto -30px;
    position: relative;
    display: table;
    text-align: center;
}

.ui__list-loader.active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ui__list-loader--relative.active {
    height: 83px;
}

.ui__list-loader-icon {
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    background-color: #fff;
    color: #002C55;
    border-radius: 40px;
    font-size: 30px;
    text-align: center;
    line-height: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.ui__list-loader-icon--no-bg {
    background: none;
    box-shadow: none;
}

/* animations */

/* fade */

/* fade out */

.ui__fade-out {
    -webkit-animation: fade-out 1s ease forwards;
    animation: fade-out 1s ease forwards;
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* fade in & out */

.ui__fade-in-out-animation {
    -webkit-animation: fade-in-out 2s ease forwards;
    animation: fade-in-out 2s ease forwards;
}

@keyframes fade-in-out {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fade-in-out {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* scale */

/* scale up */

@keyframes scale-up {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

/* shake */

.ui__shake-rotate-animation {
    -webkit-animation: shake-rotates .8s linear;
    animation: shake-rotates .8s linear;
}

@keyframes shake-rotates {
    0% {
        color: #2e3439;
        transform: rotate(0deg);
    }
    10% {
        color: #002C55;
        transform: rotate(-15deg);
    }
    20% {
        transform: rotate(15deg);
    }
    30% {
        transform: rotate(-15deg);
    }
    40% {
        transform: rotate(0deg);
    }
    60% {
        transform: rotate(0deg);
    }
    70% {
        transform: rotate(-15deg);
    }
    80% {
        transform: rotate(15deg);
    }
    90% {
        color: #002C55;
        transform: rotate(-15deg);
    }
    100% {
        color: #2e3439;
        transform: rotate(0deg);
    }
}

@-webkit-keyframes shake-rotates {
    0% {
        color: #2e3439;
        -webkit-transform: rotate(0deg);
    }
    10% {
        color: #002C55;
        -webkit-transform: rotate(-15deg);
    }
    20% {
        transform: rotate(15deg);
    }
    30% {
        color: #002C55;
        -webkit-transform: rotate(-15deg);
    }
    40% {
        color: #2e3439;
        -webkit-transform: rotate(0deg);
    }
    60% {
        color: #2e3439;
        -webkit-transform: rotate(0deg);
    }
    70% {
        color: #002C55;
        -webkit-transform: rotate(-15deg);
    }
    80% {
        transform: rotate(15deg);
    }
    90% {
        color: #002C55;
        -webkit-transform: rotate(-15deg);
    }
    100% {
        color: #2e3439;
        -webkit-transform: rotate(0deg);
    }
}

/* shake */

.ui__shake-animation {
    -webkit-animation: shake 150ms 2 linear;
    animation: shake 150ms 2 linear;
}

@keyframes shake {
    0% {
        transform: translate(5px, 0);
    }
    50% {
        transform: translate(-5px, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(5px, 0);
    }
    50% {
        -webkit-transform: translate(-5px, 0);
    }
    100% {
        -webkit-transform: translate(0, 0);
    }
}

.ui__badges {
    background-color: gray;
    border-radius: 13px;
    padding: 4px 10px;
    color: #000;
    margin-right: 8px;
    line-height: 40px;
}

.ui__badges--blue {
    background-color: #006bb5;
    color: #fff;
}

.ui__badges-label {
    color: #6f777e;
}

/* content box */

.ui__content-box {
    width: 100%;
    /* padding: 30px 15px 9px; */
    margin-top: 30px;
    position: inherit;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
    -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1);
    transition: all .4s cubic-bezier(.19, 1, .22, 1);
    /* overflow: hidden;  */
    /* removido para exibir o calendário em opções de venda */
}

.ui__content-box--padding {
    padding: 25px 15px;
}

.ui__content-box--border {
    margin-top: 0;
    padding-top: 0;
    border-color: #2e3439;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    overflow: inherit;
}

.ui__content-box--margin {
    margin-top: 5px;
}

.ui__content-box--margin-big {
    margin-top: 20px;
}

.ui__content-box--no-margin {
    margin: 0;
}

.ui__content-box--no-padding {
    padding: 0;
}

.ui__content-title {
    height: 51px;
    margin: 40px -15px 30px;
    padding: 0 0 0 30px;
    position: relative;
    background-color: #ebebeb;
    color: #2e3439;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    font-weight: bold;
    line-height: 51px;
}

.ui__content-title--disabled {
    opacity: .5;
}

.ui__content-title--top {
    margin-top: 0;
    border-top: none;
    border-radius: 5px 5px 0 0;
}

/* content box intern */

.ui__content-intern-input {
    display: none;
}

.ui__content-intern-label, .ui__content-intern-close-btn {
    width: 40px;
    height: 40px;
    margin-top: -40px;
    position: absolute;
    left: 15px;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}

.ui__content-intern-label--check {
    left: 50px;
}

.ui__content-intern-close-btn {
    margin-top: 0;
    left: auto;
    top: 6px;
    right: 6px;
    font-size: 18px;
    z-index: 3;
}

.ui__content-intern-label::after, .ui__content-intern-close-btn::after {
    content: '\f067';
    color: #006bb4;
    font-family: "FontAwesome";
}

.ui__content-intern-close-btn::after {
    content: "\f00d";
}

.ui__content-intern-input:checked+.ui__content-intern-label::after {
    content: '\f068';
}

.ui__content-intern-cell {
    height: .5px;
    vertical-align: top;
}

.ui__content-intern-input:checked~.ui__content-intern-cell {
    height: 0;
}

.ui__content-intern {
    height: 0;
    /* margin: -1px 0 0 0; */
    padding: 0;
    position: relative;
    border: none;
    float: left;
    -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    overflow: hidden;
    z-index: 0;
}

.ui__content-intern-input:checked~.ui__content-intern {
    width: 100%;
    height: auto;
    padding: 15px 0;
    position: relative;
    border-bottom: 1px solid #dadada;
    overflow: visible;
    z-index: 3;
}

.ui__content-intern-box {
    width: calc(100% - 30px);
    margin: 0 15px;
    padding: 0;
    background-color: #ecf0f3;
    /* border-bottom: 1px solid #fff; */
    border-radius: 5px;
    -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    /* overflow: hidden; */
}

.ui__content-intern-input:checked~.ui__content-intern {
    border-bottom: 1px solid #dadada;
}

.ui__content-intern-col {
    padding: 20px 30px;
    border-right: 1px solid #dadada;
}

.ui__content-intern-col:last-child {
    border-right: none;
}

.ui__content-intern-link {
    color: #006bb4;
    text-decoration: underline;
}

.ui__content-intern-loader-box {
    color: #006bb4;
    font-size: 12px;
}

.ui__content-intern-loader {
    margin-right: 7px;
    position: relative;
    top: 1px;
    font-size: 18px;
}

/* ui dropdown user */

.ui__dropdown {
    padding: 0;
    margin: 0 30px 0 50px;
    position: relative;
    display: inline-block;
    float: right;
}

.ui__dropdown-btn {
    padding-right: 22px;
    color: #2e3439;
    position: relative;
    display: inline-block;
    line-height: 41px;
    cursor: pointer;
    z-index: 2;
}

.ui__dropdown-input:checked~.ui__dropdown-btn .header__user-open-btn-text {
    /*text-decoration: underline;*/
}

.ui__dropdown-btn-icon {
    width: 40px;
    height: 40px;
    padding-left: 1px;
    margin-right: 10px;
    color: #2e3439;
    border-radius: 22px;
    border: 1px solid #dadada;
    font-size: 18px;
    text-align: center;
    line-height: 39px;
}

.ui__dropdown-btn::after {
    content: '\f0d7';
    position: absolute;
    top: 2px;
    right: 0;
    color: #2e3439;
    font-family: "FontAwesome";
    font-size: 18px;
    -webkit-transition: transform .3s;
    transition: transform .3s;
}

.ui__dropdown-input:checked~.ui__dropdown-btn .ui__dropdown-close-btn {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
}

.ui__dropdown-close-btn, .ui__dropdown-input {
    display: none;
}

.ui__dropdown-content {
    width: 240px;
    padding: 5px 0;
    margin: 0;
    position: absolute;
    top: 50px;
    right: -15px;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .15);
    opacity: 0;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, -650px, 0);
    transform: translate3d(0, -650px, 0);
    -webkit-transition: transform .4s cubic-bezier(.19, 1, .22, 1), opacity .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1), opacity .4s cubic-bezier(.19, 1, .22, 1);
}

.ui__dropdown-content::before {
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    top: -5px;
    right: 60px;
    background-color: #fff;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ui__dropdown-input:checked~.ui__dropdown-btn::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui__dropdown-input:checked~.ui__dropdown-content {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 3;
}

.ui__dropdown-link {
    padding: 13px 30px 14px;
    display: block;
    color: #2e3439;
    text-align: left;
    line-height: 17px;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    overflow: hidden;
    cursor: pointer;
}

.ui__dropdown-link:hover {
    background-color: #ebebeb;
    color: #2e3439;
}

.ui__dropdown-bottom-btn {
    width: 100%;
    height: 45px;
    margin-bottom: -15px;
    position: relative;
    top: -10px;
    display: block;
    background-color: #2e3439;
    color: #fff;
    border-radius: 0 0 5px 5px;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
}

.ui__dropdown-bottom-btn:hover {
    color: #fff;
}

.ui__dropdown-bottom-btn::before {
    margin-right: 10px;
    position: relative;
    top: 1px;
    font-family: "FontAwesome";
    font-size: 18px;
}

/* borders */

.ui__border--no-radius {
    border-radius: 0;
}

/* button */

.ui__btn {
    max-width: 210px;
    height: 36px;
    padding: 0 11px;
    display: inline-block;
    background-color: #fff;
    color: #2e3439;
    border: 1px solid #dadada;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    line-height: 36px;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    cursor: pointer;
}

.ui__btn:hover {
    border-color: #2e3439;
}

.ui__btn--margin-top {
    margin-top: 20px;
}

.ui__btn--cursor-default {
    cursor: default !important;
}

.ui__btn--margin-bottom-small {
    margin-bottom: 10px;
}

.ui__btn--margin-bottom {
    margin-bottom: 21px;
}

.ui__btn--margin-bottom-big {
    margin-bottom: 30px;
}

.ui__btn--margin-left {
    margin-left: 15px;
}

.ui__btn--margin-left--big {
    margin-left: 30px;
}

.ui__btn--icon {
    width: 36px;
    padding: 0 0 0 1px;
    font-size: 16px;
}

.ui__btn--small {
    width: 100%;
    max-width: 210px;
}

.ui__btn--big {
    width: 100%;
    max-width: 240px;
}

.ui__btn--full, .ui__btn--fill {
    width: 100%;
    max-width: 100%;
}

.ui__btn--no-border {
    max-width: 100%;
    border: none;
    border-right: 1px solid #dadada;
    border-radius: 0;
}

.ui__btn--border-radius-right {
    border-radius: 0 5px 5px 0;
}

input:checked+.ui__btn--fill, .ui__btn--fill:hover {
    background-color: #2e3439;
    color: #fff;
    border-color: #2e3439;
}

.ui__btn--fill-blue, .ui__btn--fill-blue:hover {
    background-color: #006bb4;
    color: #fff;
    border-color: #006bb4;
}

.ui__btn--fill-white, .ui__btn--fill-white:hover {
    color: #006bb4;
    background-color: #fff;
    border-color: #dadada;
}

.ui__btn--fill-green, .ui__btn--fill-green:hover {
    background-color: #00a99d;
    color: #fff;
    border-color: #00a99d;
}

.ui__btn--fill-red, .ui__btn--fill-red:hover {
    background-color: #da4453;
    color: #fff;
    border-color: #da4453;
}

.ui__btn--fill-yellow, .ui__btn--fill-yellow:hover {
    background-color: #e78d18;
    color: #fff;
    border-color: #e78d18;
}

/* .ui__btn--fill-white, .ui__btn--fill-blue:hover {
    background-color: #fff;
    color: #006bb4;
    border-color: #DADADA;
} */

.ui__btn--blue {
    color: #006bb4;
}

.ui__btn--blue:hover, .ui__btn--blue:focus {
    border-color: #006bb4;
    color: #006bb4;
}

.ui__btn--green {
    color: #00a99d;
}

.ui__btn--green:hover, .ui__btn--green:focus {
    border-color: #00a99d;
    color: #00a99d;
}

.ui__btn--red {
    color: #da4453;
}

.ui__btn--red-line {
    border-color: #da4453;
}

.ui__btn--red:hover, .ui__btn--red:focus {
    border-color: #da4453;
    color: #da4453;
}

.ui__btn--yellow {
    color: #e78d18;
}

.ui__btn--yellow:hover {
    border-color: #e78d18;
    color: #e78d18;
}

.ui__btn-icon {
    margin-right: 6px;
    position: relative;
    /* top: 1px; */
    font-size: 16px;
    text-align: center;
}

.ui__btn-icon--small {
    font-size: 14px;
}

.ui__btn-icon--margin {
    margin: 0 15px;
}

.ui__btn-icon--margin-top {
    margin-top: 30px;
}

.ui__btn-icon--margin-right {
    margin-right: 40px;
}

.ui__btn-icon--left, .ui__btn-icon--right {
    -webkit-transition: margin .3s cubic-bezier(.19, 1, .22, 1);
    transition: margin .3s cubic-bezier(.19, 1, .22, 1);
}

.ui__btn-icon--left {
    margin: 0 9px 0 0;
}

.ui__btn-icon--right {
    margin: 0 0 0 9px;
}

.ui__btn-icon--center {
    margin: 0;
}

.ui__btn-icon--float-right {
    margin: 0;
    float: right;
    line-height: 38px !important;
}

.ui__btn:hover .ui__btn-icon--left {
    margin: 0 19px 0 -10px;
}

.ui__btn:hover .ui__btn-icon--right {
    margin: 0 -10px 0 19px;
}

.ui__btn--disable, .ui__btn--disable:hover {
    background-color: #6DA7CD;
    color: #FFFF;
    border: #6DA7CD;
    line-height: 40px;
    pointer-events: none;
    cursor: not-allowed;
}

/* busca button */

.ui__busca-btn {
    width: 62px;
    height: 40px;
    margin-left: -5px;
    /*margin-left: -1px;*/
    position: relative;
    display: inline-block;
    /*float: right;*/
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 0 5px 5px 0;
    text-align: center;
    line-height: 40px;
    vertical-align: top;
    -webkit-transition: border .3s;
    transition: border .3s;
    cursor: pointer;
    z-index: 3;
}

.ui__busca-btn--small {
    width: 40px;
    margin-left: -5px;
    vertical-align: top;
    /*margin-left: -1px;
    float: right;*/
}

.ui__busca-btn:hover {
    border: 1px solid #006bb4;
    /*z-index: 2;*/
}

.ui__busca-btn::after {
    content: "\f002";
    color: #006bb4;
    font-family: "FontAwesome";
    font-size: 18px;
    line-height: 45px;
}

.ui__busca-btn--data {
    margin: 0 0 21px 0;
    width: 46px;
    margin-left: -5px;
    vertical-align: top;
}

.ui__busca-btn--data::after {
    content: "\f073";
}

/* label */

.ui__label {
    margin-bottom: 2px;
    display: block;
    color: #2e3439;
    font-size: 13px;
    font-weight: 400;
}

.ui__label--line {
    width: 0;
    position: relative;
    left: -4px;
    display: inline-block;
    line-height: 40px;
}

/* input */

.ui__input {
    width: 100%;
    height: 36px;
    padding: 7px 14px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #dadada;
    background-color: #fff;
    color: #2e3439;
    font-size: 13px;
    line-height: 36px;
    -webkit-transition: border .3s, box-shadow .3s;
    transition: border .3s, box-shadow .3s;
    z-index: 1;
}

.ui__input-arrow {
    width: 43px;
    height: 35px;
    position: absolute;
    top: 1px;
    right: 1px;
    border-radius: 0 5px 5px 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 5;
}

.ui__input--menu~.ui__input-arrow {
    right: 46px;
}

.ui__input--menu-big~.ui__input-arrow {
    right: 91px;
}

.ui__input-arrow::before {
    width: 43px;
    height: 43px;
    content: '';
    background-color: #fff;
    border-radius: 0 5px 5px 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    pointer-events: none;
    display: block;
}

.ui__input:disabled~.ui__input-arrow::before {
    background-color: #ebebeb;
    cursor: not-allowed;
}

.ui__input-arrow::after {
    content: '\f0d7';
    position: absolute;
    top: 0;
    right: 17px;
    color: #2e3439;
    font-family: "FontAwesome";
    font-size: 18px;
    line-height: 44px;
    pointer-events: none;
}

.ui__input:focus {
    border: 1px solid #006bb4;
    /* box-shadow: 0 0 6px #7fb5d9; */
    outline-color: transparent;
    outline-style: none;
    z-index: 4;
}

.ui__input--busca {
    width: calc(100% - 61px);
    border-radius: 5px 0 0 5px;
}

.ui__input--menu {
    width: calc(100% - 39px);
    border-radius: 5px 0 0 5px;
}

.ui__input--menu-big {
    width: calc(100% - 90px);
    float: left;
    border-radius: 5px 0 0 5px;
}

.ui__input--menu-split, .ui__input--menu-split-busca {
    width: calc(100% - 44px);
    margin-left: -1px;
    border-radius: 0;
}

.ui__input--menu-split-busca {
    width: calc(100% - 60px);
}

.ui__input--split-left {
    width: 100%;
    border-radius: 5px 0 0 5px;
}

.ui__input--split-right {
    width: calc(100% + 1px);
    margin-left: -1px;
    border-radius: 0 5px 5px 0;
}

.ui__input--header {
    width: calc(100% - 61px);
    padding: 0 84px 0 23px;
    margin-bottom: 0;
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.ui__input--no-margin {
    margin-bottom: 0;
}

.ui__input-ok-left, .ui__input-ok-right {
    color: #00a99d;
    font-size: 14px;
    -webkit-animation: scale-up .3s cubic-bezier(0.2, 0.57, 0.67, 1.7) forwards;
    animation: scale-up .3s cubic-bezier(0.2, 0.57, 0.67, 1.7) forwards;
    z-index: 3;
}

.ui__input-ok-left {
    margin-left: 12px;
}

.ui__input-ok-right {
    position: absolute;
    top: 27px;
    right: 35px;
    line-height: 45px;
}

.ui__input--bg-ok {
    -webkit-animation: bg-ok 2s ease forwards;
    animation: bg-ok 2s ease forwards;
}

.ui__input--cursor-pointer {
    cursor: pointer;
}

@keyframes bg-ok {
    0% {
        background-color: transparent;
    }
    20% {
        background-color: #dcf1e8;
    }
    80% {
        background-color: #dcf1e8;
    }
    100% {
        background-color: transparent;
    }
}

@-webkit-keyframes bg-ok {
    0% {
        background-color: transparent;
    }
    20% {
        background-color: #dcf1e8;
    }
    80% {
        background-color: #dcf1e8;
    }
    100% {
        background-color: transparent;
    }
}

.ui__input--bg-new {
    background-color: #ecf2f6;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.ui__input--bg-edit {
    background-color: #fffcd3;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.ui__input--bg-del {
    background-color: #fee4e7;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

/* textarea */

.ui__textarea {
    width: 100%;
    height: 340px;
    padding: 12px 20px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #dadada;
    background-color: #fff;
    color: #2e3439;
    font-size: 14px;
    line-height: 20px;
    resize: none;
    -webkit-transition: border .3s, box-shadow .3s;
    transition: border .3s, box-shadow .3s;
}

.ui__textarea_whatsapp {
    width: 100%;
    height: 190px;
    padding: 12px 20px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #dadada;
    background-color: #fff;
    color: #2e3439;
    font-size: 14px;
    line-height: 20px;
    resize: none;
    -webkit-transition: border .3s, box-shadow .3s;
    transition: border .3s, box-shadow .3s;
}

.ui__textarea:focus {
    border: 1px solid #006bb4;
    box-shadow: 0 0 6px #7fb5d9;
    outline-color: transparent;
    outline-style: none;
    z-index: 2;
}

.ui__textarea--small {
    height: 120px;
}

/* checkbox */

.ui__checkbox {
    position: relative;
    line-height: 40px;
}

.ui__checkbox--margin {
    padding: 0;
    margin: 18px 12px 0 0;
    display: inline-block;
    line-height: 45px;
}

/* .ui__checkbox--margin-bottom {
    margin: 0 0 16px 0;
    display: inline-block;
    line-height: 35px;
} */

.ui__checkbox--small {
    padding: 0;
    margin: 0 0 -5px -10px;
    display: inline-block;
}

.ui__checkbox--margin-bottom {
    margin: 0 0 10px 0;
    display: inline-block;
    line-height: 40px;
}

.ui__checkbox-input {
    display: none;
}

.ui__checkbox-input~.ui__checkbox-label {
    padding: 0;
    margin: 5px 0;
    position: relative;
    display: inline-block;
    color: #2e3439;
    font-size: 13px;
    line-height: 21px;
    cursor: pointer;
}

.ui__checkbox--small .ui__checkbox-input~.ui__checkbox-label {
    margin: 0;
    display: block;
}

.ui__checkbox-input~.ui__checkbox-label::before {
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: 12px;
    position: relative;
    content: '';
    display: inline-block;
    float: left;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
    cursor: pointer;
}

.ui__checkbox--margin .ui__checkbox-input~.ui__checkbox-label::before, .ui__checkbox--small .ui__checkbox-input~.ui__checkbox-label::before {
    width: 20px;
    height: 20px;
    line-height: 21px;
}

.ui__checkbox-input~.ui__checkbox-label::after {
    width: 7px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 6px;
    content: '';
    display: block;
    border-bottom: 3px solid #006bb4;
    border-right: 3px solid #006bb4;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 0.57, 0.67, 1.53);
    transition: all 0.2s cubic-bezier(0.2, 0.57, 0.67, 1.53);
    z-index: 2;
}

.ui__checkbox--margin .ui__checkbox-input~.ui__checkbox-label::after, .ui__checkbox--small .ui__checkbox-input~.ui__checkbox-label::after {
    top: 4px;
    left: 6px;
}

.ui__checkbox-input:checked~.ui__checkbox-label::after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

/* input list */

.ui__form-list {
    width: calc(100% - 30px);
    margin-top: -7px;
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dadada;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    z-index: 751;
}

.ui__form-list-box {
    min-height: 47px;
    max-height: 235px;
    position: relative;
    border-radius: 5px 5px 0 0;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.ui__form-list-box::before {
    position: absolute;
    top: 14px;
    left: calc(50% - 95px);
    content: attr(data-before);
    color: #002C55;
    border-radius: 5px 5px 0 0;
    font-family: "FontAwesome";
    font-size: 18px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.ui__form-list-box::after {
    width: 100%;
    padding-left: 25px;
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-after);
    border-bottom: 1px solid #dadada;
    text-align: center;
    line-height: 46px;
}

.ui__form-list-item {
    min-height: 46px;
    position: relative;
    display: block;
    background-color: #fff;
    border-bottom: 1px solid #dadada;
    z-index: 2;
}

.ui__form-list-destaque-termo-pesquisa {
    text-decoration: underline;
}

.ui__form-list-item:first-child {
    border-radius: 5px 5px 0 0;
}

.ui__form-list-btn {
    width: 100%;
    height: 46px;
    padding: 0 25px;
    display: block;
    color: #2e3439;
    line-height: 46px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer;
    overflow: hidden;
}

.ui__form-list-btn:hover {
    background-color: #ebebeb;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 44px;
}

.ui__form-list-btn-novo {
    background-color: #ecf2f6;
    border: none;
    border: 1px solid #ecf2f6;
    border-top: 1px solid #fff;
    border-radius: 0 0 5px 5px;
    text-align: center;
    line-height: 45px;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}

.ui__form-list-btn-novo:hover {
    background-color: #ecf2f6;
    border: 1px solid #006bb4;
}

.ui__form-list-btn-novo::before {
    margin-right: 4px;
    position: relative;
    top: 1px;
    content: '\f055';
    font-size: 18px;
    font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
}

.ui__form-list-ref {
    padding-right: 30px;
}

/* select */

.ui__select-box {
    width: 100%;
    height: 36px;
    margin-bottom: 5px;
    position: relative;
    display: block;
    background: #fff;
    color: #2e3439;
    border-radius: 5px;
    font-size: 13px;
}

.ui__select-box::before {
    width: 36px;
    height: 36px;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    pointer-events: none;
}

.ui__select-box--menu {
    width: calc(100% - 40px);
    float: left;
}

.ui__select-box--menu-correct-height {
    margin-top: 5px;
}

.ui__select-box--margin-top {
    margin-top: 21px;
}

.ui__select-box--no-margin {
    margin-bottom: 0;
}

.ui__select-box--border-radius-left {
    border-radius: 5px 0 0 5px;
}

.ui__select-box--no-border-radius {
    border-radius: 0;
}

.ui__select-box::after {
    content: '\f0d7';
    position: absolute;
    top: 6px;
    right: 18px;
    color: #2e3439;
    font-family: "FontAwesome";
    font-size: 18px;
    pointer-events: none;
    z-index: 3;
}

.ui__select {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 40px 0 20px;
    position: relative;
    background: #fff;
    background-image: none;
    outline: 0;
    border-radius: 5px;
    border: 1px solid #dadada;
    line-height: 36px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-transition: border .3s, box-shadow .3s;
    transition: border .3s, box-shadow .3s;
    cursor: pointer;
}

.ui__select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.ui__select:focus {
    border: 1px solid #006bb4;
    box-shadow: 0 0 6px #7fb5d9;
    outline-color: transparent;
    outline-style: none;
    z-index: 2;
}

.ui__select-box--menu .ui__select {
    border-radius: 5px 0 0 5px;
}

.ui__select-box--border-radius-left .ui__select {
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.ui__select-box--no-border-radius .ui__select {
    border-right: none;
    border-radius: 0;
}

.ui__select--split {
    border-radius: 5px 0 0 5px;
}

.ui__select::-ms-expand {
    display: none;
}

/* ui toggle */

.ui__toggle-input {
    display: none;
}

.ui__toggle {
    width: 105px;
    height: 40px;
    position: relative;
    display: inline-block;
    float: right;
    background-color: #da4453;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background-color .4s linear;
    transition: background-color .4s linear;
}

.ui__toggle--margin {
    margin-left: 30px;
}

.ui__toggle::before {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    content: "";
    background-color: #fff;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 3;
}

.ui__toggle::after {
    position: absolute;
    top: 10px;
    left: 20px;
    content: "Não";
    line-height: 20px;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    -webkit-transition: transform .3s;
    transition: transform .3s;
}

.ui__toggle-input:checked+.ui__toggle {
    background-color: #00a99d;
}

.ui__toggle-input:checked+.ui__toggle::before {
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
}

.ui__toggle-input:checked+.ui__toggle::after {
    content: "Sim";
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

/* ui slider */

.ui__slider {
    margin-bottom: 25px;
    margin-top: 10px;
    position: relative;
}

.ui__slider-track {
    width: 100%;
    height: 10px;
    background-color: #ebebeb;
    border-radius: 5px;
}

.ui__slider-progress {
    width: 80%;
    height: 10px;
    position: absolute;
    left: 10%;
    background-color: #006bb4;
}

.ui__slider-range {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -10px;
    background-color: #fff;
    border: 1px solid #006bb4;
    border-radius: 15px;
    z-index: 3;
}

.ui__slider-range--min {
    left: calc(10% - 15px);
}

.ui__slider-range--max {
    right: calc(10% - 15px);
}

.ui__slider-value {
    margin-top: 20px;
    text-align: center;
}

/* ui map */

.ui__map {
    width: 100%;
    height: 340px;
    margin-bottom: 21px;
    padding: 10px;
    position: relative;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
}

.ui__map::before {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    content: "";
    display: block;
    position: absolute;
    background-size: 1024px 1024px;
    border-radius: 5px;
    overflow: hidden;
}

.ui__map::after {
    width: calc(100% - 110px);
    max-width: 500px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    border-radius: 5px;
    font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
    text-align: center;
    line-height: 45px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ui__map_not_found {
    width: 100%;
    height: 340px;
    margin-bottom: 21px;
    padding: 10px;
    position: relative;
    border: 1px solid #dadada;
    border-radius: 5px;
}

.ui__map_not_found::before {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    content: "";
    display: block;
    position: absolute;
    background-size: 1024px 1024px;
    border-radius: 5px;
    overflow: hidden;
    background: #000 url(../svg/no-map.svg) center no-repeat !important;
}

.ui__map_not_found::after {
    width: calc(100% - 110px);
    max-width: 500px;
    height: 45px;
    content: "\f071\ Mapa não encontrado";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    border-radius: 5px;
    font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
    text-align: center;
    line-height: 45px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ui__map-container {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    z-index: 3;
}

/* ui form menu */

.ui__form-menu__input, .ui__form-menu-close-btn {
    display: none;
}

.ui__form-menu__label {
    width: 40px;
    height: 36px;
    margin-left: -4px;
    position: relative;
    display: inline-block;
    float: right;
    background-color: #fff;
    border: 1px solid #dadada;
    border-left: none;
    border-radius: 0 5px 5px 0;
    text-align: center;
    line-height: 36px;
    vertical-align: top;
    cursor: pointer;
}

.ui__form-menu__label:before {
    width: 40px;
    height: 36px;
    content: '\f013';
    color: #2e3439;
    font-family: "FontAwesome";
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1);
}

.ui__form-menu__label--loading:before {
    content: '\f021' !important;
    font-family: "FontAwesome";
    -webkit-animation: engrenagem-loading 1.3s infinite linear;
    animation: engrenagem-loading 1.3s infinite linear;
}

@-webkit-keyframes engrenagem-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes engrenagem-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.ui__form-menu__label--loading:hover:before {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important;
}

.ui__form-menu__input:disabled~.ui__form-menu__label, .ui__form-menu__input:disabled~.ui__form-menu__label:before {
    color: #d5d5d5;
    -webkit-transition: none;
    transition: none;
    cursor: not-allowed;
}

.ui__form-menu__label:hover:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ui__form-menu {
    position: absolute;
    top: 50px;
    right: 0;
    border-radius: 5px;
    opacity: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: height .3s, opacity .1s, transform .1s cubic-bezier(.19, 1, .22, 1);
    transition: height .3s, opacity .1s, transform .1s cubic-bezier(.19, 1, .22, 1);
    pointer-events: none;
    overflow: hidden;
    z-index: 4;
}

.ui__form-menu:before, .ui__form-menu:after {
    content: '\f0d8';
    position: absolute;
    top: -15px;
    right: 13px;
    font-family: "FontAwesome";
    font-size: 16px;
}

.ui__form-menu:before {
    color: #aaa;
}

.ui__form-menu:after {
    top: -14px;
    color: #fff;
}

.ui__form-menu__input:checked~.ui__form-menu {
    height: 45px;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .2s, transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .2s, transform .3s cubic-bezier(.19, 1, .22, 1);
    pointer-events: initial;
    overflow: visible;
}

.ui__form-menu-btn-box {
    width: 122px;
}

.ui__form-menu-btn {
    width: 36px;
    min-width: 36px;
    height: 36px;
    float: left;
    background-color: #fff;
    border: 1px solid #dadada;
    font-size: 16px;
    text-align: center;
    line-height: 36px !important;
    cursor: pointer;
    -webkit-transition: border .3s;
    transition: border .3s;
}

.ui__form-menu-btn--margin-bottom {
    margin: 0 0 10px 0 !important;
    padding-top: 10px;
}

.ui__form-menu-btn-add {
    color: #006bb4;
    border-radius: 5px;
}

.ui__form-menu-btn-add:hover {
    color: #006bb4;
    border: 1px solid #006bb4;
}

.ui__form-menu-btn-edit {
    color: #e78d18;
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.ui__form-menu-btn-edit--border-radius {
    border-right: 1px solid #dadada;
    border-radius: 5px;
}

.ui__form-menu-btn-edit:hover {
    border: 1px solid #e78d18;
}

.ui__form-menu-btn-del {
    color: #da4453;
    border-radius: 0 5px 5px 0;
}

.ui__form-menu-btn-del:hover {
    border: 1px solid #da4453;
}

.ui__form-menu-btn-edit--border-radius:after, .ui__form-menu-btn-del:after {
    content: '\f0d8';
    position: absolute;
    top: -21px;
    right: 12px;
    color: #da4453;
    opacity: 0;
    font-family: "FontAwesome";
    font-size: 20px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.ui__form-menu-btn-edit--border-radius:after {
    color: #e78d18;
}

.ui__form-menu-btn-edit--border-radius:hover:after, .ui__form-menu-btn-del:hover:after {
    opacity: 1;
}

.ui__form-menu-btn-del2 {
    color: #da4453;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
}

.ui__form-menu-btn-del2:hover {
    border: 1px solid #da4453;
    color: #da4453;
}

.ui__form-menu-btn-edit2 {
    color: #e78d18;
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px;
    margin-right: 0;
}

.ui__form-menu-btn-edit2:hover {
    border: 1px solid #e78d18;
    color: #e78d18;
}

.ui__form-menu__input:checked~.ui__form-menu-close-btn {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: 2;
}

.ui__form-btn-ok, .ui__form-btn-del {
    width: 46px;
    height: 45px;
    margin-left: -1px;
    position: relative;
    float: left;
    background-color: #fff;
    color: #00a99d;
    border: 1px solid #dadada;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    -webkit-transition: border .3s;
    transition: border .3s;
    cursor: pointer;
}

.ui__form-btn-del {
    color: #006bb4;
    border-radius: 0 5px 5px 0;
}

.ui__form-btn-ok:hover {
    border: 1px solid #00a99d;
    z-index: 3;
}

.ui__form-btn-del:hover {
    border: 1px solid #006bb4;
    z-index: 3;
}

/* form disable */

.ui__input[disabled], button[disabled] {
    background-color: #dadada;
    color: #6e767d;
    cursor: not-allowed;
}

/* form ok */

.ui__form-ok {
    /*border: 1px solid #00a99d;
    box-shadow: 0 0 6px #7fd4ce;
    z-index: 4;*/
}

.ui__form-ok::after {
    width: 7px;
    height: 10px;
    position: absolute;
    top: 6px;
    left: 9px;
    content: '';
    display: block;
    border-bottom: 3px solid #00a99d;
    border-right: 3px solid #00a99d;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 0.57, 0.67, 1.53);
    transition: all 0.2s cubic-bezier(0.2, 0.57, 0.67, 1.53);
    z-index: 2;
}

/* form message */

.ui__form-message, .ui__form-message--ok {
    margin: -7px 0 0 0;
    padding-top: 3px;
    display: block;
    color: #d32f2f;
    font-size: 12px;
}

.ui__form-message--margin-bottom {
    margin-bottom: 18px;
}

.ui__form-message--ok {
    color: #37bc9b;
}

/* form error */

.ui__form-error {
    border: 1px solid #d32f2f !important;
    /* box-shadow: 0 0 6px #f0b4ba; */
    /* -webkit-animation: shake 150ms 2 linear;
    animation: shake 150ms 2 linear; */
    z-index: 3;
}

.invalid .ui__input, .invalid .ui__btn, .invalid .btn, .invalid .ui__select, .invalid .opcoes, .invalid .app__opcoes-engrenagem, .invalid .ui__textarea {
    border: 1px solid #d32f2f !important;
    /* box-shadow: 0 0 6px #f0b4ba; */
    /* -webkit-animation: shake 150ms 2 linear; */
    /* animation: shake 150ms 2 linear; */
    z-index: 3;
}

/* table */

.ui__table {
    width: 100%;
    color: #2e3439;
    font-size: 14px;
}

.ui__table--margin {
    margin-bottom: 55px;
}

.ui__table--border-bottom {
    margin-bottom: 30px;
    border-bottom: 1px solid #dadada;
}

.ui__table--no-top-border {
    border-top: none !important;
}

.ui__table-line {
    min-height: 40px;
    /*background-color: #fff;*/
    border-bottom: 1px solid #dadada;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer;
}

.ui__table-head .ui__table-line {
    cursor: default;
}

.ui__table-line--nopointer .ui__table-line {
    cursor: default;
}

.ui__table-line:hover {
    background-color: #ecf0f3;
}

/* .ui__table-expand-body .ui__table-line:nth-last-child(-n+2),
.ui__table-line:last-child {
    border-bottom: none;
} */

/* .ui__table-expand-body tr:last-child .ui__content-intern-input:checked ~ .ui__content-intern {
    border-top: 1px solid #dadada;
    border-bottom: none;
} */

.ui__table-line.active, .ui__table-line.active:hover {
    background-color: #ebebeb;
}

.ui__table-line.ui__table-title {
    color: #2e3439;
    border-bottom: 1px solid #dadada;
    font-weight: bold;
}

.ui__table-title:hover {
    background-color: #fff;
}

.ui__table-col--padding-taxa {
    padding-top: 25px !important;
}

.ui__table-col--padding-right {
    padding-left: 50px !important;
}

.ui__table-col {
    padding: 10px 0 11px 30px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.ui__table-col--padding-right {
    padding-left: 60px;
}

.ui__table-col--align-center {
    text-align: center;
}

.ui__table-col:first-child {
    font-weight: bold;
}

.ui__table-col-link {
    width: calc(100% + 25px);
    margin-left: -25px;
    padding-left: 25px;
    display: block;
    color: #2e3439;
}

.ui__table-col-icon {
    margin-right: 12px;
    position: relative;
    color: #006bb4;
}

.ui__table-col-icon--line::after {
    width: 1px;
    height: 22px;
    content: "";
    position: absolute;
    top: -4px;
    left: 6px;
    background-color: #006bb4;
    -webkit-transform: rotate(-42deg);
    transform: rotate(-42deg);
}

.ui__table-line--color-red {
    background: #e57373;
}

.ui__table>.ui__table-body>.removed, .ui__table>.ui__table-body>.removed>td {
    /* background-color: #EAEAEA; */
    color: #6e767d;
    text-decoration-line: line-through;
    transition: background-color ease-in-out .15s;
}

.ui__table>.ui__table-body>.removed>.ui__table-col--options {
    text-decoration-line: none;
}

/* bullet */

.ui__bullet {
    width: 10px;
    height: 10px;
    margin-right: 20px;
    display: inline-block;
    background-color: #da4453;
    border-radius: 5px;
    box-shadow: 0 1px 2px #666;
}

.ui__bullet--yellow {
    background-color: #e78d18;
}

/* progress bar */

.ui__progress {
    width: 100%;
    height: 30px;
    background: -webkit-repeating-linear-gradient(-45deg, #ededed, #ededed 3px, #fff 4px, #fff 7px);
    background: -moz-repeating-linear-gradient(-45deg, #ededed, #ededed 3px, #fff 4px, #fff 7px);
    background: repeating-linear-gradient(-45deg, #ededed, #ededed 3px, #fff 4px, #fff 7px);
    border: 1px solid #dadada;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    overflow: hidden;
}

.ui__progress__bar {
    width: 10%;
    height: 100%;
    padding-right: 10px;
    content: attr(casaprogressbar);
    display: block;
    background-color: #3a4248;
    text-align: right;
    -webkit-transition: width .5s cubic-bezier(.19, 1, .22, 1);
    transition: width .5s cubic-bezier(.19, 1, .22, 1);
}

.ui__progress__bar::after {
    content: attr(casaprogressbar);
    color: #fff;
    line-height: 28px;
}

.fotos {
    min-width: 20px;
    min-height: 20px;
}

.item-album-foto {
    margin-bottom: 15px;
}

.item-album-foto:last-of-type {
    margin-bottom: 30px;
}

.item-album-foto-drop {
    width: 370px;
    height: 304px;
    border: 1px dashed gray;
}

.item-album-foto-recarregar {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 12;
}

.item-album-foto-recarregar--overlay {
    background: rgba(0, 0, 0, 0.8);
}

.item-album-foto-recarregar--icon {
    font-size: 50px;
    color: #fff;
    margin-top: 40px;
    display: block;
}

.item-album-foto-recarregar--btn-recarregar {
    color: #fff;
    padding: 10px 0 10px 20px;
    display: inline-flex;
    width: 119px;
    margin-left: 2px;
    cursor: pointer;
    margin-top: 20px;
    text-align: center;
}

.item-album-foto-recarregar--btn-recarregar:hover {
    color: #000;
    background: #fff;
    border-radius: 6px;
}

.item-album-drop {
    width: 210px;
    height: 118.41;
    border: 1px dashed gray;
    margin-bottom: 20px;
}

.ui__progress__bar.ui__progress__bar--green {
    background-color: #00a99d;
}

.ui__progress.ui__progress--small {
    width: calc(100% + 1px);
    height: 7px;
    position: absolute;
    left: -1px;
    border-radius: 0;
    overflow: visible;
    z-index: 3;
    bottom: -1px;
}

.ui__progress--small .ui__progress__bar {
    width: 0;
    padding-right: 0;
}

.ui__progress__bar--image {
    width: 100%;
    height: 180px;
    position: absolute;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
    -webkit-transition: width .5s cubic-bezier(.19, 1, .22, 1);
    transition: width .5s cubic-bezier(.19, 1, .22, 1);
    z-index: 2;
}

/* alert */

.ui__alert-box {
    height: calc(100vh - 260px);
}

.ui__alert {
    width: 100%;
    padding: 0 30px;
    position: relative;
    top: 50%;
    text-align: center;
    transform: translateY(-35%);
}

.ui__alert-icon {
    font-size: 72px;
}

.ui__alert-text {
    margin-top: 9px;
}

/* = tooltip (casatooltip)
   ========================================================================== */

[casatooltip] {
    position: relative;
    line-height: initial;
}

[casatooltip]:before, [casatooltip]:after {
    position: absolute;
    bottom: 100%;
    left: 50%;
    opacity: 0;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transition: all 0.15s ease 0.18s;
    transition: all 0.15s ease 0.18s;
    pointer-events: none;
    z-index: 10;
}

[casatooltip]:after {
    padding: 5px 12px 7px;
    margin-bottom: 10px;
    content: attr(casatooltip);
    background-color: #fff;
    color: #2e3439;
    border-radius: 5px;
    border: 1px solid #dadada;
    border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .15);
    font-size: 12px;
    text-align: center;
    line-height: initial;
    white-space: nowrap;
    z-index: -1;
}

[casatooltip]:before {
    width: 8px;
    height: 8px;
    margin-bottom: 5px;
    content: "";
    left: calc(50% - 3px);
    background-color: #fff;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    -webkit-transform: translate(-50%, 10px) rotate(-45deg);
    transform: translate(-50%, 10px) rotate(-45deg);
    z-index: 11;
}

[casatooltip]:hover:before, [casatooltip]:hover:after {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    pointer-events: auto;
}

[casatooltip]:hover:before {
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%, 0) rotate(-45deg);
}

[casatooltip][casatooltip-break]:after {
    white-space: normal;
}

[casatooltip-pos="down"]:before, [casatooltip-pos="down"]:after {
    top: 100%;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}

[casatooltip-pos="down"]:after {
    margin-top: 10px;
}

[casatooltip-pos="down"]:before {
    width: 8px;
    height: 8px;
    margin-top: 8px;
    margin-bottom: 0;
    left: calc(50% - 3px);
    background-color: #fff;
    border: none;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
    -webkit-transform: translate(-50%, -10px) rotate(-45deg);
    transform: translate(-50%, -10px) rotate(-45deg);
}

[casatooltip-pos="down"]:hover:before, [casatooltip-pos="down"]:hover:after {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

[casatooltip-pos="down"]:hover:before {
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%, 0) rotate(-45deg);
}

[casatooltip-pos="left"]:before, [casatooltip-pos="left"]:after {
    top: 50%;
    bottom: auto;
    left: auto;
    right: 100%;
    -webkit-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
}

[casatooltip-pos="left"]:after {
    margin-right: 10px;
}

[casatooltip-pos="left"]:before {
    width: 8px;
    height: 8px;
    margin-bottom: 0;
    margin-right: 9px;
    top: calc(50% + 1px);
    background-color: #fff;
    border-top: none;
    border: none;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    -webkit-transform: translate(10px, -50%) rotate(-45deg);
    transform: translate(10px, -50%) rotate(-45deg);
}

[casatooltip-pos="left"]:hover:before, [casatooltip-pos="left"]:hover:after {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

[casatooltip-pos="left"]:hover:before {
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
}

[casatooltip-pos="right"]:before, [casatooltip-pos="right"]:after {
    top: 50%;
    bottom: auto;
    left: 100%;
    -webkit-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%);
}

[casatooltip-pos="right"]:after {
    margin-left: 10px;
}

[casatooltip-pos="right"]:before {
    width: 8px;
    height: 8px;
    margin-bottom: 0;
    margin-left: 3px;
    top: calc(50% + 2px);
    background-color: #fff;
    border: none;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
    -webkit-transform: translate(-10px, -50%) rotate(-45deg);
    transform: translate(-10px, -50%) rotate(-45deg);
}

[casatooltip-pos="right"]:hover:before, [casatooltip-pos="right"]:hover:after {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

[casatooltip-pos="right"]:hover:before {
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
}

[casatooltip-size]:after {
    white-space: normal;
}

[casatooltip-size="small"]:after {
    width: 80px;
}

[casatooltip-size="xsmall"]:after {
    width: 115px;
}

[casatooltip-size="medium"]:after {
    width: 150px;
}

[casatooltip-size="large"]:after {
    width: 260px;
}

[casatooltip-size="xlarge"]:after {
    width: 380px;
}

[casatooltip-size="fit"]:after {
    width: 100%;
}

/* = alert (casaalert)
   ========================================================================== */

.casaalert {
    width: 100%;
    max-width: 435px;
    padding: 30px;
    padding-bottom: 80px;
    margin: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    pointer-events: none;
    z-index: 1010;
}

.casaalert__box {
    list-style: none;
    pointer-events: all;
}

.casaalert__input {
    display: none;
}

.casaalert__item {
    height: auto;
    padding: 15px 55px 17px;
    margin-top: 10px;
    position: relative;
    display: block;
    background-color: #e78d18;
    color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    line-height: 18px;
    -webkit-animation: alert 4s cubic-bezier(.19, 1, .22, 1) forwards;
    animation: alert 4s cubic-bezier(.19, 1, .22, 1) forwards;
    pointer-events: all;
    cursor: pointer;
    overflow: hidden;
}

.casaalert__item_fixa {
    height: auto;
    padding: 15px 55px 17px;
    margin-top: 10px;
    position: relative;
    display: block;
    background-color: #e78d18;
    color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    line-height: 18px;
    pointer-events: all;
    cursor: pointer;
    overflow: hidden;
}

.casaalert__item--required {
    width: 264px;
    height: 30px;
    padding: 0 0 0 50px;
    position: absolute;
    right: 60px;
    display: inline-block;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: normal;
    line-height: 30px;
    -webkit-animation: scale-up .3s cubic-bezier(.19, 1, .22, 1) forwards;
    animation: scale-up .3s cubic-bezier(.19, 1, .22, 1) forwards;
    pointer-events: all;
}

.casaalert__item--required::after {
    display: none;
}

.casaalert__item--error {
    background-color: #da4453;
}

.casaalert__item--success {
    background-color: #00a99d;
}

.casaalert__item--question {
    padding: 0 20px;
    text-align: center;
    animation-name: alert-in;
    animation-duration: .4s;
}

.casaalert__item::before {
    content: "\f05a";
    color: #fff;
    position: absolute;
    top: 50%;
    left: 20px;
    font-family: 'FontAwesome';
    font-size: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.casaalert__item_fixa::before {
    content: "\f05a";
    color: #fff;
    position: absolute;
    top: 50%;
    left: 20px;
    font-family: 'FontAwesome';
    font-size: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.casaalert__item--error::before {
    content: "\f071";
}

.casaalert__item--success::before {
    content: "\f00c";
}

.casaalert__item::after {
    content: "\f00d";
    color: #fff;
    position: absolute;
    top: 15px;
    right: 15px;
    font-family: 'FontAwesome';
    font-size: 18px;
}

.casaalert__item_fixa::after {
    content: "\f00d";
    color: #fff;
    position: absolute;
    top: 15px;
    right: 15px;
    font-family: 'FontAwesome';
    font-size: 18px;
}

.casaalert__item--question::before {
    margin-right: 9px;
    content: "\f05a";
    color: #fff;
    position: relative;
    top: 1px;
    left: auto;
    font-family: 'FontAwesome';
    font-size: 18px;
}

.casaalert__item--question::after {
    display: none;
}

.casaalert__btn-box {
    position: absolute;
    width: 100%;
    left: 0;
}

.casaalert__btn {
    width: 50%;
    height: 50px;
    margin-top: 16px;
    float: left;
    background: #fff;
    border-right: 1px solid #dadada;
    text-align: center;
    line-height: 50px;
}

.casaalert__btn--yes {
    color: #00a99d;
}

.casaalert__btn--no {
    color: #006bb4;
}

.casaalert__btn--yes::before, .casaalert__btn--no::before {
    margin-right: 6px;
    position: relative;
    top: 1px;
    font-family: 'FontAwesome';
    font-size: 18px;
}

.casaalert__btn--yes::before {
    content: "\f00c";
}

.casaalert__btn--no::before {
    content: "\f00d";
}

.casaalert__input:checked+label {
    animation-name: alert-close;
    animation-duration: .4s;
}

@keyframes alert {
    0% {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        transform: translateX(110%);
    }
    15% {
        height: auto;
        padding-top: 15px;
        padding-bottom: 17px;
        transform: translateX(0);
    }
    85% {
        height: auto;
        margin-top: 10px;
        padding-top: 15px;
        padding-bottom: 17px;
        transform: scale(1);
        opacity: 1;
    }
    100% {
        height: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes alert {
    0% {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: translateX(110%);
    }
    15% {
        height: auto;
        padding-top: 15px;
        padding-bottom: 17px;
        -webkit-transform: translateX(0);
    }
    85% {
        height: auto;
        margin-top: 10px;
        padding-top: 15px;
        padding-bottom: 17px;
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        height: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: scale(0);
        opacity: 0;
    }
}

@keyframes alert_fixo {
    0% {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        transform: translateX(110%);
    }
    15% {
        height: auto;
        padding-top: 15px;
        padding-bottom: 17px;
        transform: translateX(0);
    }
    100% {
        height: auto;
        margin-top: 10px;
        padding-top: 15px;
        padding-bottom: 17px;
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes alert_fixo {
    0% {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: translateX(110%);
    }
    15% {
        height: auto;
        padding-top: 15px;
        padding-bottom: 17px;
        -webkit-transform: translateX(0);
    }
    100% {
        height: auto;
        margin-top: 10px;
        padding-top: 15px;
        padding-bottom: 17px;
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes alert-in {
    0% {
        height: 0;
        padding-top: 0;
        padding-bottom: 0x;
        transform: translateX(110%);
    }
    100% {
        height: auto;
        padding-top: 15px;
        padding-bottom: 66px;
        transform: translateX(0);
    }
}

@-webkit-keyframes alert-in {
    0% {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: translateX(110%);
    }
    100% {
        height: auto;
        padding-top: 15px;
        padding-bottom: 66px;
        -webkit-transform: translateX(0);
    }
}

@keyframes alert-close {
    100% {
        height: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes alert-close {
    100% {
        height: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: scale(0);
        opacity: 0;
    }
}

/* = tabs (casawidget)
   ========================================================================== */

.casawidget__content {
    max-height: 400px !important;
    /* overflow: auto !important; */
    /*removido para exibir o calendário */
}

.widget {
    max-height: 350px;
}

.widget>.widget__body {
    overflow-y: auto;
}

/* = loader
       ========================================================================== */

.casaoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.casaoverlay, .overlay-wrapper .casaoverlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}

.casaoverlay>.fa, .overlay-wrapper .casaoverlay>.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}

.casaoverlay.dark, .overlay-wrapper .casaoverlay.dark {
    background: rgba(0, 0, 0, 0.5);
}

/* = tabs (casatabs)
   ========================================================================== */

.casatabs {
    width: 100%;
    margin: 30px auto 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: inherit;
}

.casatabs--tabs {
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
    overflow: hidden;
}

.casatabs--album {
    margin-top: 0;
    margin-bottom: 30px;
    overflow-x: hidden;
}

.casatabs__input {
    display: none;
}

.casatabs__label {
    width: 100%;
    height: 40px;
    padding: 0 0 0 50px;
    position: relative;
    background-color: #fff;
    color: #2e3439;
    border: 1px solid #dadada;
    border-radius: 5px;
    font-weight: bold;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 0;
}

.casatabs__label--tabs {
    height: 40px;
    position: relative;
    background-color: #fff;
    color: #2e3439;
    border-right: 1px solid #dadada;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.casatabs__label--tabs:first-of-type {
    border-top-left-radius: 5px;
}

.casatabs__label--album {
    height: 40px;
    padding: 0 0 0 40px;
    color: #6e767d;
    border-radius: 0;
    font-weight: normal;
    line-height: 40px;
}

.casatabs__label::before {
    content: "\f0d7";
    position: absolute;
    top: 0;
    left: 24px;
    color: #2e3439;
    font-family: "FontAwesome";
    font-size: 18px;
    -webkit-transition: transform .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1);
}

.casatabs__label--tabs::before {
    display: none;
}

.casatabs__label--album::before {
    left: 16px;
}

.casatabs__label--album::after {
    width: 1px;
    height: 40px;
    content: "";
    position: absolute;
    top: 0;
    left: 40px;
    background-color: #dadada;
}

.casatabs--cadastro>.casatabs__label::after {
    width: 51px;
    height: 49px;
    content: "\f067";
    display: inline-block;
    float: right;
    background-color: #fff;
    color: #006bb4;
    border-left: 1px solid #dadada;
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    line-height: 51px;
}

.casatabs__input:checked~.casatabs__label {
    border-bottom: 1px solid #dadada;
    border-radius: 5px 5px 0 0;
}

.casatabs__input:checked~.casatabs__label--album {
    border-radius: 0;
}

.casatabs__label-icon {
    margin-right: 10px;
    position: relative;
    top: 1px;
    color: #006bb4;
    font-size: 18px;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.casatabs__label--tabs:hover, .casatabs__input:checked+.casatabs__label--tabs {
    background-color: #2e3439;
    color: #fff;
}

.casatabs__label--tabs:hover .casatabs__label-icon, .casatabs__input:checked+.casatabs__label--tabs .casatabs__label-icon {
    color: #fff;
}

.casatabs--cadastro>.casatabs__input:checked~.casatabs__label {
    background-color: #ebebeb;
    border-color: #2e3439;
    border-bottom-color: #dadada;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);
}

.casatabs__input:checked~.casatabs__label::before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.casatabs--cadastro>.casatabs__input:checked~.casatabs__label::after {
    content: "\f068";
}

.casatabs__content {
    width: 100%;
    height: 0;
    /* padding: 0 15px; */
    position: inherit;
    color: #666;
    background-color: #fff;
    border-bottom: none;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1);
    transition: all .4s cubic-bezier(.19, 1, .22, 1);
}

.casatabs__content--tabs {
    padding: 0;
    color: #2e2e2e;
    border: none;
    opacity: 0;
    -webkit-order: 2;
    order: 2;
}

.casatabs__content--album {
    padding: 0 15px;
    border-radius: 0;
}

/* .casatabs__content--album-status {
    padding: 0 15px 30px 15px;
}

.casatabs__content--album-count {
    width: 26px;
    height: 26px;
    margin-right: 12px;
    display: inline-block;
    background-color: #00a99d;
    color: #fff;
    border-radius: 13px;
    text-align: center;
    line-height: 26px;
}

.casatabs__content--album-del-btn {
    padding: 0 17px 0 0;
    font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
    cursor: pointer;
}

.casatabs__content--album-del-btn-yes::before {
    margin: 0 10px 0 25px;
    content: "\f00c";
}

.casatabs__content--album-del-btn-no::before {
    padding-left: 20px;
    margin-right: 10px;
    content: "\f00d";
    border-left: 1px solid #dadada;
    font-size: 18px;
} */

/*.casatabs__input:checked ~ .casatabs__content {*/

.casatabs__input:checked+.casatabs__label--tabs+.casatabs__content, .casatabs__input:checked+.casatabs__label+.casatabs__content {
    height: auto;
    /*padding-top: 27px;
    padding-bottom: 30px;*/
    border-bottom: 1px solid #dadada;
    overflow: inherit;
}

.casatabs__input:checked+.casatabs__label--tabs+.casatabs__content--tabs {
    padding: 0;
    opacity: 1;
    border-top: 1px solid #dadada;
}

.casatabs__input:checked~.casatabs__content--album {
    padding: 30px 15px;
}

.casatabs--cadastro>.casatabs__input:checked~.casatabs__content {
    border-color: #2e3439;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}

.casatabs__btn {
    width: 40px;
    height: 40px;
    display: inline-block;
    float: right;
    background-color: #fff;
    border-left: 1px solid #dadada;
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    line-height: 40px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.casatabs__btn--album {
    line-height: 40px;
}

.casatabs__btn:hover {
    background-color: #ebebeb;
}

.casatabs__drag {
    cursor: url(../img/openhand.png), auto;
}

.casatabs__drag:active {
    cursor: url(../img/closedhand.png), auto;
}

.casatabs__refresh::after {
    content: "\f021";
    color: #00a99d;
}

.casatabs__drag::after {
    content: "\f047";
    color: #006bb4;
}

.casatabs__delete::after {
    content: "\f1f8";
    color: #da4453;
}

.casatabs__options::after {
    content: "\f013";
    color: #d5d5d5;
}

/* ==========================================================================
   = sistema casasoft venda
   ========================================================================== */

/* = nav
   ========================================================================== */

.nav__principal {
    width: 100%;
    height: 40px;
    position: fixed;
    top: 63px;
    left: 0;
    background: #2e3439;
    z-index: 800;
}

.nav__menu {
    text-align: center;
}

.nav__menu-link {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
}

.nav__menu-link:hover {
    color: #fff;
}

.nav__menu-link::before {
    width: 1px;
    height: 15px;
    content: '';
    position: absolute;
    top: 13px;
    right: -15px;
    background-color: #525e66;
}

.nav__menu>.nav__menu-btn:last-child>.nav__menu-link::before {
    display: none;
}

.nav__menu-link-icon {
    margin-right: 10px;
    font-size: 18px;
}

.nav__menu-link:hover, .nav__menu-link.active {
    background-color: #3a4248;
}

.nav__menu-link--has-child::after {
    margin-left: 20px;
    content: "\f0d7";
    display: inline-block;
    color: #fff;
    font-family: "FontAwesome";
    font-size: 18px;
    -webkit-transition: transform .2s;
    transition: transform .2s;
}

.nav__menu-link--has-child:hover::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.nav__submenu-box {
    width: 100%;
    height: 0;
    position: absolute;
    top: 40px;
    left: 0;
    -webkit-transition: height .3s, max-height .3s;
    transition: height .3s, max-height .3s;
    overflow: hidden;
}

.nav__submenu {
    width: 100%;
    padding: 15px 0;
    background-color: #161b1e;
    border-radius: 0 0 5px 5px;
}

.nav__menu-link--has-child:hover .nav__submenu-box {
    max-height: 300px;
    height: auto;
}

.nav__submenu-link {
    height: 40px;
    display: block;
    color: #909ea8;
    font-weight: 400;
    line-height: 40px;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
}

.nav__submenu-link:hover, .nav__submenu-link.active {
    background-color: #7680A4;
    color: #fff;
}

.nav__submenu-separator {
    border-top: solid 1px;
    border-color: #3a4248;
    margin: 0 10px;
}

/** Menu Sidebar principal **/

.nav__sidebar-principal--btn-open-menu {
    position: fixed;
    left: 0;
    top: 25%;
    width: 9px;
    height: 50%;
    background: #2e3439;
    border-radius: 0 25px 25px 0;
    cursor: pointer;
    z-index: 649;
    opacity: 0.5;
    transition: width 0.2s cubic-bezier(0.32, 0.29, 0.65, 1.22);
    display: block;
}

.nav__sidebar-principal--btn-open-menu:hover {
    width: 12px;
}

.nav__sidebar-principal--btn-open-menu.close {
    width: 0;
}

.nav__sidebar-principal--overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    opacity: 0.5;
    display: block;
    z-index: 745;
    left: 0;
    top: 0;
}

.nav__sidebar-principal--overlay.close {
    display: none;
}

.main__menu-principal-container {
    z-index: 700;
    margin-bottom: 70px;
}



#app__sidebar_principal .main__menu-container {
    position: fixed;
    z-index: 750;
    left: 0;
    height: 100%;
}

#app__sidebar_principal .main__menu--only-expanded {
    margin-left: 15px;
}

#app__sidebar_principal .main__menu {
    margin-right: 0;
}

.main__menu.main__menu--principal {
    padding-top: 103px !important;
}

#sidebar-menu-principal .popover {
    position: fixed;
}

#app__sidebar-principal--menu {
    -webkit-box-shadow: 19px 19px 9px -13px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 19px 19px 9px -13px rgba(0, 0, 0, 0.1);
    box-shadow: 19px 19px 9px -13px rgba(0, 0, 0, 0.1);
    height: auto;
    min-height: 100vh;
}

.nav__menu-link--principal {
    width: 50px;
    margin-left: 15px;
    margin-top: -1px;
}

.nav__menu-link--principal:hover, .nav__menu-link--principal:active {
    margin-top: -1px;
}

.nav__menu-icon--principal {
    margin-right: 0;
}

.nav__menu-btn--principal {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zindex0 {
    z-index: 0 !important;
}

/*  = Menu sidebar imóveis 
    ========================================================================= */

.main__menu-container {
    z-index: 700;
    margin-bottom: 70px;
    /* esta margem é para compensar o footer */
}

/**
/* = header
   ========================================================================== */

.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    border-top: 3px solid #7680A4;
    z-index: 850;
}

.header-box {
    min-height: 60px;
    padding-top: 10px;
    background: #fff;
    z-index: 3;
}

.header__logo-img {
    height: 45px;
    margin: -2px 0 0 20px;
}

/* header empresa (select) */

.header__empresa {
    width: 372px;
    float: right;
}

.header__empresa-select-box {
    max-width: 240px;
    margin-bottom: 0;
    float: right;
}

.header__empresa-text {
    float: left;
    color: #2e3439;
    font-weight: bold;
    line-height: 44px;
}

/* ui dropdown user */

.header__user-permissoes-btn::after, .header__user-senha-btn::after, .header__user-dados-btn::after, .header__user-sair-btn::after {
    width: 18px;
    content: "\f007";
    float: right;
    font-family: "FontAwesome";
    font-size: 18px;
    text-align: center;
}

.header__user-senha-btn::after {
    content: "\f13e";
}

.header__user-dados-btn::after {
    content: "\f044";
}

.header__user-sair-btn::after {
    content: "\f08b";
}

/* ui dropdown notification */

.header__notification-btn {
    padding-right: 0;
}

.header__notification-btn::after {
    display: none;
}

.header__notification-icon {
    margin-right: 0;
    position: relative;
    line-height: 39px;
}

.header__notification-count {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -5px;
    right: -9px;
    background-color: #002C55;
    color: #fff;
    border-radius: 13px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    -webkit-animation: scale-up .3s cubic-bezier(0.2, 0.57, 0.67, 1.7) forwards;
    animation: scale-up .3s cubic-bezier(0.2, 0.57, 0.67, 1.7) forwards;
}

.header__notification-content {
    width: 375px;
    right: -30px;
}

.header__notification-content-box {
    max-height: 514px;
    margin: 10px 2px 10px 0;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.header__notification-content::before {
    right: 47px;
}

.header__notification-link {
    padding-left: 80px;
    position: relative;
    color: #2e3439;
    border-bottom: 1px solid #dadada;
}

.header__notification-link:last-child {
    border-bottom: none;
}

.header__notification-link::before {
    width: 80px;
    content: "\f003";
    position: absolute;
    left: 0;
    top: 50%;
    color: #006bb4;
    font-family: "FontAwesome";
    font-size: 18px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header__notification-link.viewed::before {
    content: "\f2b7";
}

.header__notification-limpar-btn::before {
    content: "\f1f8";
}

.header__notification-ver-btn {
    width: 50%;
    float: left;
    cursor: pointer;
    border-right: 1px solid #566169;
    border-bottom-right-radius: 0;
}

.header__notification-delete {
    float: right;
    position: relative;
    top: -38px;
    right: -21px;
    width: 10px;
    height: 10px;
}

.header__notification-limpar-btn {
    width: 50%;
    float: left;
    border-bottom-left-radius: 0;
    cursor: pointer;
}

.header__notification-ver-btn::before {
    content: "\f036";
}

/* ui dropdown sistema */

.header__sistema-btn-icon {
    width: 40px;
    height: 40px;
    border-radius: 22px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.header__sistema-content {
    width: 375px;
    padding: 30px 15px;
    background: #fff;
    border: #dadada;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}

.header__sistema-content::before {
    right: 54px;
    border-bottom: 5px solid #fff;
    z-index: 2;
}

.header__sistema-content::after {
    content: "";
    position: absolute;
    top: -6px;
    right: 52px;
    border-bottom: 6px solid #e3e3e3;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.header__sistema-link {
    margin-bottom: 30px;
    padding: 10px 0 15px;
    position: relative;
    display: block;
    color: #2e3439;
    text-align: center;
    line-height: 17px;
}

.header__sistema-link::after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #dadada;
    border-radius: 5px;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform 0s cubic-bezier(.19, 1, .22, 1) .3s, opacity .3s;
    transition: transform 0s cubic-bezier(.19, 1, .22, 1) .3s, opacity .3s;
}

.header__sistema-link:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .2s cubic-bezier(.19, 1, .22, 1), opacity .2s;
    transition: transform .2s cubic-bezier(.19, 1, .22, 1), opacity .2s;
}

.header__sistema-link.active:hover::after, .header__sistema-link.active::after {
    color: #2e2e2e;
    border: 1px solid #002C55;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: default;
}

.header__sistema-icon {
    width: 44px;
    height: 44px;
    margin: 0 auto 7px;
    display: block;
    border-radius: 22px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.header__sistema-mais-btn {
    width: auto;
    margin: 0 -15px -30px;
    top: 0;
}

.header__sistema-mais-btn::before {
    content: "\f067";
}

/* fullscreen btn */

.header__fullscreen-btn {
    width: 40px;
    height: 40px;
    padding-left: 1px;
    margin: 0 20px 0 50px;
    float: right;
    color: #2e3439;
    border-radius: 22px;
    border: 1px solid #dadada;
    font-size: 18px;
    text-align: center;
    line-height: 39px;
    cursor: pointer;
}

/* menu bar */

.header__menu-bar {
    width: 100%;
    height: 65px;
    padding-top: 10px;
    background: #ebebeb;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(0, -105%, 0);
    transform: translate3d(0, -105%, 0);
    -webkit-transition: transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1);
}

.header__menu-bar.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* help menu */

.header__help-menu {
    padding: 24px 30px 30px;
    ;
}

.header__help-title {
    color: #2e3439;
    font-size: 18px;
}

.header__help-busca {
    width: 100%;
    margin: 27px 0 30px;
    position: relative;
    display: inline-block;
}

.header__help-menu-list {
    height: calc(100vh - 150px);
    margin: 0 -30px;
    padding: 0 30px;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
}

.header__help-item {
    border-bottom: 1px solid #dadada;
}

.header__help-item:last-child {
    border-bottom: none;
}

.header__help-link {
    margin: 0 -30px;
    padding: 27px 30px 30px;
    color: #2e3439;
    display: block;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.header__help-link:hover {
    background-color: #ebebeb;
}

.header__help-link-title {
    margin-bottom: 10px;
    font-weight: bold;
}

.header__help-link-title::before, .header__help-youtube::before, .header__help-facebook::before {
    margin-right: 10px;
    content: "\f0f6";
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: normal;
}

.header__help-youtube::before {
    content: "\f16a";
}

.header__help-facebook::before {
    content: "\f09a";
}

.header__help-link-text {
    font-size: 14px;
    line-height: 17px;
}

.header__help-btn-input, .header__help-bg-close-btn {
    display: none;
}

/* help open button */

.header__help-open-btn {
    width: 40px;
    height: 40px;
    margin: 0 20px 0 50px;
    float: right;
    z-index: 4;
}

.header__help-open-btn-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    background-color: #fff;
    color: #002C55;
    border: 8px solid #002C55;
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 24px;
    text-align: center;
    line-height: 22px;
    -webkit-transition: transform .3s cubic-bezier(.19, 1, .22, 1), background-color .3s, color .3s;
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), background-color .3s, color .3s;
    cursor: pointer;
}

.header__help-open-btn-icon:hover {
    color: #fff;
    background-color: #002C55;
    transform: scale(1.2);
}

.header__help-btn-input:checked~.header__help-menu {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.header__help-btn-input:checked~.header__help-open-btn .header__help-bg-close-btn {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
}

/* help close button */

.header__help-close-btn {
    width: 73px;
    height: 76px;
    position: fixed;
    top: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
}

.header__help-close-btn::after {
    content: "\f00d";
    color: #006bb4;
    font-family: "FontAwesome";
    font-size: 18px;
    line-height: 76px;
}

.header__help-menu {
    width: 100%;
    max-width: 405px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 1px 0 2px 3px rgba(0, 0, 0, 0.15);
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(101%, 0, 0);
    transform: translate3d(101%, 0, 0);
    -webkit-transition: transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
    z-index: 5;
}

/* = main
   ========================================================================== */

.main__menu-topo--zindex-menor {
    z-index: 749 !important;
}

.main {
    width: 100%;
    padding: 133px 0 120px 0;
}

.main--without-padding {
    padding-top: 0 !important;
}

.main--with-padding--ficha-imovel-email {
    margin-top: -53px !important;
}

.main__menu-input {
    display: none;
}

.main__menu-title {
    padding: 25px 0 25px 30px;
    color: #2e3439;
    font-weight: bold;
    white-space: nowrap;
    -webkit-transition: height .2s, padding-top .2s, padding-bottom .2s;
    transition: height .2s, padding-top .2s, padding-bottom .2s;
    overflow: hidden;
}

.main__menu-input:checked~.main__menu .main__menu-title {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.main__menu {
    width: 320px;
    min-height: 100vh;
    margin: 0 15px -1px -15px;
    padding: 103px 0 40px 0;
    background-color: #fff;
    border-right: 1px solid #dbdbdb;
    -webkit-transition: transform .3s, width .3s;
    transition: transform .3s, width .3s;
    overflow: hidden;
}


.main__menu-input:checked~.main__menu {
    width: 80px;
}

.main__menu-toggle-btn {
    width: 100%;
    height: 40px;
    display: block;
    text-align: right;
    line-height: 40px;
    cursor: pointer;
}

.main__menu-toggle-btn::after {
    margin-right: 22px;
    content: "\f0d9";
    display: inline-block;
    color: #002C55;
    font-family: "FontAwesome";
    font-size: 18px;
    -webkit-transition: transform .3s, margin-right .2s;
    transition: transform .3s, margin-right .2s;
}

.main__menu-toggle-btn-anotacao {
    width: 100%;
    height: 40px;
    display: block;
    text-align: right;
    line-height: 40px;
    cursor: pointer;
    float: right;  
}

.main__menu-toggle-btn-anotacao::after {
    margin-right: 22px;
    content: "\f00d";
    display: inline-block;
    color: #002C55;
    font-family: "FontAwesome";
    font-size: 18px;
}

.main__menu-input:checked~.main__menu .main__menu-toggle-btn::after {
    margin-right: 35px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.main__menu-input:checked~.main__menu .main__menu--only-expanded {
    display: none;
}

.main__menu-link {
    height: 40px;
    margin-bottom: -1px;
    padding-left: 30px;
    display: block;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-right: 0 solid #7680A4;
    line-height: 38px;
    white-space: nowrap;
    -webkit-transition: border-right-width .2s;
    transition: border-right-width color .2s;
    cursor: pointer;
}

.main__menu-link-icon {
    width: 18px;
    margin-right: 15px;
    position: relative;
    top: 1px;
    color: #2e3439;
    font-size: 18px;
    text-align: center;
    -webkit-transition: color .3s, margin-right .2s;
    transition: color .3s, margin-right .2s;
}

.main__menu-link-icon--cifrao {
    width: 18px;
    display: inline-block;
    font-family: 'Arial';
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.main__menu-link--disable {
    pointer-events: none;
    cursor: not-allowed;
    color: #dbdbdb;
}

.main__menu-link--disable .main__menu-link-icon {
    color: #dbdbdb;
}

.main__menu-input:checked~.main__menu .main__menu-link-icon {
    margin-right: 30px;
}

.main__menu-return-link {
    border-top: 1px solid #dadada;
    padding: 20px 30px;
    margin-bottom: -1px;
    padding-left: 30px;
    display: block;
    white-space: nowrap;
    -webkit-transition: border-right-width .2s;
    transition: border-right-width color .2s;
    cursor: pointer;
}

.main__menu-return-link:hover {
    color: #000;
}

.main__menu-return-icon {
    font-size: 18px;
}

.main__menu-input:checked~.main__menu .main__menu-return-link {
    padding: 0 30px;
}

.main__menu-input:checked~.main__menu .main__menu-return-link .main__menu-return-icon {
    margin-right: 30px;
    height: 40px;
    line-height: 38px;
}

.main__menu-link:hover, .main__menu-link.active {
    border-right-width: 5px;
}

.main__menu-link:hover .main__menu-link-icon, .main__menu-input:checked~.main__menu .main__menu-link.active .main__menu-link-icon, .main__menu-link.active .main__menu-link-icon {
    color: #7680A4;
}

/* = footer
   ========================================================================== */

.footer {
    width: 100%;
    height: 60px;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-top: 1px solid #dadada;
    box-shadow: 0 10px 40px #666;
    display: none;
    z-index: 750;
}

.footer.active {
    display: block;
}

.footer.loader {
    bottom: -9999px;
}

.footer__content--info {
    display: none;
    margin: 0 10px;
}

.footer__content--info.active {
    display: block;
}

/* = menu footer
   ========================================================================== */

.casagrid__menu--item {
    margin: 0 10px;
}

.casagrid__menu-acoes>.casagrid__menu--item:first-child {
    margin-left: 0;
}

.casagrid__menu-acoes>.casagrid__menu--item:last-child {
    margin-right: 0;
}

.casagrid__menu--big {
    width: 240px;
}

.menu-media--item {
    min-width: 100%;
    height: 43px;
    background-color: #000;
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: 0.5;
}

.menu-media--btn-item {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 5;
}

/* ==========================================================================
   = breakpoint desktop ( 1680px - 1366px )
   ========================================================================== */

@media (min-width: 1367px) {
    /* = grid desktop
      ========================================================================== */
    /* grid columns */
    .casagrid__col--xl-12 {
        width: 100%;
    }
    .casagrid__col--xl-11 {
        width: 91.66666666666666%;
    }
    .casagrid__col--xl-10 {
        width: 83.33333333333334%;
    }
    .casagrid__col--xl-9 {
        width: 75%;
    }
    .casagrid__col--xl-8 {
        width: 66.66666666666666%;
    }
    .casagrid__col--xl-7 {
        width: 58.333333333333336%;
    }
    .casagrid__col--xl-6 {
        width: 50%;
    }
    .casagrid__col--xl-5 {
        width: 41.66666666666667%;
    }
    .casagrid__col--xl-4 {
        width: 33.33333333333333%;
    }
    .casagrid__col--xl-3 {
        width: 25%;
    }
    .casagrid__col--xl-2 {
        width: 16.666666666666664%;
    }
    .casagrid__col--xl-1 {
        width: 8.333333333333332%;
    }
    /* grid add */
    .casagrid--xl-add {
        display: inline-block;
    }
    /* grid delete */
    .casagrid--xl-delete {
        display: none;
    }
    /* grid auto */
    .casagrid__col--xl-auto {
        width: auto;
        max-width: 100%;
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px;
    }
    /* grid no auto */
    .casagrid__col--xl-no-auto {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    /* grid no space & grid element no space */
    .casagrid--xl-no-space [class*="casagrid__col-"], .casagrid__col--xl-no-space {
        padding-left: 0;
        padding-right: 0;
    }
    /* grid space & grid element space */
    .casagrid--xl-space [class*="casagrid__col-"], .casagrid__col--xl-space {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* grid push left columns */
    .casagrid--xl-push-left-11 {
        margin-left: 91.66666666666666%;
    }
    .casagrid--xl-push-left-10 {
        margin-left: 83.33333333333334%;
    }
    .casagrid--xl-push-left-9 {
        margin-left: 75%;
    }
    .casagrid--xl-push-left-8 {
        margin-left: 66.66666666666666%;
    }
    .casagrid--xl-push-left-7 {
        margin-left: 58.333333333333336%;
    }
    .casagrid--xl-push-left-6 {
        margin-left: 50%;
    }
    .casagrid--xl-push-left-5 {
        margin-left: 41.66666666666667%;
    }
    .casagrid--xl-push-left-4 {
        margin-left: 33.33333333333333%;
    }
    .casagrid--xl-push-left-3 {
        margin-left: 25%;
    }
    .casagrid--xl-push-left-2 {
        margin-left: 16.666666666666664%;
    }
    .casagrid--xl-push-left-1 {
        margin-left: 8.333333333333332%;
    }
    .casagrid--xl-push-left-0 {
        margin-left: 0;
    }
    /* grid push right columns */
    .casagrid--xl-push-right-11 {
        margin-right: 91.66666666666666%;
    }
    .casagrid--xl-push-right-10 {
        margin-right: 83.33333333333334%;
    }
    .casagrid--xl-push-right-9 {
        margin-right: 75%;
    }
    .casagrid--xl-push-right-8 {
        margin-right: 66.66666666666666%;
    }
    .casagrid--xl-push-right-7 {
        margin-right: 58.333333333333336%;
    }
    .casagrid--xl-push-right-6 {
        margin-right: 50%;
    }
    .casagrid--xl-push-right-5 {
        margin-right: 41.66666666666667%;
    }
    .casagrid--xl-push-right-4 {
        margin-right: 33.33333333333333%;
    }
    .casagrid--xl-push-right-3 {
        margin-right: 25%;
    }
    .casagrid--xl-push-right-2 {
        margin-right: 16.666666666666664%;
    }
    .casagrid--xl-push-right-1 {
        margin-right: 8.333333333333332%;
    }
    .casagrid--xl-push-right-0 {
        margin-right: 0;
    }
    /* grid order */
    .casagrid--xl-order-12 {
        -webkit-order: 12;
        order: 12;
    }
    .casagrid--xl-order-11 {
        -webkit-order: 11;
        order: 11;
    }
    .casagrid--xl-order-10 {
        -webkit-order: 10;
        order: 10;
    }
    .casagrid--xl-order-9 {
        -webkit-order: 9;
        order: 9;
    }
    .casagrid--xl-order-8 {
        -webkit-order: 8;
        order: 8;
    }
    .casagrid--xl-order-7 {
        -webkit-order: 7;
        order: 7;
    }
    .casagrid--xl-order-6 {
        -webkit-order: 6;
        order: 6;
    }
    .casagrid--xl-order-5 {
        -webkit-order: 5;
        order: 5;
    }
    .casagrid--xl-order-4 {
        -webkit-order: 4;
        order: 4;
    }
    .casagrid--xl-order-3 {
        -webkit-order: 3;
        order: 3;
    }
    .casagrid--xl-order-2 {
        -webkit-order: 2;
        order: 2;
    }
    .casagrid--xl-order-1 {
        -webkit-order: 1;
        order: 1;
    }
    .casagrid--xl-order-0 {
        -webkit-order: 0;
        order: 0;
    }
    /* grid grow */
    .casagrid--xl-grow-11 {
        -webkit-flex-grow: 11;
        flex-grow: 11;
    }
    .casagrid--xl-grow-10 {
        -webkit-flex-grow: 10;
        flex-grow: 10;
    }
    .casagrid--xl-grow-9 {
        -webkit-flex-grow: 9;
        flex-grow: 9;
    }
    .casagrid--xl-grow-8 {
        -webkit-flex-grow: 8;
        flex-grow: 8;
    }
    .casagrid--xl-grow-7 {
        -webkit-flex-grow: 7;
        flex-grow: 7;
    }
    .casagrid--xl-grow-6 {
        -webkit-flex-grow: 6;
        flex-grow: 6;
    }
    .casagrid--xl-grow-5 {
        -webkit-flex-grow: 5;
        flex-grow: 5;
    }
    .casagrid--xl-grow-4 {
        -webkit-flex-grow: 4;
        flex-grow: 4;
    }
    .casagrid--xl-grow-3 {
        -webkit-flex-grow: 3;
        flex-grow: 3;
    }
    .casagrid--xl-grow-2 {
        -webkit-flex-grow: 2;
        flex-grow: 2;
    }
    .casagrid--xl-grow-1 {
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }
    .casagrid--xl-grow-0 {
        -webkit-flex-grow: 0;
        flex-grow: 0;
    }
    /* grid wrap */
    .casagrid--xl-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .casagrid--xl-no-wrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .casagrid--xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    /* grid direction */
    .casagrid--xl-direction-row {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    .casagrid--xl-direction-row-reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .casagrid--xl-direction-column {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .casagrid--xl-direction-column-reverse {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    /* grid align (vertical align) */
    .casagrid--xl-align-top {
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .casagrid--xl-align-bottom {
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .casagrid--xl-align-bottom [class*="casagrid__col-"] {
        vertical-align: bottom;
    }
    .casagrid--xl-align-center {
        -webkit-align-items: center;
        align-items: center;
    }
    .casagrid--xl-align-center [class*="casagrid__col-"] {
        vertical-align: middle;
    }
    .casagrid--xl-align-baseline {
        -webkit-align-items: baseline;
        align-items: baseline;
    }
    .casagrid--xl-align-baseline [class*="casagrid__col-"] {
        vertical-align: baseline;
    }
    /* grid content align (vertical align) */
    .casagrid--xl-align-content-top {
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }
    .casagrid--xl-align-content-bottom {
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }
    .casagrid--xl-align-content-bottom [class*="casagrid__col-"] {
        vertical-align: bottom;
    }
    .casagrid--xl-align-content-center {
        -webkit-align-content: center;
        align-content: center;
    }
    .casagrid--xl-align-content-between {
        -webkit-align-content: space-between;
        align-content: space-between;
    }
    .casagrid--xl-align-content-around {
        -webkit-align-content: space-around;
        align-content: space-around;
    }
    /* grid element align (can be added inside the grid) */
    .casagrid--xl-align-self-stretch {
        -webkit-align-self: stretch;
        align-self: stretch;
    }
    .casagrid--xl-align-self-top {
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }
    .casagrid--xl-align-self-bottom {
        vertical-align: bottom;
        -webkit-align-self: flex-end;
        align-self: flex-end;
    }
    .casagrid--xl-align-self-center {
        vertical-align: middle;
        -webkit-align-self: center;
        align-self: center;
    }
    .casagrid--xl-align-self-baseline {
        vertical-align: baseline;
        -webkit-align-self: baseline;
        align-self: baseline;
    }
    /* grid justify (can be added outside & inside the grid) */
    .casagrid--xl-justify-left {
        text-align: left;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .casagrid--xl-justify-right {
        text-align: right;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    .casagrid--xl-justify-center {
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .casagrid--xl-justify-between {
        text-align: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .casagrid--xl-justify-around {
        text-align: justify;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    /* .casagrid--xl-justify-right .casagrid__cell,
    .casagrid--xl-justify-center .casagrid__cell,
    .casagrid--xl-justify-between .casagrid__cell,
    .casagrid--xl-justify-around .casagrid__cell {
        text-align: left;
        text-align: start;
        -moz-text-align-last: left;
        -moz-text-align-last: start;
             text-align-last: left;
             text-align-last: start;
    } */
    /* grid cell footer */
    .casagrid__cell-xl-footer {
        width: 100%;
        margin-top: auto;
        display: -webkit-flex;
        display: flex;
    }
    /* = header
       ========================================================================== */
    .header__logo-img {
        margin-left: 0;
    }
    .header__fullscreen-btn {
        margin-right: 0;
    }
    /* = nav
       ========================================================================== */
    .nav__menu-btn:last-child .nav__menu-link::before {
        display: none;
    }
    /* = main
	   ========================================================================== */
    /* = footer
	   ========================================================================== */
    .casagrid__menu--big {
        width: 240px;
    }
}

/* ==========================================================================
   = breakpoint desktop ( 1366px - 1024px )
   ========================================================================== */

@media (max-width: 1366px) {

    /* .nav__menu-link {
        font-size: 12px;
    }

    .nav__menu-link-icon {
        font-size: 14px;
    }    

    .nav__menu-link--has-child::after {
        font-size: 14px;
    } */

    /* = grid desktop
      ========================================================================== */
    /* grid columns */
    .casagrid__col--lg-12 {
        width: 100%;
    }
    .casagrid__col--lg-11 {
        width: 91.66666666666666%;
    }
    .casagrid__col--lg-10 {
        width: 83.33333333333334%;
    }
    .casagrid__col--lg-9 {
        width: 75%;
    }
    .casagrid__col--lg-8 {
        width: 66.66666666666666%;
    }
    .casagrid__col--lg-7 {
        width: 58.333333333333336%;
    }
    .casagrid__col--lg-6 {
        width: 50%;
    }
    .casagrid__col--lg-5 {
        width: 41.66666666666667%;
    }
    .casagrid__col--lg-4 {
        width: 33.33333333333333%;
    }
    .casagrid__col--lg-3 {
        width: 25%;
    }
    .casagrid__col--lg-2 {
        width: 16.666666666666664%;
    }
    .casagrid__col--lg-1 {
        width: 8.333333333333332%;
    }
    /* grid add */
    .casagrid--lg-add {
        display: inline-block;
    }
    /* grid delete */
    .casagrid--lg-delete {
        display: none;
    }
    /* grid auto */
    .casagrid__col--lg-auto {
        width: auto;
        max-width: 100%;
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px;
    }
    /* grid no auto */
    .casagrid__col--lg-no-auto {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    /* grid no space & grid element no space */
    .casagrid--lg-no-space [class*="casagrid__col-"], .casagrid__col--lg-no-space {
        padding-left: 0;
        padding-right: 0;
    }
    /* grid space & grid element space */
    .casagrid--lg-space [class*="casagrid__col-"], .casagrid__col--lg-space {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* grid push left columns */
    .casagrid--lg-push-left-11 {
        margin-left: 91.66666666666666%;
    }
    .casagrid--lg-push-left-10 {
        margin-left: 83.33333333333334%;
    }
    .casagrid--lg-push-left-9 {
        margin-left: 75%;
    }
    .casagrid--lg-push-left-8 {
        margin-left: 66.66666666666666%;
    }
    .casagrid--lg-push-left-7 {
        margin-left: 58.333333333333336%;
    }
    .casagrid--lg-push-left-6 {
        margin-left: 50%;
    }
    .casagrid--lg-push-left-5 {
        margin-left: 41.66666666666667%;
    }
    .casagrid--lg-push-left-4 {
        margin-left: 33.33333333333333%;
    }
    .casagrid--lg-push-left-3 {
        margin-left: 25%;
    }
    .casagrid--lg-push-left-2 {
        margin-left: 16.666666666666664%;
    }
    .casagrid--lg-push-left-1 {
        margin-left: 8.333333333333332%;
    }
    .casagrid--lg-push-left-0 {
        margin-left: 0;
    }
    /* grid push right columns */
    .casagrid--lg-push-right-11 {
        margin-right: 91.66666666666666%;
    }
    .casagrid--lg-push-right-10 {
        margin-right: 83.33333333333334%;
    }
    .casagrid--lg-push-right-9 {
        margin-right: 75%;
    }
    .casagrid--lg-push-right-8 {
        margin-right: 66.66666666666666%;
    }
    .casagrid--lg-push-right-7 {
        margin-right: 58.333333333333336%;
    }
    .casagrid--lg-push-right-6 {
        margin-right: 50%;
    }
    .casagrid--lg-push-right-5 {
        margin-right: 41.66666666666667%;
    }
    .casagrid--lg-push-right-4 {
        margin-right: 33.33333333333333%;
    }
    .casagrid--lg-push-right-3 {
        margin-right: 25%;
    }
    .casagrid--lg-push-right-2 {
        margin-right: 16.666666666666664%;
    }
    .casagrid--lg-push-right-1 {
        margin-right: 8.333333333333332%;
    }
    .casagrid--lg-push-right-0 {
        margin-right: 0;
    }
    /* grid order */
    .casagrid--lg-order-12 {
        -webkit-order: 12;
        order: 12;
    }
    .casagrid--lg-order-11 {
        -webkit-order: 11;
        order: 11;
    }
    .casagrid--lg-order-10 {
        -webkit-order: 10;
        order: 10;
    }
    .casagrid--lg-order-9 {
        -webkit-order: 9;
        order: 9;
    }
    .casagrid--lg-order-8 {
        -webkit-order: 8;
        order: 8;
    }
    .casagrid--lg-order-7 {
        -webkit-order: 7;
        order: 7;
    }
    .casagrid--lg-order-6 {
        -webkit-order: 6;
        order: 6;
    }
    .casagrid--lg-order-5 {
        -webkit-order: 5;
        order: 5;
    }
    .casagrid--lg-order-4 {
        -webkit-order: 4;
        order: 4;
    }
    .casagrid--lg-order-3 {
        -webkit-order: 3;
        order: 3;
    }
    .casagrid--lg-order-2 {
        -webkit-order: 2;
        order: 2;
    }
    .casagrid--lg-order-1 {
        -webkit-order: 1;
        order: 1;
    }
    .casagrid--lg-order-0 {
        -webkit-order: 0;
        order: 0;
    }
    /* grid grow */
    .casagrid--lg-grow-11 {
        -webkit-flex-grow: 11;
        flex-grow: 11;
    }
    .casagrid--lg-grow-10 {
        -webkit-flex-grow: 10;
        flex-grow: 10;
    }
    .casagrid--lg-grow-9 {
        -webkit-flex-grow: 9;
        flex-grow: 9;
    }
    .casagrid--lg-grow-8 {
        -webkit-flex-grow: 8;
        flex-grow: 8;
    }
    .casagrid--lg-grow-7 {
        -webkit-flex-grow: 7;
        flex-grow: 7;
    }
    .casagrid--lg-grow-6 {
        -webkit-flex-grow: 6;
        flex-grow: 6;
    }
    .casagrid--lg-grow-5 {
        -webkit-flex-grow: 5;
        flex-grow: 5;
    }
    .casagrid--lg-grow-4 {
        -webkit-flex-grow: 4;
        flex-grow: 4;
    }
    .casagrid--lg-grow-3 {
        -webkit-flex-grow: 3;
        flex-grow: 3;
    }
    .casagrid--lg-grow-2 {
        -webkit-flex-grow: 2;
        flex-grow: 2;
    }
    .casagrid--lg-grow-1 {
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }
    .casagrid--lg-grow-0 {
        -webkit-flex-grow: 0;
        flex-grow: 0;
    }
    /* grid wrap */
    .casagrid--lg-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .casagrid--lg-no-wrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .casagrid--lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    /* grid direction */
    .casagrid--lg-direction-row {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    .casagrid--lg-direction-row-reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .casagrid--lg-direction-column {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .casagrid--lg-direction-column-reverse {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    /* grid align (vertical align) */
    .casagrid--lg-align-top {
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .casagrid--lg-align-bottom {
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .casagrid--lg-align-bottom [class*="casagrid__col-"] {
        vertical-align: bottom;
    }
    .casagrid--lg-align-center {
        -webkit-align-items: center;
        align-items: center;
    }
    .casagrid--lg-align-center [class*="casagrid__col-"] {
        vertical-align: middle;
    }
    .casagrid--lg-align-baseline {
        -webkit-align-items: baseline;
        align-items: baseline;
    }
    .casagrid--lg-align-baseline [class*="casagrid__col-"] {
        vertical-align: baseline;
    }
    /* grid content align (vertical align) */
    .casagrid--lg-align-content-top {
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }
    .casagrid--lg-align-content-bottom {
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }
    .casagrid--lg-align-content-bottom [class*="casagrid__col-"] {
        vertical-align: bottom;
    }
    .casagrid--lg-align-content-center {
        -webkit-align-content: center;
        align-content: center;
    }
    .casagrid--lg-align-content-between {
        -webkit-align-content: space-between;
        align-content: space-between;
    }
    .casagrid--lg-align-content-around {
        -webkit-align-content: space-around;
        align-content: space-around;
    }
    /* grid element align (can be added inside the grid) */
    .casagrid--lg-align-self-stretch {
        -webkit-align-self: stretch;
        align-self: stretch;
    }
    .casagrid--lg-align-self-top {
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }
    .casagrid--lg-align-self-bottom {
        vertical-align: bottom;
        -webkit-align-self: flex-end;
        align-self: flex-end;
    }
    .casagrid--lg-align-self-center {
        vertical-align: middle;
        -webkit-align-self: center;
        align-self: center;
    }
    .casagrid--lg-align-self-baseline {
        vertical-align: baseline;
        -webkit-align-self: baseline;
        align-self: baseline;
    }
    /* grid justify (can be added outside & inside the grid) */
    .casagrid--lg-justify-left {
        text-align: left;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .casagrid--lg-justify-right {
        text-align: right;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    .casagrid--lg-justify-center {
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .casagrid--lg-justify-between {
        text-align: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .casagrid--lg-justify-around {
        text-align: justify;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    /* .casagrid--lg-justify-right .casagrid__cell,
    .casagrid--lg-justify-center .casagrid__cell,
    .casagrid--lg-justify-between .casagrid__cell,
    .casagrid--lg-justify-around .casagrid__cell {
        text-align: left;
        text-align: start;
        -moz-text-align-last: left;
        -moz-text-align-last: start;
             text-align-last: left;
             text-align-last: start;
    } */
    /* grid cell footer */
    .casagrid__cell-lg-footer {
        width: 100%;
        margin-top: auto;
        display: -webkit-flex;
        display: flex;
    }
    /* = ui
       ========================================================================== */
    /* ui dropdown user */
    .ui__dropdown {
        margin-left: 20px;
    }
    .ui__dropdown-btn-icon {
        margin-right: 0;
    }
    /* = header
       ========================================================================== */
    .header__sistema {
        margin-left: 50px;
    }
    .header__empresa {
        width: 240px;
    }
    .header__fullscreen-btn {
        margin-left: 20px;
    }
    /* = nav
       ========================================================================== */
    .nav__menu {
        width: auto;
        margin: 0 -30px;
    }
    /* = main
       ========================================================================== */
    .main__menu {
        width: 270px;
    }

    .main__menu.main__menu--principal {
        padding-top: 70px !important;
    }

    /* = footer
	   ========================================================================== */
    .casagrid__menu--big {
        width: 240px;
    }
}

/* ==========================================================================
   = breakpoint tablet ( 1024px - 768px )
   ========================================================================== */

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



    /* = grid tablet
       ========================================================================== */
    /* grid columns */
    .casagrid__col--md-12 {
        width: 100%;
    }
    .casagrid__col--md-11 {
        width: 91.66666666666666%;
    }
    .casagrid__col--md-10 {
        width: 83.33333333333334%;
    }
    .casagrid__col--md-9 {
        width: 75%;
    }
    .casagrid__col--md-8 {
        width: 66.66666666666666%;
    }
    .casagrid__col--md-7 {
        width: 58.333333333333336%;
    }
    .casagrid__col--md-6 {
        width: 50%;
    }
    .casagrid__col--md-5 {
        width: 41.66666666666667%;
    }
    .casagrid__col--md-4 {
        width: 33.33333333333333%;
    }
    .casagrid__col--md-3 {
        width: 25%;
    }
    .casagrid__col--md-2 {
        width: 16.666666666666664%;
    }
    .casagrid__col--md-1 {
        width: 8.333333333333332%;
    }
    /* grid add */
    .casagrid--md-add {
        display: inline-block;
    }
    /* grid delete */
    .casagrid--md-delete {
        display: none;
    }
    /* grid auto */
    .casagrid__col--md-auto {
        width: auto;
        max-width: 100%;
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px;
    }
    /* grid no auto */
    .casagrid__col--md-no-auto {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    /* grid no space & grid element no space */
    .casagrid--md-no-space [class*="casagrid__col-"], .casagrid__col--md-no-space {
        padding-left: 0;
        padding-right: 0;
    }
    /* grid space & grid element space */
    .casagrid--md-space [class*="casagrid__col-"], .casagrid__col--md-space {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* grid push left columns */
    .casagrid--md-push-left-11 {
        margin-left: 91.66666666666666%;
    }
    .casagrid--md-push-left-10 {
        margin-left: 83.33333333333334%;
    }
    .casagrid--md-push-left-9 {
        margin-left: 75%;
    }
    .casagrid--md-push-left-8 {
        margin-left: 66.66666666666666%;
    }
    .casagrid--md-push-left-7 {
        margin-left: 58.333333333333336%;
    }
    .casagrid--md-push-left-6 {
        margin-left: 50%;
    }
    .casagrid--md-push-left-5 {
        margin-left: 41.66666666666667%;
    }
    .casagrid--md-push-left-4 {
        margin-left: 33.33333333333333%;
    }
    .casagrid--md-push-left-3 {
        margin-left: 25%;
    }
    .casagrid--md-push-left-2 {
        margin-left: 16.666666666666664%;
    }
    .casagrid--md-push-left-1 {
        margin-left: 8.333333333333332%;
    }
    .casagrid--md-push-left-0 {
        margin-left: 0;
    }
    /* grid push right columns */
    .casagrid--md-push-right-11 {
        margin-right: 91.66666666666666%;
    }
    .casagrid--md-push-right-10 {
        margin-right: 83.33333333333334%;
    }
    .casagrid--md-push-right-9 {
        margin-right: 75%;
    }
    .casagrid--md-push-right-8 {
        margin-right: 66.66666666666666%;
    }
    .casagrid--md-push-right-7 {
        margin-right: 58.333333333333336%;
    }
    .casagrid--md-push-right-6 {
        margin-right: 50%;
    }
    .casagrid--md-push-right-5 {
        margin-right: 41.66666666666667%;
    }
    .casagrid--md-push-right-4 {
        margin-right: 33.33333333333333%;
    }
    .casagrid--md-push-right-3 {
        margin-right: 25%;
    }
    .casagrid--md-push-right-2 {
        margin-right: 16.666666666666664%;
    }
    .casagrid--md-push-right-1 {
        margin-right: 8.333333333333332%;
    }
    .casagrid--md-push-right-0 {
        margin-right: 0;
    }
    /* grid order */
    .casagrid--md-order-12 {
        -webkit-order: 12;
        order: 12;
    }
    .casagrid--md-order-11 {
        -webkit-order: 11;
        order: 11;
    }
    .casagrid--md-order-10 {
        -webkit-order: 10;
        order: 10;
    }
    .casagrid--md-order-9 {
        -webkit-order: 9;
        order: 9;
    }
    .casagrid--md-order-8 {
        -webkit-order: 8;
        order: 8;
    }
    .casagrid--md-order-7 {
        -webkit-order: 7;
        order: 7;
    }
    .casagrid--md-order-6 {
        -webkit-order: 6;
        order: 6;
    }
    .casagrid--md-order-5 {
        -webkit-order: 5;
        order: 5;
    }
    .casagrid--md-order-4 {
        -webkit-order: 4;
        order: 4;
    }
    .casagrid--md-order-3 {
        -webkit-order: 3;
        order: 3;
    }
    .casagrid--md-order-2 {
        -webkit-order: 2;
        order: 2;
    }
    .casagrid--md-order-1 {
        -webkit-order: 1;
        order: 1;
    }
    .casagrid--md-order-0 {
        -webkit-order: 0;
        order: 0;
    }
    /* grid grow */
    .casagrid--md-grow-11 {
        -webkit-flex-grow: 11;
        flex-grow: 11;
    }
    .casagrid--md-grow-10 {
        -webkit-flex-grow: 10;
        flex-grow: 10;
    }
    .casagrid--md-grow-9 {
        -webkit-flex-grow: 9;
        flex-grow: 9;
    }
    .casagrid--md-grow-8 {
        -webkit-flex-grow: 8;
        flex-grow: 8;
    }
    .casagrid--md-grow-7 {
        -webkit-flex-grow: 7;
        flex-grow: 7;
    }
    .casagrid--md-grow-6 {
        -webkit-flex-grow: 6;
        flex-grow: 6;
    }
    .casagrid--md-grow-5 {
        -webkit-flex-grow: 5;
        flex-grow: 5;
    }
    .casagrid--md-grow-4 {
        -webkit-flex-grow: 4;
        flex-grow: 4;
    }
    .casagrid--md-grow-3 {
        -webkit-flex-grow: 3;
        flex-grow: 3;
    }
    .casagrid--md-grow-2 {
        -webkit-flex-grow: 2;
        flex-grow: 2;
    }
    .casagrid--md-grow-1 {
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }
    .casagrid--md-grow-0 {
        -webkit-flex-grow: 0;
        flex-grow: 0;
    }
    /* grid wrap */
    .casagrid--md-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .casagrid--md-no-wrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .casagrid--md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    /* grid direction */
    .casagrid--md-direction-row {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    .casagrid--md-direction-row-reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .casagrid--md-direction-column {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .casagrid--md-direction-column-reverse {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    /* grid align (vertical align) */
    .casagrid--md-align-top {
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .casagrid--md-align-bottom {
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .casagrid--md-align-bottom [class*="casagrid__col-"] {
        vertical-align: bottom;
    }
    .casagrid--md-align-center {
        -webkit-align-items: center;
        align-items: center;
    }
    .casagrid--md-align-center [class*="casagrid__col-"] {
        vertical-align: middle;
    }
    .casagrid--md-align-baseline {
        -webkit-align-items: baseline;
        align-items: baseline;
    }
    .casagrid--md-align-baseline [class*="casagrid__col-"] {
        vertical-align: baseline;
    }
    /* grid content align (vertical align) */
    .casagrid--md-align-content-top {
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }
    .casagrid--md-align-content-bottom {
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }
    .casagrid--md-align-content-bottom [class*="casagrid__col-"] {
        vertical-align: bottom;
    }
    .casagrid--md-align-content-center {
        -webkit-align-content: center;
        align-content: center;
    }
    .casagrid--md-align-content-between {
        -webkit-align-content: space-between;
        align-content: space-between;
    }
    .casagrid--md-align-content-around {
        -webkit-align-content: space-around;
        align-content: space-around;
    }
    /* grid element align (can be added inside the grid) */
    .casagrid--md-align-self-stretch {
        -webkit-align-self: stretch;
        align-self: stretch;
    }
    .casagrid--md-align-self-top {
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }
    .casagrid--md-align-self-bottom {
        vertical-align: bottom;
        -webkit-align-self: flex-end;
        align-self: flex-end;
    }
    .casagrid--md-align-self-center {
        vertical-align: middle;
        -webkit-align-self: center;
        align-self: center;
    }
    .casagrid--md-align-self-baseline {
        vertical-align: baseline;
        -webkit-align-self: baseline;
        align-self: baseline;
    }
    /* grid justify (can be added outside & inside the grid) */
    .casagrid--md-justify-left {
        text-align: left;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .casagrid--md-justify-right {
        text-align: right;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    .casagrid--md-justify-center {
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .casagrid--md-justify-between {
        text-align: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .casagrid--md-justify-around {
        text-align: justify;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    /* .casagrid--md-justify-right .casagrid__cell,
    .casagrid--md-justify-center .casagrid__cell,
    .casagrid--md-justify-between .casagrid__cell,
    .casagrid--md-justify-around .casagrid__cell {
        text-align: left;
        text-align: start;
        -moz-text-align-last: left;
        -moz-text-align-last: start;
             text-align-last: left;
             text-align-last: start;
    } */
    /* grid cell footer */
    .casagrid__cell-md-footer {
        width: 100%;
        margin-top: auto;
        display: -webkit-flex;
        display: flex;
    }
    /* = ui
       ========================================================================== */
    /* button */
    .ui__form-menu-btn-box {
        width: auto;
    }
    /* select */
    .ui__select-box--border-radius-left .ui__select, .ui__select-box--no-border-radius .ui__select {
        border: 1px solid #dadada;
        border-radius: 0px;
        border-right: none;
    }
    /* table */
    /*.ui__table-head {
        display: none;
    }

    .ui__table-col {
        display: block;
    }

    .ui__table-col:first-child {
        display: table-cell;
    }

    .ui__table-col::before {
        height: auto;
        margin-bottom: 7px;
        content: attr(data-th) "";
        position: relative;
        display: inline-block;
        background-color: transparent;
        font-weight: bold;
    }*/
    /* = tabs
       ========================================================================== */
    /* = header
       ========================================================================== */
    .header {
        border-bottom: 10px solid #2e3439;
    }
    .header::after {
        width: 100%;
        height: 3px;
        content: '';
        display: block;
        background-color: #002C55;
    }
    .header__empresa-text {
        color: #fff;
    }
    .header__empresa-select-box {
        max-width: 100%;
    }

    /* = nav
       ========================================================================== */
    .nav__open-btn {
        width: 40px;
        height: 40px;
        margin-left: 30px;
        float: right;
        color: #2e3439;
        font-size: 18px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
    }

    /* .nav__open-btn {
        width: 40px;
        height: 40px;
        margin-left: 30px;
        float: right;
        background-color: #2e3439;
        color: #fff;
        border-radius: 20px;
        font-size: 18px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
    } */

    .nav__close-btn {
        width: 40px;
        height: 40px;
        margin-right: -13px;
        display: inline-block;
        color: #fff;
        font-size: 18px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
    }
    .nav__principal {
        width: 320px;
        height: 100vh;
        padding-top: 15px;
        position: fixed;
        top: 0;
        left: auto;
        right: -320px;
        background: #2e3439;
        text-align: left;
        -webkit-transition: transform .5s cubic-bezier(.19, 1, .22, 1);
        transition: transform .5s cubic-bezier(.19, 1, .22, 1);
        z-index: 999;
        padding-bottom: 50px;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .nav__close-bg {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        pointer-events: none;
        cursor: pointer;
        z-index: 998;
    }
    .main__menu__close-bg {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        pointer-events: none;
        cursor: pointer;
        z-index: 0;
    }
    .nav__input:checked~.nav__principal {
        -webkit-transform: translateX(-320px);
        transform: translateX(-320px);
    }
    .nav__input:checked~.nav__close-bg {
        opacity: 1;
        pointer-events: inherit;
    }
    .main__menu-input:checked~.main__menu__close-bg {
        opacity: 1;
        pointer-events: inherit;
    }
    .main__menu-input:checked~.main__menu {
        width: 320px;
        transform: translateX(320px);
    }
    .nav__menu {
        margin-top: 30px;
        text-align: left;
    }
    .nav__submenu-box {
        width: auto;
        height: auto;
        max-height: 0;
        margin-left: -30px;
        position: relative;
        top: 0;
    }
    .nav__menu-link--has-child:hover .nav__submenu-box {
        height: auto;
        max-height: 250px;
    }
    .nav__menu-link--has-child::after {
        position: absolute;
        right: 35px;
        top: 0;
    }
    .nav__menu-link {
        padding-left: 30px;
        color: #909ea8;
    }
    .nav__menu-link-icon {
        margin-right: 20px;
    }
    .nav__menu-link:hover, .nav__menu-link.active {
        color: #fff;
    }
    .nav__menu-link::before {
        width: 0;
        height: 40px;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: #202528;
        -webkit-transition: width .2s;
        transition: width .2s;
    }
    .nav__menu-btn:last-child .nav__menu-link::before {
        display: inline-block;
    }
    .nav__menu-link:hover::before, .nav__menu-link.active::before {
        width: 9px;
    }
    .nav__submenu-link {
        padding-left: 30px;
    }
    /* nav__user */
    .nav__user {
        margin: 10px 0 20px;
        padding: 10px 0 7px;
        color: #fff;
        border-top: 1px solid #525e66;
        border-bottom: 1px solid #525e66;
    }
    .nav__user-btn {
        width: 100%;
        display: block;
        cursor: pointer;
    }
    .nav__user-btn::after {
        content: '\f0d7';
        position: relative;
        top: 11px;
        right: 3px;
        float: right;
        color: #fff;
        font-family: "FontAwesome";
        font-size: 18px;
        -webkit-transition: transform .2s;
        transition: transform .2s;
    }
    .nav__user-input:checked~.nav__user-btn::after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    .nav__user-open-btn-text {
        display: inline-block;
    }
    .nav__user-icon {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        border: 1px solid #fff;
        border-radius: 20px;
        font-size: 18px;
        text-align: center;
        line-height: 38px;
    }
    .nav__user-content {
        height: auto;
        max-height: 0;
        margin-top: 3px;
        -webkit-transition: max-height .2s, margin-top .2s;
        transition: max-height .2s, margin-top .2s;
        overflow: hidden;
    }
    .nav__user-input:checked~.nav__user-content {
        max-height: 100px;
        margin-top: 9px;
    }
    .nav__user-link {
        height: 30px;
        display: block;
        color: #909ea8;
        line-height: 30px;
        -webkit-transition: color .3s;
        transition: color .3s;
        cursor: pointer;
    }
    .nav__user-link:hover {
        color: #fff;
    }
    .nav__user-permissoes-btn::after, .nav__user-senha-btn::after, .nav__user-dados-btn::after, .nav__user-sair-btn::after {
        width: 18px;
        content: "\f06e";
        float: right;
        font-family: "FontAwesome";
        font-size: 18px;
        text-align: center;
    }
    .nav__user-senha-btn::after {
        content: "\f13e";
    }
    .nav__user-dados-btn::after {
        content: "\f044";
    }
    .nav__user-sair-btn::after {
        content: "\f08b";
    }
    /* = main
       ========================================================================== */
    .main {
        padding-top: 100px;
    }
    .main__menu-container {
        /* max-width: 80px;
        z-index: 860; */
        width: 0;
        max-width: inherit;
        z-index: 860;
        position: fixed;
        left: 0;
        top: 0;
        margin: 0;
    }
    .main__menu {
        /* width: 320px; */
        width: 320px;
        height: 100vh;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 0;
        padding-bottom: 80px;
        position: absolute;
        left: -320px;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }

    .main__menu.main__menu--principal {
        width: 320px;
        height: 100vh;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 0;
        padding-bottom: 80px;
        position: fixed;
        left: 0;
        -webkit-overflow-scrolling: touch;

        width: 320px;
        height: 500000%;
        margin: 0 15px -1px -15px;
        padding: 103px 0 40px 0;
        background-color: #fff;
        border-right: 1px solid #dbdbdb;
        -webkit-transition: transform .3s, width .3s;
        transition: transform .3s, width .3s;
        overflow: hidden;
        
        top: 8px;
    }    
    /* = footer
	   ========================================================================== */
    .casagrid__menu--big {
        max-width: 42px;
    }
    .casagrid__menu--item .ui__btn-icon {
        left: -7px;
    }
}

/* ==========================================================================
   = breakpoint mobile ( 768px - 512px )
   ========================================================================== */

@media screen and (max-width: 768px) {
    /* = grid mobile
       ========================================================================== */
    /* grid columns */
    .casagrid__col--sm-12 {
        width: 100%;
    }
    .casagrid__col--sm-11 {
        width: 91.66666666666666%;
    }
    .casagrid__col--sm-10 {
        width: 83.33333333333334%;
    }
    .casagrid__col--sm-9 {
        width: 75%;
    }
    .casagrid__col--sm-8 {
        width: 66.66666666666666%;
    }
    .casagrid__col--sm-7 {
        width: 58.333333333333336%;
    }
    .casagrid__col--sm-6 {
        width: 50%;
    }
    .casagrid__col--sm-5 {
        width: 41.66666666666667%;
    }
    .casagrid__col--sm-4 {
        width: 33.33333333333333%;
    }
    .casagrid__col--sm-3 {
        width: 25%;
    }
    .casagrid__col--sm-2 {
        width: 16.666666666666664%;
    }
    .casagrid__col--sm-1 {
        width: 8.333333333333332%;
    }
    /* grid add */
    .casagrid--sm-add {
        display: inline-block;
    }
    /* grid delete */
    .casagrid--sm-delete {
        display: none !important;
    }
    /* grid auto */
    .casagrid__col--sm-auto {
        width: auto;
        max-width: 100%;
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px;
    }
    /* grid no auto */
    .casagrid__col--sm-no-auto {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    /* grid no space & grid element no space */
    .casagrid--sm-no-space [class*="casagrid__col-"], .casagrid__col--sm-no-space {
        padding-left: 0;
        padding-right: 0;
    }
    /* grid space & grid element space */
    .casagrid--sm-space [class*="casagrid__col-"], .casagrid__col--sm-space {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* grid push left columns */
    .casagrid--sm-push-left-11 {
        margin-left: 91.66666666666666%;
    }
    .casagrid--sm-push-left-10 {
        margin-left: 83.33333333333334%;
    }
    .casagrid--sm-push-left-9 {
        margin-left: 75%;
    }
    .casagrid--sm-push-left-8 {
        margin-left: 66.66666666666666%;
    }
    .casagrid--sm-push-left-7 {
        margin-left: 58.333333333333336%;
    }
    .casagrid--sm-push-left-6 {
        margin-left: 50%;
    }
    .casagrid--sm-push-left-5 {
        margin-left: 41.66666666666667%;
    }
    .casagrid--sm-push-left-4 {
        margin-left: 33.33333333333333%;
    }
    .casagrid--sm-push-left-3 {
        margin-left: 25%;
    }
    .casagrid--sm-push-left-2 {
        margin-left: 16.666666666666664%;
    }
    .casagrid--sm-push-left-1 {
        margin-left: 8.333333333333332%;
    }
    .casagrid--sm-push-left-0 {
        margin-left: 0;
    }
    /* grid push right columns */
    .casagrid--sm-push-right-11 {
        margin-right: 91.66666666666666%;
    }
    .casagrid--sm-push-right-10 {
        margin-right: 83.33333333333334%;
    }
    .casagrid--sm-push-right-9 {
        margin-right: 75%;
    }
    .casagrid--sm-push-right-8 {
        margin-right: 66.66666666666666%;
    }
    .casagrid--sm-push-right-7 {
        margin-right: 58.333333333333336%;
    }
    .casagrid--sm-push-right-6 {
        margin-right: 50%;
    }
    .casagrid--sm-push-right-5 {
        margin-right: 41.66666666666667%;
    }
    .casagrid--sm-push-right-4 {
        margin-right: 33.33333333333333%;
    }
    .casagrid--sm-push-right-3 {
        margin-right: 25%;
    }
    .casagrid--sm-push-right-2 {
        margin-right: 16.666666666666664%;
    }
    .casagrid--sm-push-right-1 {
        margin-right: 8.333333333333332%;
    }
    .casagrid--sm-push-right-0 {
        margin-right: 0;
    }
    /* grid order */
    .casagrid--sm-order-11 {
        -webkit-order: 11;
        order: 11;
    }
    .casagrid--sm-order-10 {
        -webkit-order: 10;
        order: 10;
    }
    .casagrid--sm-order-9 {
        -webkit-order: 9;
        order: 9;
    }
    .casagrid--sm-order-8 {
        -webkit-order: 8;
        order: 8;
    }
    .casagrid--sm-order-7 {
        -webkit-order: 7;
        order: 7;
    }
    .casagrid--sm-order-6 {
        -webkit-order: 6;
        order: 6;
    }
    .casagrid--sm-order-5 {
        -webkit-order: 5;
        order: 5;
    }
    .casagrid--sm-order-4 {
        -webkit-order: 4;
        order: 4;
    }
    .casagrid--sm-order-3 {
        -webkit-order: 3;
        order: 3;
    }
    .casagrid--sm-order-2 {
        -webkit-order: 2;
        order: 2;
    }
    .casagrid--sm-order-1 {
        -webkit-order: 1;
        order: 1;
    }
    .casagrid--sm-order-0 {
        -webkit-order: 0;
        order: 0;
    }
    /* grid grow */
    .casagrid--sm-grow-11 {
        -webkit-flex-grow: 11;
        flex-grow: 11;
    }
    .casagrid--sm-grow-10 {
        -webkit-flex-grow: 10;
        flex-grow: 10;
    }
    .casagrid--sm-grow-9 {
        -webkit-flex-grow: 9;
        flex-grow: 9;
    }
    .casagrid--sm-grow-8 {
        -webkit-flex-grow: 8;
        flex-grow: 8;
    }
    .casagrid--sm-grow-7 {
        -webkit-flex-grow: 7;
        flex-grow: 7;
    }
    .casagrid--sm-grow-6 {
        -webkit-flex-grow: 6;
        flex-grow: 6;
    }
    .casagrid--sm-grow-5 {
        -webkit-flex-grow: 5;
        flex-grow: 5;
    }
    .casagrid--sm-grow-4 {
        -webkit-flex-grow: 4;
        flex-grow: 4;
    }
    .casagrid--sm-grow-3 {
        -webkit-flex-grow: 3;
        flex-grow: 3;
    }
    .casagrid--sm-grow-2 {
        -webkit-flex-grow: 2;
        flex-grow: 2;
    }
    .casagrid--sm-grow-1 {
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }
    .casagrid--sm-grow-0 {
        -webkit-flex-grow: 0;
        flex-grow: 0;
    }
    /* grid wrap */
    .casagrid--sm-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .casagrid--sm-no-wrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .casagrid--sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    /* grid direction */
    .casagrid--sm-direction-row {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    .casagrid--sm-direction-row-reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .casagrid--sm-direction-column {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .casagrid--sm-direction-column-reverse {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    /* grid align (vertical align) */
    .casagrid--sm-align-top {
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .casagrid--sm-align-bottom {
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .casagrid--sm-align-bottom [class*="casagrid__col-"] {
        vertical-align: bottom;
    }
    .casagrid--sm-align-center {
        -webkit-align-items: center;
        align-items: center;
    }
    .casagrid--sm-align-center [class*="casagrid__col-"] {
        vertical-align: middle;
    }
    .casagrid--sm-align-baseline {
        -webkit-align-items: baseline;
        align-items: baseline;
    }
    .casagrid--sm-align-baseline [class*="casagrid__col-"] {
        vertical-align: baseline;
    }
    /* grid content align (vertical align) */
    .casagrid--sm-align-content-top {
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }
    .casagrid--sm-align-content-bottom {
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }
    .casagrid--sm-align-content-bottom [class*="casagrid__col-"] {
        vertical-align: bottom;
    }
    .casagrid--sm-align-content-center {
        -webkit-align-content: center;
        align-content: center;
    }
    .casagrid--sm-align-content-between {
        -webkit-align-content: space-between;
        align-content: space-between;
    }
    .casagrid--sm-align-content-around {
        -webkit-align-content: space-around;
        align-content: space-around;
    }
    /* grid element align (can be added inside the grid) */
    .casagrid--sm-align-self-stretch {
        -webkit-align-self: stretch;
        align-self: stretch;
    }
    .casagrid--sm-align-self-top {
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }
    .casagrid--sm-align-self-bottom {
        vertical-align: bottom;
        -webkit-align-self: flex-end;
        align-self: flex-end;
    }
    .casagrid--sm-align-self-center {
        vertical-align: middle;
        -webkit-align-self: center;
        align-self: center;
    }
    .casagrid--sm-align-self-baseline {
        vertical-align: baseline;
        -webkit-align-self: baseline;
        align-self: baseline;
    }
    /* grid justify (can be added outside & inside the grid) */
    .casagrid--sm-justify-left {
        text-align: left;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .casagrid--sm-justify-right {
        text-align: right;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    .casagrid--sm-justify-center {
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .casagrid--sm-justify-between {
        text-align: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .casagrid--sm-justify-around {
        text-align: justify;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    /* .casagrid--sm-justify-right .casagrid__cell,
    .casagrid--sm-justify-center .casagrid__cell,
    .casagrid--sm-justify-between .casagrid__cell,
    .casagrid--sm-justify-around .casagrid__cell {
        text-align: left;
        text-align: start;
        -moz-text-align-last: left;
        -moz-text-align-last: start;
             text-align-last: left;
             text-align-last: start;
    } */
    /* grid cell footer */
    .casagrid__cell-sm-footer {
        width: 100%;
        margin-top: auto;
        display: -webkit-flex;
        display: flex;
    }
    /* = ui
       ========================================================================== */
    .ui__form-menu-btn-add, .ui__form-menu-btn-del2 {
        /* margin: 0 0 10px 15px !important; */
    }
    /* content box */
    .ui__content-intern-box {
        width: 100%;
        margin: 0;
    }
    .ui__content-intern-col {
        padding: 15px 30px;
        border-bottom: 1px solid #dadada;
        border-right: none;
    }
    .ui__content-intern-col:last-child {
        border-bottom: none;
    }
    .ui__content-intern-input:checked~.ui__content-intern {
        background-color: #ecf0f3;
    }
    /* = header
       ========================================================================== */
    /* = nav
       ========================================================================== */
    /* = main
	   ========================================================================== */
    .main__menu-container {
        width: 0;
        max-width: inherit;
        z-index: 860;
        position: fixed;
        left: 0;
        top: 0;
        margin: 0;
    }
    .main__menu {
        width: 320px;
        height: 100vh;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 0;
        padding-bottom: 80px;
        position: absolute;
        left: -320px;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }

    .main__menu.main__menu--principal {
        width: 320px;
        height: 100vh;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 0;
        padding-bottom: 80px;
        position: fixed;
        left: 0;
        -webkit-overflow-scrolling: touch;

        width: 320px;
        height: 500000%;
        margin: 0 15px -1px -15px;
        padding: 103px 0 40px 0;
        background-color: #fff;
        border-right: 1px solid #dbdbdb;
        -webkit-transition: transform .3s, width .3s;
        transition: transform .3s, width .3s;
        overflow: hidden;
        
        top: 8px;
    }

    .main__menu-input:checked~.main__menu {
        width: 320px;
        -webkit-transform: translateX(320px);
        transform: translateX(320px);
    }
    .main__menu-input:checked~.main__menu .main__menu-title {
        height: auto;
        padding: 25px 0 25px 30px;
    }
    .main__menu-toggle-btn::after {
        content: '\f00d';
    }
    .main__menu-input:checked~.main__menu .main__menu-toggle-btn::after {
        margin-right: 20px;
    }
    .main__menu-return-link {
        padding: 30px;
    }
    /* = footer
	   ========================================================================== */
    .casagrid__menu--big {
        max-width: 42px;
    }
    .casagrid__menu--item .ui__btn-icon {
        left: -7px;
    }

    /* = ficha-contato
	========================================================================== */
    .button__timeline-filtro-aplicar-pesquisa{
        margin-top: 10px!important;
        margin-left: 10px!important;
    }
}

/* ==========================================================================
   = breakpoint mobile ( 512px - 0px )
   ========================================================================== */

@media screen and (max-width: 512px) {
    /* = grid mobile
       ========================================================================== */
    /* grid columns */
    .casagrid__col--xs-12 {
        width: 100%;
    }
    .casagrid__col--xs-11 {
        width: 91.66666666666666%;
    }
    .casagrid__col--xs-10 {
        width: 83.33333333333334%;
    }
    .casagrid__col--xs-9 {
        width: 75%;
    }
    .casagrid__col--xs-8 {
        width: 66.66666666666666%;
    }
    .casagrid__col--xs-7 {
        width: 58.333333333333336%;
    }
    .casagrid__col--xs-6 {
        width: 50%;
    }
    .casagrid__col--xs-5 {
        width: 41.66666666666667%;
    }
    .casagrid__col--xs-4 {
        width: 33.33333333333333%;
    }
    .casagrid__col--xs-3 {
        width: 25%;
    }
    .casagrid__col--xs-2 {
        width: 16.666666666666664%;
    }
    .casagrid__col--xs-1 {
        width: 8.333333333333332%;
    }
    /* grid add */
    .casagrid--xs-add {
        display: inline-block;
    }
    /* grid delete */
    .casagrid--xs-delete {
        display: none;
    }
    /* grid auto */
    .casagrid__col--xs-auto {
        width: auto;
        max-width: 100%;
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px;
    }
    /* grid no auto */
    .casagrid__col--xs-no-auto {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    /* grid no space & grid element no space */
    .casagrid--xs-no-space [class*="casagrid__col-"], .casagrid__col--xs-no-space {
        padding-left: 0;
        padding-right: 0;
    }
    /* grid space & grid element space */
    .casagrid--xs-space [class*="casagrid__col-"], .casagrid__col--xs-space {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* grid push left columns */
    .casagrid--xs-push-left-11 {
        margin-left: 91.66666666666666%;
    }
    .casagrid--xs-push-left-10 {
        margin-left: 83.33333333333334%;
    }
    .casagrid--xs-push-left-9 {
        margin-left: 75%;
    }
    .casagrid--xs-push-left-8 {
        margin-left: 66.66666666666666%;
    }
    .casagrid--xs-push-left-7 {
        margin-left: 58.333333333333336%;
    }
    .casagrid--xs-push-left-6 {
        margin-left: 50%;
    }
    .casagrid--xs-push-left-5 {
        margin-left: 41.66666666666667%;
    }
    .casagrid--xs-push-left-4 {
        margin-left: 33.33333333333333%;
    }
    .casagrid--xs-push-left-3 {
        margin-left: 25%;
    }
    .casagrid--xs-push-left-2 {
        margin-left: 16.666666666666664%;
    }
    .casagrid--xs-push-left-1 {
        margin-left: 8.333333333333332%;
    }
    .casagrid--xs-push-left-0 {
        margin-left: 0;
    }
    /* grid push right columns */
    .casagrid--xs-push-right-11 {
        margin-right: 91.66666666666666%;
    }
    .casagrid--xs-push-right-10 {
        margin-right: 83.33333333333334%;
    }
    .casagrid--xs-push-right-9 {
        margin-right: 75%;
    }
    .casagrid--xs-push-right-8 {
        margin-right: 66.66666666666666%;
    }
    .casagrid--xs-push-right-7 {
        margin-right: 58.333333333333336%;
    }
    .casagrid--xs-push-right-6 {
        margin-right: 50%;
    }
    .casagrid--xs-push-right-5 {
        margin-right: 41.66666666666667%;
    }
    .casagrid--xs-push-right-4 {
        margin-right: 33.33333333333333%;
    }
    .casagrid--xs-push-right-3 {
        margin-right: 25%;
    }
    .casagrid--xs-push-right-2 {
        margin-right: 16.666666666666664%;
    }
    .casagrid--xs-push-right-1 {
        margin-right: 8.333333333333332%;
    }
    .casagrid--xs-push-right-0 {
        margin-right: 0;
    }
    /* grid order */
    .casagrid--xs-order-11 {
        -webkit-order: 11;
        order: 11;
    }
    .casagrid--xs-order-10 {
        -webkit-order: 10;
        order: 10;
    }
    .casagrid--xs-order-9 {
        -webkit-order: 9;
        order: 9;
    }
    .casagrid--xs-order-8 {
        -webkit-order: 8;
        order: 8;
    }
    .casagrid--xs-order-7 {
        -webkit-order: 7;
        order: 7;
    }
    .casagrid--xs-order-6 {
        -webkit-order: 6;
        order: 6;
    }
    .casagrid--xs-order-5 {
        -webkit-order: 5;
        order: 5;
    }
    .casagrid--xs-order-4 {
        -webkit-order: 4;
        order: 4;
    }
    .casagrid--xs-order-3 {
        -webkit-order: 3;
        order: 3;
    }
    .casagrid--xs-order-2 {
        -webkit-order: 2;
        order: 2;
    }
    .casagrid--xs-order-1 {
        -webkit-order: 1;
        order: 1;
    }
    .casagrid--xs-order-0 {
        -webkit-order: 0;
        order: 0;
    }
    /* grid grow */
    .casagrid--xs-grow-11 {
        -webkit-flex-grow: 11;
        flex-grow: 11;
    }
    .casagrid--xs-grow-10 {
        -webkit-flex-grow: 10;
        flex-grow: 10;
    }
    .casagrid--xs-grow-9 {
        -webkit-flex-grow: 9;
        flex-grow: 9;
    }
    .casagrid--xs-grow-8 {
        -webkit-flex-grow: 8;
        flex-grow: 8;
    }
    .casagrid--xs-grow-7 {
        -webkit-flex-grow: 7;
        flex-grow: 7;
    }
    .casagrid--xs-grow-6 {
        -webkit-flex-grow: 6;
        flex-grow: 6;
    }
    .casagrid--xs-grow-5 {
        -webkit-flex-grow: 5;
        flex-grow: 5;
    }
    .casagrid--xs-grow-4 {
        -webkit-flex-grow: 4;
        flex-grow: 4;
    }
    .casagrid--xs-grow-3 {
        -webkit-flex-grow: 3;
        flex-grow: 3;
    }
    .casagrid--xs-grow-2 {
        -webkit-flex-grow: 2;
        flex-grow: 2;
    }
    .casagrid--xs-grow-1 {
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }
    .casagrid--xs-grow-0 {
        -webkit-flex-grow: 0;
        flex-grow: 0;
    }
    /* grid wrap */
    .casagrid--xs-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .casagrid--xs-no-wrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .casagrid--xs-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    /* grid direction */
    .casagrid--xs-direction-row {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    .casagrid--xs-direction-row-reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .casagrid--xs-direction-column {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .casagrid--xs-direction-column-reverse {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    /* grid align (vertical align) */
    .casagrid--xs-align-top {
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .casagrid--xs-align-bottom {
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .casagrid--xs-align-bottom [class*="casagrid__col-"] {
        vertical-align: bottom;
    }
    .casagrid--xs-align-center {
        -webkit-align-items: center;
        align-items: center;
    }
    .casagrid--xs-align-center [class*="casagrid__col-"] {
        vertical-align: middle;
    }
    .casagrid--xs-align-baseline {
        -webkit-align-items: baseline;
        align-items: baseline;
    }
    .casagrid--xs-align-baseline [class*="casagrid__col-"] {
        vertical-align: baseline;
    }
    /* grid content align (vertical align) */
    .casagrid--xs-align-content-top {
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }
    .casagrid--xs-align-content-bottom {
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }
    .casagrid--xs-align-content-bottom [class*="casagrid__col-"] {
        vertical-align: bottom;
    }
    .casagrid--xs-align-content-center {
        -webkit-align-content: center;
        align-content: center;
    }
    .casagrid--xs-align-content-between {
        -webkit-align-content: space-between;
        align-content: space-between;
    }
    .casagrid--xs-align-content-around {
        -webkit-align-content: space-around;
        align-content: space-around;
    }
    /* grid element align (can be added inside the grid) */
    .casagrid--xs-align-self-stretch {
        -webkit-align-self: stretch;
        align-self: stretch;
    }
    .casagrid--xs-align-self-top {
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }
    .casagrid--xs-align-self-bottom {
        vertical-align: bottom;
        -webkit-align-self: flex-end;
        align-self: flex-end;
    }
    .casagrid--xs-align-self-center {
        vertical-align: middle;
        -webkit-align-self: center;
        align-self: center;
    }
    .casagrid--xs-align-self-baseline {
        vertical-align: baseline;
        -webkit-align-self: baseline;
        align-self: baseline;
    }
    /* grid justify (can be added outside & inside the grid) */
    .casagrid--xs-justify-left {
        text-align: left;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .casagrid--xs-justify-right {
        text-align: right;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    .casagrid--xs-justify-center {
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .casagrid--xs-justify-between {
        text-align: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .casagrid--xs-justify-around {
        text-align: justify;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    /* .casagrid--xs-justify-right .casagrid__cell,
    .casagrid--xs-justify-center .casagrid__cell,
    .casagrid--xs-justify-between .casagrid__cell,
    .casagrid--xs-justify-around .casagrid__cell {
        text-align: left;
        text-align: start;
        -moz-text-align-last: left;
        -moz-text-align-last: start;
             text-align-last: left;
             text-align-last: start;
    } */
    /* grid cell footer */
    .casagrid__cell-xs-footer {
        width: 100%;
        margin-top: auto;
        display: -webkit-flex;
        display: flex;
    }
    /* = text
       ========================================================================== */
    h1 {
        font-size: 18px;
        line-height: 23px;
    }
    /* = ui
       ========================================================================== */
    /* button */
    .ui__btn--xs-icon {
        width: 40px;
        padding: 0 0 0 6px;
    }
    /* .ui__form-menu-btn-add,
    .ui__form-menu-btn-del2 {
        margin: 0 0 10px 15px !important;
    } */
    /* select */
    .ui__select--no-split {
        border-radius: 5px;
    }
    .ui__input--menu-no-split-busca {
        border-radius: 5px 0 0 5px;
    }
    /* bullet */
    .ui__bullet {
        margin-right: 10px;
    }
    /* calendar */
    /* .ui-datepicker {
        margin-left: -30px;
    } */
    /* = tabs (casatabs)
       ========================================================================== */
    .casatabs {
        width: auto;
        margin: 30px -30px 0;
        border-radius: 0;
    }
    .casatabs__label {
        padding-left: 30px;
    }
    .casatabs__label::before {
        display: none;
    }
    .casatabs__label--tabs:first-of-type, .casatabs__label--tabs:last-of-type {
        border-radius: 0;
    }
    .casatabs__label-icon {
        margin-right: 0;
    }
    .casatabs__input:checked~.casatabs__label {
        border-radius: 0;
    }
    .casatabs__content {
        border-radius: 0;
    }
    .casatabs__refresh {
        display: none;
    }
    /* = header
       ========================================================================== */
    .header__logo-img {
        height: 42px;
        margin: -1px 0 0 -10px;
    }
    /* = nav
       ========================================================================== */
    .nav__open-btn {
        margin: 0 0 0 0;
    }
    /* = main
       ========================================================================== */
    /* = footer
       ========================================================================== */
    .app__footer-section {
        padding: 0 5px;
    }
    .ui__btn--xs-icon {
        margin: 0 5px;
    }
    .casagrid__menu--big {
        max-width: 42px;
    }
    .casagrid__menu--item .ui__btn-icon {
        left: 0;
    }
    /* Album de fotos */
    li.item-album-foto.ui-sortable-handle.casagrid__col--3 {
        width: 100%;
    }

     /* = ficha-contato
       ========================================================================== */

       .button__timeline-filtro-aplicar-pesquisa-mobile{
        width: 100px!important;
    }

}