/**********************/
/* 
ROXO - #6F00FF
AZUL - #2200AA
CORAL - #FF5252
VERMELHO - #C50E29
CINZA1 - #F4F4F8
CINZA2 - #C1C1C5
CINZA3 - #86868C
PRETO - #181820


AZUL1 - #12108F
AZUL2 - #0074DA
AZUL3 - #00E5FF
AZUL4 - #91E5FF
*/
/**********************/

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Amatic+SC:wght@400;700&family=Anton&family=Bentham&family=Carrois+Gothic+SC&family=Italianno&family=Julius+Sans+One&family=Prompt&family=Roboto:wght@100;200;300;400;500;700&display=swap');

html,body {
    margin: 0;
    padding: 0;
    width: 100%;
    /* height:100%; NOP */
    font-family: 'Roboto', sans-serif;
    color: #86868C;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.005em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

* {
    text-decoration: none;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-print-color-adjust: exact;
}
*.clear { clear: both; }
*.disabled, *.disabled *{cursor: not-allowed;}
*.shadow{ box-shadow: 0px 12px 56px rgba(0,0,0,0.12), 0px 10px 25px rgba(0,0,0,0.16); }
*.short-shadow{ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
img { display: block; vertical-align: middle; }
h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
a,a:link,a:visited,a:focus,a:hover,a:active{ color: inherit; text-decoration: none; }
a[href^=tel] { color: inherit; }
h1{
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    color: #12108F;
    font-weight: 300;
}
h2{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #12108F;
    font-weight: 500;
}
h2.analytics{
    font-size: 56px;
    line-height: 62px;
    letter-spacing: -0.02em;
    color: #00E5FF;
    font-weight: 100;
    margin-bottom: 8px;
}
h3{
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #0074DA;
    margin-bottom: 4px;
}
p{
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.005em;
    color: #181820;
}
p.notas, span.notas{
    font-size: 10px;
    line-height: 13px;
    color: #86868C;
    margin-top: 1px;
    letter-spacing: 0.01em;
}
p.imma-footerItem{
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
}
p.wrong{color:#E53935;}

*.gradient{
  background: #12108F;
  background: -webkit-linear-gradient(45deg, #12108F, #00E5FF);
  background: -o-linear-gradient(45deg, #12108F, #00E5FF); 
  background: -moz-linear-gradient(45deg, #12108F, #00E5FF); 
  background: linear-gradient(45deg, #12108F, #00E5FF); 
}
*.grey-background{
    padding: 16px;
    border-radius: 6px;
    background-color: #F4F4F8;
    position: relative;
}
*.grey-background a .imma-btn:last-of-type{margin-bottom: 0;}
*.grey-background a.blue{ color: #0074DA; }
*.grey-background .qr_code_image{
    padding: 16px;
    margin-top: 16px;
    background-color: #FFFFFF;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}
*.grey-background .qr_code_image img{
    width: 100%;
}
*.grey-background h2{
    color: #0074da;
}
*.purple-background{
    padding: 16px;
    border-radius: 6px;
    background-color: #12108F;
    position: relative;
}
*.purple-background *{ color: #FFF; }
*.purple-background a{ color: #00E5FF; }
*.yellow-background{
    padding: 16px;
    border-radius: 6px;
    background-color: #FFEB3B;
    position: relative;
}
*.yellow-background h2{color: #181820;}
*.grey-background h2, *.purple-background h2, *.yellow-background h2{margin-bottom: 2px;}

::-webkit-input-placeholder {color: #86868C; }
:-moz-placeholder { color: #86868C; opacity: 1; }
::-moz-placeholder { color: #86868C; opacity: 1; }
:-ms-input-placeholder { color: #86868C; }
.imma-input, .imma-textarea{
    -webkit-appearance: none;
    outline: none;
    border-radius: 2px;
    border: 1px solid #F4F4F8; 
    padding: 8px 11px; 
    margin: 4px 0 16px 0;
    display: block;
    color: #181820;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 16px;
    width: calc(100% - 1px);
    background-color: #FFF;
}
.imma-input.data{
    float: left;
    margin: 0;
    width: calc(50% - 36px);
}
.imma-input.data:nth-of-type(2){margin-left: 8px;}
.imma-textarea{ resize: vertical; height: 68px; }
.imma-content.posts .imma-textarea{ height: 96px; }
#textarea-embed{resize: none; margin-bottom: 0;}
.imma-file{cursor: pointer;}
.imma-input:valid, .imma-textarea:valid{  border: 1px solid #C1C1C5; }
.imma-input:focus, .imma-textarea:focus{ border: 1px solid #12108F; }
.imma-input:invalid, .imma-input.wrong, .imma-textarea:invalid, .imma-textarea.wrong, .imma-file.wrong + .imma-input, .imma-input.wrong:placeholder-shown, .imma-textarea.wrong:placeholder-shown { border: 1px solid #E53935; }
.imma-input.disabled, .imma-input.disabled:valid, .imma-input.disabled:invalid, .imma-input.disabled:focus, .imma-textarea.disabled, .imma-input.textarea:valid, .imma-input.textarea:invalid, .imma-input.textarea:focus{ border: 1px solid #F4F4F8; color: #86868C; }
.imma-input:placeholder-shown, .imma-textarea:placeholder-shown{ border: 1px solid #F4F4F8; }

.imma-input-p{ float: left; margin-top: 12px; margin-bottom: 16px;}
.imma-input-p + .imma-input{float: right;width: calc(100% - 102px);}
p.input-name{
    font-weight: 700;
    margin-top: 16px;
    display: block;
}
p.input-name span{ font-weight: 400;}
h3.input-section-name{padding-top: 12px; border-top:1px solid #F4F4F8;margin-bottom: 0;}
.formField h3.input-section-name:first-of-type{border-top:1px solid #F4F4F8; padding-top: 12px;}
.imma-content.posts .formField h3:first-of-type{border-top:none; padding-top: 0;}
.input-hidden-content{
    height: auto;
    max-height: 0;
    -webkit-transition: max-height 0.25s linear;
    -moz-transition: max-height 0.25s linear;
    transition: max-height 0.25s linear;
    overflow: hidden;
    position: relative;
}
.input-hidden-content.open{max-height:76px;}
.imma-content.setup .input-hidden-content.open, .imma-content.settings .input-hidden-content.open{max-height:255px;}
.input-hidden-content iframe, .image-upload iframe{
    width: 0;
    height: 0;
    border: none;
    position: absolute;
    margin-top: 0;
}
.input-hidden-content .imma-input:last-child{margin-bottom: 0;}

input[type="checkbox"], input[type="radio"] { display: none; }
.imma-checkbox{margin-top: 16px;}
.imma-checkbox label {
    margin: 0;
    width: 100%;
}
.imma-checkbox label span:not(.smallText) {
    display: block;
    width: 18px;
    height: 18px;
    margin: -1px 0 0 0;
    float: right;
    border: 1px solid #C1C1C5;
    border-radius: 2px;
    -webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
    background-color: #FFF;
    cursor: pointer;
}
.imma-checkbox label span:not(.smallText):before {
    display: block;
    content: '';
    width: 10px;
    height: 4px;
    margin: 3px auto;
    border: 2px solid #FFFFFF;
    border-right: none;
    border-top: none;
    -webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
} 
input[type="checkbox"]:checked +label span:not(.smallText):before, input[type="radio"]:checked +label span:not(.smallText):before { opacity: 1; }
input[type="checkbox"]:checked +label span:not(.smallText), input[type="radio"]:checked +label span:not(.smallText) { border: 1px solid #12108F; background-color: #12108F; }
form p.notas.clear{ margin-bottom: -4px;}
.imma-checkbox .keyboard-arrow-down{
    width: 24px; 
    height: 24px;
    margin-right: 8px;
    float: left;
    transform-origin: center;
    -ms-transform: rotate(180deg);
    -wbkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: transform 0.25s ease;
    -moz-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
}
.imma-checkbox p{float: left; width: calc(100% - 32px);margin-top: 0;}
.imma-checkbox h3{float: left; width: calc(100% - 64px); line-height: 24px; margin-bottom: 0;cursor: pointer; margin-bottom: 16px;}
form .imma-checkbox p.notas.clear{ margin-bottom: 0; float: none; }
.imma-checkbox p.input-name { /*margin-top: 16px; NOP */cursor: pointer; }
.imma-checkbox p.input-name:first-of-tpe{margin-top: 12px;}
.imma-checkbox p.input-name svg{
    float: none;
    margin-top: -10px;
}
.imma-checkbox.disabled p.input-name, .imma-checkbox.disabled p.notas { color: #c1c1c5;}
.imma-checkbox.disabled p.input-name, .imma-checkbox.disabled p.notas, .imma-checkbox.disabled label span:not(.smallText){ cursor: not-allowed;}
form label.error{
    color: #E53935;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.01em;
    margin-top: -8px;
    float: left;
    width: 100%;
}
.imma-select{position: relative;}
.imma-select .select{
    position: relative;
    border-radius: 2px;
    border: 1px solid #C1C1C5; 
    padding: 8px 11px; 
    margin: 6px 0 16px 0;
    display: block;
    color: #86868C;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 16px;
    width: 100%;
    background-color: #FFF;
}
.imma-select.open .select{ border-radius: 2px 2px 0 0; }
.imma-select .select:after {
    content: '';
    border: solid #86868C;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform-origin: center;
    -webkit-transform: rotate(45deg);
    -mes-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 10px;
    position: absolute;
    top: 10px;
    -webkit-transition: transform 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
}
.imma-select.open .select:after{
    -webkit-transform: rotate(-135deg) translate(-3px,-3px);
    -ms-transform: rotate(-135deg) translate(-3px,-3px);
    transform: rotate(-135deg) translate(-3px,-3px);
}
.imma-select .options {
    position: absolute;
    overflow: hidden;
    overflow-y: scroll;
    max-height: 0;
    top:33px;
    height: auto;
    width: 100%;
}
.imma-select.open .options {
    -webkit-transition: max-height 0.25s linear 0s;
    -moz-transition: max-height 0.25s linear 0s;
    transition: max-height 0.25s linear 0s;
    max-height: 133px;
    z-index: 2;
}
.imma-select .options .option{
    border: 1px solid #c1c1c5;
    padding: 8px 11px;
    background-color: #FFFFFF;
    margin-top: -1px;
    color: #181820;
    cursor: pointer;
    -webkit-transition: background-color 0.2s linear 0s;
    -moz-transition: background-color 0.2s linear 0s;
    transition: background-color 0.2s linear 0s;
    text-align: left;
}
.imma-select .options .option:hover, .imma-select .options .option.selected{background-color: #C1C1C5;}
.imma-select .options .option:first-of-type{ margin-top: 0;}

.trumbowyg-button-pane{
    background: #f4f4f8;
}

.imma-inputimage{ 
    position: relative; 
    cursor: pointer;
    background-image: url(../images/layout/iconFoto.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 12px;
    background-color: #00E5FF;
    border-radius: 0 8px 8px 0;
}
.imma-inputimage.big{
    background-position: 50% calc(50% - 24px);
    background-size: 48px;
}
.imma-inputimage.disabled{
    background-color: #eaeaee;
    background-image: url(../images/layout/iconFotoDisabled.svg);
}
.imma-inputimage.video{background-image: url(../images/layout/iconVideo.svg);}
.imma-inputimage input[type="file"]{
    position: absolute;
    z-index: 2;
    height: 48px;
    width: 100%;
    opacity: 0;
    top:0;
    left: 0;
}
.imma-inputimage#imma-inputimage-post input[type="file"]{height: 100%;}
.imma-inputimage input[type="text"]{
    width: calc(100% - 48px);
    border: none;
    background-color: #f4f4f8;
    height: 48px;
    border-radius: 0 6px 6px 0;
    margin-bottom: 0;
    pointer-events: none;
    -webkit-transition: background-color 0.2s linear 0s;
    -moz-transition: background-color 0.2s linear 0s;
    transition: background-color 0.2s linear 0s;
}
.imma-inputimage:hover input[type="text"]{ background-color: #C1C1C5; }
.imma-inputimage div:not(.clear):not(.postImage):not(.imma-dot):first-of-type {
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 48px;
    width: 48px;
    background-size: cover;
}
.imma-content.settings .imma-inputimage{ background-position: 32px; }
.imma-content.settings .imma-inputimage input[type="text"]{ width: calc(100% - 88px); height: 88px; }
.imma-content.settings .imma-inputimage div:not(.clear):not(.postImage):not(.imma-dot):first-of-type{height: 88px; width: 88px;}
.imma-content.settings .imma-inputimage input[type="file"]{height: 88px;}
.imma-content .imma-inputimage.big input[type="text"]{ width: 100%; height: 48px; border-radius: 0 0 6px 6px; }
.imma-content .imma-inputimage.big div:not(.clear):not(.postImage):not(.imma-dot):first-of-type{height: 40vw; width: 100%;}
.imma-content .imma-inputimage.big input[type="file"]{height: calc(40vw + 48px);}
.imma-inputimage.big{ border-radius: 0 0 8px 8px; }
.image-upload{ margin-top: 4px; }
.imma-content.posts .image-upload{ margin-top: 0; }
.imma-content.posts .image-upload p.notas{
    padding: 0 16px;
    margin-top: 4px;
}
.imma-inputimage div.clear, .imma-content.settings .imma-inputimage div.clear{width: 0;height: 0;}
.imma-inputimage label.error{
    margin-top: 4px;
    margin-bottom: 0;
}

.imma-color {
    padding: 8px 11px;
    width: 100%;
    border: solid 1px #C1C1C5;
    border-radius: 2px;
    background: #FFFFFF;
    color: #181820;
    vertical-align: middle;
    display: block;
    margin: 8px 0;
    -webkit-transition: border-color 0.2s linear 0s;
    -moz-transition: border-color 0.2s linear 0s;
    transition: border-color 0.2s linear 0s;
}
.imma-color:hover, .imma-color.sp-active{ border-color: #C1C1C5; }
.imma-color.sp-disabled {
    cursor: not-allowed;
    border-color: #C1C1C5;
    color: #C1C1C5;
}
.sp-preview{
    width: calc(100% - 24px);
    height: 16px;
    border: none;
    margin-right: 0;
    border-radius: 2px;
}
.sp-dd {
    float: right;
    font-size: 12px;
    color: #181820;
}
.imma-color-picker {
    border-radius: 2px;
    background-color: #FFFFFF;
    border: solid 1px #C1C1C5;
    width: calc(100% - 32px);
}
.sp-picker-container { width: 100%; }
.sp-picker-container, .sp-palette-container{padding: 16px 16px 306px 16px;}
.sp-input{
    -webkit-appearance: none;
    outline: none;
    border: solid 1px #C1C1C5;
    padding: 9px 6px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 2px;
    color: #181820;
}
.sp-input:focus{border: solid 1px #12108F;}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px 'Roboto', sans-serif; }
.sp-input-container{margin-bottom: 16px;}
.sp-cancel {
    font-size: 12px;
    letter-spacing: 0.01em;
    line-height: 16px;
    color: #86868C !important;
    margin: 0 16px 0 0;
    padding: 0;
    display: inline-block;
    width: calc(50% - 8px);
    text-align: center;
    background-color: #F4F4F8;
    padding: 9px 6px;
    border-radius: 6px;
    -webkit-transition: background-color 0.2s linear 0s;
    -moz-transition: background-color 0.2s linear 0s;
    transition: background-color 0.2s linear 0s;
}
.sp-cancel:hover {
    color: #86868C !important;
    text-decoration: none;
    background-color: #C1C1C5;
}
.sp-container button {
    -webkit-appearance: none;
    outline: none;
    background-color: #12108F;
    background-image: none;
    border: none;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.01em;
    padding: 9px 6px;
    text-align: center;
    cursor: pointer;
    text-shadow: none;
    display: inline-block;
    width: calc(50% - 8px);
    -webkit-transition: background-color 0.2s linear 0s;
    -moz-transition: background-color 0.2s linear 0s;
    transition: background-color 0.2s linear 0s;
}
.sp-container button:hover {
    background-color: #2200AA;
    background-image: none;
    border: none;
    text-shadow: none;
}
.sp-button-container{width: 100%;}
.sp-container, .sp-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top{margin-bottom: 5px;}
.sp-slider {
    height: 4px;
    background: #FFFFFF;
    border: 1px solid #86868c;
    opacity: 1;
}
.sp-color, .sp-hue, .sp-clear{border: 1px solid #C1C1C5;}
.sp-hue{
    width: 60px;
    left: calc(100% - 60px);
}
.sp-color{ right: 68px; }

.imma-btn{
    -webkit-appearance: none;
    outline: none;
    border-radius: 6px;
    border: none; 
    text-align: center;
    padding: 9px 11px; 
    margin: 16px 0;
    display: block;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.01em;
    width: 100%;
    background-color: #00E5FF;
    cursor: pointer;
    -webkit-transition: background-color 0.2s linear 0s;
    -ms-transition: mbackground-color 0.2s linear 0s;
    transition: background-color 0.2s linear 0s;
}
.imma-btn:hover{background-color: #91E5FF;}
.imma-btn.big{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 13px 11px; 
}
.imma-btn.disabled{cursor: not-allowed;}
.imma-btn.big, .imma-btn.purple{ background-color: #12108F; }
.imma-btn.big:hover, .imma-btn.purple:hover{background-color: #0074DA;}
.imma-btn.cancel{ background-color: #F4F4F8; color: #86868C; }
.imma-btn.cancel:hover{background-color: #C1C1C5;}
.imma-btn.disabled, .imma-btn.disabled:hover, .imma-btn.nomore, .imma-btn.nomore:hover{ background-color: #F4F4F8; color: #C1C1C5; }
.imma-btn.data{float: right; margin: 0; width: 48px;}
input[type="submit"]{margin-top: 32px;}

.imma .half{  margin-bottom: 16px; }
.imma ul.list{
    margin: 0;
    padding: 0 0 0 11px;
    list-style-type: none;
    -webkit-appearance: none;
}
.imma ul.list li{position: relative;}
.imma ul.list li:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #00E5FF;
    left: -7px;
    border-radius: 50%;
    top: calc(50% - 1px);
}

.imma-popup-background{
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    z-index: 30;
    left: 0;
    opacity: 0.88;
    display: none;
}
.imma-popup-background.popup-wrong{ background-color: #E53935; }
.imma-popup-background.popup-warning{ background-color: #FFEB3B; }
.imma-popup-background.popup-success{ background-color: #8BC34A; }
.imma-popup-background.popup-loading, .imma-popup-background.popup-big{ background-color: #FFFFFF; }
.imma-popup-background.popup-loading{z-index: 500;}
.imma-popup{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: calc(100% - 64px);
    margin: 0 auto;
    z-index: 35;
    text-align: center;
    display: none;
}
.imma-popup.popup-loading{z-index: 505;}
.imma-popup.popup-big{height: calc(100% - 64px);}
.imma-popup.popup-big.upload{height: auto;}
.imma-popup.popup-big.upload .input-hidden-content.open{
    max-height: 100%;
    width: calc(100vw - 96px);
    height: calc(100vw - 96px);
}
.imma-popup.popup-big.upload .imma-inputimage{
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-position: center;
    background-size: 64px;
    border: 1px solid #FFFFFF;
}
.imma-popup.popup-big.upload .imma-inputimage div:not(.clear):not(.postImage):not(.imma-dot):first-of-type, .imma-popup.popup-big.upload .imma-inputimage input[type="file"]{ height: 100%; width: 100%; }
.imma-popup .content{
    background-color: #FFFFFF;
    padding: 16px;
    border-radius: 6px;
}
.imma-popup.popup-big .content{height: 100%;}
.imma-popup.popup-loading .content{ background-color: transparent;}
.imma-popup .imma-btn{margin-bottom: 8px;}
.imma-popup .imma-btn:last-of-type{margin-bottom: 0;}
.imma-popup .imma-btn.cancel{margin-top: 8px;}
.imma-popup.popup-big .imma-btn.purple.cancel{margin-top: 16px;}
.imma-popup h2.analytics{
    color: #FFF;
    margin-bottom: 48px;
}
.imma-popup.popup-warning h2.analytics{ color: #181820; }
.imma-popup svg{
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
}
.imma-popup .dontShowMore {
    border-top: 1px solid #f4f4f8;
    margin-top: 16px;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 16px;
}
.imma-popup .dontShowMore p{text-align: left;}
.imma-popup.popup-big .immaes-select{
    height: calc(100% - 135px);
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    border-top: 1px solid #F4F4F8;
}

.imma-acordeon{
    width: 100%;
    height: auto;
    max-height: 56px;
    padding: 1px;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease 0s;
    -ms-transition: max-height 0.35s ease 0s;
    transition: max-height 0.35s ease 0s;
    border-radius: 6px;
    text-align: left;
    margin-top: 16px;
    background: #12108F;
    /*
    background: -webkit-linear-gradient(30deg, #AB4AFF 0%, #12108F 50%);
    background: -o-linear-gradient(30deg, #AB4AFF 0%, #12108F 50%); 
    background: -moz-linear-gradient(30deg, #AB4AFF 0%, #12108F 50%); 
    background: linear-gradient(30deg, #AB4AFF 0%, #12108F 50%); 
    */
}
.imma-acordeon h2.analytics span{
    vertical-align: super;
    font-weight: 300;
    font-size: 32px;
}
.imma-acordeon .imma-checkbox div:first-of-type p.input-name{margin-top: 16px}
.imma-acordeon .imma-checkbox div:first-of-type p.input-name:first-of-type{margin-top: 0}
.imma-acordeon .imma-checkbox{
    background: #FFFFFF;
    border-radius: 5px;
    padding: 16px;
    height: auto;
    max-height: 54px;
    margin-top: 0;
    -webkit-transition: max-height 0.35s ease 0s, border-radius 0.35s ease 0s;
    -ms-transition: max-height 0.35s ease 0s, border-radius 0.35s ease 0s;
    transition: max-height 0.35s ease 0s, border-radius 0.35s ease 0s;
}
.imma-acordeon.open{ max-height: 200vh; }
.imma-acordeon.open .imma-checkbox{ max-height: 200vh; border-radius: 5px 5px 0 0; }
.imma-acordeon .imma-acordeon-price{
    padding: 16px;
    text-align: center;
}
.imma-acordeon#acordeon-plano-plus, .imma-acordeon#acordeon-plano-plus2{
    background: #00E5FF;
    /*
    background: -webkit-linear-gradient(30deg, #FF867F 0%, #00E5FF 50%);
    background: -o-linear-gradient(30deg, #FF867F 0%, #00E5FF 50%); 
    background: -moz-linear-gradient(30deg, #FF867F 0%, #00E5FF 50%); 
    background: linear-gradient(30deg, #FF867F 0%, #00E5FF 50%); 
    */
}
.imma-acordeon#acordeon-plano-trial, .imma-acordeon#acordeon-plano-free{
    background: #86868C;
    /*
    background: -webkit-linear-gradient(30deg, #C1C1C5 0%, #86868C 50%);
    background: -o-linear-gradient(30deg, #C1C1C5 0%, #86868C 50%); 
    background: -moz-linear-gradient(30deg, #C1C1C5 0%, #86868C 50%); 
    background: linear-gradient(30deg, #C1C1C5 0%, #86868C 50%); 
    */
}
.imma-acordeon.disabled {
    background: #C1C1C5;
    /*
    background: -webkit-linear-gradient(30deg, #F4F4F8 0%, #C1C1C5 50%);
    background: -o-linear-gradient(30deg, #F4F4F8 0%, #C1C1C5 50%); 
    background: -moz-linear-gradient(30deg, #F4F4F8 0%, #C1C1C5 50%); 
    background: linear-gradient(30deg, #F4F4F8 0%, #C1C1C5 50%);
    */
}
.imma-acordeon .imma-acordeon-price h2.analytics, .imma-acordeon .imma-acordeon-price p{ color:#FFFFFF; }
.imma-checkbox label span.smallText{font-size: 12px;}
.imma-acordeon#acordeon-plano-basico .imma-checkbox label span:not(.smallText){border: 1px solid #12108F;}
.imma-acordeon#acordeon-plano-plus .imma-checkbox label span:not(.smallText), .imma-acordeon#acordeon-plano-plus2 .imma-checkbox label span:not(.smallText){border: 1px solid #00E5FF;}
.imma-acordeon#acordeon-plano-plus .imma-checkbox h3, .imma-acordeon#acordeon-plano-plus2 .imma-checkbox h3{color:#00E5FF; }
.imma-acordeon#acordeon-plano-plus .imma-checkbox .keyboard-arrow-down path:first-of-type{fill:#00E5FF;}
.imma-acordeon#acordeon-plano-plus input[type="checkbox"]:checked +label span:not(.smallText), .imma-acordeon#acordeon-plano-plus input[type="radio"]:checked +label span:not(.smallText){border: 1px solid #00E5FF;background-color: #00E5FF;}
.imma-acordeon#acordeon-plano-trial .imma-checkbox label span:not(.smallText), .imma-acordeon#acordeon-plano-free .imma-checkbox label span:not(.smallText){ border: 1px solid #86868C;}
.imma-acordeon#acordeon-plano-trial .imma-checkbox h3, .imma-acordeon#acordeon-plano-free .imma-checkbox h3{color:#86868C; }
.imma-acordeon#acordeon-plano-trial input[type="checkbox"]:checked +label span:not(.smallText), .imma-acordeon#acordeon-plano-trial input[type="radio"]:checked +label span:not(.smallText), .imma-acordeon#acordeon-plano-free input[type="checkbox"]:checked +label span:not(.smallText), .imma-acordeon#acordeon-plano-free input[type="radio"]:checked +label span:not(.smallText){border: 1px solid #86868C;background-color: #86868C;}
.imma-acordeon#acordeon-plano-trial .imma-checkbox .keyboard-arrow-down path:first-of-type, .imma-acordeon#acordeon-plano-free .imma-checkbox .keyboard-arrow-down path:first-of-type{fill:#86868C;}
.imma-acordeon .imma-checkbox label span:not(.smallText){ margin-top: 2px; }
.imma-acordeon.open .imma-checkbox .keyboard-arrow-down{
    -ms-transform: rotate(0deg);
    -wbkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.imma-message{
    padding: 8px;
    width: 100%;
    background-color: #E53935;
    border-radius: 2px;
}
.imma-message p{
    display: inline-block;
    width: calc(100% - 36px);
    vertical-align: middle;
    color: #FFFFFF;
    text-align: left;
}
.imma-message svg {
    display: inline-block;
    width: 24px;
    vertical-align: middle;
    margin-right: 8px;
}
.imma-message svg path:last-of-type { fill: #FFFFFF; }
.imma-message.warning svg path:last-of-type { fill: #181820; }
.imma-message.warning{ background-color: #FFEB3B;}
.imma-message.warning p{ color: #181820;}
.imma-message.success{background-color: #8BC34A;}
.imma-message.news h2{ color: #FFFFFF;}
.imma-message.news svg, .imma-message.news svg path:last-of-type { fill: #FFFFFF; }
.imma-message.news p svg{width: 16px; height: 16px;margin-right: 0;}
.imma-message.news {
    background: #12108F;
    /*
    background: -moz-linear-gradient(45deg, #00E5FF 0%, #12108F 100%);
    background: -webkit-linear-gradient(45deg, #00E5FF 0%,#12108F 100%); 
    background: linear-gradient(45deg, #00E5FF 0%,#12108F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00E5FF', endColorstr='#12108F',GradientType=1 );
    */
}
.imma-message.news{padding: 16px;}
.imma-message.news div{margin-top: 8px;}

.loadingIcon {
    margin: 16px calc(50% - 32px);
    width: 64px;
    float: none;
    display: block;
}

.icon_back_top{
    position: fixed;
    bottom: 142px;
    right: 16px;
    background-color: #f4f4f8;
    border-radius: 50%;
    height: 32px;
    opacity: 0;
    width: 32px;
    -webkit-transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
    transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
    cursor: pointer;
}
.icon_back_top.show {
    opacity: 1;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}
.icon_back_top svg{
    height: 24px;
    width: 24px;
    margin: 4px 0 0 4px;
}

/* ----------- */
.imma-header{
    position: absolute;
    background-color: #12108F;
    text-align: center;
    width: 100%;
    z-index: 20;
    top: 0;
}
.imma-header.open{position: fixed;}
.imma-header a, .imma-burguer{
    float: left;
    width: 56px;
    height: 56px;
    padding: 16px 0;
}
.imma-header .imma-icon{
    width: 24px;
    height: 24px;
    fill:#FFFFFF;
    cursor: pointer;
}
.imma-header a:last-of-type{ float: right; }
.imma-header .imma-logo{
    width: calc(100% - 176px);
    margin: 0 32px;
}
.imma-header .imma-logo img{
    height: 24px;
    cursor: pointer;
    margin: 0 auto;
}
.imma-burguer {
    padding: 22px 19px;
    cursor: pointer;
}
.burguerLine {
    width: 18px;
    height: 2px;
    margin-bottom: 3px;
    background-color: #FFFFFF;
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 0.15s linear 0s, transform 0.25s linear 0s;
    -ms-transition: opacity 0.15s linear 0s, transform 0.25s linear 0s;
    transition: opacity 0.15s linear 0s, transform 0.25s linear 0s;
}
.imma-burguer.open .burguerLine.First { 
    -webkit-transform: rotate(-45deg) translate(-7px, 9px); 
    -ms-transform: rotate(-45deg) translate(-7px, 9px); 
    transform: rotate(-45deg) translate(-7px, 9px); 
}
.imma-burguer.open .burguerLine.Midlle { opacity: 0; }
.imma-burguer.open .burguerLine.Last { 
    -webkit-transform: rotate(45deg) translate(-6px, -10px); 
    -ms-transform: rotate(45deg) translate(-6px, -10px); 
    transform: rotate(45deg) translate(-6px, -10px); 
}

.imma .imma-menu{
    margin: 0;
    padding: 56px 0 0 0;
    list-style: none;
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    background-color: #12108F;
    width: 50%;
    left: -50%;
    -webkit-transition: transform 0.25s linear 0s;
    -ms-transition: transform 0.25s linear 0s;
    transition: transform 0.25s linear 0s;
    z-index: 15;
    min-height: 100%;
}
.imma .imma-menu.open{
    -webkit-transform: translateX(100%); 
    -ms-transform: translateX(100%); 
    transform: translateX(100%); 
}
.imma .imma-menu li{ 
    height: 42px; 
    padding: 0 16px; 
    -webkit-transition: background-color 0.2s linear 0s;
    -moz-transition: background-color 0.2s linear 0s;
    transition: background-color 0.2s linear 0s;
}
.imma .imma-menu li:hover, .imma .imma-menu li.current{ background-color: #2200AA;}

.icon_plus{ width: 19px; height: 10px; margin-left: 4px; }
.imma-menu .imma-btn{
    background-color: #00E5FF;
    margin: 16px;
    width: calc(100% - 32px);
    -webkit-transition: background-color 0.2s linear 0s;
    -moz-transition: background-color 0.2s linear 0s;
    transition: background-color 0.2s linear 0s;
}
.imma-menu .imma-btn:hover{background-color: #0074DA;}
.imma-menu p{
    padding: 12px 0;
    color: #FFFFFF;
    display: inline-block;
}
.imma-menu .imma-icon {
    margin: 64px 16px 16px 16px;
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 0;
}
.imma .submenu{
    width: 100%;
    background-color: #F4F4F8;
    display: inline-block;
    text-align: left;
    height: 56px;
}
.imma .submenu h2{margin: 16px; line-height: 24px;}
.imma-popup .search h2{line-height: 24px;}
.imma .submenu.search h2 span, .imma-popup .search h2 span{ position: absolute; z-index: 0; }

.forbidenToBasic{text-align: center; }
.forbidenToBasic svg{
    width: 192px;
    height: 192px;
    margin: 16px auto;
}
.forbidenToBasic .imma-btn{margin-top: 32px;}
.imma .icon{
    cursor: pointer;
    -webkit-transition: fill 0.2s linear 0s;
    -ms-transition: fill 0.2s linear 0s;
    transition: fill 0.2s linear 0s;
}
.imma .icon:hover{ fill:#00E5FF; }

/*********/
.imma .loginArea .imma-logo{
    width: 224px;
    margin: 0 auto 32px auto;
}
.imma .loginArea{
    width: calc(100% - 64px);
    height: 100%;
    display: table;
    margin: 0 auto;
}
.imma .loginArea .login{
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.imma .loginArea .content{
    background-color: #FFFFFF;
    border-radius: 6px;
}
.imma .loginArea input[type="submit"]{ margin-top: 8px;margin-bottom: 16px; }
.imma .loginArea .imma-btn{ background-color: #12108F; }
.imma .loginArea .imma-btn:hover{ background-color: #2200AA; }
.imma .loginArea p, .imma .loginArea h1{ text-align: center; }
.imma .loginArea .imma-message p{text-align: left;}
.imma .loginArea h1{margin: 32px auto;color: #00E5FF;}
.imma .loginArea form{
    padding: 16px;
    border-bottom: 1px solid #F4F4F8;
}
.imma .loginArea form + p{
    display: inline-block;
    width: 100%;
    padding: 16px;
}
.imma .loginArea a{ 
    color: #00E5FF;
    -webkit-transition: transform 0.2s linear 0s;
    -ms-transition: transform 0.2s linear 0s;
    transition: transform 0.2s linear 0s;
}
.imma .loginArea a p.notas{
    -webkit-transition: transform 0.2s linear 0s;
    -ms-transition: transform 0.2s linear 0s;
    transition: transform 0.2s linear 0s;
}
.imma .loginArea a p.notas:hover{color: #181820;}
.imma .loginArea a:hover{ color: #0074DA;}
.imma .loginArea .loadingIcon{ margin-top: 32px; margin-bottom: 32px;  }
.imma .loginArea .imma-input, #popup_chat .imma-input, #popup_chat .imma-select .select{ margin-bottom: 4px; }
.imma .loginArea form label.error{margin-top: -2px; }
.background-grandient{
    background-image: url(../images/layout/website_background_top.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.imma-tooltip {
    pointer-events: none;
    position: absolute;
    background-color: #00E5FF;
    z-index: 10;
    padding: 8px;
    border-radius: 6px;
    right: 0;
    margin: 0 16px;
    opacity: 0;
    width: auto;
    max-width: 50%;
    -webkit-transition: opacity 0.10s cubic-bezier(0.4, 0.0, 1, 1) 0.15s, transform 0.10s cubic-bezier(0.4, 0.0, 1, 1) 0.15s;
    -ms-transition: opacity 0.10s cubic-bezier(0.4, 0.0, 1, 1) 0.15s, transform 0.10s cubic-bezier(0.4, 0.0, 1, 1) 0.15s;
    transition: opacity 0.10s cubic-bezier(0.4, 0.0, 1, 1) 0.15s, transform 0.10s cubic-bezier(0.4, 0.0, 1, 1) 0.15s;
}
.imma-tooltip.open {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
    opacity: 0.9;
    -webkit-transition: opacity 0.10s cubic-bezier(0.0, 0.0, 0.2, 1) 0.15s, transform 0.10s cubic-bezier(0.0, 0.0, 0.2, 1) 0.15s;
    -ms-transition: opacity 0.10s cubic-bezier(0.0, 0.0, 0.2, 1) 0.15s, transform 0.10s cubic-bezier(0.0, 0.0, 0.2, 1) 0.15s;
    transition: opacity 0.10s cubic-bezier(0.0, 0.0, 0.2, 1) 0.15s, transform 0.10s cubic-bezier(0.0, 0.0, 0.2, 1) 0.15s;
}
.imma-tooltip p { color: #FFFFFF;}
#tooltip-old-imma, #tooltip-nomore-imma{ margin: -16px 25% 0 25%; width: 50%; }

/*********/
.imma-content{margin: 56px 0 16px 0; }
.imma-content.open{position: fixed; width: 100%;}
h1.welcome{
    -webkit-transition: padding 0.3s linear 0s;
    -ms-transition: padding 0.3s linear 0s;
    transition: padding 0.3s linear 0s;
}
h1.welcome:last-of-type{color: #00E5FF;padding-bottom: calc(50vh - 48px);}
h1.welcome:first-of-type{padding-top: calc(50vh - 48px);}
.imma-content.dashboard .background-grandient, .imma-content.setup .background-grandient{
    width: 100%;
    text-align: center;
}
.imma-content.dashboard .background-grandient.close h1.welcome:first-of-type, .imma-content.setup .background-grandient.close h1.welcome:first-of-type{padding-top: calc(31.25% - 28px);}
.imma-content.dashboard .background-grandient.close h1.welcome:last-of-type, .imma-content.setup .background-grandient.close h1.welcome:last-of-type{padding-bottom: calc(31.25% - 28px);}
.imma-content.dashboard .content{margin: 16px 0;}
.imma-content.dashboard .content .imma-input, .imma-content.dashboard .content .imma-textarea{border: 1px solid #12108F;}
.imma-content.dashboard .half:last-of-type h2.analytics{color:#12108F;}
.imma-content.dashboard .purple-background, .imma-content.dashboard .grey-background { margin-top: 16px; }
.grey-background#activate_page input{margin-bottom: 0;}

.imma-content.setup .content{padding: 16px 16px 0 16px;}
.imma-content.setup img{ width: 100%; }
.imma-content.setup img.step3{ width: 80px; margin-top: 8px;}
.imma-content.setup .content .left150{float: left; width: 150px;}
.imma-content.setup .content .right150{float: right; width:calc(100% - 166px);}
*.h16, .imma-content *.h16 { height: 16px !important; }
*.h32, .imma-content *.h32 { height: 32px !important; }
*.m16, .imma-content *.m16 { margin-top: 16px !important; }
*.m32, .imma-content *.m32 { margin-top: 32px !important; }
*.m0, .imma-content *.m0 { margin-top: 0px !important; }
.imma-content.setup .loadingIcon{margin-top:calc(50vh - 214px);margin-bottom:calc(50vh - 214px);}
.imma-content .instagramThumb .hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 100%;
    background-color: rgba(24,24,32,0.44);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    background-image: url('../images/layout/iconSuccess.svg');
    opacity: 0;
    -webkit-transition: opacity 0.2s linear 0s;
    -ms-transition: opacity 0.2s linear 0s;
    transition: opacity 0.2s linear 0s;
}
.imma-content .instagramThumb .hover.selected{ opacity: 1; }
.imma-content .instagramThumb{
    position:relative; 
    width:calc(33.33% - 2px);
    margin-right: 2px;
    margin-bottom: 2px;
    float:left;
    cursor: pointer;
}
.imma-content .instagramThumb:nth-of-type(3n){margin-right: 0;}
.imma-content .instagramThumb img{
    border-radius: 0;
    width: 100%;
    margin-top: 0;
}
.imma-content.setup .setup-steps{
    height: 56px;
    padding: 16px;
    width: 100%;
}
.imma-content.setup .setup-steps div{
    border-radius: 50%;
    background-color: #86868C;
    position: relative;
    float: left;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: calc((100% - 120px) / 4);
}
.imma-content.setup .setup-steps div:last-of-type{margin-right: 0;}
.imma-content.setup .setup-steps div:after{
    content: '';
    display: block;
    position: absolute;
    background-color: #86868C;
    height: 1px;
    left: 100%;
    width: calc((100vw - 32px - 120px) / 4);
    top:50%;
}
.imma-content.setup .setup-steps div.done, .imma-content.setup .setup-steps div.done:after{ background-color: #8BC34A; }
.imma-content.setup .setup-steps div:last-of-type:after{display: none;}
.imma-content.setup .setup-steps div p{color: #FFFFFF; line-height: 24px;}
.imma-content.setup .setup-steps div svg{width: 12px;padding-top: 2px;margin: 0;}
.imma-content.setup .setup-steps div svg path:last-of-type{fill:#FFFFFF;}

.imma-big-icon{
    width: 192px;
    margin: 16px auto;
}
.imma-content.setup.step5{ text-align: center; }
.imma-content.setup.step5 form{margin-top: 32px;}

.imma-content .submenu svg, .imma-popup .search-bar svg {
    width: 24px;
    height: 24px;
    cursor: pointer;
    float: right;
    margin-left: 4px;
}
.imma-content .submenu svg.icon_back {
    margin-left: 0;
    margin-right: 8px;
    float: left;
}
.imma-content .submenu a span{
    float: right;
    font-size: 12px;
    -ms-transition: color 0.2s linear 0s;
    transition: color 0.2s linear 0s;
}
.imma-content .submenu a:hover span{
    color: #00E5FF;
}
.imma-content .submenu a:hover svg{
    fill: #00E5FF;
}
.imma-content .submenu .search-bar, .imma-popup .search-bar{
    float: right;
    background-color: #F4F4F8;
    margin-top: -6px;
    width: calc(100% - 32px);
    z-index: 1;
    position: relative;
    max-width: 24px;
    -webkit-transition: max-width 0.2s linear 0s;
    -ms-transition: max-width 0.2s linear 0s;
    transition: max-width 0.2s linear 0s;
    overflow: hidden;
    transform-origin: left;
}
.imma-popup .search-bar{background-color: #FFFFFF;width: 100%;}
.imma-content .submenu .search-bar.open, .imma-popup .search-bar.open{ max-width: 100%; }
.imma-content .submenu .search-bar svg, .imma-popup .search-bar svg{
    margin: 0;
    float: left;
    margin-top: 6px;
}
.imma-content .submenu .search-bar:after, .imma-popup .search-bar:after {
    content: '';
    display: block;
    height: 2px;
    width: calc(100% - 32px);
    background-color: #12108F;
    bottom: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0); 
    transform-origin: center;
    -webkit-transition: transform 0.2s ease 0s;
    -ms-transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
}

.imma-content .submenu .search-bar.focused:after, .imma-popup .search-bar.focused:after { 
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); 
}
.imma-content .submenu .search-bar svg:last-child, .imma-popup .search-bar svg:last-child {
    position: absolute;
    right:0;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
    background-color: #f4f4f8;
    -webkit-transition: transform 0.2s linear 0s;
    -ms-transition: transform 0.2s linear 0s;
    transition: transform 0.2s linear 0s;
}
.imma-popup .search-bar svg:last-child{background-color: #FFFFFF;}
.imma-content .submenu .search-bar.open svg:last-child, .imma-popup .search-bar.open svg:last-child{ 
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.imma-input.search{    
    background-color: #F4F4F8;
    border: none;
    border-radius: 0;
    padding: 8px 0;
}
.imma-popup .imma-input.search{background-color: #FFFFFF;}
.imma-input.search:valid, .imma-input.search:focus, .imma-input.search:invalid, .imma-input.search.wrong{ border: none; border-bottom: 1px solid #12108F; }
.imma-content.immaes .imma-input.search, .imma-popup .imma-input.search {
    width: calc(100% - 32px);
    margin: 0;
    float: right;
}

.imma-content .content{ padding: 0 16px;}
.imma-content .imma-popup .content{ padding:16px;}
.imma-content.immaes #immaes-content{ margin: 16px; padding: 0; border-top: 1px solid #F4F4F8;}
.imma-product {
    padding: 12px 1px;
    border-bottom: 1px solid #F4F4F8;
}
.imma-product div.left {
    width: 120px;
    height: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-right: 16px;
    background-color: #00E5FF;
}
.imma-product.selected{ background-color: #F4F4F8; }
.imma-product div.left.prato{
    width: 60px;
}
.imma-product div.middle { 
    width: calc(100% - 200px); 
    text-transform: uppercase;
    min-height: 60px;
    display: inline-block;
}
.imma-product.menu div.middle{
    width: calc(100% - 136px);
}
.imma-product.menu div.right{
    float: none;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    height: 46px;
}
.imma-product div.btns a{ width: 100%; }
.imma-product.menu div.right a{
    width: calc(50% - 8px);
}
.imma-product div.middle.prato{
    justify-content: flex-start;
    text-transform: none;
    width: calc(100% - 136px);
}
.imma-product div.middle p.notas{ text-transform: none;}
.imma-product.noImage div.middle { 
    width: calc(100% - 64px);
}
.imma-product.noImage div.middle p{
    max-width: 480px;
}
.imma-product div.middle { 
    display: flex;
    float: left;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.imma-product div.right { 
    float: right; 
    width: 48px;
    height: 60px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.imma-product div.right.prato{
    align-items: flex-start;
}
.imma-product div.right svg{
    width: 24px;
    height: 24px;
    cursor: pointer;
    float: right;
    margin-left: 8px;
    fill: #12108F;
    -ms-transition: fill 015s linear 0s;
    transition: fill 015s linear 0s;
}
.imma-product div.right svg:hover{
    fill: #00E5FF;
}
.imma-product div.btns{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    height: 46px;
}

.imma-content.posts{margin-bottom: 0;}
.imma-content.posts .content{padding-top: 16px;}
.imma-content.posts .content.fixed, .imma-content.setup .content.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #FFFFFF;
    padding: 0 16px;
}
.imma-content.posts .submenu svg.icon_camara{fill:#12108F; }
.imma-content.posts .submenu a.disabled svg.icon_camara, .imma-content.settings .submenu a.disabled svg.icon_add, .imma-content.posts .submenu a.disabled svg.icon_add{fill:#C1C1C5; }
.imma-content .instaImg{
    width:calc((100% - 4px) / 3);
    float:left;
    margin-right:2px;
    margin-bottom:2px;
    background-position:center;
    background-size:cover;
    padding-top:calc((100% - 4px) / 3);
    position:relative;
    overflow:hidden
}
.imma-content.posts a:nth-child(3n) .instaImg{margin-right:0}
.imma-content .instaImg svg{
    position:absolute;
    top:-4px;
    right:-4px;
    width:36px;
    height: 36px;
    opacity:0.95;
}
.imma-content .instaImg .hiddenInstaImg {
    width: 100%;
    height: 100%;
    background-color: #181820;
    position: absolute;
    top: 0;
    opacity: 0.44;
}
.imma-content .instaImg .hiddenInstaImg svg {
    right: calc(50% - 16px);
    top: calc(50% - 16px);
}
.imma-content.posts .postImage{
    width: 100%;
    height: 45vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    float: none;
    margin: auto;
}
.imma-content.posts.prato .postImage{
    height: 90vw;
}
.imma-content.posts.edit .postImage{
    background-color: #00E5FF;
    position: relative;
}
.imma-content.posts .postImage video, .imma-content.posts .swiper-wrapper video{
    width: 100%;
    z-index: 1;
    opacity: 0;
    position: relative;
    vertical-align: middle;
}
.imma-content.posts .postImage .poster, .imma-content.posts .swiper-wrapper .poster{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}
.imma-content.posts .postImage .poster svg, .imma-content.posts .swiper-wrapper .poster svg{
    width: 48px;
    height: 100%;
    top: 0;
    right: auto;
    left: calc(50% - 24px);
}
.imma-content.posts .postImage .imma-message, .imma-content.posts .swiper-wrapper .imma-message{
    position: absolute;
    bottom: 16px;
    left: 16px;
    z-index: 10;
    width: calc(100% - 32px);
}
.imma-content *::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none}
.imma-content *::--webkit-media-controls-play-button{display:none!important;-webkit-appearance:none}
.imma-content *::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
.imma-content.posts.edit .icon_invisible{fill:#12108F;}
.imma-content.posts.edit .icon_invisible:hover{fill:#2200AA;}
/* .imma-content.posts .imma-section .imma-inputimage{background-color: transparent;} 
.imma-content.posts .imma-section .imma-inputimage input[type="text"]{
    width: 100%;
    border-radius:6px;
    height: 34px;
    text-align: center;
}
.imma-content.posts .imma-section .imma-inputimage input[type="file"]{
    height: 34px;
    margin-left: 0;
}
*/
.imma-content.posts .image-upload .imma-inputimage input[type="file"] {
    top:0;
    height: 100%;
    margin-left: 0;
}
.imma-content.posts .image-upload .imma-inputimage{
    border-radius: 0;
    background-size: 96px;
    background-position: center;
}
.imma-content.posts .image-upload .imma-inputimage.disabled{
    background-size: 168px;
}
.imma svg.tipoimma path, .imma svg.tipoimma rect{
    fill:#86868c;
    -webkit-transition: fill 0.2s linear 0s;
    -moz-transition: fill 0.2s linear 0s;
    transition: fill 0.2s linear 0s;
}
.imma svg.tipoimma:hover path, .imma svg.tipoimma.selected path, .imma svg.tipoimma.hover path, .imma svg.tipoimma:hover rect, .imma svg.tipoimma.selected rect, .imma svg.tipoimma.hover rect{fill:#12108F;}
.imma svg.tipoimma.disabled path, .imma svg.tipoimma.disabled:hover path, .imma svg.tipoimma.disabled rect, .imma svg.tipoimma.disabled:hover rect{fill:#F4F4F8;}
.imma .tipoimmaes{
    margin-top: 14px;
    padding-bottom: 16px;
}
.imma .tipoimmaes div:not(.clear) {
    float: left;
    width: calc((100% - 96px - 32px) / 2);
    margin: 0 16px 0 8px;
}
.imma .tipoimmaes div:nth-last-of-type(2) { margin-right: 0; }
.imma .tipoimmaes svg {
    width: 48px;
    height: 48px;
    float: left;
    cursor: pointer;
}
.imma .tipoimmaes svg.disabled + div p{
    color: #C1C1C5;
}
.imma .post-immaes{
    height: auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.25s ease-in 0s;
    -ms-transition: max-height 0.25s ease-in 0s;
    transition: max-height 0.25s ease-in 0s;
    position: relative;
}
.imma .post-immaes.open{ max-height: 175px; border-top: 1px solid #F4F4F8; }
.imma .post-immaes .imma-btn:nth-of-type(1){margin-bottom: 8px;}
.imma .post-immaes .imma-btn:nth-of-type(2){margin-top: 8px; }
.imma .imma-section{
    border-top: 1px solid #F4F4F8;
    padding: 16px 0;
}
.imma .imma-section svg{
    height: 24px;
    width: 24px;
}
.imma .imma-section svg:first-of-type{
    float: left;
    margin-right: 4px;
    -webkit-transition: transform 0.2s ease 0s;
    -ms-transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
}
.imma .imma-section.close svg:first-of-type:not(.icon_plus){
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.imma .imma-section svg:last-of-type{ float: right; fill:#86868C;}
.imma .imma-section svg:last-of-type:hover{fill:#181820;}
.imma .imma-section h3{line-height: 24px;}
.imma .imma-section h3 span {
    color: #86868c;
    font-size: 12px;
    vertical-align: bottom;
}
.imma .imma-section .inner-content{
    height: auto;
    max-height: 500px;
    overflow: hidden;
    -webkit-transition: max-height 0.3s linear 0s;
    -ms-transition: max-height 0.3s linear 0s;
    transition: max-height 0.3s linear 0s;
}
.imma .imma-section.section-slide .inner-content{max-height: 80px;}
.imma .imma-section.close .inner-content{ max-height: 0; }
form#imma-post label#imma_post_uploading_image-error.error{text-align: center;}

.imma-dot{
    height: 24px;
    width: 24px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #86868C;
    border-radius: 50%;
}
.imma-dot.active{background-color: #12108F;}
.imma-dot p{color: #FFFFFF;position: relative; line-height: 24px;}
.imma-content .instaImg svg.iconStar {
    right: auto;
    left: -4px;
}

.imma-content.analytics.solopost{ margin-bottom: 32px;}
.imma-content.analytics .grey-backgorund{cursor: pointer; }
.piechartParent{
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    margin: -15% 0 -10% 0;
}
.piechart{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.analytics-table div p {
    display: table-cell;
    padding: 2px 4px;
    border-bottom: 1px solid #c1c1c5;
    vertical-align: middle;
}
.analytics-table div a:hover{ color: #12108F; }
.analytics-table div { display: table-row; }
.analytics-table.inside div:nth-child(2n) { background-color: #e3e3e7; }
.analytics-table.inside div:first-of-type p{ padding: 2px 16px 2px 4px; }
.analytics-table {
    display: table;
    width: 100%;
    white-space: nowrap;
}
.analytics-table.small{ table-layout: fixed; }
.analytics-table.small div p:first-of-type{
    width: 66.66%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.analytics-table.small div p:last-of-type{width: 33.33%;}
.analytics-table-parent{
    float: left;
    max-width: 50%;
    overflow: scroll;
    min-width: 48px;
}
.analytics-table-parent.analytics-table-scrollable{
    position: absolute;
    left: 50%;
    max-width: 100%;
    min-width: 50%;
}
.analytics-table-parent.analytics-table-scrollable .analytics-table.inside{ padding-right: 16px; }
.analytics-table-parent::-webkit-scrollbar{display: none;}
.analytics-table-parent.analytics-table-scrollable .analytics-table.inside div p{text-align: right;}
.analytics-table-parent.analytics-table-scrollable .analytics-table.inside div:first-of-type p{text-align: center;}
.analytics-table-navegation{ margin-top: 16px; }
.analytics-table-navegation p{
    width: 25%;
    float: left;
}
.analytics-table-navegation p:nth-of-type(2){ 
    text-align: right; 
    float: right; 
}
.analytics-table-navegation p span{
    border: solid #86868C;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    cursor: pointer;
    -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);
}
.analytics-table-navegation #sectionsList{
    width: 50%;
    left: 25%;
    position: relative;
    float: left;
}
.analytics-table-navegation p:nth-of-type(2) span{
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}
.analytics-table-navegation p.deactive span{ border-color: #D2D2D6; }

.analytics-posts{
    height: calc((100vw - 4px) / 3);
    overflow: hidden;
}
.hideChart{
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: #F4F4F8;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    z-index: 1;
}
.imma-content.analytics.solopost .analytics-posts, .imma-content.analytics.multiple-posts .analytics-posts{ overflow: auto; height: auto; }
.analytics-posts .post, .analytics-solo-posts .post{
    width: calc((100% - 4px) / 3);
    float: left;
    padding-top: calc((100% - 4px) / 3);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 2px;
    margin-bottom: 2px;
    text-align: center;
    position: relative;
}
.analytics-posts a:nth-of-type(3n) .post, .analytics-posts > .post:nth-of-type(3n+1), .analytics-solo-posts .post:nth-of-type(3n){margin-right: 0;}
.analytics-posts .post p, .analytics-solo-posts .post p {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #FFFFFF;
    background-color: rgba(255,82,82,0.88);
    height: 50%;
    font-size: 24px;
    font-weight: 300;
    line-height: 0;
    padding: 25% 8px;
}
.analytics-posts .post div, .analytics-solo-posts .post div{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 100%;
    position: absolute;
    top: 0;
    word-wrap: break-word;
    background-color: #F4F4F8;
}
.analytics-posts .post p:nth-of-type(2), .analytics-solo-posts .post p:nth-of-type(2) {
    background-color: transparent;
    color: #181820;
    bottom: auto;
    z-index: 10;
    top: 0;
    font-size: 12px;
    height: 100%;
    padding: 8px;
    line-height: 16px;
}

p.viewscount {
    position: absolute;
    background-color: rgba(255, 82, 82, 0.88);
    color: #ffffff;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 25vw;
    font-size: 56px;
    font-weight: 100;
    line-height: 0;
    padding: 12.5vw 8px;
}
.analytics .onlyLink{
    background-color: #F4F4F8;
    border-radius: 6px;
    height: 36px;
    text-align: center;
    display: table;
    width: 100%;
    cursor: pointer;
    margin: 16px 16px 4px 16px;
    width: calc(100% - 32px);
}
.analytics .onlyLink p{
    padding-top: 8px;
    color: #00E5FF;
}
.analytics .onlyLink + p{
    text-align: center;
    margin: 0 16px 16px 16px;
}

.tabsmenu {
    width: 100%;
    background-color: #F4F4F8;
    display: inline-block;
    height: 34px;
    overflow-y: hidden;
    overflow-x: scroll;
    position: relative;
    white-space: nowrap;
}
.tabsmenu::-webkit-scrollbar{display: none;}
.tabsmenu p {
    display: inline-block;
    text-align: center;
    height: 34px;
    margin: 0;
    color: #86868c;
    padding: 9px 16px;
    cursor: pointer;
}
.tabsmenu p.current { color: #181820; }
.tabsmenu .activeTab{
    height: 2px;
    background-color: #12108F;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: transform 0.2s ease-in 0s, width 0.2s ease-in 0s;
    -ms-transition: transform 0.20s ease-in 0s, width 0.2s ease-in 0s;
    transition: transform 0.20s ease-in 0s, width 0.2s ease-in 0s;
}

.imma-content.settings .users{
    border-top: 1px solid #f4f4f8;
    margin-top: 16px;
}
.imma-content.settings .users .user {
    border-bottom: 1px solid #f4f4f8;
    padding: 16px;
    width: 100%;
    display: inline-block;
}
.imma-content.settings .users .user p{ float: left;}
.imma-content.settings .users .user p:last-of-type{ float: right;}


.imma .swiper-pagination-fraction, .imma .swiper-pagination-custom, .imma .swiper-container-horizontal>.swiper-pagination-bullets {
    left: 0;
    width: 100%;
    text-align: center;
}
.imma .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    display: inline-block;
    background: #86868C;
    vertical-align: middle
}
.imma .swiper-pagination-bullet-active {width: 7px;height: 7px}
.imma .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px}
.imma .swiper-container {
    width: 100%;
    overflow: hidden;
    position: relative
}
.imma .swiper-wrapper {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-transition-property: -webkit-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; box-sizing: content-box
}
.imma .swiper-container-android .swiper-slide, .imma .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    cursor: pointer
}
.imma .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
    -ms-flex-align: center; -webkit-align-items: center; align-items: center
}
.imma .swiper-slide a { width: 100% }
.imma .swiper-slide img {width: 100%;}
.imma .swiper-pagination-bullet-active {background-color: #12108F;}
.imma .swiper-slide svg:first-child:not(.icon_aviso):not(.icon_erro):not(.icon_sucesso):not(.icon_play), .postImage svg:first-of-type:not(.icon_aviso):not(.icon_erro):not(.icon_sucesso):not(.icon_play){
    position: absolute;
    width: 42px;
    height: 42px;
    right: 0;
    top: 0;
    z-index: 5;
}
.imma-content div.list{border-bottom: 1px solid #F4F4F8;}
#daychart{
    height: 100%;
    width: 100%;
}
#dayChartLegend{text-align: center;}
#dayChartLegend p.notas {
    display: inline-block;
    margin-left: 16px;
    text-align: left;
}
#dayChartLegend p.notas span {
    height: 2px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}
#dayChartLegend p.notas span:before {
    content: '';
    position: absolute;
    height: 6px;
    width: 6px;
    margin: -2px 0 0 8px;
    border-radius: 50%;
    background-color: inherit;
}

.analytics-table-scrollBar{
    width: 50%;
    height: 4px;
    position: relative;
    float: right;
    margin-top: 4px;
    background-color: #D2D2D6;
    border-radius: 2px;
}
.analytics-table-scrollBar .bar{
    position: absolute;
    background-color: #86868C;
    height: 100%;
    width: 100%;
    border-radius: 2px;
}
.imma-helpTooltip {
    font-weight: bold;
    color: #FFF;
    z-index: 1;
    position: absolute;
    margin: 0 2px;
    cursor: pointer;
    font-size: 8px;
    line-height: 11px;
    background-color: #c1c1c5;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    text-align: center;
}

.setup #acordeon-plano-trial .imma-checkbox h3{ margin: 0; }
.setup #acordeon-plano-trial .imma-checkbox label span:not(.smallText){ border: 1px solid #12108F; margin-top: 2px; }
.setup #acordeon-plano-trial{
    border: 1px solid #12108F;
    border-radius: 4px;
}
.setup #acordeon-plano-trial .imma-checkbox{
    margin: 0;
    padding: 16px;
    text-align: left;
}

#schedule_date{text-align: center;}
#popup_schedule{z-index: 25;}
#popup_schedule_background{z-index: 20;}
#popup_schedule .formField.left{float: left; width: calc(50% - 4px);}
#popup_schedule .formField.right{float: right; width: calc(50% - 4px);}

#popup_sortSlide .content{
    overflow: scroll;
}

.trumbowyg-box, .trumbowyg-editor, .trumbowyg-editor, .trumbowyg-textarea{ min-height: 192px; }
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea{ margin: 0 !important; border: none !important; }
.imma-content.posts .trumbowyg-box, .imma-content.posts .trumbowyg-editor, .imma-content.posts .trumbowyg-editor, .imma-content.posts .trumbowyg-textarea{ min-height: 120px; }
.trumbowyg-editor, .trumbowyg-textarea{padding: 16px;}
.trumbowyg-box, .trumbowyg-editor{ margin: 6px 0 8px 0; }

.imma-alergenios{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.imma-alergenios .alergenio{
    width: calc(25% - 12px);
    text-align: center;
    margin-top: 12px;
    cursor: pointer;
}
.imma-alergenios .alergenio svg{
    fill: #c1c1c5;
    -ms-transition: fill 0.15s linear 0s;
    transition: fill 0.15s linear 0s;
    margin-bottom: 4px;
}
.imma-alergenios .alergenio.disabled svg{
    fill:#f4f4f8;
}
.imma-alergenios .alergenio:not(.disabled):hover svg, .imma-alergenios .alergenio.selected svg{
    fill: #00E5FF;
}
.imma-alergenios .alergenio p{
    color: #c1c1c5;
}

.page_hidden_content{
    max-height: 0;
    overflow: hidden;
    width: 100%;
    -ms-transition: max-height 0.45s linear;
    transition: max-height 0.45s linear;
}
.page_hidden_content.open{
    max-height: 780px;
}

.sortSlide, .ui-state-highlight.ui-sortable-placeholder {
    border-radius: 6px;
    padding: 9px 11px;
    border: 1px solid #00E5FF;
    background-color: #FFFFFF;
    margin: 8px 0 0 0;
    cursor: pointer;
    height: 34px;
}
.sortSlide p{
    color: #00E5FF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-state-highlight.ui-sortable-placeholder{
    border: 1px dashed #86868C;
    background-color: #F4F4F8;
}

@media(min-width:420px){
    .imma-content .imma-inputimage.big input[type="text"]{ width: calc(100% - 216px); height: 96px; border-radius: 0 6px 6px 0; }
    .imma-content .imma-inputimage.big div:not(.clear):not(.postImage):not(.imma-dot):first-of-type{height: 96px; width: 216px;}
    .imma-content .imma-inputimage.big input[type="file"]{height: 96px;}
    .imma-inputimage.big{
        background-position: 86px 50%;
    }
    .imma-inputimage.big{ border-radius: 0 8px 8px 0; }
    .imma-alergenios .alergenio{
        width: calc(20% - 12px);
    }
}

@media(min-width:540px){
    h1{ font-size: 32px; line-height: 38px; }
    h2{ font-size: 20px; line-height: 24px; }
    h2.analytics{ font-size: 60px; line-height: 64px; margin-bottom: 16px; }
    h3{ font-size: 18px; line-height: 22px; margin-bottom: 8px; }
    p{ font-size: 14px; line-height: 19px; }
    p.notas, span.notas{ font-size: 12px; line-height: 16px; margin-top: 2px; }
    p.imma-footerItem{ bottom: 16px; }
    form label.error{font-size: 12px; line-height: 16px; margin-top: -28px; }
    
    *.h16, .imma-content *.h16 { height: 32px !important; }
    *.h32, .imma-content *.h32 { height: 64px !important; }
    *.m16, .imma-content *.m16 { margin-top: 32px !important; }
    *.m32, .imma-content *.m32 { margin-top: 64px !important; }
    
    .imma .loginArea form{padding: 32px 32px 16px 32px;}
    .imma .loginArea form + p, .imma-popup .content, .imma-content .imma-popup .content{padding: 32px;}
    .imma .loginArea h1{margin: 64px auto;}
    .imma .loginArea .loadingIcon{margin-top: 64px; margin-bottom: 80px;}
    .imma .loginArea input[type="submit"]{margin-top: 16px; margin-bottom: 32px;}
    
    .imma-content, .imma-checkbox h3{margin-bottom: 16px;}
    .imma-content.analytics{margin-bottom: 32px;}
    .imma-checkbox h3{margin-bottom: 16px;}
    .imma-content.setup .content{padding: 32px 32px 0 32px;}
    .imma-content.setup .content .right150{ width: calc(100% - 183px);}
    .imma-message{padding: 16px; border-radius: 4px;}
    .imma-input-p{margin-top: 22px; margin-bottom: 45px;}
    .imma-input-p + .imma-input{width: calc(100% - 120px);}
    
    p.input-name, .imma-checkbox, .imma-content.dashboard .purple-background, .imma-content.dashboard .grey-background{margin-top: 32px;}
    .imma-checkbox + .imma-checkbox { margin-top: 18px; }
    .imma-checkbox p{margin-top: 0;}
    .imma-checkbox label span:not(.smallText){
        height: 21px;
        width: 21px;
        border-radius: 4px;
    }
    .imma-checkbox label span:not(.smallText):before{width: 12px;height: 6px;}
    .imma-color-picker{width: calc(50% - 48px); border-radius: 4px;}
    .imma-input, .imma-textarea, .imma-select .select{
        border-radius: 4px;
        padding: 11px 15px;
        margin: 8px 0 32px 0;
        font-size: 14px;
        line-height: 20px;
    }
    .imma-input.data{width: calc(50% - 56px);}
    .imma-input.data:nth-of-type(2){margin-left: 16px;}
    .imma-select .select:after{ right: 16px; top: 12px; padding: 5px; }
    .imma-select.open .select{ border-radius: 4px 4px 0 0; }
    .imma-select .options{top:43px;}
    .imma-select .options .option{ padding: 11px 15px;font-size: 14px; line-height: 20px; }
    .imma-select.open .options{max-height: 173px;}
    .sp-input{ padding: 12px 15px; border-radius: 4px; }
    .imma-btn{
        border-radius: 8px;
        padding: 12px 15px;
        margin: 32px 0;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
    }
    .imma-btn.data{width: 64px;}
    .imma-btn.big { letter-spacing: 0.04em; padding: 16px 15px; }
    .imma-popup .imma-btn{margin-bottom: 16px;}
    .sortSlide, .ui-state-highlight.ui-sortable-placeholder{
        border-radius: 8px;
        padding: 12px 15px;
        height: 44px;
    }
    .imma-popup.popup-big .immaes-select{ height: calc(100% - 200px); }
    .sp-cancel, .sp-container button {
        font-size: 14px;
        line-height: 20px;
        padding: 12px 15px;
        border-radius: 8px;
    }
    .sp-container button{margin: 0;}
    .sp-picker-container, .sp-palette-container{padding: 32px 32px 322px 32px;}
    .imma-color { padding: 12px 15px; border-radius: 4px; margin: 12px 0 32px 0; }
    .sp-preview{height: 20px; width: calc(100% - 29px);}
    .sp-dd { font-size: 16px; height: 20px; line-height: 20px; }
    input[type="submit"], .imma-content.setup.step5 form{margin-top: 64px;}
    .imma-popup, .imma .loginArea{width: calc(100% - 128px); max-width: calc((2 * ((100% - 160px) / 4)) + 96px); }
    .imma-popup.popup-big{width: calc(100% - 64px); max-width: calc((3 * ((100% - 160px) / 4)) + 128px);}
    .imma-popup svg{margin-bottom: 16px;}
    .imma-popup .dontShowMore{
        margin-top: 32px;
        margin-left: -32px;
        margin-right: -32px;
        padding: 0 32px;
    }
    .imma-popup .imma-btn.cancel{margin-top: 16px;}
    .imma-popup.popup-big .imma-btn.purple.cancel{margin-top: 32px;}
    
    .imma .imma-menu{ width: 33.33%; left: -33.33%; }
    .analytics-posts{height: calc((100vw - 6px) / 4);}
    .imma-content .instaImg, .analytics-posts .post{ width: calc((100% - 6px) / 4); padding-top: calc((100% - 6px) / 4);}
    .imma-content .instagramThumb{width: calc(25% - 2px);}
    .imma-content.posts a:nth-child(3n) .instaImg, .imma-content .instagramThumb:nth-of-type(3n), .analytics-posts a:nth-of-type(3n) .post, .analytics-posts > .post:nth-of-type(3n+1){margin-right: 2px;}
    .imma-content.posts a:nth-child(4n) .instaImg, .imma-content .instagramThumb:nth-of-type(4n), .analytics-posts a:nth-of-type(4n) .post, .analytics-posts > .post:nth-of-type(4n+1){margin-right: 0;}
    .imma-content.posts .content{padding-top: 32px;}
    .imma-content.posts .content.fixed .imma-btn, .imma-content.setup .content.fixed .imma-btn{margin: 16px 0;}    
    .imma-acordeon{margin-top: 32px;}
    .imma-acordeon .imma-checkbox{border-radius: 7px;}
    .imma-acordeon.open .imma-checkbox{border-radius: 7px 7px 0 0; }
    .imma-acordeon{border-radius: 8px;}
    
    .imma-content .content{padding: 0 32px;}
    .imma-content.dashboard .content{margin: 32px 0;}
    *.grey-background, *.purple-background{padding: 32px; border-radius: 8px;}
    *.grey-background .qr_code_image{
        margin-top: 32px;
    }
    .imma-content.dashboard .background-grandient.close h1.welcome:first-of-type, .imma-content.setup .background-grandient.close h1.welcome:first-of-type{padding-top: calc(25% - 28px); }
    .imma-content.dashboard .background-grandient.close h1.welcome:last-of-type, .imma-content.setup .background-grandient.close h1.welcome:last-of-type{padding-bottom: calc(25% - 28px);}
    .imma .half{
        width: calc(50vw - 48px);
        height: calc(50vw - 48px);
        float: left;
        overflow: hidden;
        margin-bottom: 0;
    }
    .imma-content.analytics .half:nth-child(2n+1){ float: right;}
    .imma-big-icon{margin: 32px 0;}
    .imma .imma-section .inner-content{max-height: 840px;}
    .imma .imma-section svg:first-of-type{margin-right: 8px;}
    
    .imma .post-immaes .imma-btn:nth-of-type(1){margin-bottom: 16px;}
    .imma .imma-section{padding: 32px 0;}
    
    .imma-btn.big.fullw{width: 100%; float: none; }
    .imma-content.posts div.content.full{width: 100%; float: none; padding-left: 32px; padding-right: 32px;}
    .imma-menu .imma-btn.fullw{width: calc(100% - 32px);}
    /*
    .imma-content.posts .imma-section .imma-inputimage input[type="file"]{height: 44px;}
    .imma-content.posts .imma-section .imma-inputimage input[type="text"]{border-radius: 8px;height: 44px;}
    */
    h3.input-section-name, .formField h3.input-section-name:first-of-type{padding-top: 28px;}
    .imma-message svg{margin-right: 16px;}
    .imma-message p{width: calc(100% - 44px);}
    .forbidenToBasic svg{margin: 32px 0;}
    .imma-content.immaes #immaes-content{margin: 32px;}
    
    .imma-product div.left{height: 80px; width: 160px;}
    .imma-product div.left.prato{ width: 80px; }
    .imma-product div.middle { width: calc(100% - 280px); min-height: 80px;  }
    .imma-product.menu div.middle{ width: calc(100% - 332px); }
    .imma-product.menu div.right a{ width: 100%; }
    .imma-product.menu div.right{ height: 80px; flex-wrap: wrap; width: 156px; float: right; }
    .imma-product.menu div.right .imma-btn, .imma-product div.btns .imma-brn{ padding: 8px 12px; }
    .imma-product div.btns a{ width: 50% - 8px }
    .imma-product div.middle.prato { width: calc(100% - 178px); }
    .imma-product.noImage div.middle{ width: calc(100% - 156px); }
    .imma-product div.right { width: 80px; height: 80px;}
    .imma-tooltip{padding: 16px;border-radius: 8px; max-width: 33.33%;}
    #tooltip-old-imma, #tooltip-nomore-imma { margin: -32px calc(25% + 24px) 0 0; width: calc(50% - 48px); max-width: initial;}
    .tabsmenu p{height: 44px; padding: 14px 16px;}
    .tabsmenu{height: 44px;}
    .icon_plus{height: 14px; width: 22px;}
    .imma-content .submenu .search-bar.open{max-width: 288px;}
    .imma-content.posts .formField, .imma-content.analytics .formField{width: 540px;margin: auto;}
    .imma-content.posts .image-upload p.notas{
        padding: 0 36px;
        margin-top: 6px;
    }
    .imma-content.posts .postImage{height: 240px;}
    .imma-content.posts.prato .postImage{
        height: 480px;
    }
    .analytics-table-parent.analytics-table-scrollable .analytics-table.inside{ padding-right: 32px; }
    .analytics-table div p { padding: 4px 8px; }
    .analytics-table.inside div:first-of-type p{ padding: 4px 20px 4px 8px; }
    .imma-helpTooltip { 
        margin: 0 4px; 
        font-size: 10px; 
        line-height: 13px;
        width: 12px;
        height: 12px;
    }
    .analytics-table-parent{ min-width: 64px; }
    .imma-popup.popup-big.upload .input-hidden-content.open{
        width: calc((3 * ((100vw - 160px) / 4)) + 64px);
        height: calc((3 * ((100vw - 160px) / 4)) + 64px);
    }
    .imma-message.news {padding: 24px;}
    .imma-message.news div{margin-top: 12px;}
    .imma-message.news p svg{width: 19px; height: 19px;}
    
}


@media(min-width:720px){
    .imma-popup .search-bar.open { max-width: 256px; }
    .imma-product div.btns{
        float: right;
        height: 80px;
        align-items: center;
        width: 144px;
    }
    .imma-product div.middle.prato{
        width: calc(100% - 344px);
    }
    .imma-product.noImage div.middle.prato {
        width: calc(100% - 248px);
    }
    .imma-product div.right.prato{ float: left; }
}

@media(min-width:840px){    
    .imma .imma-menu{ width: 25%; left: -25%; }
    .imma-acordeon{
        width: calc(33.333% - 22px);
        float: left;
        margin-right: 32px;
        display: inline-block;
        vertical-align: top;
        margin-top: 32px;
        max-height: initial;
        margin-bottom: 32px;
    }
    .imma-acordeon:nth-of-type(5n){ margin-right: 0; }
    .imma-acordeon .imma-checkbox, .imma-acordeon.open .imma-checkbox{max-height: initial;border-radius: 7px 7px 0 0; }
    .imma-acordeon .imma-checkbox div {
        max-height: 80px; 
        overflow: hidden; 
        width: 100%; 
        -webkit-transition: max-height 0.25s ease-in-out 0s;
        -ms-transition: max-height 0.25s ease-in-out 0s;
        transition: max-height 0.25s ease-in-out 0s;
    }
    .imma-acordeon.open .imma-checkbox div{max-height: 200vh;}
    .imma-acordeon .imma-checkbox div::-webkit-scrollbar, .imma-acordeon .keyboard-arrow-down {  display: none; }
    .imma-acordeon .imma-acordeon-price{position: relative;}
    .imma-acordeon .imma-acordeon-price:before {
        content: '';
        display: block;
        position: absolute;
        height: 25%;
        width: 100%;
        top: -25%;
        left: 0;
        background-color: transparent;
        background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
        background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
        -webkit-transition: height 0.2s ease-in-out 0s, top 0.2s ease-in-out 0s;
        -ms-transition: height 0.20s ease-in-out 0s, top 0.2s ease-in-out 0s;
        transition: height 0.20s ease-in-out 0s, top 0.2s ease-in-out 0s;
        pointer-events: none;
    }
    .setup #acordeon-plano-trial{ border-radius: 8px; }
    .setup #acordeon-plano-trial .imma-checkbox{ padding: 24px; }
    #acordeon-plano-basico .imma-acordeon-price:before, .imma-acordeon#acordeon-plano-plus2 .imma-acordeon-price:before{display: none;}
    .setup #acordeon-plano-basico .imma-acordeon-price:before{display: block;}
    .scroll_down {
        position: absolute;
        height: 24px;
        width: 24px;
        left: calc(50% - 12px);
        top: -32px;
        -webkit-transition: transform 0.2s linear 0s;
        -ms-transition: transform 0.2s linear 0s;
        transition: transform 0.2s linear 0s;
    }
    #acordeon-plano-plus2{width: 100%;}
    .imma-content.settings .imma-acordeon{ width: calc(50% - 16px);  }
    .imma-content.settings .imma-acordeon:nth-of-type(2n){ margin-right: 0; }
    .analytics-posts{height: calc((100vw - 8px) / 5);}
    .imma-content .instaImg, .analytics-posts .post{ width: calc((100% - 8px) / 5); padding-top: calc((100% - 8px) / 5);}
    .imma-content .instagramThumb{width: calc(20% - 2px);}
    .imma-content.posts a:nth-child(4n) .instaImg, .imma-content .instagramThumb:nth-of-type(4n), .analytics-posts a:nth-of-type(4n) .post, .analytics-posts > .post:nth-of-type(4n+1){margin-right: 2px;}
    .imma-content.posts a:nth-child(5n) .instaImg, .imma-content .instagramThumb:nth-of-type(5n), .analytics-posts a:nth-of-type(5n) .post, .analytics-posts > .post:nth-of-type(5n+1){margin-right: 0;}
    
    .imma .tipoimmaes{margin-top: 32px;padding-bottom: 0;}
    .imma .tipoimmaes div:not(.clear){float: none;width: 100%;margin: 32px 0;}
    .formField, .imma-content.posts .formField, .imma-content.analytics .formField{ float: left; width: calc(50% - 16px); } 
    .formField.right{ float: right; }
    .formField.left.solo { margin-left: 25%; width: 50%;}
    .formField h3.input-section-name:first-of-type{border: none; padding-top: 32px;}
    .formField.right.m0 p.input-name, .formField.left.m0 p.input-name{margin-top: 0;}
    .formField input:last-child { margin-bottom: 0;}
    .imma-content.posts .formField, .imma-content.analytics .formField{ padding-left: 32px; margin-top: 32px; } 
    .imma-content.posts .image-upload p.notas{ padding: 0; }
    .imma-content.posts .postImage{height: 21vw;}
    .imma-content.posts.prato .postImage{
        height: calc(50vw - 54px);
    }
    .imma-content.posts .content{padding-right: 0; padding-left: 0;}
    .imma-content.posts .formField.right .content{padding-top: 0;}
    #posts-insert-immaes{margin-top: calc(-50vw + 48px);}
    #settings-dados-admin{margin-top: -219px;}
    #tooltip-old-imma, #tooltip-nomore-imma { margin: -32px calc(50% + 16px) 0 0;}
    .imma-popup.popup-big.upload .input-hidden-content.open{
        width: calc((1 * ((100vw - 160px) / 4)) + 102px);
        height: calc((1 * ((100vw - 160px) / 4)) + 102px);
    }
    .imma-popup.popup-big.upload .imma-checkbox:first-of-type, #open_popup_sortSlide{margin-top: 0;}
    #popup_schedule p.input-name{margin-top: 12px;}
    #popup_schedule .imma-select .select{margin: 8px 0 0 0;}
    
    .imma-btn.big, .imma-btn.big + a, .imma-btn.halfw{ float: right; width: calc(50% - 12px); }
    .imma-btn.big + a{ float: left; }
    .imma-btn.big + a .imma-btn.big{float: none; width: 100%;}
    .imma-btn.big.full, .imma-btn.big.full + a, .imma-btn.halfw{ float: none; margin-left: auto; margin-right: auto; }
    .imma-btn.big.full, .imma-btn.big.full + a{width: 100%}
        
    #imma_schedule{width: calc(33.33% - 16px);float: right; margin-left: 24px;}
    #imma_schedule + #imma_submit, #imma_schedule + #imma_submit + a{width: calc(33.33% - 16px);}
    
    .imma-message.news {padding: 32px;}
    .imma-message.news svg{width: 36px;height: 36px;}
    .imma-message.news div{margin-top: 24px;}
    .imma-message.news p{ width: calc(100% - 56px);}
    
    .imma-content .imma-inputimage.big input[type="text"]{ width: 100%; height: 48px; border-radius: 0 0 6px 6px; }
    .imma-content .imma-inputimage.big div:not(.clear):not(.postImage):not(.imma-dot):first-of-type{height: 20vw; width: 100%;}
    .imma-content .imma-inputimage.big input[type="file"]{height: calc(20vw + 48px);}
    .imma-inputimage.big{ 
        border-radius: 0 0 8px 8px; 
        background-position: 50% calc(50% - 24px);
    }
}

@media(min-width:1024px){
    .imma-burguer, .imma-header .imma-icon{display: none;}
    .imma-header{position: fixed; width: 192px;}
    .imma-header .imma-logo{margin: 0;width: auto;}
    .imma-header .imma-logo img{margin: 0 0 0 16px;}
    .imma-header a{ width: 48px; }
    
    input[type="submit"]{margin-top: 32px;}
    .imma-content.setup .setup-steps div:after{width: calc((100vw - 318px - 90px) / 4);}
    
    .imma-btn.big, .imma-btn.big + a, .imma-btn.halfw{ width: calc(50% - 16px); }
    
    .imma-content.setup .input-hidden-content.open, .imma-content.settings .input-hidden-content.open{max-height: 330px;}
    .imma-color-picker{ width: calc(50% - 32px - 160px); margin-left: 24px;}
    .imma-input-p{margin-bottom: 0;}
    
    .imma .imma-menu{ 
        left: 0;  
        width: 192px; 
        padding: 56px 0 0 0; 
        position: fixed;
    }
    .imma .imma-menu, .imma .imma-menu.open{
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    .imma .imma-menu li{height: 44px;}
    .imma-content.open{width: calc(100% - 192px); position: relative;}
    
    .imma-content{margin: 0 0 32px 192px;}
    .imma-content.dashboard .content{margin: 32px 0; position: relative;}
    *.grey-background, *.purple-background{ padding: 32px; float: left; width: calc(50% - 16px); }
    *.grey-background.full, *.purple-background.full{ float: none; width: 100%; }
    *.grey-background:nth-of-type(2n), *.purple-background:nth-of-type(2n){ float: right;}
    .imma-content.dashboard *.grey-background.half:nth-of-type(2n), .imma-content.dashboard *.purple-background.half:nth-of-type(2n){ float: left;}
    .imma-content.dashboard *.grey-background.half:nth-of-type(3n), .imma-content.dashboard *.purple-background.half:nth-of-type(3n){ float: right; margin-right: 0;}
    *.grey-background h2, *.purple-background h2{margin-bottom: 4px;}
    .imma-content.dashboard .purple-background, .imma-content.dashboard .grey-background:nth-of-type(1), .imma-content.dashboard .warning + .clear + .grey-background, .imma-content.dashboard .warning + .clear + .grey-background + .grey-background, .imma-content.dashboard .grey-background:nth-of-type(2), .imma-content.dashboard .grey-background.half:nth-of-type(3){ margin-top: 0; }
    .imma-content.dashboard .background-grandient.close h1.welcome:first-of-type, .imma-content.setup .background-grandient.close h1.welcome:first-of-type{padding-top: calc(18.75% - 28px); }
    .imma-content.dashboard .background-grandient.close h1.welcome:last-of-type, .imma-content.setup .background-grandient.close h1.welcome:last-of-type{padding-bottom: calc(18.75% - 28px);}
    .imma .half{ width: calc(33.33% - 22px); margin-right: 32px; height: calc((100vw - 192px - 128px) / 3); }
    .imma-content.analytics .half:nth-child(2n+1){float: left;}
    .imma-content.analytics .half:nth-child(3n+1){margin-right: 0;}
    
    .imma-content.posts .content.fixed, .imma-content.setup .content.fixed{width: calc(100% - 192px);}
    .imma-content .instaImg, .analytics-posts .post{ width: calc((100% - 10px) / 6); padding-top: calc((100% - 10px) / 6);}
    .analytics-posts{ height: calc((100vw - 192px - 10px) / 6); overflow: hidden; }
    .imma-content .instagramThumb{width: calc(16.66% - 2px);}
    .imma-content.posts a:nth-child(5n) .instaImg, .imma-content .instagramThumb:nth-of-type(5n), .analytics-posts a:nth-of-type(3n) .post, .analytics-posts > .post:nth-of-type(3n+1), .imma-content.posts a:nth-child(5n) .instaImg, .imma-content .instagramThumb:nth-of-type(5n), .analytics-posts a:nth-of-type(5n) .post, .analytics-posts > .post:nth-of-type(5n+1){margin-right: 2px;}
    .imma-content.posts a:nth-child(6n) .instaImg, .imma-content .instagramThumb:nth-of-type(6n), .analytics-posts a:nth-of-type(6n) .post, .analytics-posts > .post:nth-of-type(6n+1), .imma-content.analytics.solopost .analytics-posts a:nth-of-type(3n) .post, .analytics-posts > .post:nth-of-type(3n+1){margin-right: 0;}
    .imma-content.posts .content.fixed a .imma-btn, .imma-content.setup .content.fixed a .imma-btn{float: left;}
    .icon_back_top{right: 32px;}
    .imma-inputimage input[type="file"]{height: 64px;}
    .imma-inputimage input[type="text"]{height: 64px; width: calc(100% - 64px);}
    .imma-inputimage div:not(.clear):not(.postImage):not(.imma-dot):first-of-type{height: 64px; width: 64px;}
    .imma-tooltip{max-width: 25%;}
    #tooltip-old-imma, #tooltip-nomore-imma{width: calc(50% - 144px); margin: -32px calc(50% + -80px) 0 0; max-width: initial;}
    #acordeon-plano-plus2{width: calc(50% - 24px); margin-left: calc(25% + 12px);}
    .imma-popup, .imma .loginArea{max-width: calc((4 * ((100% - 352px) / 12)) + 96px);}
    .imma-popup.popup-big{max-width: calc((6 * ((100% - 352px) / 12)) + 160px);}
    
    .analytics-table.m16{margin-top: 16px;}
    p.viewscount{ height: 12.5vw; padding: 6vw 8px; }
    
    .imma-content.posts .postImage{height: 17vw;}
    .imma-content.posts.prato .postImage{
        height: calc(50vw - 164px);
    }
    #posts-insert-immaes{margin-top: calc(-50vw + 144px);}
    .imma-menu .imma-icon { margin: 32px 16px 16px 16px; }
    .imma-inputimage{background-position: 20px;}
    .imma-popup.popup-big.upload .input-hidden-content.open{
        width: calc((3 * ((100vw - 352px) / 12)) + 32px);
        height: calc((3 * ((100vw - 352px) / 12)) + 32px);
    }
    
    #imma_schedule{margin-left: 32px;width: calc(33.33% - 22px);}
    #imma_schedule + #imma_submit, #imma_schedule + #imma_submit + a{width: calc(33.33% - 22px);}
    
    .imma-content .imma-inputimage.big div:not(.clear):not(.postImage):not(.imma-dot):first-of-type{height: 16.5vw; }
    .imma-content .imma-inputimage.big input[type="file"]{height: calc(16.5vw + 48px);}
    
    .imma-product.menu div.right{ width: 365px; align-items: center;}
    .imma-product.menu div.right a{ width: calc(50% - 8px); }
    .imma-product.menu div.middle{ width: calc(100% - 552px); }
    .imma-product.noImage div.middle{ width: calc(100% - 370px); }
}

@media(min-width:1366px){
    *.h16, .imma-content *.h16 { height: 48px !important; }
    *.h32, .imma-content *.h32 { height: 96px !important; }
    *.m16, .imma-content *.m16 { margin-top: 48px !important; }
    *.m32, .imma-content *.m32 { margin-top: 96px !important; }
    
    .imma-header .imma-logo img{margin: 0 0 0 24px;}
    .imma-header{ width: 240px;}
    .imma .imma-menu{ width: 240px; padding: 72px 0 0 0;}
    .imma .imma-menu li{height: 60px;padding: 8px 24px;}
    .imma-menu .imma-btn.fullw{width: calc(100% - 48px);}
    .imma-content.open{width: calc(100% - 240px);}
    .imma-content{margin: 0 0 32px 240px;}
    .imma-content.posts .content.fixed, .imma-content.setup .content.fixed{width: calc(100% - 240px);}
    
    .imma .loginArea form{padding: 48px 48px 24px 48px;}
    .imma .loginArea form + p, .imma-popup .content, .imma-content .imma-popup .content{padding: 48px;}
    .imma .loginArea h1{margin: 96px auto;}
    .imma .loginArea .loadingIcon{margin-top: 96px; margin-bottom: 120px;}
    .imma .loginArea input[type="submit"]{margin-top: 24px; margin-bottom: 48px;}
    .imma-content .content{padding: 0 calc(((100% - 624px) / 12) + 96px);}
    .imma-content.posts div.content.full{padding: 48px calc(((100% - 624px) / 12) + 96px) 0 calc(((100% - 624px) / 12) + 96px);}
    .imma-content, .imma-checkbox h3{margin-bottom: 24px;}
    .imma-content.analytics{margin-bottom: 48px;}
    .imma-content.setup .content{padding: 48px calc(((100% - 624px) / 12) + 96px) 0 calc(((100% - 624px) / 12) + 96px);}
    
    .imma-input, .imma-textarea, .imma-select .select{ margin: 12px 0 48px 0; }
    .imma-btn{ margin: 48px 0; }
    .imma .submenu{height: 72px;}
    .imma .submenu h2{margin: 24px;}
    .imma-header a, .imma-burguer{padding: 24px 0;height: 72px;width: 72px;}
    .imma-content.setup .setup-steps{height: 72px; padding: 24px;}
    .imma-message{padding: 24px;}
    .imma-content.setup .content .right150{width: calc(100% - 198px);}
    
    .formField, .imma-btn.big, .imma-btn.big + a { width: calc(50% - 24px); }
    .imma-color-picker{width: calc(50% - 146px - (((100% - 624px) / 12) + 96px));}
    .imma-popup, .imma .loginArea{max-width: calc((4 * ((100% - 624px) / 12)) + 144px);}
    .imma-popup.popup-big{max-width: calc((6 * ((100% - 624px) / 12)) + 240px);}
    .imma-popup svg{margin-bottom: 24px;}
    .imma-popup .imma-btn{margin-bottom: 24px;}
    .imma-popup .dontShowMore{
        margin-top: 48px;
        margin-left: -48px;
        margin-right: -48px;
        padding: 0 48px;
    }
    .imma-popup .imma-btn.cancel{margin-top: 24px;}
    .imma-popup.popup-big .imma-btn.purple.cancel{margin-top: 48px;}
    
    .imma-acordeon{ width: calc(33.333% - 32px); margin-right: 48px; margin-bottom: 48px; margin-top: 48px; }
    .imma-content.settings .imma-acordeon{ width: calc(50% - 24px);  }
    .imma-acordeon .imma-checkbox{padding: 24px 24px 0 24px;}
    .imma-content.posts .content.fixed, .imma-content.setup .content.fixed{padding: 0 24px;}
    .imma-content.posts .content.fixed .imma-btn, .imma-content.setup .content.fixed .imma-btn{margin: 24px 0;}
    .imma-btn.big + a .imma-btn.big{float: none; width: 100%;}
    .imma-content.dashboard .content{margin: 48px 0;}
    .imma-content.dashboard .background-grandient.close h1.welcome:first-of-type, .imma-content.setup .background-grandient.close h1.welcome:first-of-type{padding-top: calc(14.5% - 32px); }
    .imma-content.dashboard .background-grandient.close h1.welcome:last-of-type, .imma-content.setup .background-grandient.close h1.welcome:last-of-type{padding-bottom: calc(14.5% - 32px);}
    *.grey-background, *.purple-background{padding: 48px; width: calc(50% - 24px);}
    .imma-content.posts .content{padding-top: 48px;}

    .imma-content .submenu svg.icon_back{margin-right: 12px;}
    .imma .imma-section svg:first-of-type{margin-right: 12px;}
    
    h3.input-section-name{padding-top: 44px;}
    .formField h3.input-section-name:first-of-type{padding-top: 48px;}
    .imma-message svg{margin-right: 24px;}
    .imma-message p{width: calc(100% - 52px);}
    .forbidenToBasic svg{margin: 48px 0;}
    .imma-content.immaes #immaes-content{margin: 48px calc(((100% - 624px) / 12) + 96px);}
    .imma-product div.middle { width: calc(100% - 328px); min-height: 100px;}
    .imma-product div.right, .imma-product.menu div.right{ height: 100px; }
    .imma-product div.middle.prato{ width: calc(100% - 384px); }
    .imma-product.noImage div.middle.prato {
        width: calc(100% - 260px);
    }
    .imma-product div.left{margin-right: 24px; height: 100px; width: 200px;}
    .imma-product div.left.prato{ width: 100px; }
    .imma-product.menu div.middle{ width: calc(100% - 600px); }
    .imma-product{padding: 24px 1px;}
    .imma-popup.popup-big .imma-product{padding: 12px 24px;}
    .imma-popup.popup-big .immaes-select { height: calc(100% - 239px); }
    .imma-tooltip{padding: 24px;}
    #tooltip-old-imma, #tooltip-nomore-imma{ margin: -16px calc(50% - 96px) 0 0; width: calc(50% - ((100% - 624px) / 12) - 220px); }
    .tabsmenu p{height: 60px; padding: 21px 24px;}
    .tabsmenu{height: 60px;}
    
    .imma .half{ width: calc(33.33% - 32px); margin-right: 48px; height: calc((100vw - 336px - ((2 * ((100vw - 864px) / 12)) + 192px)) / 3); }
    p.input-name, .imma-checkbox, .imma-content.dashboard .purple-background, .imma-content.dashboard .grey-background, input[type="submit"]{margin-top: 48px;}
    .imma-checkbox + .imma-checkbox { margin-top: 24px; }
    
    .imma-content.dashboard .purple-background, .imma-content.dashboard .grey-background:nth-of-type(1), .imma-content.dashboard .warning + .clear + .grey-background, .imma-content.dashboard .warning + .clear + .grey-background + .grey-background, .imma-content.dashboard .grey-background:nth-of-type(2){margin-top: 0;}
    .imma-checkbox p{margin-top: 0;}
    
    .imma-content .instaImg, .analytics-posts .post{ width: calc((100% - 12px) / 7); padding-top: calc((100% - 12px) / 7);}
    .imma-content .instagramThumb{width: calc(14.28% - 2px);}
    .imma-content.posts a:nth-child(6n) .instaImg, .imma-content .instagramThumb:nth-of-type(6n), .analytics-posts a:nth-of-type(6n) .post, .analytics-posts > .post:nth-of-type(6n+1){margin-right: 2px;}
    .imma-content.posts a:nth-child(7n) .instaImg, .imma-content .instagramThumb:nth-of-type(7n), .analytics-posts a:nth-of-type(7n) .post, .analytics-posts > .post:nth-of-type(7n+1){margin-right: 0;}
    .analytics-posts{ height: calc((100vw - 240px - 12px) / 7); }
    .imma-acordeon .imma-checkbox div:first-of-type p.input-name{margin-top: 24px}
    
    .imma-content.posts .formField, .imma-content.analytics .formField{ width: calc(50% - 24px); padding-left: calc(((100% - 624px) / 12) + 96px); margin-top: 48px; } 
    .imma-content.posts .formField.right, .imma-content.analytics .formField.right{ padding-left: 48px; padding-right: calc(((100% - 624px) / 12) + 96px); }
    .imma-content.posts .postImage{height: 13.5vw;}
    .imma-content.posts.prato .postImage{
        height: calc(50vw - 154px - calc(((100vw - 624px) / 12) + 96px));
    }
    
    .imma-input.data{width: calc(50% - 67px);}
    .imma-input.data:nth-of-type(2){margin-left: 16px;}
    #posts-insert-immaes{margin-top: calc(-50vw + 146px + (((100vw - 624px - 240px) / 12) + 96px));}
    #settings-dados-admin{margin-top: -254px;}
    .imma-menu .imma-icon{margin: 48px 24px 24px 24px;}
    .analytics-table-parent.analytics-table-scrollable .analytics-table.inside{ padding-right: 48px; }
    form label.error{margin-top: -42px;}
    .imma-popup.popup-big.upload .input-hidden-content.open{
        width: calc((3 * ((100vw - 624px) / 12)) + 48px);
        height: calc((3 * ((100vw - 624px) / 12)) + 48px);
    }
    #imma_schedule{margin-left: 48px;width: calc(33.33% - 32px);}
    #imma_schedule + #imma_submit, #imma_schedule + #imma_submit + a{width: calc(33.33% - 32px);}
    
    .imma-message.news {padding: 48px;}
    .imma-message.news p{ width: calc(100% - 64px);}
    .imma-content.posts .imma-textarea {
        height: 120px;
    }
}

@media(min-width:1680px){
    h1{ font-size: 40px; line-height: 46px; }
    h2{font-size: 24px; line-height: 28px; }
    h2.analytics{ font-size: 68px; line-height: 70px; margin-bottom: 12px; }
    h3{ font-size: 22px; line-height: 28px; margin-bottom: 6px; }
    p{ font-size: 16px; line-height: 22px; }
    p.notas, span.notas{ font-size: 14px; line-height: 19px; }
    form label.error{font-size: 14px; line-height: 19px; margin-top: -20px; }
    
    .imma-header .imma-logo img{height: 36px;}
    .imma-header a, .imma-burguer{height: 80px;width: 80px;}
    .imma .loginArea .loadingIcon{margin-top: 82px; margin-bottom: 106px;}
    .imma-dot, .imma .imma-section svg, .imma-content .submenu svg, .imma-popup .search-bar svg, .imma-message svg, .scroll_down, .imma-menu .imma-icon, .imma-header .imma-icon{width: 36px;height: 36px;}
    
    .imma .imma-menu{ width: 288px; padding: 84px 0 0 0;}
    .imma .imma-menu li{height: 62px;}
    .imma-content.open{width: calc(100% - 288px);}
    .imma-header{ width: 288px;}
    .imma-content{margin: 0 0 32px 288px;}
    .imma-content.posts .content.fixed, .imma-content.setup .content.fixed{width: calc(100% - 288px);}
    
    .imma .submenu{height: 84px;}
    .imma .submenu h2{line-height: 36px;}
    .imma-content .content{padding: 0 calc((2 * ((100% - 624px) / 12)) + 144px);}
    .imma-content.posts div.content.full{padding: 48px calc((2 * ((100% - 624px) / 12)) + 144px) 0 calc((2 * ((100% - 624px) / 12)) + 144px);}
    .imma-content .submenu svg{margin-left: 24px;margin-top: -2px;height: 36px; width: 36px;}
    .imma-popup .search-bar svg {height: 36px; width: 36px;}
    .imma-content.setup .content{padding: 48px calc((2 * ((100% - 624px) / 12)) + 144px) 0 calc((2 * ((100% - 624px) / 12)) + 144px);}
    .imma-content.setup .setup-steps{height: 84px;}
    .imma-content.setup .setup-steps div{width: 36px;height: 36px;margin-right: calc((100% - 180px) / 4);}
    .imma-content.setup .setup-steps div p{line-height: 36px;}
    .imma-content.setup .setup-steps div svg { width: 24px; padding-top: 5px; }
    .imma-popup svg{width: 72px;height: 72px;}
    .scroll_down { left: calc(50% - 18px); top: -48px; }
    
    .imma-btn{ font-size: 16px; line-height: 22px; padding: 16px 24px; }
    .imma-btn.big{ padding: 20px 24px; }
    .imma-input, .imma-textarea, .imma-select .select{
        font-size: 16px;
        line-height: 22px;
        padding: 15px 18px;
        margin: 12px 0 24px 0;
    }
    .imma-select .select{
        margin: 12px 0 24px 0;
        padding: 15px 18px;
        font-size: 16px;
        line-height: 22px;
    }
    .imma-select .select:after{top: 20px;right: 20px;padding: 6px;}
    .imma-select .options{ top: 53px; }
    .imma-select .options .option{ padding: 18px; }
    .imma-select.open .options{max-height: 213px;}
    .imma-color{ padding: 16px 20px; }
    .sp-preview{width: calc(100% - 35px);}
    .imma-color-picker{width: calc(50% - 120px - ((2 * ((100% - 624px) / 12)) + 144px));}
    
    .imma-content.setup .input-hidden-content.open, .imma-content.settings .input-hidden-content.open{max-height: 370px;}
    .imma-input-p{margin-top: 29px;}
    .imma-content .instaImg svg{height: 48px; width: 48px;}
    .imma .swiper-slide svg:first-child, .postImage svg:first-child{width: 56px; height: 56px;}
    .imma-dot p{line-height: 36px;}
    
    .imma-message p{width: calc(100% - 64px);}
    
    .imma-content .submenu .search-bar, .imma-popup .search-bar{max-width: 36px;}
    .imma-content .submenu .search-bar svg:last-child, .imma-popup .search-bar svg:last-child {
        -webkit-transform: translateX(36px);
        -ms-transform: translateX(36px);
        transform: translateX(36px);
    }
    .imma-input.search{padding: 12px 0;}
    .imma-inputimage{background-size: 36px; background-position: 14px;}    
    .imma-inputimage.big{ background-size: 72px; background-position: 50% calc(50% - 20px); }
    .imma-content.immaes #immaes-content{margin: 48px calc((2 * ((100% - 624px) / 12)) + 144px);}
    .imma-product div.right { width: 90px;}
    #tooltip-old-imma, #tooltip-nomore-imma { margin: 0 calc(50% - 120px) 0 0; width: calc(50% - (2* ((100% - 624px) / 12)) - 264px);}
    .tabsmenu p{height: 62px; }
    .tabsmenu{height: 62px;}
    .icon_plus{width: 28px; height: 16px;margin-left: 6px;}
    .imma-content.immaes .imma-input.search, .imma-popup .imma-input.search{width: calc(100% - 48px);}
    .imma-content .submenu .search-bar, .imma-popup .search-bar{width: 336px;}
    .imma-content .submenu .search-bar.open, .imma-popup .search-bar.open{max-width: 336px;}
    .imma .half{ width: calc(33.33% - 32px); margin-right: 48px; height: calc((100vw - 384px - ((4 * ((100vw - 912px) / 12)) + 288px)) / 3); }
    
    .imma-content.posts .formField, .imma-content.analytics .formField{ padding-left: calc((2 * ((100% - 624px) / 12)) + 144px); } 
    .imma-content.posts .formField.right, .imma-content.analytics .formField.right{ padding-left: 48px; padding-right: calc((2 * ((100% - 624px) / 12)) + 144px); }
    .imma .imma-section .inner-content{max-height: 960px;}
    .imma-content.posts .image-upload{ width: 400px; height: 192px; }
    .imma-content.posts.prato .image-upload{ height: 380px; }
    .imma-content.posts .postImage, .imma-content.posts .image-upload .imma-inputimage {height: 100%;}
    .imma-popup, .imma .loginArea{max-width: calc((4 * ((100% - 912px) / 12)) + 144px);}
    .imma-popup.popup-big{max-width: calc((6 * ((100% - 912px) / 12)) + 240px);}
    .analytics-posts{ height: calc((100vw - 288px - 12px) / 7); }
    
    #posts-insert-immaes{margin-top: calc(-50vw + 168px + ((2 * ((100vw - 288px - 624px) / 12)) + 144px));}
    #settings-dados-admin{margin-top: -266px;}
    .imma-popup.popup-big .immaes-select { height: calc(100% - 269px); }
    .imma-popup.popup-big.upload .input-hidden-content.open{
        width: calc((3 * ((100vw - 912px) / 12)) + 48px);
        height: calc((3 * ((100vw - 912px) / 12)) + 48px);
    }
    .imma-message.news svg{width: 48px;height: 48px;}
    .imma-message.news p{ width: calc(100% - 80px);}
    .imma-message.news p svg{width: 22px; height: 22px;}
    .imma-product div.btns{ width: 156px; }
    .imma-product.noImage div.middle.prato{ width: calc(100% - 270px); }
}