@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,100");
@import url("https://fonts.googleapis.com/css?family=Didact+Gothic");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400");
* { outline: none; margin: 0; padding: 0; list-style-type: none; text-decoration: none; font-family: 'Open Sans'; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-box-sizing: border-box; box-sizing: border-box; }

button::-moz-focus-inner { border: 0; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }

button::-moz-focus-inner { border: 0; }

html, body { width: 100%; position: relative; font-size: 16px; min-height: 100%; color: #555; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

body { background: #eef3ff; background-attachment: fixed; }

section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: auto; }

a, a:visited, a:hover { color: inherit; }

/* #region Layout / Nav / FA */
div { position: relative; }

nav { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 999; position: fixed; height: 4em; width: 100%; background-color: white; -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); top: 0; }

nav > div.utility { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

nav i.fas.fa-user-circle, nav i.fas.fa-angle-down, nav i.fab.fa-user-circle, nav i.fab.fa-angle-down, nav i.far.fa-user-circle, nav i.far.fa-angle-down { padding: 2em 0.1em 2em 0.3em; cursor: pointer; font-size: 2.5em; color: #547D9F; }

nav i.fas.fa-user-circle.options, nav i.fas.fa-angle-down.options, nav i.fab.fa-user-circle.options, nav i.fab.fa-angle-down.options, nav i.far.fa-user-circle.options, nav i.far.fa-angle-down.options { font-size: 1.2em; padding: 0.5em; margin-right: 1em; }

nav i.fas.fa-user-circle:hover, nav i.fas.fa-angle-down:hover, nav i.fab.fa-user-circle:hover, nav i.fab.fa-angle-down:hover, nav i.far.fa-user-circle:hover, nav i.far.fa-angle-down:hover { color: #4b6cb7; }

nav i.fas.fa-gg, nav i.fab.fa-gg, nav i.far.fa-gg { padding: 0 0.1em 0 0.8em; font-size: 3em; color: #f80759; }

nav i.fas.fa-pen, nav i.fas.fa-bell, nav i.fas.fa-cog, nav i.fas.fa-question, nav i.fab.fa-pen, nav i.fab.fa-bell, nav i.fab.fa-cog, nav i.fab.fa-question, nav i.far.fa-pen, nav i.far.fa-bell, nav i.far.fa-cog, nav i.far.fa-question { padding: 1.5em 0.8em 1.5em 0.8em; cursor: pointer; font-size: 1em; color: #547D9F; }

nav i.fas.fa-pen:hover, nav i.fas.fa-pen.active, nav i.fas.fa-bell:hover, nav i.fas.fa-bell.active, nav i.fas.fa-cog:hover, nav i.fas.fa-cog.active, nav i.fas.fa-question:hover, nav i.fas.fa-question.active, nav i.fab.fa-pen:hover, nav i.fab.fa-pen.active, nav i.fab.fa-bell:hover, nav i.fab.fa-bell.active, nav i.fab.fa-cog:hover, nav i.fab.fa-cog.active, nav i.fab.fa-question:hover, nav i.fab.fa-question.active, nav i.far.fa-pen:hover, nav i.far.fa-pen.active, nav i.far.fa-bell:hover, nav i.far.fa-bell.active, nav i.far.fa-cog:hover, nav i.far.fa-cog.active, nav i.far.fa-question:hover, nav i.far.fa-question.active { background: #4b6cb7; color: white; }

nav i.fas.fa-flag.active, nav i.fab.fa-flag.active, nav i.far.fa-flag.active { background-color: #4b6cb7; color: white; }

nav i.fas.fa-search, nav i.fab.fa-search, nav i.far.fa-search { cursor: pointer; padding: 2em 0.8em 2em 0.8em; margin-right: 1em; color: #547D9F; }

nav i.fas.fa-search:hover, nav i.fab.fa-search:hover, nav i.far.fa-search:hover { color: #4b6cb7; }

div.remove-periodo { cursor: pointer; -webkit-transition-duration: 200ms; transition-duration: 200ms; position: relative; min-width: 0px; width: 34px; height: 34px; border-radius: 100%; }

div.remove-periodo i { opacity: 0.3; font-weight: 300; font-size: 1.2em; -webkit-transform: translate(-50%, -51%); transform: translate(-50%, -51%); position: absolute; top: 50%; left: 50%; color: #D75048; }

div.remove-periodo:hover i { opacity: 1; }

i.date-icon { cursor: pointer; font-size: 1.4em; color: gray; font-weight: 300; margin-top: 19px; opacity: 0.5; -webkit-transition: color 0.3s linear, opacity 0.15s linear, -webkit-transform 0.3s cubic-bezier(0.32, 2, 0.55, 0.27); transition: color 0.3s linear, opacity 0.15s linear, -webkit-transform 0.3s cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 0.3s cubic-bezier(0.32, 2, 0.55, 0.27), color 0.3s linear, opacity 0.15s linear; transition: transform 0.3s cubic-bezier(0.32, 2, 0.55, 0.27), color 0.3s linear, opacity 0.15s linear, -webkit-transform 0.3s cubic-bezier(0.32, 2, 0.55, 0.27); }

i.date-icon:hover { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1; }

i.date-icon.add:hover { color: #4b6cb7; }

i.date-icon.remove:hover { color: #D75048; }

div.total-horas-semanais-container { border-top: dashed 1px #ddd; height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

div.total-horas-semanais-container span { color: #959595; }

div.total-horas-semanais-container span#total-horas-semanais.blue { color: #6A82FB; }

div.total-horas-semanais-container span#total-horas-semanais.red { color: #D75048; }

div.notifications { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.notif-content { overflow-y: auto; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); max-height: 287px; min-height: 50px; background: white; }

.notif-title { background: white; position: relative; border-top-right-radius: 5px; border-top-left-radius: 5px; z-index: 3; padding: 0.75em; -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); }

.notif-title > span { display: inline-block; font-family: 'Open Sans'; color: #4b6cb7; font-weight: bold; }

.notif-thumbnail-number { position: absolute; text-align: center; font-size: 10px; top: 14px; left: 18px; width: 15px; height: 15px; color: white; background: #f9375e; border: #f9375e 2px solid; border-radius: 100%; -webkit-box-shadow: 0 2px 6px 0 #f9375e; box-shadow: 0 2px 6px 0 #f9375e; }

.notif-footer { padding: 0.5em; -webkit-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.25); text-align: center; }

.notif-footer > span { font-size: 1em; color: #24A3F0; font-weight: bold; }

.carregar-pendencias { -webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.3); background-color: white; }

.carregar-pendencias i { color: #b7b7b7; margin-right: 0.5rem; }

.carregar-pendencias span { white-space: nowrap; color: #b7b7b7; }

.carregar-pendencias:hover span, .carregar-pendencias:hover i { color: #24A3F0; }

.notif-items, .carregar-pendencias { z-index: 90; position: relative; text-align: center; cursor: pointer; height: 50px; border-bottom: #eeeeee 1px solid; }

.notif-items a, .carregar-pendencias a { height: 100%; }

.notif-items.no-notif, .carregar-pendencias.no-notif { cursor: default; }

.notif-items.uncheck:hover, .carregar-pendencias.uncheck:hover { background-color: #e6edf2; color: #484848; }

.notif-items.check, .carregar-pendencias.check { color: #6f6f6f; background-color: #eeeeee; }

.notif-items.check span, .carregar-pendencias.check span { color: #c8c8c8 !important; }

.notif-items.check div.circle, .carregar-pendencias.check div.circle { opacity: 0.4; }

.notif-items { background: #fbfbfb; font-size: 0.9em; }

.notif-items span { text-align: left; }

.notif-items .circle { padding: 0 0.5rem; margin: 0 0.5rem; }

.notif-items i { font-size: 1.5rem; margin: 0 0.5rem; }

.notif-items i.fa-exclamation-circle { color: #fa7668; }

.notif-items i.fa-info-circle { color: #83cbf7; }

.menu { overflow: hidden; position: fixed; background: linear-gradient(120deg, #48c6ef -10%, #6f86d6 60%); width: 16em; min-height: 100%; color: #cedce4; font-family: 'Didact Gothic'; z-index: 999; }

.menu li { -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease; }

.menu li.logo { margin-bottom: 2em; height: 4em; color: white; }

.menu li.logo a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.4em; }

.menu li.logo a:hover { -webkit-transform: none; transform: none; }

.menu li a { -webkit-transition: all 400ms ease; transition: all 400ms ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-item-align: stretch; align-self: stretch; padding: 1em; white-space: nowrap; }

.menu li a:hover { -webkit-transform: translateX(4%); transform: translateX(4%); color: white; }

.menu li a:hover i { color: white; }

.menu li a:hover.submenu::after { border-color: transparent transparent transparent #28d3c8; }

.menu li a.active { -webkit-transform: translateX(4%); transform: translateX(4%); color: white; }

.menu li a.active i { color: white; }

.menu li a.active.submenu::after { border-color: transparent transparent transparent white; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 3px 50%; transform-origin: 3px 50%; }

.menu li a.submenu::after { content: ''; position: absolute; right: 1em; margin-top: 3px; border: 6px solid #cedce4; border-color: transparent transparent transparent #cedce4; }

.menu li i { color: #cedce4; margin-right: 1rem; font-size: 1.6rem; }

.menu ul.submenu { background: rgba(255, 255, 255, 0.1); max-height: 0; overflow: hidden; }

.menu ul.submenu a { padding: .75em 1em .75em 2.5em; }

.menu ul.submenu a:not(.active):hover { padding-left: 3em; border-left-width: 0; }

.leftMenu { position: relative; width: 270px; display: inline-block; z-index: 1; -ms-flex-negative: 0; flex-shrink: 0; }

.leftMenu i { width: 77px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; }

.leftMenu i.fa-caret-down { width: 50px; height: auto; -webkit-transform-origin: 25.5px 9px; transform-origin: 25.5px 9px; }

.leftMenu ul.dashlist { position: absolute; top: 7.6em; width: 250px; }

.leftMenu ul.dashlist li.toggle-collapse { background-color: whitesmoke; border-radius: 100%; margin-top: 0; right: -20%; top: 50%; position: absolute; width: 40px; height: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.leftMenu ul.dashlist li.toggle-collapse a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-transform-origin: 20.5px 20.5px; transform-origin: 20.5px 20.5px; }

.leftMenu ul.dashlist li.toggle-collapse a .leftArrowCollapse { font-size: 1.2em; margin-top: 50%; margin-left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; padding: 0; }

.leftMenu ul.dashlist li.toggle-collapse:hover, .leftMenu ul.dashlist li.toggle-collapse.active { background: #4b6cb7; }

.leftMenu ul.dashlist li.toggle-collapse:hover .leftArrowCollapse, .leftMenu ul.dashlist li.toggle-collapse.active .leftArrowCollapse { color: #58D598; }

.leftMenu ul.dashlist li.toggle-collapse:hover .leftMenu-text, .leftMenu ul.dashlist li.toggle-collapse.active .leftMenu-text { color: #58D598; }

.leftMenu ul.dashlist li.toggle-collapse.active a { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.leftMenu ul.dashlist li.leftMenu-link { margin-top: 15px; background: whitesmoke; position: relative; height: 70px; z-index: 1; }

.leftMenu ul.dashlist li.leftMenu-link i.fa-caret-down { margin-left: auto; }

.leftMenu ul.dashlist li.leftMenu-link.active i.fa-caret-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.leftMenu ul.dashlist li.leftMenu-link:hover, .leftMenu ul.dashlist li.leftMenu-link.active { background-color: #4b6cb7; }

.leftMenu ul.dashlist li.leftMenu-link:hover .leftMenu-text, .leftMenu ul.dashlist li.leftMenu-link.active .leftMenu-text { color: white; }

.leftMenu ul.dashlist li.leftMenu-link:hover .leftIcons, .leftMenu ul.dashlist li.leftMenu-link.active .leftIcons { color: white; }

.leftMenu ul.dashlist li.leftMenu-link > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

.leftMenu li.subMenu { overflow: hidden; background: whitesmoke; }

.leftMenu li.subMenu a:hover { border-right: #24A3F0 5px solid; }

.leftMenu li.subMenu a:hover > li { -webkit-transform: translateX(1em); transform: translateX(1em); }

.leftMenu li.subMenu a:hover > li span { color: #24A3F0; }

.leftMenu li.subMenu li.subMenu-item { cursor: pointer; padding: 0.7em 0; margin-left: 2.5rem; }

.leftMenu li.subMenu li.subMenu-item span { color: #547D9F; }

.leftMenu.collapsed { -webkit-transform: translateX(-175px); transform: translateX(-175px); }

.leftMenu.collapsed i.leftIcons { -webkit-transform: translateX(175px); transform: translateX(175px); }

.leftMenu.collapsed .leftMenu-text { opacity: 0; }

.leftMenu.collapsed .fas.fa-caret-down { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); }

.leftMenu.collapsed li.subMenu { max-height: 0 !important; }

div.top-menu { display: none; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-right: auto; }

div.dropdown-menu > ul, div.top-menu > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

div.dropdown-menu > ul li, div.top-menu > ul li { width: 200px; text-align: left; position: relative; color: #547D9F; }

div.dropdown-menu > ul li:hover, div.top-menu > ul li:hover { background: white; color: #24A3F0; border-right: #24A3F0 5px solid; }

div.dropdown-menu > ul li:hover > ul, div.top-menu > ul li:hover > ul { opacity: 1; -webkit-animation: slide-up-in 0.4s ease; animation: slide-up-in 0.4s ease; }

div.dropdown-menu > ul li a, div.top-menu > ul li a { display: block; min-width: 100%; width: auto; margin-right: 3px; white-space: nowrap; }

div.dropdown-menu > ul > li, div.top-menu > ul > li { text-align: center; padding: 0 1em; height: 4em; line-height: 4em; }

div.dropdown-menu > ul > li:hover, div.top-menu > ul > li:hover { background: #4b6cb7; color: white; border-right: none; }

div.dropdown-menu > ul > li ul, div.top-menu > ul > li ul { opacity: 0; position: absolute; left: 0; min-width: 100%; background: white; }

div.dropdown-menu > ul > li ul:hover, div.top-menu > ul > li ul:hover { background: white; }

div.dropdown-menu > ul > li ul li, div.top-menu > ul > li ul li { color: #24A3F0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2em; line-height: normal; padding: 1.2em 1em; font-size: .9em; }

div.dropdown-menu > ul > li ul li:hover > a, div.top-menu > ul > li ul li:hover > a { margin-left: 10px; margin-right: 0px; }

div.dropdown-menu.small ul, div.top-menu.small ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

div.dropdown-menu.small ul li, div.top-menu.small ul li { padding: .5em .5em; text-align: end; height: auto; width: auto; color: #4b6cb7; }

div.dropdown-menu.small ul li:hover, div.top-menu.small ul li:hover { background-color: transparent; }

div.dropdown-menu.small ul li > ul, div.top-menu.small ul li > ul { -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); padding: 0.5em 0; }

div.logo-wrap { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 15em; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

div.logo-wrap .white-transparent-gradient { position: absolute; z-index: 98; background: -webkit-gradient(linear, left top, right top, color-stop(50%, white), to(transparent)); background: linear-gradient(to right, white 50%, transparent); width: 90px; height: 36px; -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; -webkit-transform: translateX(-3.5em); transform: translateX(-3.5em); }

div.logo-wrap .white-transparent-gradient.collapsed { -webkit-transition: -webkit-transform 0.8s ease; transition: -webkit-transform 0.8s ease; transition: transform 0.8s ease; transition: transform 0.8s ease, -webkit-transform 0.8s ease; -webkit-transform: translateX(0em); transform: translateX(0em); }

.fa-gg { font-size: 3em; color: #f80759; }

span.logo, span.sublogo { -webkit-transition: opacity 0.5s ease, -webkit-transform 1s ease; transition: opacity 0.5s ease, -webkit-transform 1s ease; transition: opacity 0.5s ease, transform 1s ease; transition: opacity 0.5s ease, transform 1s ease, -webkit-transform 1s ease; display: inline-block; font-family: 'Didact Gothic' !important; color: #1C2137; font-weight: 500 !important; letter-spacing: -0.5px; font-size: 1.8em; }

span.logo.collapsed, span.sublogo.collapsed { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

span.logo.collapsed.ai, span.sublogo.collapsed.ai { -webkit-transform: translateX(-5.5em); transform: translateX(-5.5em); }

span.sublogo { color: #f80759; }

span.letter { font-family: 'Raleway', sans-serif !important; font-size: 3em; }

span.dot { -webkit-transition: -webkit-transform 0.8s; transition: -webkit-transform 0.8s; transition: transform 0.8s; transition: transform 0.8s, -webkit-transform 0.8s; font-size: 5em; z-index: 99; -webkit-transform: translate(0em, -0.31em); transform: translate(0em, -0.31em); }

span.dot.collapsed { -webkit-transform: translate(-1.6em, -0.35em); transform: translate(-1.6em, -0.35em); opacity: 1; }

span.titulo-tabela { font-size: 2em; color: #1C2137; }

.dropdown-list { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); width: 400px; max-height: 300px; position: fixed; z-index: 998; right: 5em; top: 5em; -webkit-transform: translateY(-110%); transform: translateY(-110%); opacity: 0; }

.dropdown-list.active { -webkit-transform: none; transform: none; opacity: 1; }

.leftIcons { font-size: 1.3em; color: #547D9F; }

.toggle-collapse { color: #547D9F; margin-left: 0px; }

.toggle-collapse:hover, .toggle-collapse.collapsed { color: #58D598; cursor: pointer; }

.leftMenu-text { white-space: nowrap; height: auto; color: #547D9F; }

.leftMenu-text.collapsed { opacity: 0; }

.user-wrap, .search-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 1em; width: auto; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.user-options { margin: 0 1em; opacity: 0.7; cursor: pointer; }

.user-options:hover { color: #D75048; opacity: 1; }

.search-wrap { border-right: #eeeeee 2px solid; overflow: hidden; }

.searchbox { font-style: italic; color: #a2a2a2; border: #bbbbbb 1px solid; padding-left: 0.5em; border-radius: 2px; height: 2em; max-width: 15em; }

.searchbox:focus { color: #555555; font-style: normal; }

i.fas.fa-user-circle, i.fas.fa-angle-down, i.fab.fa-user-circle, i.fab.fa-angle-down, i.far.fa-user-circle, i.far.fa-angle-down { padding: 2em 0.1em 2em 0.3em; cursor: pointer; font-size: 2.5em; color: #547D9F; }

i.fas.fa-user-circle.options, i.fas.fa-angle-down.options, i.fab.fa-user-circle.options, i.fab.fa-angle-down.options, i.far.fa-user-circle.options, i.far.fa-angle-down.options { font-size: 1.2em; padding: 0.5em; margin-right: 1em; }

i.fas.fa-user-circle:hover, i.fas.fa-angle-down:hover, i.fab.fa-user-circle:hover, i.fab.fa-angle-down:hover, i.far.fa-user-circle:hover, i.far.fa-angle-down:hover { color: #24A3F0; }

i.fas.fa-pen, i.fab.fa-pen, i.far.fa-pen { padding: 1.5em 0.8em; cursor: pointer; font-size: 1em; color: #547D9F; }

i.fas.fa-pen:hover, i.fab.fa-pen:hover, i.far.fa-pen:hover { background: #24A3F0; color: white; }

i.fas.fa-flag.active, i.fab.fa-flag.active, i.far.fa-flag.active { background-color: #24A3F0; color: white; }

i.fas.fa-search, i.fab.fa-search, i.far.fa-search { cursor: pointer; padding: 2em 0.8em 2em 0.8em; margin-right: 1em; color: #547D9F; }

i.fas.fa-search:hover, i.fab.fa-search:hover, i.far.fa-search:hover { color: #24A3F0; }

i.fas.fa-arrow-right, i.fas.fa-left-arrow, i.fab.fa-arrow-right, i.fab.fa-left-arrow, i.far.fa-arrow-right, i.far.fa-left-arrow { color: white; font-size: 1em; }

i.fas.fa-mobile-alt, i.fas.fa-envelope, i.fas.fa-comment-alt, i.fab.fa-mobile-alt, i.fab.fa-envelope, i.fab.fa-comment-alt, i.far.fa-mobile-alt, i.far.fa-envelope, i.far.fa-comment-alt { position: absolute; right: 0.5em; font-size: 1.7em; color: #c8c8c8; }

i.fas.fa-comment-alt, i.fab.fa-comment-alt, i.far.fa-comment-alt { font-weight: 400; }

i.fas.fa-pen-alt, i.fas.fa-check, i.fab.fa-pen-alt, i.fab.fa-check, i.far.fa-pen-alt, i.far.fa-check { position: absolute; font-size: 1em; top: 15px; cursor: pointer; }

i.fas.fa-caret-down, i.fab.fa-caret-down, i.far.fa-caret-down { font-size: 1em; }

i.fas.fa-id-badge, i.fab.fa-id-badge, i.far.fa-id-badge { font-size: 2em; width: 6rem; padding: .25em 0 .25em 1.1em; border: 1px solid #e1e1e1; color: #ddd; }

i.fas.fa-id-badge:hover, i.fab.fa-id-badge:hover, i.far.fa-id-badge:hover { cursor: pointer; border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 3px #24A3F0; box-shadow: 0 0 3px #24A3F0; }

i.fas.fa-id-badge.active, i.fab.fa-id-badge.active, i.far.fa-id-badge.active { color: #58D598; }

i.fas.medium, i.fab.medium, i.far.medium { font-size: 1.5em; }

i.fas.size-2em, i.fab.size-2em, i.far.size-2em { font-size: 2em; }

i.fas.large, i.fab.large, i.far.large { font-size: 7em; }

i.fas.x-large, i.fab.x-large, i.far.x-large { font-size: 8.5rem; }

i.fas.attention, i.fab.attention, i.far.attention { color: tomato; }

i.fas.not-applicable, i.fas.not-applicable, i.fab.not-applicable, i.fab.not-applicable, i.far.not-applicable, i.far.not-applicable { color: #a9b3bd; }

i.fas.good, i.fab.good, i.far.good { color: green; }

i.fas.red, i.fab.red, i.far.red { color: #D75048; }

i.fas.green, i.fab.green, i.far.green { color: #58D598; }

i.fas.blue, i.fab.blue, i.far.blue { color: #4b6cb7; }

div.calendar-box { position: relative; }

div.calendar-bg { height: 50px; width: 50px; position: relative; background: #4b6cb7; border-radius: 10px; cursor: pointer; -webkit-transition: background 0.1s linear, color 0.1s linear, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: background 0.1s linear, color 0.1s linear, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27), background 0.1s linear, color 0.1s linear; transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27), background 0.1s linear, color 0.1s linear, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); }

div.calendar-bg i { position: absolute; font-size: 1.8rem; color: white; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

div.calendar-bg:hover, div.calendar-bg.active { background: #24A3F0; -webkit-box-shadow: 0 2px 6px 0 #24A3F0; box-shadow: 0 2px 6px 0 #24A3F0; }

div.calendar-bg.active { -webkit-transform: scale(1.1); transform: scale(1.1); }

div.selection-box { overflow: hidden; pointer-events: none; opacity: 0; z-index: -99; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 18rem; background: white; border-radius: 10px; z-index: 999; left: 55px; top: -3px; -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.6); box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.6); height: 185px; }

div.selection-box.show { pointer-events: all; z-index: 99; opacity: 1; overflow: unset; }

div.selection-box div.ano-nav-container { background: #f1f5ff; border-top-right-radius: 10px; border-top-left-radius: 10px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.5rem; padding: 0.5rem; height: 3rem; }

div.selection-box div.ano-nav-container span { display: block; margin-right: 0.5rem; margin-left: 0.5rem; color: #10142F; }

div.selection-box div.ano-nav-container div { cursor: pointer; padding: 0 1rem; color: #4b6cb7; }

div.selection-box div.ano-nav-container div:hover { color: #24A3F0; }

div.selection-box div.ano-nav-container div.left-arrow:hover, div.selection-box div.ano-nav-container div.left-arrow:active { -webkit-animation: leftPointer 0.3s; animation: leftPointer 0.3s; }

div.selection-box div.ano-nav-container div.right-arrow:hover, div.selection-box div.ano-nav-container div.right-arrow:active { -webkit-animation: rightPointer 0.3s; animation: rightPointer 0.3s; }

div.selection-box div.mes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2rem; width: 6rem; -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); -webkit-transition: color 0.1s linear, background 0s linear, -webkit-transform 0.5s cubic-bezier(0.32, 2, 0.55, 0.27), -webkit-box-shadow 0.01s linear; transition: color 0.1s linear, background 0s linear, -webkit-transform 0.5s cubic-bezier(0.32, 2, 0.55, 0.27), -webkit-box-shadow 0.01s linear; transition: transform 0.5s cubic-bezier(0.32, 2, 0.55, 0.27), color 0.1s linear, background 0s linear, box-shadow 0.01s linear; transition: transform 0.5s cubic-bezier(0.32, 2, 0.55, 0.27), color 0.1s linear, background 0s linear, box-shadow 0.01s linear, -webkit-transform 0.5s cubic-bezier(0.32, 2, 0.55, 0.27), -webkit-box-shadow 0.01s linear; }

div.selection-box div.mes:hover, div.selection-box div.mes.active { cursor: pointer; color: white; background: #24A3F0; -webkit-box-shadow: 0 2px 6px 0 #24A3F0; box-shadow: 0 2px 6px 0 #24A3F0; }

div.selection-box div.mes:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

div.selection-box div.mes.active { -webkit-transform: scale(1); transform: scale(1); }

div.arrow-navigation-box { position: absolute; z-index: 1; left: 0; right: 0; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition: 0.2s; transition: 0.2s; height: 100px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

div.arrow-navigation-box h3 { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; text-align: center; }

div.arrow-navigation-box > div.left-arrow:hover, div.arrow-navigation-box div.left-arrow:active { -webkit-animation: leftPointer 0.3s; animation: leftPointer 0.3s; }

div.arrow-navigation-box > div.right-arrow:hover, div.arrow-navigation-box div.right-arrow:active { -webkit-animation: rightPointer 0.3s; animation: rightPointer 0.3s; }

div.arrow-navigation-box div.dataVigente { position: relative; overflow: hidden; text-align: center; width: 260px; height: 50px; line-height: 50px; font-size: 2em; margin: 0 20px; }

div.arrow-navigation-box div.dataVigente div.data-wrap { position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 270px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; }

div.arrow-navigation-box div.dataVigente div.data-wrap span { color: #1C2137; white-space: nowrap; }

div.list-header { border-top: 2px solid #24A3F0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-top-right-radius: 10px; border-top-left-radius: 10px; height: 6em; background: white; min-height: 100px; z-index: 99; padding: 0 2em; }

div.list-header button, div.list-header .search { z-index: 2; }

div.search-container { display: inline-block; position: relative; }

div.search-container .hidden { z-index: 1; }

div.search-container .show { z-index: 2 !important; }

div.search-container i { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; top: 50%; padding: 0 !important; margin-right: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

div.search-container .search-button { margin-left: 1em; cursor: pointer; }

div.search-container .search-button span { font-weight: bold; color: #547D9F; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

div.search-container .search-button i { left: -30%; }

div.search-container .search-button:hover span, div.search-container .search-button:hover i { color: #24A3F0; }

div.search-container .search-input { position: absolute; top: -57%; }

div.search-container .search-input i { right: 0; }

/* #endregion */
/* #region Content */
.wrapper-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 4em; min-width: 1200px; width: 100%; min-height: 100vh; padding-left: 16em; }

.content-body { border-radius: 10px; }

section { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

p.error-code { font-size: 0.8em; font-style: italic; }

span.details { opacity: 0.6; }

span.bold { font-size: 1.1em; font-weight: 400; }

span.blue { color: #24A3F0; }

span.red { color: #D75048; }

span.orange { color: #FDA50F; }

.content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 60em; max-width: 80em; width: 100%; padding: 0 1em; margin-bottom: 2em; }

.popup-wrapper { -webkit-transition: all 0.6s; transition: all 0.6s; position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 99; opacity: 0; }

.popup-wrapper.show { opacity: 1; }

.popup-wrapper.show .popup-inner { -webkit-transform: translateY(0); transform: translateY(0); }

.popup-wrapper.show.hide { opacity: 0; }

.popup-wrapper.show.hide .popup-inner { -webkit-transform: translateY(-2em); transform: translateY(-2em); }

.popup-wrapper .popup-inner { position: relative; -webkit-transition: all 0.6s; transition: all 0.6s; max-height: 35em; max-width: 42em; margin: auto; min-width: 30em; -webkit-transform: translateY(2em); transform: translateY(2em); line-height: 1.5em; }

.popup-wrapper .popup-inner.small { max-width: 30em; }

.popup-wrapper .popup-inner.medium { max-width: 35em; width: 35em; }

.popup-wrapper .popup-inner.large { max-width: 40em; width: 40em; }

.popup-wrapper .popup-inner.xlarge { max-width: 47em; width: 47em; }

.popup-wrapper .popup-inner.large-height { max-height: 38em; height: 38em; }

.popup-wrapper .popup-inner.medium-height { max-height: 25em; height: 25em; }

.popup-wrapper .popup-inner.small-medium-height { max-height: 20em; height: 20em; }

.popup-wrapper .popup-inner.small-height { max-height: 15em; height: 15em; }

.popup-wrapper .popup-inner.small-padding > .inner-html { padding: .8em; }

.popup-wrapper .popup-inner.no-padding-side > .inner-html { padding-left: 0; padding-right: 0; }

.popup-wrapper .popup-inner.large-height > .inner-html { max-height: 35em; }

.popup-wrapper .popup-inner.overflow-visible > .inner-html { overflow: visible; }

.popup-wrapper .popup-inner #docs { line-height: 1em; }

.popup-wrapper .popup-inner .removePopUp { cursor: pointer; position: absolute; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform 400ms cubic-bezier(0.32, 2, 0.55, 0.27); transition: -webkit-transform 400ms cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 400ms cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 400ms cubic-bezier(0.32, 2, 0.55, 0.27), -webkit-transform 400ms cubic-bezier(0.32, 2, 0.55, 0.27); right: -1em; top: -1em; width: 35px; height: 35px; }

.popup-wrapper .popup-inner .removePopUp i { font-size: 1.4em; color: whitesmoke; }

.popup-wrapper .popup-inner .removePopUp:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.popup-wrapper .popup-inner .removePopUp:hover i { color: white; }

.popup-wrapper .popup-inner span#usr-msg { left: 0; right: 0; margin: 0 auto; width: 50%; color: #555; }

.popup-wrapper .popup-inner .document { position: relative; width: 11em; height: 9em; border: 1px solid #ddd; margin: 0.5em; padding: .5em; border-radius: .5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .8rem; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27), opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); }

.popup-wrapper .popup-inner .document i.fa-file-pdf { font-size: 3.5rem; color: #c4c4c4; margin: auto 0; }

.popup-wrapper .popup-inner .document.not-available { cursor: not-allowed; background: #ddd; color: #626262; font-style: italic; pointer-events: none; }

.popup-wrapper .popup-inner .document.available { cursor: pointer; }

.popup-wrapper .popup-inner .document.available:hover { background: #fbfdff; border: 1px solid #54b7f3; }

.popup-wrapper .popup-inner .document.available:hover span, .popup-wrapper .popup-inner .document.available:hover i.fa-file-pdf { color: #3cadf2; }

.popup-wrapper .popup-inner .document form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.popup-wrapper .popup-inner .document i.fa-eye { font-size: 1.2rem; position: absolute; top: 0; right: 0; margin-right: .2em; margin-top: 1.25em; cursor: pointer; color: #32c87f; }

.popup-wrapper .popup-inner .document input[type=file] { display: none; }

.popup-wrapper .popup-inner .document input[type=file] + label { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; cursor: pointer; }

.popup-wrapper .popup-inner .document input[type=file] + label.loading i { color: #0e89d3; }

.popup-wrapper .popup-inner .document input[type=file] + label.loading div.loader-wrapper { background: transparent; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0.5em; margin-right: 0.5em; }

.popup-wrapper .popup-inner .document input[type=file] + label.loading div.loader-wrapper div.loader { font-size: 1rem; }

.popup-wrapper .popup-inner .document input[type=file] + label.loaded i { color: #32c87f; }

.popup-wrapper .popup-inner .document input[type=file] + label.loaded i.fa-check { position: absolute; top: 0; right: 0; font-size: 1rem; }

.popup-wrapper .popup-inner .document input[type=hidden] + label { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; cursor: pointer; }

.popup-wrapper .popup-inner .document input[type=hidden] + label i.fa-file-pdf { color: #58D598; }

.popup-wrapper .popup-inner > .bg-title { background-color: #0e89d3; padding: 1.5em; position: relative; overflow: hidden; }

.popup-wrapper .popup-inner > .bg-title > h2 { color: white; }

.popup-wrapper .popup-inner > .bg-title > h2 > span:after { content: ""; position: absolute; bottom: -5px; left: 0; right: 0; border-top: 1px solid rgba(255, 255, 255, 0.4); }

.popup-wrapper .popup-inner > .bg-title > i.icon { position: absolute; right: 0; top: 0; font-size: 170px; -webkit-transform: translate(20%, -32%); transform: translate(20%, -32%); color: #1280c299; -webkit-filter: blur(4px) brightness(0.7); filter: blur(4px) brightness(0.7); }

.popup-wrapper .inner-html { overflow: hidden; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; min-height: 8em; max-height: 40em; position: relative; display: block; padding: 1.5em; list-style-type: square tye; }

.popup-wrapper .inner-html i.fas { font-size: 2em; }

.popup-wrapper .inner-html span.small { font-size: .8em; }

.popup-wrapper .inner-html button.margin-right-1 { margin-right: 1em; }

.popup-wrapper .inner-html button.margin-left-1 { margin-left: 1em; }

.popup-wrapper .inner-html div.container div.upload { margin-right: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.popup-wrapper .inner-html div.container div.upload form#files { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; }

.popup-wrapper .inner-html div.container div.upload button, .popup-wrapper .inner-html div.container div.upload .enviar { width: 100%; margin: 0; z-index: 1; }

.popup-wrapper .inner-html div.container div.upload button.hidden, .popup-wrapper .inner-html div.container div.upload .enviar.hidden { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: -1; }

.popup-wrapper .inner-html div.container div.upload .dashed-area { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px dashed #547D9F; width: 16em; height: 12em; margin-bottom: 1px; background-color: #f2faff; }

.popup-wrapper .inner-html div.container div.upload .dashed-area i { opacity: 0.4; color: #4b6cb7; font-size: 3em; }

.popup-wrapper .inner-html div.container div.upload .dashed-area label { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 100%; height: 100%; z-index: 99; }

.popup-wrapper .inner-html div.container div.upload .dashed-area label span { font-weight: 500; }

.popup-wrapper .inner-html div.container div.upload .dashed-area label:hover { color: #24A3F0; }

.popup-wrapper .inner-html div.container div.text { text-align: left; height: 14em; text-align: justify; }

.popup-wrapper .inner-html div.container div.text span.details { cursor: pointer; opacity: 0.6; }

.popup-wrapper .inner-html div.container div.text span.bold { font-size: 1.1em; font-weight: 400; }

.popup-wrapper .inner-html div.container div.text span.bold.blue { color: #24A3F0; }

.popup-wrapper .inner-html div.container div.text span.bold.red { color: #D75048; }

.popup-wrapper .inner-html div.container > ul > li { list-style-type: initial; text-align: initial; margin-left: 10%; }

.popup-wrapper .inner-html div.button-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.popup-wrapper .inner-html div.return-text { background: #f9f9f9; border: 1px dashed #ddd; padding: 1em; max-height: 50vh; min-width: 300px; overflow-y: auto; overflow-x: hidden; }

.popup-wrapper .inner-html div.return-text span { font-size: 0.9em; display: block; margin-bottom: 0.5em; }

.popup-wrapper .inner-html div.return-text span:last-child { margin-bottom: 0; }

.popup-wrapper .inner-html div.return-text i { position: absolute; font-size: 1em; color: #547D9F; }

.popup-wrapper .inner-html div.return-text i.fa-quote-right { left: 101%; bottom: -3px; }

.popup-wrapper .inner-html div.return-text i.fa-quote-left { right: 101%; top: -3px; }

.popup-wrapper .inner-html li.documento-upload { width: 450px; padding: 0.5em 1em; border: 1px solid #ddd; border-radius: 5px; margin: 0.25em; }

.popup-wrapper h3 { text-align: center; color: white; }

h1.title { display: block; font-size: 2rem; color: #1C2137; }

.content-title { display: block; background-color: transparent; margin-bottom: 1em; }

.content-title > span.subtitle { display: block; font-size: 0.9em; color: #7e7f80; }

.content-title .pink { color: #f9375e; }

h2, h3 { color: #547D9F; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

h2.inactive, h3.inactive { color: #aaaaaa; }

h2.inactive > span::after, h3.inactive > span::after { content: none; }

h2 > span, h3 > span { position: relative; }

h2 > span:after, h3 > span:after { content: ""; position: absolute; bottom: -5px; left: 0; right: 0; border-top: 1px solid #547D9F; }

.box-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.box-wrap .fas.fa-check { position: relative; top: 0; }

.box-wrap span.block { padding: 0; display: block; width: 100%; text-align: justify; }

.box-wrap .substatus { padding: .75em 0; }

.box-wrap .substatus span { padding: 0; display: block; width: 100%; text-align: justify; }

.box-wrap .substatus i.fa-check, .box-wrap .substatus i { top: 10%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 0 0.5em 0 0.2em; }

.box-wrap .substatus i.fa-exclamation { width: 24px; }

.box-wrap .wrapper { margin-top: 2em; }

div.box-wrapper { -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2em; width: 75%; }

.content-box { border-radius: 10px; overflow: hidden; }

.content-box.list { height: 30rem; }

.content-box.big-width { width: 100%; }

.content-box.big-height { height: 30rem; }

.content-box.half-width { width: 50%; }

.content-box.big-height { height: 15rem; }

.content-box.medium-width { width: 32.2%; }

.content-box.medium-height { height: 15rem; }

.content-box.small-width { width: 24%; }

.content-box.small-height { height: 12rem; }

@media screen and (min-height: 768px) { .content-box.big-height, .content-box.list-wrap { height: 35rem; }
  .content-box.medium-height { height: 15rem; }
  .content-box.small-height { height: 12rem; } }

.content-box.widget { padding: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 5rem; }

.content-box.widget i { font-size: 3rem; }

.content-box.widget .widget-details { font-size: 1rem; margin-right: 0.5rem; }

.content-box.widget .widget-title { font-size: 1.25rem; margin-right: 0.25rem; }

.content-box.widget .body { -webkit-box-align: first baseline; -ms-flex-align: first baseline; align-items: first baseline; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.content-box div.title h3 { color: #1C2137; font-size: 1.2rem; }

.content-box > .bottom { padding-top: 0.3rem; }

.content-box > .bottom.dashed { border-top: 1px dashed #bed1ff; }

div.box { width: 30%; height: 16em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; border-top: 2px solid #24A3F0; background-color: transparent; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; }

div.box.medium { width: 40em; }

div.box.large { width: 75%; }

div.box.w100 { width: 100%; }

div.box.bgwhite { background: white; }

div.box.tall { height: 28em; }

div.box span { text-align: left; font-weight: 300; }

div.box span.details { opacity: 0.6; }

div.box span.bold { font-size: 1.1em; font-weight: 400; }

div.box span.bold.blue { color: #24A3F0; }

div.box span.bold.red { color: #D75048; }

div.box span.big { font-size: 2.2em; -webkit-transform: translate(0, 0.35em); transform: translate(0, 0.35em); }

div.box .content, div.box .shared-content { border-radius: 5px; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0.5rem; }

div.box .shared-content { padding: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

div.box .shared-content > .content { padding: 1em; margin: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 30%; }

div.box.height-auto { height: auto; }

div.box .lower-content { padding: 0.5em; }

div.box h2 { font-size: 1.8em; font-weight: 400; }

div.box.c2 { width: 34em; }

div.box.c3 { width: 64em; }

div.box i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

div.box span { font-weight: 300; font-family: 'Open Sans'; }

div.box span.title { position: relative; font-size: 2em; font-weight: 400; color: #363f6a; }

div.box span.title::after { content: ''; display: block; position: absolute; border-bottom: #10142F 1px solid; left: 12.5%; width: 75%; height: 0.5em; }

div.box span.number { padding-top: 1em; font-size: 3em; color: #a2a2a2; }

div.box span.descricao { font-size: 1.7em; color: #a2a2a2; padding-top: 0.1em; }

div.box span > i.detail { margin-left: 0.5em; -ms-flex-item-align: end; align-self: flex-end; }

div.box span > i.detail.expanded { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

div.box div.detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 0; overflow: hidden; border-top: 1px solid transparent; }

div.box div.detail i.fas, div.box div.detail i.far { position: relative; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; top: 0; }

div.box div.detail.show.documents { height: 20em; margin-top: .75em; padding-top: .25em; border-color: #ddd; }

div.box div.detail div > span { font-family: 'Open Sans', sans-serif; font-size: .9em; padding: .5em .5em; line-height: 1.1em; }

div.box .link { color: #547D9F; cursor: pointer; }

div.box .link:hover { color: #24A3F0; }

.list-wrapper { width: 100%; background: white; min-height: 25em; max-height: 35em; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }

.list-wrapper ul.horizontal { padding: 0.6em; white-space: nowrap; }

.list-wrapper ul.horizontal.title + ul.vertical { max-height: calc(100% - 56px); }

.list-wrap { -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.74); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.74); width: 100%; max-width: 1200px; height: auto; visibility: hidden; opacity: 0; background-color: white; overflow: hidden; margin-top: 1em; }

.list-wrap.active { width: 100%; visibility: visible; opacity: 1; }

div.blue-border.disabled { background: #ddd !important; border: #ddd !important; pointer-events: none !important; }

div.blue-border.disabled:hover, div.blue-border.disabled:focus { color: #ddd !important; }

.button { text-align: center; padding: 0; color: #547D9F; font-size: 1.5em; }

.button .disabled { cursor: not-allowed !important; color: #ddd; }

.button .disabled:hover, .button .disabled:focus { color: #ddd !important; }

.button .fas, .button .far { margin: 0 .25em; cursor: pointer; }

.button .fas.fa-pen, .button .fas.fa-trash-alt, .button .fas.fa-user-minus, .button .far.fa-pen, .button .far.fa-trash-alt, .button .far.fa-user-minus { font-size: .85em; padding: .25em; }

.button .fas.fa-pen:hover, .button .fas.fa-trash-alt:hover, .button .fas.fa-user-minus:hover, .button .far.fa-pen:hover, .button .far.fa-trash-alt:hover, .button .far.fa-user-minus:hover { background-color: transparent; }

.button .fas.fa-pen.red, .button .fas.fa-trash-alt.red, .button .fas.fa-user-minus.red, .button .far.fa-pen.red, .button .far.fa-trash-alt.red, .button .far.fa-user-minus.red { opacity: 0.4; color: tomato; }

.button .fas.fa-pen.red:hover, .button .fas.fa-pen.red:focus, .button .fas.fa-trash-alt.red:hover, .button .fas.fa-trash-alt.red:focus, .button .fas.fa-user-minus.red:hover, .button .fas.fa-user-minus.red:focus, .button .far.fa-pen.red:hover, .button .far.fa-pen.red:focus, .button .far.fa-trash-alt.red:hover, .button .far.fa-trash-alt.red:focus, .button .far.fa-user-minus.red:hover, .button .far.fa-user-minus.red:focus { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }

.button .fas:hover, .button .fas:focus, .button .far:hover, .button .far:focus { color: #54b7f3; }

div.dependente-container { margin-bottom: 2em; }

ul.horizontal { padding: 0.6em; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0 0 0; }

ul.horizontal.small { font-size: 0.75em; padding: 0; margin: 0; }

ul.horizontal.small > li { padding: 0; }

ul.horizontal.pago { border: 1px solid #beefd7; border-radius: 2px; }

ul.horizontal.title { background: #f1f3fa; color: #6c757d; -webkit-box-shadow: 1px 4px 4px rgba(52, 67, 75, 0.2); box-shadow: 1px 4px 4px rgba(52, 67, 75, 0.2); padding: 1em 0.6em; z-index: 91; margin: 0; }

ul.horizontal.title > li { padding: 0; font-size: 1.1em; position: relative; white-space: nowrap; }

ul.horizontal.title > li.vencimento { text-align: center; }

ul.horizontal.title > li.valor { text-align: center; }

ul.horizontal.title span { position: relative; }

ul.horizontal.title span::after { content: ""; opacity: 0.3; position: absolute; bottom: -5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 120%; border-top: 1px solid; }

ul.horizontal button { padding: 0; height: 40px; max-width: 45%; min-width: 45%; }

ul.horizontal button.pill { height: 30px; border-radius: 2em; max-width: none; min-width: 0; padding: 0 1em; }

ul.horizontal button.vencido { border: 1px solid #D75048; color: #D75048; }

ul.horizontal button.vencido:hover, ul.horizontal button.vencido.active { background-color: #D75048; color: white; }

ul.horizontal button.pendente { border: 1px solid #FDA50F; color: #FDA50F; }

ul.horizontal button.pendente:hover { background-color: #FDA50F; color: white; }

ul.horizontal button.filled-pago, ul.horizontal button.filled-pago:hover { background-color: #24A3F0; color: white; border: 1px solid #24A3F0; min-width: 70%; }

ul.horizontal button.pago { border: 1px solid #24A3F0; color: #24A3F0; }

ul.horizontal button.pago.active, ul.horizontal button.pago.fill, ul.horizontal button.pago:hover { background-color: #24A3F0; color: white; }

ul.horizontal button.active { min-width: 70%; }

ul.horizontal button.margin-on { margin: 0 2.5%; }

ul.horizontal.detail { padding: 1em; border-bottom: 1px dashed #1b4965; width: 100%; }

ul.horizontal.detail > li { width: 8em; }

ul.horizontal.detail > li.descricao { text-align: left; }

ul.horizontal.detail > li.vencimento { text-align: center; }

ul.horizontal.detail > li.valor { text-align: center; }

ul.horizontal.detail:last-child { border-bottom: none; }

ul.horizontal.items { padding: 0.4em 0.2em; }

ul.horizontal li { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

ul.horizontal li.w0 { width: 0; }

ul.horizontal li.w02 { width: 2.5%; }

ul.horizontal li.w05 { width: 5%; }

ul.horizontal li.w08 { width: 7.5%; }

ul.horizontal li.w1 { width: 10%; }

ul.horizontal li.w12 { width: 12%; }

ul.horizontal li.w15 { width: 15%; }

ul.horizontal li.w18 { width: 18%; }

ul.horizontal li.w19 { width: 19%; }

ul.horizontal li.w2 { width: 20%; }

ul.horizontal li.w25 { width: 25%; }

ul.horizontal li.w3 { width: 30%; }

ul.horizontal li.w35 { width: 35%; }

ul.horizontal li.w4 { width: 40%; }

ul.horizontal li.w45 { width: 45%; }

ul.horizontal li.w5 { width: 50%; }

ul.horizontal li.w6 { width: 60%; }

ul.horizontal li.w7 { width: 70%; }

ul.horizontal li.w8 { width: 80%; }

ul.horizontal li.w9 { width: 90%; }

ul.horizontal li.w95 { width: 95%; }

ul.horizontal li.fb025 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 2.5%; flex-basis: 2.5%; max-width: 2.5%; }

ul.horizontal li.fb05 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 5%; flex-basis: 5%; max-width: 5%; }

ul.horizontal li.fb075 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 7.5%; flex-basis: 7.5%; max-width: 7.5%; }

ul.horizontal li.fb10 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }

ul.horizontal li.fb125 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }

ul.horizontal li.fb15 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 15%; flex-basis: 15%; max-width: 15%; }

ul.horizontal li.fb175 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 17.5%; flex-basis: 17.5%; max-width: 17.5%; }

ul.horizontal li.fb20 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }

ul.horizontal li.fb25 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }

ul.horizontal li.fb30 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; }

ul.horizontal li.fb35 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 35%; flex-basis: 35%; max-width: 35%; }

ul.horizontal li.fb40 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; }

ul.horizontal li.fb50 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }

ul.horizontal li.fb90 { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; }

ul.horizontal li .status-container { width: 80%; }

ul.horizontal li .status { position: relative; padding: 0.8em; white-space: nowrap; border-radius: 0.3em; font-weight: bold; font-size: 0.8em; text-align: center; width: 100%; }

ul.horizontal li .status.sort i.fa-sort-down { font-size: 1.5em; position: absolute; right: 0.5em; top: 0.35em; color: #4b6cb7; }

ul.horizontal li .status.sort:hover i { color: #24A3F0; -webkit-transform: scale(1.2); transform: scale(1.2); }

ul.horizontal li .status.small { width: auto; font-size: .9em; padding: .5em .8em; }

ul.horizontal li .status.processado, ul.horizontal li .status.good, ul.horizontal li .status.green { color: #58D598; background: #e7f9f0; text-shadow: 0px 2px 6px #9de6c3; }

ul.horizontal li .status.lt-blue { color: #547D9F; text-shadow: 0px 2px 6px #82a2bd; background: #e3eaf0; }

ul.horizontal li .status.processamento, ul.horizontal li .status.pendente, ul.horizontal li .status.atualizacao, ul.horizontal li .status.not-applicable, ul.horizontal li .status.purple-blue { color: #6A82FB; text-shadow: 0px 2px 6px #b5c1fd; background: #ebeefe; }

ul.horizontal li .status.grey { color: #919191; background: #eaeaea; text-shadow: 0px 2px 6px #bcbcbc; }

ul.horizontal li .status.erro, ul.horizontal li .status.red { color: #D75048; text-shadow: 0px 2px 6px #e58c87; background: #fae8e7; }

ul.horizontal li .status.orange { color: #FDA50F; text-shadow: 0px 2px 6px #fec15b; background: #ffedcf; }

ul.horizontal li .status.text { width: auto; font-size: 0.95em; }

ul.horizontal li .status.text.green-text { text-shadow: 0px 2px 6px #aae9ca; color: #58D598; }

ul.horizontal li .status.text.red-text { color: #D75048; text-shadow: 0px 2px 6px #e9a09c; }

ul.horizontal li .status.text.purple-blue-text { color: #6A82FB; text-shadow: 0px 2px 6px #cdd5fe; }

ul.horizontal li.center, ul.horizontal li .center { text-align: center; }

ul.horizontal li.disabled { cursor: not-allowed !important; }

ul.horizontal li.button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0; color: #547D9F; font-size: 1.4em; }

ul.horizontal li.button .disabled { cursor: not-allowed !important; color: #ddd; }

ul.horizontal li.button .disabled:hover, ul.horizontal li.button .disabled:focus { color: #ddd !important; }

ul.horizontal li.button .fas, ul.horizontal li.button .far { margin: 0 .25em; cursor: pointer; }

ul.horizontal li.button .fas.fa-pen, ul.horizontal li.button .fas.fa-trash-alt, ul.horizontal li.button .fas.fa-user-minus, ul.horizontal li.button .far.fa-pen, ul.horizontal li.button .far.fa-trash-alt, ul.horizontal li.button .far.fa-user-minus { font-size: .85em; padding: .25em; }

ul.horizontal li.button .fas.fa-pen:hover, ul.horizontal li.button .fas.fa-trash-alt:hover, ul.horizontal li.button .fas.fa-user-minus:hover, ul.horizontal li.button .far.fa-pen:hover, ul.horizontal li.button .far.fa-trash-alt:hover, ul.horizontal li.button .far.fa-user-minus:hover { background-color: transparent; }

ul.horizontal li.button .fas:hover, ul.horizontal li.button .fas:focus, ul.horizontal li.button .far:hover, ul.horizontal li.button .far:focus { color: #54b7f3; }

ul.horizontal li i.fas.fa-thumbtack { color: #ddd; margin: auto 0.5em; padding-bottom: .5em; cursor: pointer; -webkit-animation: unpin 250ms ease; animation: unpin 250ms ease; }

ul.horizontal li i.fas.fa-thumbtack.active { color: #58D598; -webkit-animation: pin 250ms ease; animation: pin 250ms ease; -webkit-transform: translateY(3px); transform: translateY(3px); }

ul.horizontal li i.fas.fa-exclamation-circle { color: #FDA50F; cursor: pointer; position: absolute; }

ul.horizontal li .fa-check, ul.horizontal li .fa-times, ul.horizontal li .fa-ban { position: relative; top: 0; font-size: 1.5em; }

ul.horizontal li .fa-check.small, ul.horizontal li .fa-times.small, ul.horizontal li .fa-ban.small { font-size: 1em; }

ul.horizontal li .fa-check.green, ul.horizontal li .fa-times.green, ul.horizontal li .fa-ban.green { color: #58D598; }

ul.horizontal li .fa-check.red, ul.horizontal li .fa-times.red, ul.horizontal li .fa-ban.red { color: tomato; }

ul.horizontal li .fa-check:hover, ul.horizontal li .fa-times:hover, ul.horizontal li .fa-ban:hover { cursor: pointer; }

ul.horizontal li i.fas.fa-angle-up, ul.horizontal li i.fas.fa-angle-down { color: #4b6cb7; font-size: 1rem; padding: 0; cursor: pointer; }

ul.horizontal li i.fas.fa-angle-up:hover, ul.horizontal li i.fas.fa-angle-down:hover { color: #58D598; }

ul.horizontal li i.fas.fa-angle-up.disabled, ul.horizontal li i.fas.fa-angle-down.disabled { color: #ddd; pointer-events: none; }

ul.horizontal li i.fas.fa-angle-up.disabled:hover, ul.horizontal li i.fas.fa-angle-up.disabled:focus, ul.horizontal li i.fas.fa-angle-down.disabled:hover, ul.horizontal li i.fas.fa-angle-down.disabled:focus { color: #ddd !important; }

ul.horizontal li i.fas.fa-angle-down:hover { -webkit-animation: down-pointer 0.3s; animation: down-pointer 0.3s; }

ul.horizontal li i.fas.fa-angle-up:hover { -webkit-animation: up-pointer 0.3s; animation: up-pointer 0.3s; }

ul.horizontal li .input-wrap { margin: 0; }

ul.horizontal.greybar { background: #f3f3f3; font-size: .8rem; margin-top: 0; padding: 0.5em; }

ul.horizontal.greybar:hover { padding: .6em; letter-spacing: 1px; background: #e1e1e1; }

ul.horizontal.greybar li { text-align: center; }

ul.horizontal.total { border-top: #ddd 1px dashed; }

ul.horizontal.small-height { padding: .5em 1em; }

ul.horizontal.small-height input { height: 30px; font-size: .9em; }

ul.horizontal.small-height div.loader-btn.input { height: 30px; }

ul.horizontal.small-height div.loader-btn.input img, ul.horizontal.small-height div.loader-btn.input i.fas.fa-check, ul.horizontal.small-height div.loader-btn.input i.fas.fa-times { right: 10%; }

ul.horizontal.small-height i.far.fa-trash-alt, ul.horizontal.small-height i.fas.fa-pen { font-size: .7em; }

ul.horizontal.small-height i.fas.fa-check, ul.horizontal.small-height i.fas.fa-edit, ul.horizontal.small-height i.fas.fa-times { font-size: .8em; }

ul.vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-color: transparent; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; position: relative; overflow-x: hidden; overflow-y: auto; }

ul.vertical > li:first-child { margin-top: 5px; }

ul.vertical.scrollable { max-height: 350px; overflow-y: auto; }

ul.vertical.height-small { height: 422px; }

ul.vertical.height-medium { height: 494px; }

div.loader-area { top: 0; height: 100%; width: 100%; position: absolute; }

div#list-wrapper { position: relative; background: white; overflow: hidden; max-height: 30rem; }

div#list-wrapper ul.invisible { height: 0; opacity: 0; margin: 0; padding: 0; }

div.simplebar-content { overflow-x: hidden !important; }

.simplebar-track { z-index: 999 !important; }

.simplebar-track.horizontal { display: none; }

.simplebar-scroll-content { -webkit-transition: all 0s; transition: all 0s; }

/* #endregion */
/* #region Admin Panel */
div.filters-wrapper { margin-bottom: .5em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

div.filters-wrapper * { font-size: .9rem; }

div.filters-wrapper input, div.filters-wrapper ul.select-list { margin-right: .5em; }

div.filters-wrapper ul.select-list::after { top: 23px; }

div.filters-wrapper ul.select-list > li { height: 50px; }

div.filters-wrapper input.small.hidden { margin-left: 1em; }

div.filters-wrapper input.small.hidden.show { margin-left: 0; }

div.filters-wrapper ul.select-list > li { border-radius: .25em; }

div.filters-wrapper button { margin-left: auto; }

div.inputs-wrapper { margin-bottom: .5em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0; }

div#lista-nfe { position: relative; font-size: .9rem; padding-bottom: 4em; width: 100%; }

div#lista-nfe ul.horizontal { width: 100%; -webkit-transition: margin-top 1s ease; transition: margin-top 1s ease; padding-left: 1em; padding-right: 1em; }

div#lista-nfe ul.vertical { height: 4em; }

div#lista-nfe ul.title > li { padding: 0; }

div.actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: auto; }

form#file-upload { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

form#file-upload input#arquivo { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

form#file-upload input#arquivo + label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 22.5rem; font-size: 1.25em; border: 1px solid #ddd; border-radius: .25em; cursor: pointer; padding: 1em; margin-bottom: .5em; }

form#file-upload input#arquivo + label:hover { border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25); }

form#file-upload input#arquivo + label span { overflow: hidden; text-overflow: ellipsis; max-width: 22rem; margin: 0 auto; white-space: nowrap; }

form#file-upload img.upload { width: 4rem; height: 4rem; margin-right: 1em; }

form#file-upload input[type=submit] { font-size: .9em; width: 25em; cursor: pointer; }

form#file-upload input[type=text] { width: 25em; margin-bottom: .5em; font-size: .9em; }

div.input-upload label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: center; align-content: center; border: 1px solid rgba(36, 163, 240, 0.3); border-radius: 3px; padding: .4em .6em; margin: .5em .5em .5em 0; width: 15em; height: 50px; color: #547D9F; }

div.input-upload label:hover { background-color: rgba(36, 163, 240, 0.05); cursor: pointer; }

div.input-upload label i { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-right: 0.5em; font-size: 2em; }

/* #region Expediente */
li.emp-status { text-align: center; }

li.emp-status > span { font-size: .75rem; padding: .4em .75em; border-radius: 1em; color: white; font-weight: 500; }

div.empresa-wrapper > div.actions-wrapper { position: absolute; font-size: .875rem; top: 0; right: 1em; z-index: 99; }

div.empresa-wrapper > div.actions-wrapper span.submenu { padding: 0.5em 1em; background: #24A3F0; color: white; border-radius: 3px; cursor: pointer; width: 200px; display: block; text-align: center; }

div.empresa-wrapper > div.actions-wrapper span.submenu.orange { background-color: #D75048; }

div.empresa-wrapper > div.actions-wrapper span.submenu.orange + ul.vertical { border: 1px solid #D75048; }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical { margin-top: -3px; opacity: 0; pointer-events: none; height: 0; border: 1px solid #24A3F0; background-color: whitesmoke; }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; padding: 0.5em 1em; border-bottom: 1px solid #c2c2c2; /* The slider */ /* Rounded sliders */ }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li > span { margin-right: auto; }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li:first-child { margin-top: 0; }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li:last-child { border-bottom: none; }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li .switch { position: relative; display: inline-block; width: 36px; height: 21px; }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li .slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li input:checked + .slider { background-color: #24A3F0; }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li input:focus + .slider { -webkit-box-shadow: 0 0 1px #24A3F0; box-shadow: 0 0 1px #24A3F0; }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li input:checked + .slider:before { -webkit-transform: translateX(13px); transform: translateX(13px); }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li .slider.round { border-radius: 34px; }

div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical li .slider.round:before { border-radius: 50%; }

div.empresa-wrapper > div.actions-wrapper span.submenu:hover + ul.vertical, div.empresa-wrapper > div.actions-wrapper span.submenu + ul.vertical:hover { opacity: 1; pointer-events: all; height: auto; }

div.empresa-wrapper > div.actions-wrapper ul.horizontal { margin: 0; }

div.empresa-wrapper > div.actions-wrapper ul.select-list { width: auto; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > li { display: inline-block; padding: .45em 2em .45em .75em; border: none; border-radius: .5em; margin-right: .5em; cursor: pointer; background-color: #547D9F; color: white; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > li:last-of-type { margin-right: 0; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > li > i { position: absolute; top: 25%; right: 5%; font-size: .9rem; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > li.done { background-color: green; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > li.done + ul { border-color: green; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > li.pending { background-color: tomato; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > li.pending + ul { border-color: tomato; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > li.not-applicable { background-color: grey; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > li.not-applicable + ul { border-color: grey; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > ul { top: 80%; visibility: hidden; padding-top: .35em; border-style: solid; border-width: 0 1px 1px 1px; border-radius: 0 0 .5em .5em; -webkit-box-shadow: none; box-shadow: none; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > ul li { border: none; border-bottom: 1px solid #ddd; }

div.empresa-wrapper > div.actions-wrapper ul.select-list > ul li:last-child { border-bottom: none; }

div.empresa-wrapper > div.actions-wrapper ul.select-list.expanded > li { -webkit-box-shadow: none; box-shadow: none; }

div.empresa-wrapper > div.actions-wrapper ul.select-list.expanded > ul { max-height: 7em; overflow: hidden; visibility: visible; }

div.empresa-wrapper > div.actions-wrapper ul.select-list.expanded:after { border-color: white transparent transparent transparent; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 2px; transform-origin: 50% 2px; }

div.empresa-wrapper > div.actions-wrapper ul.select-list:after { display: none; top: 45%; border-width: .225em .2em; border-color: white transparent transparent transparent; }

div.empresa-wrapper > div.actions-wrapper ul.select-list:hover > li, div.empresa-wrapper > div.actions-wrapper ul.select-list > li:hover { -webkit-box-shadow: none; box-shadow: none; }

div.empresa-wrapper > div.actions-wrapper ul.select-list:hover::after { border-color: white transparent transparent transparent; }

/* #endregion */
/* #endregion */
/* #region Dashboard User Settings */
.user { margin: 1em; position: relative; }

div.photo-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0.5em 2em; }

div.photo-wrap > button.alterar-foto { margin-top: 0.5em; width: 128px; height: 40px; padding: 0; }

div.circle { position: relative; background: #547D9F; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); }

div.circle.orange { background: #FDA50F; }

div.circle.red, div.circle.removePopUp { background: #C21807; }

div.circle.green { background: #50C878; }

div.circle.w1p5rem { width: 1.5rem; height: 1.5rem; }

div.circle.w24 { width: 24px; height: 24px; }

div.circle.w56 { width: 60px; height: 60px; }

div.circle.w50 { width: 50px; height: 50px; }

div.circle.w160 { width: 164px; height: 164px; }

div.circle.w50 { width: 50px; height: 50px; }

div.circle.w30 { width: 30px; height: 30px; }

div.circle.w40 { width: 40px; height: 40px; }

div.circle.w40:hover { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); width: 100px; }

img.photo-user { position: absolute; top: 2px; left: 2px; -o-object-fit: cover; object-fit: cover; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); }

img.photo-user.w160 { width: 160px; height: 160px; }

img.photo-user.w56 { cursor: pointer; width: 56px; height: 56px; }

div.cadastro-info { margin-left: 1.5em; margin-right: 4.5em; }

div.notificacao-opcoes { position: relative; margin-left: 5em; height: 370px; }

div.notificacao-opcoes > div.box1 { -ms-flex-pack: distribute; justify-content: space-around; height: 255px; margin-top: 1em; }

div.notificacao-opcoes > .button-save { margin-top: 1em; }

div.opcoes-wrap { -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, -webkit-transform 400ms cubic-bezier(0.32, 2, 0.55, 0.27); transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, -webkit-transform 400ms cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 400ms cubic-bezier(0.32, 2, 0.55, 0.27), color 0.4s ease-in-out, background-color 0.4s ease-in-out; transition: transform 400ms cubic-bezier(0.32, 2, 0.55, 0.27), color 0.4s ease-in-out, background-color 0.4s ease-in-out, -webkit-transform 400ms cubic-bezier(0.32, 2, 0.55, 0.27); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 300px; padding: 0.8em; height: 50px; margin-right: 1em; margin-top: 1.5em; border-radius: 3px; border: #eeeeee 1px solid; }

div.opcoes-wrap:last-child { margin-right: 0; }

div.opcoes-wrap:hover, div.opcoes-wrap.active { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

div.opcoes-wrap.active { background-color: #24A3F0; }

div.opcoes-wrap.active span.notificacao { color: white; }

div.opcoes-wrap.active i { color: white; }

div.opcoes-wrap span { color: #c8c8c8; font-size: 1.1em; margin-right: 2em; }

div.input-wrap { position: relative; margin: 0.5em 0.5em 0.5em 0; display: block; }

div.input-wrap > span.subtitle { color: #9d9d9d; font-size: 0.9em; }

div.input-wrap.medium { width: 15em; }

div.input-wrap.disabled { opacity: 0.5; }

.confirma-senha { -webkit-transition: max-height 0.6s ease-in-out; transition: max-height 0.6s ease-in-out; overflow: hidden; max-height: 270px; padding-bottom: 0.5em; }

div.icon-edit, div.icon-add { padding: 0; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 0; bottom: 0; height: 50px; width: 35px; }

div.icon-edit > .loader-btn.input, div.icon-add > .loader-btn.input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }

div.icon-edit > .loader-btn.input img, div.icon-add > .loader-btn.input img { position: relative; margin: auto; }

div.icon-edit > i.fas, div.icon-add > i.fas { left: 0; top: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; color: #b3b3b3; }

div.icon-edit > i.fas::before, div.icon-add > i.fas::before { margin: auto; }

div.icon-edit:hover, div.icon-add:hover { background-color: #24A3F0; }

div.icon-edit:hover > i, div.icon-add:hover > i { color: white; }

div.icon-add { background-color: #24A3F0; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27), -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); }

div.icon-add > i.fas { color: white; }

div.icon-add:hover { -webkit-box-shadow: 0 2px 6px 0 #24A3F0; box-shadow: 0 2px 6px 0 #24A3F0; -webkit-transform: scale(1.1); transform: scale(1.1); }

div.icon-add.green { background-color: #58D598; }

div.icon-add.grey { background-color: light #4b6cb7; }

div.icon-add.red { background-color: #D75048; }

div.icon-add.load { background-color: #ddd; }

div.icon-add.load i { -webkit-animation: rotation 1s infinite cubic-bezier(0.215, 0.715, 0.4, 1.29); animation: rotation 1s infinite cubic-bezier(0.215, 0.715, 0.4, 1.29); }

div.icon-add.red:hover, div.icon-add.load:hover, div.icon-add.grey:hover, div.icon-add.green:hover { cursor: default; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; transform: none; }

div.sub-option { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 0.5rem; }

div.sub-option span { font-size: 1rem; background: #eef3ff; color: #24A3F0; padding: 10px 10px; border-radius: 5px; }

div.sub-option div.cancel { text-align: center; position: absolute; border-radius: 50%; background: #f9375e; color: white; font-size: 0.6rem; font-weight: bold; top: 0; right: 0; width: 15px; height: 15px; -webkit-transform: translate(40%, -90%); transform: translate(40%, -90%); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27), -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); cursor: pointer; }

div.sub-option div.cancel:hover { -webkit-box-shadow: 0 2px 6px 0 #f9375e; box-shadow: 0 2px 6px 0 #f9375e; -webkit-transform: translate(40%, -90%) scale(1.2); transform: translate(40%, -90%) scale(1.2); }

div.empresas-info { margin: 2em 1em 1em 1em; }

span.error { font-size: 0.8em; color: tomato; }

span.warning { font-size: 0.8em; color: #FDA50F; }

div.error-box { position: absolute; right: 0; }

/* #endregion */
/* #region Utilities */
div.spacer { height: 1px; width: 100%; background: #ddd; margin: 0 auto; }

.visible { opacity: 1; visibility: visible; }

.invisible-width, .invisible-height, .invisible { opacity: 0; visibility: hidden; }

.opacity0 { opacity: 0; pointer-events: none; }

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

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

.nowrap { white-space: nowrap; }

.translateX-400 { -webkit-transform: translateX(-400px) !important; transform: translateX(-400px) !important; }

.translateX400 { -webkit-transform: translateX(400px) !important; transform: translateX(400px) !important; }

.translateX150 { -webkit-transform: translateX(150px); transform: translateX(150px); }

.translateX-150 { -webkit-transform: translateX(-150px); transform: translateX(-150px); }

.translateY-50pcto { -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.translateX-50pcto { -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.overflow-hidden { overflow: hidden; }

.overflow-y-visible { overflow-y: visible; }

.overflow-y-auto { overflow-y: auto; }

.text-center { text-align: center !important; }

.transition-zero { -webkit-transition: all 0s; transition: all 0s; }

.no-animation { -webkit-animation: none !important; animation: none !important; }

.height-0, .invisible-height { max-height: 0 !important; min-height: 0; }

.height-100 { height: 100%; }

.invisible-width { max-width: 0 !important; min-width: 0 !important; margin: 0; }

.rotate { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.rotate-transformX-50 { -webkit-transform: translateX(-50%) rotate(180deg) !important; transform: translateX(-50%) rotate(180deg) !important; }

.rotate-animation { -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; }

.hide { display: none; }

.flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.flex-row, div.filters-wrapper, div.inputs-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.flex-no-grow { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; }

.flex-grow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.flex-grow-2 { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; }

.width-auto { width: auto; }

.width-100 { width: 100%; }

.space-evenly { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

.space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.space-around { -ms-flex-pack: distribute; justify-content: space-around; }

.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.justify-space-around { -ms-flex-pack: distribute; justify-content: space-around; }

.align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.half-border-right-grey { position: absolute; border-right: 1px solid rgba(0, 0, 0, 0.1); height: 70%; top: 15%; right: 0; }

.hidden, div.error-list.hidden { -webkit-animation: slide-up-out 0.4s ease; animation: slide-up-out 0.4s ease; opacity: 0; }

.hidden.show, div.show.error-list.hidden { -webkit-animation: slide-up-in 0.4s ease; animation: slide-up-in 0.4s ease; visibility: visible; opacity: 1; }

.border-alt-right { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.bgwhite { background: white; }

.bglightblue, .bg-lightblue { background: #547D9F; }

.hover-translateY { position: relative; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: none; transition-timing-function: none; }

.hover-translateY.keep { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.hover-translateY:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.hover-bg-lightoceanblue:hover { background: #6581c1; color: white; }

.hover-shadow:hover { -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); }

.hover-shadow.keep { -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); }

.hover-shadow-strong:hover { -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); }

.hover-shadow-strong.keep { -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); }

.box-shadow { -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); }

.box-shadow-strong { -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); }

.box-shadow-weak { -webkit-box-shadow: 0 1px 10px 0 rgba(154, 161, 171, 0.3); box-shadow: 0 1px 10px 0 rgba(154, 161, 171, 0.3); }

.blue-border, div.input-mask i.fas.fa-search-plus, div.input-mask i.fa-pencil-alt { border: 1px solid rgba(36, 163, 240, 0.3); }

.cursor-pointer, div.dropdown-menu.small ul li, div.top-menu.small ul li { cursor: pointer; }

.cursor-default, ul.horizontal li .fa-check.cursor-default, ul.horizontal li .fa-times.cursor-default, ul.horizontal li .fa-ban.cursor-default { cursor: default; }

.pointer-events-none { pointer-events: none; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.margin-top1 { margin-top: 1em; }

.margin-top2 { margin-top: 2em; }

.margin-top3 { margin-top: 3em; }

.margin-top075 { margin-top: .75em; }

.margin-top05 { margin-top: 0.5em; }

.margin-top025 { margin-top: .25em !important; }

.margin-top-auto { margin-top: auto; }

.margin-bottom125 { margin-bottom: 1.25em; }

.margin-bottom1, .popup-wrapper .inner-html span.margin-bottom1 { margin-bottom: 1em !important; }

.margin-bottom075 { margin-bottom: .75em; }

.margin-bottom05 { margin-bottom: 0.5em; }

.margin-bottom025 { margin-bottom: .25em; }

.margin-bottom0125 { margin-bottom: .125em; }

.margin-bottom-auto { margin-bottom: auto; }

.margin-left-1 { margin-left: 1em; }

.margin-left-05 { margin-left: .5em; }

.margin-left-auto { margin-left: auto; }

.margin-right-2 { margin-right: 2em; }

.margin-right-1 { margin-right: 1em; }

.margin-right-05 { margin-right: .5em; }

.margin-right-075 { margin-right: .75rem; }

.margin-right-auto { margin-right: auto; }

.padding-1em { padding: 1em; }

.padding-Y-05em { padding: 0.5em 0; }

.padding-Y-1em { padding: 1em 0; }

.padding-Y-2em { padding: 2em 0; }

.padding-X-05em { padding: 0 0.5em; }

.padding-X-1em { padding: 0 1em; }

.padding-top-1 { padding-top: 1em; }

.padding-left-1em { padding-left: 1em; }

.padding-right-2em { padding-right: 2em; }

.padding-bottom-1em { padding-bottom: 1em; }

.padding-bottom-2em { padding-bottom: 2em; }

.font-large { font-size: 1.2em; }

.line-spacing { line-height: 1.5em; }

.position-relative { position: relative; }

.z-index-max, .new-option { z-index: 999 !important; }

.z-index-zero { z-index: 0; }

.fa-info-circle { color: #9D9D9D; margin-left: 0.3125rem; font-size: 0.9em; cursor: pointer; }

.fa-info-circle:hover { color: #24A3F0; }

span.snippet { position: absolute; pointer-events: none; color: white; opacity: 0; visibility: hidden; background: #54b7f3; border-radius: .25em; font-size: .8rem; padding: .25em .75em; max-width: 20em; z-index: 9999; }

span.snippet::after { content: ''; border: 4px solid #54b7f3; border-color: #54b7f3 transparent transparent transparent; position: absolute; bottom: -8px; left: 1rem; }

/* #endregion */
/* #region General Defs */
input { -webkit-transition: all 0.2s; transition: all 0.2s; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; padding: .4em .6em; border: 1px solid #e1e1e1; color: #555; height: 50px; width: 20em; font-size: 1em; }

input.height40 { height: 42px; }

input.hour, input.tiny { width: 4em; }

input.small { width: 6em; }

input.w7em { width: 7em; }

input.small-medium { width: 11em; }

input.medium { width: 15em; }

input.medium-large { widows: 20em; }

input.large { width: 25em; }

input.min-width-medium { min-width: 15em; }

input.min-width-medium-large { min-width: 20em; }

input.min-width-large { min-width: 25em; }

input.centered { text-align: center; }

input.check { width: 2em; }

input.edit { padding-right: 40px; }

input.rounded { border-radius: .2em; }

input.no-glow:hover, input.no-glow:focus { -webkit-box-shadow: none; box-shadow: none; }

input:hover, input:focus, input.focused { border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 3px #24A3F0; box-shadow: 0 0 3px #24A3F0; }

input.invalid { border-color: tomato; outline: 0; -webkit-box-shadow: 0 0 3px tomato; box-shadow: 0 0 3px tomato; }

input.warning { border-color: #FDA50F; outline: 0; -webkit-box-shadow: 0 0 3px #FDA50F; box-shadow: 0 0 3px #FDA50F; }

input.valid { border-color: #58D598; outline: 0; -webkit-box-shadow: 0 0 3px #58D598; box-shadow: 0 0 3px #58D598; }

input.inline { border-width: 0 0 0 0; padding: .4em 1em; text-align: center; border-color: none; -webkit-box-shadow: none; box-shadow: none; }

input.inline.height-auto { height: auto; margin: 0 0 -1px 0; padding: 0.5em; border-bottom: 1px solid #eeeeee; }

input.inline.height-auto:hover, input.inline.height-auto:focus { border-bottom: 1px solid #24A3F0; }

input.inline + label { position: absolute; left: 0; right: 0; bottom: 0; top: 0; }

input.inline + label div { position: absolute; top: 0; margin-top: 0.3em; cursor: pointer; padding: .25em .4em; font-size: 1.2em; color: #547D9F; }

input.inline + label div:hover { color: #24A3F0; }

input.inline + label div.prev-arrow { left: 0; padding-left: .5em; }

input.inline + label div.prev-arrow:hover { -webkit-animation: leftPointer 0.3s; animation: leftPointer 0.3s; }

input.inline + label div.next-arrow { right: 0; padding-right: .5em; }

input.inline + label div.next-arrow:hover { -webkit-animation: rightPointer 0.3s; animation: rightPointer 0.3s; }

input.inline + label i.fa-exclamation-circle { right: 8%; top: 0; margin-top: 1.1em; }

input.inline:hover { border-color: none; -webkit-box-shadow: none; box-shadow: none; }

input.unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; }

input[type='radio'].toggle { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }

input[type='radio'].toggle + label { cursor: pointer; height: 2em; min-width: 2em; background: #eeeeee; border: 1px solid #bbbbbb; color: #6f6f6f; font-size: 1.2em; }

input[type='radio'].toggle + label:nth-of-type(odd) { border-top-left-radius: .25em; border-bottom-left-radius: .25em; border-right-color: transparent; }

input[type='radio'].toggle + label:nth-of-type(even) { border-top-right-radius: .25em; border-bottom-right-radius: .25em; border-left-color: transparent; }

input[type='radio'].toggle:checked + label { background: #5d7bbe; border: 1px solid #4b6cb7; color: white; }

input[type='checkbox'] { width: 0; height: 0; opacity: 0; position: absolute; z-index: -999; }

input[type='checkbox'].blue:checked + label { background-color: #24A3F0; border-color: #24A3F0; }

input[type='checkbox'].blue:checked + label i.fa-check { opacity: 1; }

input[type='checkbox']:checked + label { background-color: #58D598; border-color: #58D598; }

input[type='checkbox']:checked + label i.fa-check { opacity: 1; }

input[type='checkbox'] + label { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border: 1px solid #b7b7b7; border-radius: 100%; width: 20px; height: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

input[type='checkbox'] + label i.fa-check { opacity: 0; color: white; font-size: 12px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

div.filters-wrapper { margin-bottom: .5em; }

div.filters-wrapper input, div.filters-wrapper ul.select-list { margin-right: .5em; }

div.filters-wrapper input.sm.hidden { margin-left: 1em; }

div.filters-wrapper input.sm.hidden.show { margin-left: 0; }

div.filters-wrapper ul.select-list > li { border-radius: .25em; }

div.filters-wrapper button { margin-left: auto; }

ul.select-list { display: inline-block; position: relative; width: 14em; margin-right: .5rem; z-index: 999; font-size: .9rem; }

ul.select-list li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.4em 1em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ddd; background-color: white; }

ul.select-list li.disabled { color: white; }

ul.select-list > li:hover, ul.select-list.expanded > li { border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25); }

ul.select-list ul { position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 3; max-height: 0; overflow: hidden; opacity: 0; left: 0; right: 0; top: 110%; border-top: 1px solid #ddd; }

ul.select-list ul > li { border: 1px solid #ddd; border-top: none; }

ul.select-list ul > li:hover { background: #f2f2f2; text-indent: .2rem; }

ul.select-list.expanded > ul { max-height: 12em; overflow-y: auto; opacity: 1; }

ul.select-list.invalid { border-color: tomato; outline: 0; -webkit-box-shadow: 0 0 3px tomato; box-shadow: 0 0 3px tomato; }

ul.select-list::after { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; content: ''; position: absolute; width: 0; height: 0; right: 0; top: 1em; background-color: transparent; border-width: .25em; border-color: #eeeeee transparent transparent transparent; border-style: solid; font-size: 1.5rem; right: 5%; top: .6em; }

ul.select-list.expanded::after { border-color: #24A3F0 transparent transparent transparent; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transform-origin: 50% 20%; transform-origin: 50% 20%; }

ul.select-list:hover { cursor: pointer; }

ul.select-list:hover > li { border-color: #24A3F0; }

ul.select-list:hover::after { border-color: #24A3F0 transparent transparent transparent; }

ul.select-list.font-l { font-size: 2em; }

ul.select-list.input { font-size: 1rem; width: 11em; }

ul.select-list.input > li { height: 50px; padding: .4em .6em; border-radius: .25rem; }

ul.select-list.input::after { top: 47.5%; }

div.input-mask { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-radius: .25em; margin: 0 auto; width: auto; position: relative; }

div.input-mask > div.icon-edit, div.input-mask > div.icon-add { -ms-flex-negative: 0; flex-shrink: 0; }

div.input-mask > div.icon-edit .fa-check, div.input-mask > div.icon-add .fa-check { color: white; width: 100%; background: #24A3F0; }

div.input-mask i.fas.fa-search-plus, div.input-mask i.fa-pencil-alt { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; background: #24A3F0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 .5em; font-size: 1.2em; width: auto; color: white; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27), -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); }

div.input-mask i.fas.fa-search-plus:hover, div.input-mask i.fa-pencil-alt:hover { -webkit-box-shadow: 0 2px 6px 0 #24A3F0; box-shadow: 0 2px 6px 0 #24A3F0; -webkit-transform: scale(1.1); transform: scale(1.1); }

div.input-mask div.error-box { top: 100%; left: 0; white-space: nowrap; }

div.input-mask div.error-box span { border-radius: 3px; }

div.input-mask > span { display: -webkit-box; display: -ms-flexbox; display: flex; background: #eeeeee; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 .5em; width: auto; font-weight: 500; }

div.input-mask > input { min-width: 0; font-size: 16px; border-radius: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; flex-grow: 1; text-align: left; }

div.input-mask:hover, div.input-mask:focus { border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 3px #24A3F0; box-shadow: 0 0 3px #24A3F0; }

div.input-mask.invalid { border-color: tomato; outline: 0; -webkit-box-shadow: 0 0 3px tomato; box-shadow: 0 0 3px tomato; }

div.input-mask.small { width: 15em; }

ul.search-results { display: none; height: 0; overflow: hidden; position: absolute; background: white; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; white-space: nowrap; font-size: .8rem; max-height: 10.65625em; }

ul.search-results.show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 1; height: 10.65625em; border: 1px solid; border-color: #eeeeee; }

ul.search-results li { overflow: hidden; position: relative; padding: .5em 1em; height: 2rem; cursor: pointer; }

ul.search-results li span { position: relative; z-index: 10; }

ul.search-results li::after { content: ''; z-index: 1; background: transparent; border-radius: 50%; height: 0.5em; width: 0.5em; position: absolute; right: 50%; top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }

ul.search-results li:first-of-type { margin-top: .25em; }

ul.search-results li:hover { background-color: #d6e0e9; }

ul.search-results li:active, ul.search-results li.active { -webkit-transition: color 0.4s ease-in, background 0.01s, -webkit-transform 0.4s ease-in-out; transition: color 0.4s ease-in, background 0.01s, -webkit-transform 0.4s ease-in-out; transition: color 0.4s ease-in, background 0.01s, transform 0.4s ease-in-out; transition: color 0.4s ease-in, background 0.01s, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; }

ul.search-results li:active span, ul.search-results li.active span { color: white; }

ul.search-results li:active::after, ul.search-results li.active::after { -webkit-transition: background 0.01s, -webkit-transform 0.4s ease-in-out; transition: background 0.01s, -webkit-transform 0.4s ease-in-out; transition: background 0.01s, transform 0.4s ease-in-out; transition: background 0.01s, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; background: #6A82FB; -webkit-transform: translate(50%, -50%) scale(56); transform: translate(50%, -50%) scale(56); }

ul.search-results li.hidden { height: 0; padding: 0 1em; -webkit-animation: none; animation: none; max-height: 0; pointer-events: none; }

ul.search-results:hover + input { border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25); }

div.nav-buttons button.nav-btn { cursor: pointer; font-size: 3rem; padding: 0 0 .15em 0; line-height: 0; width: 4rem; height: 3rem; position: absolute; bottom: 0; background: white; border: 1px solid #ddd; color: #555; }

div.nav-buttons button.nav-prev { left: 40%; }

div.nav-buttons button.nav-next { right: 40%; }

button, .btn { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; background-color: transparent; color: #547D9F; border: #547D9F 1px solid; border-radius: 2px; font-weight: 400; font-size: 1em; min-width: 140px; height: 40px; padding: 0 1em; white-space: nowrap; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27), opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); }

button:hover, button:focus, .btn:hover, .btn:focus { background-color: #24A3F0; -webkit-box-shadow: 0 2px 6px 0 #24A3F0; box-shadow: 0 2px 6px 0 #24A3F0; color: white; }

button:hover, .btn:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

button > span, .btn > span { -webkit-transition: color 0s ease; transition: color 0s ease; display: block; min-width: 140px; }

button.box, .btn.box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: .5em; height: 10em; border-color: #ddd; }

button.box i.fas.fa-file-pdf, .btn.box i.fas.fa-file-pdf { margin: auto 0; font-size: 4em; }

button.box:hover, .btn.box:hover { background-color: #547D9F; border-color: #547D9F; }

button.clean-transition, .btn.clean-transition { -webkit-transition-timing-function: ease; transition-timing-function: ease; }

button.circle:hover, .btn.circle:hover { padding: 0em; }

button.light-ocean-blue-empty, .btn.light-ocean-blue-empty { color: #547D9F; border: 1px #4b6cb7 solid; }

button.light-ocean-blue-empty:hover, button.light-ocean-blue-empty:focus, .btn.light-ocean-blue-empty:hover, .btn.light-ocean-blue-empty:focus { background-color: #4b6cb7; color: white; }

button.pink-filled, .btn.pink-filled { color: white; background: #fa5c7c; border: 1px #fa5c7c solid; }

button.pink-filled:hover, button.pink-filled:focus, .btn.pink-filled:hover, .btn.pink-filled:focus { background: #f9375e; -webkit-box-shadow: 0 2px 6px 0 #f9375e; box-shadow: 0 2px 6px 0 #f9375e; }

button.pink-empty, .btn.pink-empty { color: #f9375e; background: white; border: 1px #fa5c7c solid; }

button.pink-empty:hover, button.pink-empty:focus, .btn.pink-empty:hover, .btn.pink-empty:focus { background: #f9375e; -webkit-box-shadow: 0 2px 6px 0 #f9375e; box-shadow: 0 2px 6px 0 #f9375e; color: white; }

button.ocean-blue-filled, .btn.ocean-blue-filled { color: white; border: 1px #24A3F0 solid; background-color: #3cadf2; }

button.ocean-blue-filled:hover, button.ocean-blue-filled:focus, .btn.ocean-blue-filled:hover, .btn.ocean-blue-filled:focus { background-color: #24A3F0; -webkit-box-shadow: 0 2px 6px 0 #24A3F0; box-shadow: 0 2px 6px 0 #24A3F0; }

button.ocean-blue-empty, .btn.ocean-blue-empty { color: #24A3F0; border: 1px #24A3F0 solid; background-color: transparent; }

button.ocean-blue-empty:hover, button.ocean-blue-empty:focus, .btn.ocean-blue-empty:hover, .btn.ocean-blue-empty:focus { background-color: #24A3F0; -webkit-box-shadow: 0 2px 6px 0 #24A3F0; box-shadow: 0 2px 6px 0 #24A3F0; color: white; }

button.greenbg, button.greenbg:hover, button.greenbg:focus, .btn.greenbg, .btn.greenbg:hover, .btn.greenbg:focus { color: white; background-color: #58D598; border: #58D598 1px solid; }

button.greenbg:hover, button.greenbg:focus, .btn.greenbg:hover, .btn.greenbg:focus { -webkit-box-shadow: 0 2px 6px 0 #58D598; box-shadow: 0 2px 6px 0 #58D598; }

button.green-empty, .btn.green-empty { background: white; color: #58D598; border: #58D598 1px solid; }

button.green-empty:hover, button.green-empty:focus, .btn.green-empty:hover, .btn.green-empty:focus { color: white; background: #58D598; -webkit-box-shadow: 0 2px 6px 0 #58D598; box-shadow: 0 2px 6px 0 #58D598; }

button.redbg, .btn.redbg { border: #ff7961 1px solid; color: #ff7961; }

button.redbg:hover, button.redbg:focus, .btn.redbg:hover, .btn.redbg:focus { color: white; background-color: #ff7961; -webkit-box-shadow: 0px 2px 6px 0px #ff7961; box-shadow: 0px 2px 6px 0px #ff7961; }

button.red-filled, .btn.red-filled { color: white; background: tomato; border: 1px tomato solid; }

button.red-filled:hover, button.red-filled:focus, .btn.red-filled:hover, .btn.red-filled:focus { background: tomato; -webkit-box-shadow: 0 2px 6px 0 tomato; box-shadow: 0 2px 6px 0 tomato; }

button.align-center, .btn.align-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

button.disabled, button.disabled:hover, button.disabled:active, button.disabled:focus, .btn.disabled, .btn.disabled:hover, .btn.disabled:active, .btn.disabled:focus { background-color: #ddd !important; color: #6f6f6f !important; border-color: #eeeeee !important; cursor: not-allowed !important; white-space: nowrap !important; -webkit-transition: none !important; transition: none !important; padding: 0 1em !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

button.disabled span, button.disabled:hover span, button.disabled:active span, button.disabled:focus span, .btn.disabled span, .btn.disabled:hover span, .btn.disabled:active span, .btn.disabled:focus span { color: #6f6f6f !important; }

button.disabled:not(.translateY-50pcto), button.disabled:hover:not(.translateY-50pcto), button.disabled:active:not(.translateY-50pcto), button.disabled:focus:not(.translateY-50pcto), .btn.disabled:not(.translateY-50pcto), .btn.disabled:hover:not(.translateY-50pcto), .btn.disabled:active:not(.translateY-50pcto), .btn.disabled:focus:not(.translateY-50pcto) { -webkit-transform: none; transform: none; }

button.right, .btn.right { right: 2em; }

button.small, .btn.small { width: 10em; }

button.medium, .btn.medium { width: 20em; }

button i, .btn i { -webkit-transition: color 0s; transition: color 0s; }

#baixar_notas { margin-bottom: 0.2em; margin-left: auto; }

.btn-detalhes { margin-top: 2em; }

.btn-detalhes:hover { margin-top: 1.8em; }

.nav-btn { padding: 0 0.5em; font-size: 2em; }

.nav-next, .nav-prev { position: absolute; border-radius: 2px; bottom: -1.5em; }

.nav-next:hover, .nav-prev:hover { background-color: #24A3F0; padding: 0 0.5em; }

.nav-next:active, .nav-prev:active { background-color: #0d79bb; }

.nav-next { left: 55%; }

.nav-prev { left: 45%; }

/* #endregion */
/* #region Other */
.checknfe { display: none; }

.checknfe + label { cursor: pointer; background-color: transparent; border: #d5d5d5 1px solid; border-radius: 2px; padding: 8px; margin-right: 1em; }

.checknfe + label:hover { -webkit-box-shadow: #58D598 0.1px 0.1px 5px; box-shadow: #58D598 0.1px 0.1px 5px; border: white 1px solid; }

.checknfe:checked + label { border: white 1px solid; background-color: #58D598; }

.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.inputfile-2 + label { -webkit-transition: color 0s ease, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: color 0s ease, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27), color 0s ease; transition: transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27), color 0s ease, -webkit-transform 0.4s cubic-bezier(0.32, 2, 0.55, 0.27); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; margin-top: 1em; cursor: pointer; text-align: center; padding: 0.655em; border: 1px solid currentColor; border-radius: 2px; color: #547D9F; }

.inputfile-2 + label.medium { width: 15em; }

.inputfile-2 + label:hover { color: white; background-color: #24A3F0; border: 1px solid #24A3F0; -webkit-transform: scale(1.1); transform: scale(1.1); }

.inputfile-2 + label:hover::after { z-index: 0; }

span#usr-msg { top: .5em; width: auto; position: absolute; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: .4em .8em; border-radius: .25em; opacity: 1; }

span#usr-msg.centered { top: calc(50% - 4em); z-index: 3; }

span.warning { background-color: #fedea7; color: #d78802; padding: 0 0.5em; }

span.success { background-color: #aae9ca; color: #1e764b; padding: 0 0.5em; }

span.error { background-color: #f2c8c6; color: #c2332a; padding: 0 0.5em; }

span.alert { background: #e2e279; color: #9f9f0e; padding: 0 0.5em; }

span.status { display: inline-block; padding: .25em .5em; border-radius: .5em; min-width: 6em; }

span.status, span.status-large { color: white; font-size: .85rem; letter-spacing: 0.5px; padding: .25rem 1rem; }

span.status.pendente, span.status-large.pendente { background-color: lightsalmon; }

span.status.pago, span.status-large.pago { background-color: mediumspringgreen; }

span.status.vencido, span.status.attention, span.status-large.vencido, span.status-large.attention { background-color: tomato; }

span.status.not-applicable, span.status-large.not-applicable { background-color: slategray; }

span.status.good, span.status-large.good { background-color: green; }

span.status.good, span.status-large.good { background-color: green; }

div.error-list { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: center; align-self: center; -webkit-animation: slide-up-in 0.4s ease; animation: slide-up-in 0.4s ease; background: white; border: 1px solid #ddd; -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.3); padding: 1em 2em; font-size: .9em; }

div.error-list div.content-title { height: auto; padding-bottom: 0.5em; }

div.error-list div.content-title i { margin-right: .5em; font-size: .9em; }

div.error-list ul.vertical { border: none; padding: .5em 0; max-width: 60em; white-space: nowrap; }

div.error-list li.error > i { color: #D75048; margin-left: 2em; margin-right: .5em; }

div.error-list button { width: 12em; margin: 1em auto 0.5em auto; }

.loader-wrapper { background-color: rgba(255, 255, 255, 0.75); position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto; width: auto; z-index: 90; }

.loader-wrapper > div.loader { color: #24A3F0; font-size: 2rem; width: 1em; height: 1em; border-radius: 50%; position: absolute; -webkit-animation: spinner 1.7s infinite ease, rotate 1.7s infinite ease; animation: spinner 1.7s infinite ease, rotate 1.7s infinite ease; }

.loader-wrapper.sm > div.loader { font-size: 1.3rem; overflow: visible; }

.loader-btn { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0; margin: auto; background-color: transparent; -webkit-transform-origin: center center; transform-origin: center center; }

.loader-btn > img { -webkit-animation: rotate 1.2s linear infinite; animation: rotate 1.2s linear infinite; width: 15px; height: 15px; margin-top: 6px; }

.loader-btn.input { left: 0; margin: 0; right: 0; bottom: 0; top: auto; height: 50px; }

.loader-btn.input i.fas.fa-check { font-size: .7rem; color: #50C878; cursor: default; }

.loader-btn.input i.fas.fa-times { font-size: .7rem; color: #FF2400; cursor: default; }

.loader-btn.input img, .loader-btn.input i.fas.fa-check, .loader-btn.input i.fas.fa-times { position: absolute; top: 0; bottom: 0; right: 5%; margin: auto 0; }

/* #endregion */
/* #region Utilities */
.text-large { font-size: 1.2em; }

.visible { opacity: 1; visibility: visible; }

.blur5px { -webkit-filter: blur(5px); filter: blur(5px); }

.invisible-width, .invisible-height { opacity: 0; visibility: hidden; }

.color-scarlet-red { color: #FF2400; }

.color-red { color: #D75048; }

.color-flashgreen { color: #58D598; }

.color-lightblue { color: #547D9F; }

.color-chilli-red { color: #C21807; }

.color-orange-fire { color: #FDA50F; }

.color-paris-green { color: #50C878; }

.color-light-ocean-blue { color: #4b6cb7; }

.color-white { color: white; }

.color-transparent { color: transparent !important; text-shadow: none !important; }

.color-8a-grey { color: #8a8a8a; }

.bg-transparent { background: transparent; }

.bg-transparent03 { background: rgba(255, 255, 255, 0.3); }

.bg-transparent04 { background: rgba(255, 255, 255, 0.4); }

.bg-transparent05 { background: rgba(255, 255, 255, 0.5); }

.bg-transparent06 { background: rgba(255, 255, 255, 0.6); }

.bg-transparent07 { background: rgba(255, 255, 255, 0.7); }

.bg-transparent08 { background: rgba(255, 255, 255, 0.8); }

.bg-transparent09 { background: rgba(255, 255, 255, 0.9); }

.border-bottom-grey { border-bottom: #eee 1px solid; }

.bg-scarlet-red { background: #FF2400; }

.bg-red { background: #D75048; }

.bg-fire-orange { background: #FDA50F; }

.bg-paris-green { background: #50C878; }

.bg-flash-green { background: #58D598; }

.bg-light-ocean-blue { background: #4b6cb7; }

.display-block { display: block; }

.invisible-height { max-height: 0; min-height: 0; }

.invisible-width { max-width: 0; min-width: 0; }

.absolute { position: absolute; }

.hide { display: none; }

.flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.flex-row, div.filters-wrapper, div.inputs-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.separator { margin: 1em; }

.font-light { font-weight: 300; }

.font-bold { font-weight: 900; }

.font-semi-bold { font-weight: 500; }

.font-ml { font-size: 1.3em; }

.hidden, div.error-list.hidden, .slide-up-out { -webkit-animation: slide-up-out 0.4s ease; animation: slide-up-out 0.4s ease; opacity: 0; }

.perspective { -webkit-perspective: 1000px; perspective: 1000px; }

.slide-right-out { left: 400px !important; }

.slide-left-out { left: -200px !important; }

.np, ul.horizontal li.np { padding: 0; }

.slide-up-in { -webkit-animation: slide-up-in 0.4s ease; animation: slide-up-in 0.4s ease; opacity: 1; }

.gradient-border { border-width: 1px; border-style: solid; -o-border-image: linear-gradient(to bottom, #56CCF2, #6A82FB) 1; border-image: -webkit-gradient(linear, left top, left bottom, from(#56CCF2), to(#6A82FB)) 1; border-image: linear-gradient(to bottom, #56CCF2, #6A82FB) 1; }

.grey-border { border: 1px solid #b7b7b7; }

.gradient-font { background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }

.gradient-font.green { background: -webkit-linear-gradient(#58D598, #0ba360); }

.gradient-font.blue { background: -webkit-linear-gradient(#56CCF2, #6A82FB); }

.gradient-font.purple-pink { background: -webkit-linear-gradient(120deg, rgba(138, 35, 135, 0.397) 0%, rgba(233, 64, 87, 0.404) 50%); }

.box-shadow-2::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; opacity: 0; border-radius: 2px; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }

.box-shadow-2:hover::after { opacity: 1; }

.box-shadow-2.active::after { opacity: 1; }

/* Old-Select */
.old-select { z-index: -99; position: absolute; pointer-events: none; opacity: 0; }

/* New-Select */
.new-select { width: 300px; height: 50px; margin: auto; text-align: center; color: #24A3F0; line-height: 50px; position: relative; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.new-select.disabled > .selection { pointer-events: none; background-color: rgba(239, 239, 239, 0.3); color: #555; }

.new-select.invalid { color: #D75048; }

.new-select.invalid .selection { border-color: #D75048; }

.new-select.input { border: 1px solid #ddd; -webkit-transition-delay: 0s; transition-delay: 0s; }

.new-select.input.invalid { border: 1px solid tomato; outline: 0; -webkit-box-shadow: 0 0 3px tomato; box-shadow: 0 0 3px tomato; }

.new-select.input:hover, .new-select.input:focus { border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 3px #24A3F0; box-shadow: 0 0 3px #24A3F0; }

.new-select.input i.fa-caret-down { right: 0; }

.new-select .selection:active { transform: rotateX(42deg); -o-transform: rotateX(42deg); -ms-transform: rotateX(42deg); -moz-transform: rotateX(42deg); -webkit-transform: rotateX(42deg); transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-origin: top; -o-transform-origin: top; -ms-transform-origin: top; -moz-transform-origin: top; -webkit-transform-origin: top; -webkit-transition: -webkit-transform         200ms ease-in-out; transition: -webkit-transform         200ms ease-in-out; transition: transform         200ms ease-in-out; transition: transform         200ms ease-in-out, -webkit-transform         200ms ease-in-out; -o-transition: -o-transform      200ms ease-in-out; -ms-transition: -ms-transform     200ms ease-in-out; -moz-transition: -moz-transform    200ms ease-in-out; -webkit-transition: -webkit-transform 200ms ease-in-out; }

.new-select .selection { width: 100%; height: 100%; background: white; border-radius: 3px; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 20; /* Doit être supérieur au nombre d'option */ transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-origin: top; -o-transform-origin: top; -ms-transform-origin: top; -moz-transform-origin: top; -webkit-transform-origin: top; -webkit-transition: -webkit-transform         200ms ease-in-out; transition: -webkit-transform         200ms ease-in-out; transition: transform         200ms ease-in-out; transition: transform         200ms ease-in-out, -webkit-transform         200ms ease-in-out; -o-transition: -o-transform      200ms ease-in-out; -ms-transition: -ms-transform     200ms ease-in-out; -moz-transition: -moz-transform    200ms ease-in-out; -webkit-transition: -webkit-transform 200ms ease-in-out; }

.new-select .selection p { width: calc(100% - 60px); position: relative; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; }

.new-select .selection:hover p, .new-select .selection.open p { color: #24A3F0; }

.new-select .selection > p > i { display: block; width: 1px; height: 75%; position: absolute; right: -15px; top: 50%; border: none; background-color: #24A3F0; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.3; }

.new-select .selection > i { display: block; position: absolute; top: 50%; /* 50 / 2 - 14 / 2 */ right: 0px; /* 60 / 2 - 16 / 2 */ -webkit-transform: translate(-15px, -50%); transform: translate(-15px, -50%); -webkit-transform-origin: 7.5px 13px; transform-origin: 7.5px 13px; font-size: 1.5em; color: #24A3F0; opacity: 0.3; }

.new-select .selection.open > i { -webkit-transform: translate(-15px, -50%) rotate(180deg); transform: translate(-15px, -50%) rotate(180deg); opacity: 1; }

.list-options.show { -webkit-transform: none; transform: none; }

.list-options.show.align-left .new-option { text-align: left; padding-left: 1em; }

.new-option { text-align: start; padding-left: 0.75em; background: whitesmoke; cursor: pointer; border-bottom: 1px solid #ddd; color: #4b6cb7; pointer-events: all; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; }

.new-option.invisible-height { border: none; }

.new-option p { width: calc(100% - 60px); white-space: nowrap; }

.new-option.reveal:hover { background: white; color: #24A3F0; border-right: 5px solid #24A3F0; }

.new-option.reveal:hover p { -webkit-transform: translateX(10px); transform: translateX(10px); }

.list-options { -webkit-transform: translateY(-100%); transform: translateY(-100%); max-height: 255px; overflow-y: auto; }

.checkbox-container label { width: 15px; height: 15px; }

.checkbox-container i { font-size: 10px; }

.checkbox-container span { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; margin-left: 5px; font-size: 17px; color: #b7b7b7; }

.checkbox-container.small label { width: 15px; height: 15px; }

.checkbox-container.small label i { font-size: 10px !important; }

.checkbox-container.small span { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; margin-left: 5px; font-size: 15px; }

/* #endregion */
/* #region MEDIA SCREEN */
@media screen and (max-height: 768px) { #list-wrapper { min-height: 15em; max-height: 20em; } }

@media screen and (max-width: 1400px) { div.box-wrapper { width: 75%; }
  .content-body { width: 100%; border-radius: 10px; overflow: hidden; }
  .list-wrapper { min-height: 20em; max-height: 25em; }
  div.box { height: 16em; }
  div.box.large { width: 75% !important; }
  div.box div.circle { display: none; }
  div.box div.main-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 2em; }
  input.small { width: 6em; }
  input.small-medium { width: 11em; }
  input.medium { width: 10em; }
  input.medium-large { widows: 20em; }
  input.large { width: 25em; }
  input#new-cnpj-operadora { width: 12em; } }

/* #endregion */
/* #region Cadastro Nova Empresa */
div#cadastro-empresa-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 4rem auto 4rem; grid-template-columns: 4rem auto 4rem; -ms-grid-rows: auto 2rem; grid-template-rows: auto 2rem; grid-template-areas: "l-nav content r-nav"
 "footer footer footer"; }

div#cadastro-empresa-wrap div.title { border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 1rem; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

div#cadastro-empresa-wrap div.content { border-radius: 10px; -ms-grid-row: 1; -ms-grid-column: 2; grid-area: content; text-align: center; }

div#cadastro-empresa-wrap div.content .step { min-height: 12rem; max-height: 35rem; min-width: 35rem; max-width: 65rem; -webkit-transition: all 0.1s; transition: all 0.1s; }

div#cadastro-empresa-wrap div.content .step.visible { opacity: 1; visibility: inherit; }

div#cadastro-empresa-wrap div.content .step.inactive { display: none; }

div#cadastro-empresa-wrap div.content .step.full-width { min-width: 65rem; }

div#cadastro-empresa-wrap div.content .step.medium-width { min-width: 45rem; }

div#cadastro-empresa-wrap div.content .step.full-height { min-height: 35rem; }

div#cadastro-empresa-wrap div.content .step.medium-height { min-height: 20rem; }

div#cadastro-empresa-wrap div.content .step div.tab { position: relative; cursor: pointer; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s; transition: all 0.2s; color: #547D9F; padding: 0.75rem; min-width: 4rem; }

div#cadastro-empresa-wrap div.content .step div.tab::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: white; }

div#cadastro-empresa-wrap div.content .step div.tab:hover, div#cadastro-empresa-wrap div.content .step div.tab.active { color: #24A3F0; }

div#cadastro-empresa-wrap div.content .step div.tab:hover::after, div#cadastro-empresa-wrap div.content .step div.tab.active::after { background: #24A3F0; }

div#cadastro-empresa-wrap div.content .step div.tab.invalid { color: #D75048; background: #f7dcda; }

div#cadastro-empresa-wrap div.content .step div.tab-content { display: none; opacity: 0; }

div#cadastro-empresa-wrap div.content .step div.tab-content.active { opacity: 1; display: inline-block; }

div#cadastro-empresa-wrap div.content .step .header { z-index: 10; }

div#cadastro-empresa-wrap div.content .step .body { padding: 1rem; }

div#cadastro-empresa-wrap div.content .step .selecao-plano { position: relative; overflow: hidden; border-radius: 10px; min-height: 25rem; width: 18rem; -webkit-box-shadow: 0 0px 15px 0 rgba(154, 161, 171, 0.6); box-shadow: 0 0px 15px 0 rgba(154, 161, 171, 0.6); }

div#cadastro-empresa-wrap div.content .step .selecao-plano:first-child { margin-right: 1rem; }

div#cadastro-empresa-wrap div.content .step .selecao-plano .price { height: 4rem; }

div#cadastro-empresa-wrap div.content .step .selecao-plano .price h2 { font-weight: 300; }

div#cadastro-empresa-wrap div.content .step .selecao-plano .price.red { background: -webkit-gradient(linear, left top, right top, from(#ff416c), to(#ff4b2b)); background: linear-gradient(to right, #ff416c, #ff4b2b); }

div#cadastro-empresa-wrap div.content .step .selecao-plano .price.red h2 { color: white; }

div#cadastro-empresa-wrap div.content .step .selecao-plano .price.blue { background: #4b6cb7; }

div#cadastro-empresa-wrap div.content .step .selecao-plano .price.blue h2 { color: white; }

div#cadastro-empresa-wrap div.content .step .selecao-plano ul.detalhes { text-align: left; color: #555; font-size: 0.9rem; }

div#cadastro-empresa-wrap div.content .step .selecao-plano ul.detalhes li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0.4rem; }

div#cadastro-empresa-wrap div.content .step .selecao-plano ul.detalhes li i { cursor: default; top: 0; width: 10px; position: relative; font-size: 0.6rem; margin-right: 0.2rem; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

div#cadastro-empresa-wrap div.content .step .selecao-plano ul.detalhes li i.fa-check { text-shadow: 0 0 3px  #00FF83; color: #58D598; }

div#cadastro-empresa-wrap div.content .step .selecao-plano ul.detalhes li i.fa-times { text-shadow: 0 0 3px  #ff0335; color: #f9375e; }

div#cadastro-empresa-wrap div.content .step .selecao-plano h2.title { font-weight: 300; color: #555; padding: 0.5rem 1rem; }

div#cadastro-empresa-wrap .left-arrow { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: l-nav; }

div#cadastro-empresa-wrap .right-arrow { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: r-nav; }

div#cadastro-empresa-wrap .left-arrow, div#cadastro-empresa-wrap .right-arrow { display: -ms-grid; display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; }

div#cadastro-empresa-wrap .left-arrow.disabled, div#cadastro-empresa-wrap .right-arrow.disabled { color: #ddd; }

div#cadastro-empresa-wrap .left-arrow.disabled i:hover, div#cadastro-empresa-wrap .right-arrow.disabled i:hover { cursor: default; color: #ddd; }

div#cadastro-empresa-wrap .left-arrow i, div#cadastro-empresa-wrap .right-arrow i { -webkit-transition: all 0.1s; transition: all 0.1s; font-size: 2rem; padding: 1.2rem; }

div#cadastro-empresa-wrap .left-arrow i:hover, div#cadastro-empresa-wrap .right-arrow i:hover { cursor: pointer; color: #24A3F0; }

div#cadastro-empresa-wrap .carousel-steps { -webkit-transition: all 0.1s; transition: all 0.1s; -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: footer; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

div#cadastro-empresa-wrap .carousel-steps ul.horizontal { margin: 0; }

div#cadastro-empresa-wrap .carousel-steps .carousel-ball { height: 15px; width: 15px; border: 1px solid #c4c4c4; border-radius: 50%; margin: 0 0.25rem; }

div#cadastro-empresa-wrap .carousel-steps .carousel-ball.active { border-color: #0d79bb; background: #24A3F0; }

div#cadastro-empresa-wrap .carousel-steps .carousel-ball.visited { background: #c4c4c4; }

/* #endregion */
/* #region Keyframes */
input.oopsShake, div.oopsShake { -webkit-animation: oopsShake 2s; animation: oopsShake 2s; }

span.oopsShake { -webkit-animation: oopsShake-label 2s; animation: oopsShake-label 2s; }

input.oopsShake-alert, div.oopsShake-alert { -webkit-animation: oopsShake-alert 2s; animation: oopsShake-alert 2s; }

@-webkit-keyframes oopsShake-alert { 0% { border-color: #FDA50F;
    -webkit-box-shadow: 0 0 10px #FDA50F;
            box-shadow: 0 0 10px #FDA50F; }
  5% { -webkit-transform: translateX(3%); transform: translateX(3%); }
  10% { -webkit-transform: translateX(-3%); transform: translateX(-3%); }
  15% { -webkit-transform: translateX(2%); transform: translateX(2%); }
  20% { -webkit-transform: translateX(-2%); transform: translateX(-2%); }
  25% { -webkit-transform: translateX(1%); transform: translateX(1%); }
  30% { -webkit-transform: translateX(-1%); transform: translateX(-1%); }
  35% { -webkit-transform: translateX(0.5%); transform: translateX(0.5%); }
  40% { -webkit-transform: translateX(-0.5%); transform: translateX(-0.5%); }
  45% { -webkit-transform: translateX(0.25%); transform: translateX(0.25%); }
  50% { -webkit-transform: translateX(-0.25%); transform: translateX(-0.25%); }
  55% { -webkit-transform: translateX(0%); transform: translateX(0%); } }

@keyframes oopsShake-alert { 0% { border-color: #FDA50F;
    -webkit-box-shadow: 0 0 10px #FDA50F;
            box-shadow: 0 0 10px #FDA50F; }
  5% { -webkit-transform: translateX(3%); transform: translateX(3%); }
  10% { -webkit-transform: translateX(-3%); transform: translateX(-3%); }
  15% { -webkit-transform: translateX(2%); transform: translateX(2%); }
  20% { -webkit-transform: translateX(-2%); transform: translateX(-2%); }
  25% { -webkit-transform: translateX(1%); transform: translateX(1%); }
  30% { -webkit-transform: translateX(-1%); transform: translateX(-1%); }
  35% { -webkit-transform: translateX(0.5%); transform: translateX(0.5%); }
  40% { -webkit-transform: translateX(-0.5%); transform: translateX(-0.5%); }
  45% { -webkit-transform: translateX(0.25%); transform: translateX(0.25%); }
  50% { -webkit-transform: translateX(-0.25%); transform: translateX(-0.25%); }
  55% { -webkit-transform: translateX(0%); transform: translateX(0%); } }

@-webkit-keyframes oopsShake { 0% { border: 1px solid red;
    -webkit-box-shadow: 0 0 10px #D75048;
            box-shadow: 0 0 10px #D75048; }
  5% { -webkit-transform: translateX(3%); transform: translateX(3%); }
  10% { -webkit-transform: translateX(-3%); transform: translateX(-3%); }
  15% { -webkit-transform: translateX(2%); transform: translateX(2%); }
  20% { -webkit-transform: translateX(-2%); transform: translateX(-2%); }
  25% { -webkit-transform: translateX(1%); transform: translateX(1%); }
  30% { -webkit-transform: translateX(-1%); transform: translateX(-1%); }
  35% { -webkit-transform: translateX(0.5%); transform: translateX(0.5%); }
  40% { -webkit-transform: translateX(-0.5%); transform: translateX(-0.5%); }
  45% { -webkit-transform: translateX(0.25%); transform: translateX(0.25%); }
  50% { -webkit-transform: translateX(-0.25%); transform: translateX(-0.25%); }
  55% { -webkit-transform: translateX(0%); transform: translateX(0%); } }

@keyframes oopsShake { 0% { border: 1px solid red;
    -webkit-box-shadow: 0 0 10px #D75048;
            box-shadow: 0 0 10px #D75048; }
  5% { -webkit-transform: translateX(3%); transform: translateX(3%); }
  10% { -webkit-transform: translateX(-3%); transform: translateX(-3%); }
  15% { -webkit-transform: translateX(2%); transform: translateX(2%); }
  20% { -webkit-transform: translateX(-2%); transform: translateX(-2%); }
  25% { -webkit-transform: translateX(1%); transform: translateX(1%); }
  30% { -webkit-transform: translateX(-1%); transform: translateX(-1%); }
  35% { -webkit-transform: translateX(0.5%); transform: translateX(0.5%); }
  40% { -webkit-transform: translateX(-0.5%); transform: translateX(-0.5%); }
  45% { -webkit-transform: translateX(0.25%); transform: translateX(0.25%); }
  50% { -webkit-transform: translateX(-0.25%); transform: translateX(-0.25%); }
  55% { -webkit-transform: translateX(0%); transform: translateX(0%); } }

@-webkit-keyframes pin { 50% { -webkit-transform: translateY(5px); transform: translateY(5px); }
  100% { -webkit-transform: translateY(3px); transform: translateY(3px); } }

@keyframes pin { 50% { -webkit-transform: translateY(5px); transform: translateY(5px); }
  100% { -webkit-transform: translateY(3px); transform: translateY(3px); } }

@-webkit-keyframes unpin { 50% { -webkit-transform: translateY(5px); transform: translateY(5px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes unpin { 50% { -webkit-transform: translateY(5px); transform: translateY(5px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes oopsShake-label { 0% { color: red; } }

@keyframes oopsShake-label { 0% { color: red; } }

@-webkit-keyframes slide-up-in { 0% { -webkit-transform: translateY(1em); transform: translateY(1em);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@keyframes slide-up-in { 0% { -webkit-transform: translateY(1em); transform: translateY(1em);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes slide-up-out { 0% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; }
  100% { -webkit-transform: translateY(-1em); transform: translateY(-1em);
    opacity: 0; } }

@keyframes slide-up-out { 0% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; }
  100% { -webkit-transform: translateY(-1em); transform: translateY(-1em);
    opacity: 0; } }

@-webkit-keyframes spinner { 0% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; }
  5%, 95% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; }
  10%, 59% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, -0.087em -0.825em 0 -0.37em, -0.173em -0.812em 0 -0.39em, -0.256em -0.789em 0 -0.41em, -0.297em -0.775em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, -0.087em -0.825em 0 -0.37em, -0.173em -0.812em 0 -0.39em, -0.256em -0.789em 0 -0.41em, -0.297em -0.775em 0 -0.43em; }
  20% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, -0.338em -0.758em 0 -0.37em, -0.555em -0.617em 0 -0.39em, -0.671em -0.488em 0 -0.41em, -0.749em -0.34em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, -0.338em -0.758em 0 -0.37em, -0.555em -0.617em 0 -0.39em, -0.671em -0.488em 0 -0.41em, -0.749em -0.34em 0 -0.43em; }
  38% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, -0.377em -0.74em 0 -0.37em, -0.645em -0.522em 0 -0.39em, -0.775em -0.297em 0 -0.41em, -0.82em -0.09em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, -0.377em -0.74em 0 -0.37em, -0.645em -0.522em 0 -0.39em, -0.775em -0.297em 0 -0.41em, -0.82em -0.09em 0 -0.43em; }
  100% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; } }

@keyframes spinner { 0% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; }
  5%, 95% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; }
  10%, 59% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, -0.087em -0.825em 0 -0.37em, -0.173em -0.812em 0 -0.39em, -0.256em -0.789em 0 -0.41em, -0.297em -0.775em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, -0.087em -0.825em 0 -0.37em, -0.173em -0.812em 0 -0.39em, -0.256em -0.789em 0 -0.41em, -0.297em -0.775em 0 -0.43em; }
  20% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, -0.338em -0.758em 0 -0.37em, -0.555em -0.617em 0 -0.39em, -0.671em -0.488em 0 -0.41em, -0.749em -0.34em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, -0.338em -0.758em 0 -0.37em, -0.555em -0.617em 0 -0.39em, -0.671em -0.488em 0 -0.41em, -0.749em -0.34em 0 -0.43em; }
  38% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, -0.377em -0.74em 0 -0.37em, -0.645em -0.522em 0 -0.39em, -0.775em -0.297em 0 -0.41em, -0.82em -0.09em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, -0.377em -0.74em 0 -0.37em, -0.645em -0.522em 0 -0.39em, -0.775em -0.297em 0 -0.41em, -0.82em -0.09em 0 -0.43em; }
  100% { -webkit-box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; box-shadow: 0 -0.83em 0 -0.35em, 0 -0.83em 0 -0.37em, 0 -0.83em 0 -0.39em, 0 -0.83em 0 -0.41em, 0 -0.83em 0 -0.43em; } }

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

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

@-webkit-keyframes expandSize { 30% { height: 40px;
    width: 40px; }
  70% { height: 40px;
    width: 40px; }
  90% { height: 35px;
    width: 35px; }
  95% { height: 40px;
    width: 40px; }
  100% { height: 35px;
    width: 35px; } }

@keyframes expandSize { 30% { height: 40px;
    width: 40px; }
  70% { height: 40px;
    width: 40px; }
  90% { height: 35px;
    width: 35px; }
  95% { height: 40px;
    width: 40px; }
  100% { height: 35px;
    width: 35px; } }

@-webkit-keyframes up-pointer { 50% { -webkit-transform: translateY(-0.15em); transform: translateY(-0.15em); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes up-pointer { 50% { -webkit-transform: translateY(-0.15em); transform: translateY(-0.15em); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes down-pointer { 50% { -webkit-transform: translateY(0.15em); transform: translateY(0.15em); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes down-pointer { 50% { -webkit-transform: translateY(0.15em); transform: translateY(0.15em); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes leftPointer { 50% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes leftPointer { 50% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@-webkit-keyframes rightPointer { 50% { -webkit-transform: translateX(3px); transform: translateX(3px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes rightPointer { 50% { -webkit-transform: translateX(3px); transform: translateX(3px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@-webkit-keyframes translateY10px { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  50% { -webkit-transform: translateY(5px); transform: translateY(5px); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes translateY10px { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  50% { -webkit-transform: translateY(5px); transform: translateY(5px); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes GradientBG { 50% { background-position: 50% 50%; }
  100% { background-position: 0% 0%; } }

@keyframes GradientBG { 50% { background-position: 50% 50%; }
  100% { background-position: 0% 0%; } }

@-webkit-keyframes translateRight-Left { 0% { -webkit-transform: translateX(1.5em); transform: translateX(1.5em); }
  100% { -webkit-transform: translateX(-3em); transform: translateX(-3em); } }

@keyframes translateRight-Left { 0% { -webkit-transform: translateX(1.5em); transform: translateX(1.5em); }
  100% { -webkit-transform: translateX(-3em); transform: translateX(-3em); } }

@-webkit-keyframes shadow-drop-2-center { 0% { -webkit-transform: translateZ(25px); transform: translateZ(25px); }
  100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); } }

@keyframes shadow-drop-2-center { 0% { -webkit-transform: translateZ(25px); transform: translateZ(25px); }
  100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); } }

@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

/* #endregion */
/*# sourceMappingURL=gvapp.css.map */