:root {
    font-size: 62.5%
}

*,
a {
    outline: 0 !important
}

* {
    box-sizing: border-box
}

body {
    font-size: 1.6rem;
    left: 0;
    min-width: 320px;
    min-height: 100%;
    min-height: 100vh;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

a {
    text-decoration: none;
    color: inherit;
    outline: 0 !important
}

a:hover,
a:active,
a:focus {
    outline: 0 !important;
    text-decoration: none;
    color: inherit
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.left {
    float: left
}

.right {
    float: right
}

.clearfix {
    overflow: auto
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.hidden {
    display: none
}

:focus {
    outline: 0 !important
}

.mt-100 {
    margin-top: 10rem !important
}

.mb-100 {
    margin-bottom: 10rem !important
}

.mt-75 {
    margin-top: 7.5rem !important
}

.mb-75 {
    margin-bottom: 7.5rem !important
}

.mt-50 {
    margin-top: 5rem !important
}

.mb-50 {
    margin-bottom: 5rem !important
}

.mt-25 {
    margin-top: 2.5rem !important
}

.mb-25 {
    margin-bottom: 2.5rem !important
}

.mt-10 {
    margin-top: 1rem !important
}

.mb-10 {
    margin-bottom: 1rem !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.pt-100 {
    padding-top: 10rem !important
}

.pb-100 {
    padding-bottom: 10rem !important
}

.pt-75 {
    padding-top: 7.5rem !important
}

.pb-75 {
    padding-bottom: 7.5rem !important
}

.pt-50 {
    padding-top: 5rem !important
}

.pb-50 {
    padding-bottom: 5rem !important
}

.pt-25 {
    padding-top: 2.5rem !important
}

.pb-25 {
    padding-bottom: 2.5rem !important
}

.pt-10 {
    padding-top: 1rem !important
}

.pb-10 {
    padding-bottom: 1rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

img {
    vertical-align: middle;
    max-width: 100%
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .scrollable {
        scrollbar-base-color: #efefef;
        scrollbar-face-color: #cccccc;
        scrollbar-3dlight-color: #cccccc;
        scrollbar-highlight-color: #cccccc;
        scrollbar-track-color: #efefef;
        scrollbar-arrow-color: #cccccc;
        scrollbar-shadow-color: #cccccc;
        scrollbar-dark-shadow-color: #cccccc
    }
}

.scrollable {
    scrollbar-width: thin;
    scrollbar-color: #cccccc #efefef
}

.scrollable::-webkit-scrollbar-track {
    background-color: #efefef;
    width: 4px
}

.scrollable::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border: none;
    background-clip: content-box
}

.scrollable::-webkit-scrollbar {
    width: 8px
}

@font-face {
    font-family: 'Gilroy';
    src: url("../webfont/gilroy-black-webfont.woff2") format("woff2"), url("../webfont/gilroy-black-webfont.woff") format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Gilroy';
    src: url("../webfont/gilroy-blackitalic-webfont.woff2") format("woff2"), url("../webfont/gilroy-blackitalic-webfont.woff") format("woff");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: 'Gilroy';
    src: url("../webfont/gilroy-bold-webfont.woff2") format("woff2"), url("../webfont/gilroy-bold-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Gilroy';
    src: url("../webfont/gilroy-bolditalic-webfont.woff2") format("woff2"), url("../webfont/gilroy-bolditalic-webfont.woff") format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'ProximaNova';
    src: url("../webfont/proximanova-regular-webfont.woff2") format("woff2"), url("../webfont/proximanova-regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ProximaNova';
    src: url("../webfont/proxima_nova_bold-webfont.woff2") format("woff2"), url("../webfont/proxima_nova_bold-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

body {
    font-family: 'ProximaNova', sans-serif !important;
    font-weight: 400;
    line-height: 1.3;
    background-color: #ffffff;
    color: #00163e;
    font-size: initial;
    overflow: hidden;
    color: #150036
}

body:not(.login) {
    background-color: #02111b
}

.text-center {
    text-align: center
}

.display-ib {
    display: inline-block
}

.icon {
    vertical-align: middle;
    font-size: 2.4rem
}

.btn {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.8rem;
    padding: 15px 30px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.btn.btn-primary {
    background: linear-gradient(104deg, #A4498E 0%, #CD326E 100%);
}

.btn.btn-primary:hover {
    color: #ffffff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(104deg, #A4498E 0%, #CD326E 100%);
}

.btn.btn-primary.disabled {
    background-color: #E5E5E5
}

.btn.btn-secondary {
    background-color: transparent;
    border: solid 2px #CD326E;
    color: #CD326E
}

.btn.btn-secondary:hover {
    color: #A4498E;
    border-color: #A4498E
}

.btn.btn-secondary.disabled {
    color: #999;
    border-color: #999
}

.btn.btn-small {
    font-size: 1.3rem;
    padding: 5px 15px
}

.btn:focus {
    color: inherit
}

.btn.btn-right {
    float: right;
    margin-left: 10px
}

.btn-link {
    font-weight: 700;
    color: #0095eb;
    display: block;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.btn-link:hover {
    color: #053a68
}

input,
select,
textarea,
.field-file-wrapper {
    border-radius: 8px;
    border: solid 1px #d8d8d8;
    padding: 20px 15px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 15px;
    font-family: 'ProximaNova'
}

input::placeholder {
    color: #999;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #999
}

input::-ms-input-placeholder {
    color: #999
}

.add-banner-type {
    width: 100% !important
}

.half-input > div,
.half-input > input {
    float: left;
    width: 48%
}

.half-input > div:first-child,
.half-input > input:first-child {
    margin-right: 3.3333%
}

.error-field {
    border-color: #D20000
}

.error-field-label {
    color: #D20000;
    font-weight: 700;
    display: block;
    margin: -10px 0 10px 0
}

.error-field-label.hidden {
    display: none;
}

.error-field-label i {
    margin-right: 5px;
    vertical-align: bottom
}

.error-field-label .hidden {
    display: none
}

.select-wrapper {
    position: relative
}

.select-wrapper select::-ms-expand {
    display: none
}

.select-wrapper:after {
    content: "\e909";
    font-family: 'SolisDash';
    right: 15px;
    top: 23px;
    position: absolute;
    pointer-events: none
}

.select-wrapper select {
    width: 100% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    resize: none
}

.input-wrapper {
    margin-top: 2.5rem
}

.input-wrapper.bt-button,
.input-wrapper.bt-countdown {
    display: none
}

.input-wrapper input[type="text"] {
    width: 100% !important
}

.input-wrapper.input-wrapper-half {
    width: 50%
}

.input-wrapper.input-wrapper-half.bt-button,
.input-wrapper.input-wrapper-half.bt-countdown {
    display: none
}

.input-wrapper .chars-input {
    text-align: right;
    color: #999
}

.textarea-wrapper {
    margin-bottom: 15px
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked + .slider {
    background-color: #0095eb
}

input:focus + .slider {
    box-shadow: 0 0 1px #0095eb
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.file-input-wrapper {
    margin: 2rem 0 3.5rem 0
}

.file-input-wrapper .file {
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
    position: absolute
}

.file-input-wrapper label {
    display: block;
    position: relative;
    color: #0095eb;
    font-weight: 700;
    cursor: pointer
}

.file-input-wrapper label .file-name {
    position: absolute;
    bottom: -25px;
    font-size: 1.3rem;
    color: #999;
    font-weight: 400
}

.file-input-wrapper label .icon {
    font-size: 3rem;
    vertical-align: middle;
    margin-right: 5px
}

.file-input-wrapper.field-file-wrapper {
    background-color: #ffffff;
    text-align: center;
    padding: 3rem;
    height: 200px;
    position: relative
}

.file-input-wrapper.field-file-wrapper label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

.file-input-wrapper.field-file-wrapper label i {
    display: block;
    margin-bottom: 15px
}

.file-input-wrapper.field-file-wrapper label .file-name {
    left: 0;
    right: 0
}

.file-input-wrapper.file-image-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.file-input-wrapper.file-image-background label {
    color: #ffffff;
    left: 30px;
    text-align: left;
    width: auto;
    bottom: 30px;
    transform: none;
    top: auto
}

.file-input-wrapper.file-image-background label i {
    display: inline
}

.file-input-wrapper.file-image-background .file-name {
    display: none
}

.file-input-wrapper.file-image-background .background-filter {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px
}

input[type="password"] {
    padding-right: 55px
}

.pass-wrapper {
    position: relative
}

.toggle-password {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 20px;
    font-size: 25px;
    color: #d8d8d8;
    cursor: pointer
}

.search-wrapper {
    position: relative
}

input.input-search {
    width: 300px;
    padding: 10px 15px 10px 43px;
    border-radius: 12px;
    border: none;
    font-size: 1.4rem;
    background-color: #ffffff;
    color: #053a68
}

.search-icon {
    position: absolute;
    z-index: 2;
    top: 6px;
    left: 10px;
    color: #053a68;
    cursor: pointer
}

input.input-search::placeholder {
    color: #053a68;
    opacity: 1
}

input.input-search:-ms-input-placeholder {
    color: #053a68
}

input.input-search::-ms-input-placeholder {
    color: #053a68
}

.datepicker-wrapper {
    position: relative
}

.datepicker-wrapper .calendar-icon {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 15px;
    color: #999
}

.modal-dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    pointer-events: none
}

.modal-dialog:target {
    opacity: 1;
    pointer-events: auto
}

.modal-dialog > div {
    width: 320px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 25px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.21);
    text-align: center
}

.modal-dialog > div h6 {
    font-weight: 700;
    margin: 20px 0 5px 0
}

.modal-dialog > div a.btn {
    min-width: 200px;
    margin-top: 20px
}

.modal-dialog > div a.btn-link {
    margin-top: 15px
}

.modal-dialog > div .icon {
    font-size: 3rem
}

.modal-dialog > div .icon.sl-sucess {
    color: #00C68E
}

.modal-dialog > div .icon.sl-warning {
    color: #f7b500
}

.modal-dialog > div .icon.sl-error {
    color: #d20000
}

.modal-dialog > div .close {
    color: #999;
    position: absolute;
    right: 12px;
    top: 12px;
    text-decoration: none;
    height: 18px
}

.modal-dialog > div .close .icon {
    font-size: 1.6rem;
    vertical-align: top
}

#login-img {
    float: right
}

#login-entry {
    float: left;
    margin-left: 50px;
    margin-top: 50px
}

#login-entry .logo {
    margin-bottom: 100px
}

#login-entry h1 {
    font-size: 4rem;
    font-family: 'Gilroy';
    margin-bottom: 10px
}

#login-entry form {
    width: 350px;
    margin-top: 25px
}

#login-entry form button {
    margin-top: 4rem;
    width: 30rem
}

#logo-len-login {
    position: absolute;
    bottom: 4rem;
    left: 50px
}

header#main-nav {
    color: #ffffff;
    padding: 30px
}

header#main-nav .dashboard-logo {
    width: auto;
    height: 50px;
    float: left
}

header#main-nav nav {
    float: right
}

header#main-nav nav > div {
    display: inline-block;
    vertical-align: middle
}

header#main-nav nav .nav-notifications {
    margin-right: 30px
}

header#main-nav nav .nav-notifications span {
    font-size: 1.4rem;
    vertical-align: middle
}

header#main-nav nav .nav-notifications .icon {
    margin-right: 5px
}

header#main-nav nav .nav-user > div {
    display: inline-block
}

header#main-nav nav .nav-user .image-cropper {
    float: left;
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px
}

header#main-nav nav .nav-user .image-cropper img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

header#main-nav nav .nav-user .nav-user-info {
    font-size: 1.8rem;
    margin-top: 5px
}

header#main-nav nav .nav-user .nav-user-info h6 {
    font-weight: 700
}

#menu-nav {
    width: 225px;
    padding: 0 3.5rem;
    margin-top: 6.5rem
}

#menu-nav ul .icon {
    margin-right: 3.5rem;
    vertical-align: bottom
}

#menu-nav ul a li {
    color: #999;
    margin-bottom: 3.5rem;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

#menu-nav ul a li:hover {
    color: #ffffff
}

#menu-nav ul a li.logout {
    margin-top: 100px
}

#menu-nav ul a li.active {
    font-size: 1.8rem;
    font-weight: 700;
    color: #ffffff
}

#menu-nav ul a li.active .sl-dashboard-outline::before {
    content: '\eab1'
}

#menu-nav ul a li.active .sl-profile-outline::before {
    content: '\eac0'
}

#menu-nav ul a li.active .sl-chat-outline::before {
    content: '\eaaf'
}

#menu-nav ul a li.active .sl-star-outline::before {
    content: '\eac2'
}

#menu-nav ul a li.active .sl-trophy-outline::before {
    content: '\eac6'
}

#menu-nav ul a li.active .sl-faq-outline::before {
    content: '\eab7'
}

#menu-nav ul a li.active .sl-phone-outline::before {
    content: '\eabd'
}

#menu-nav ul a::last-child li {
    margin-bottom: 0
}

.len-logo {
    position: absolute;
    left: 2.7rem;
    bottom: 4rem
}

#error-page {
    margin-top: 150px
}

#error-page img {
    margin-bottom: 30px
}

#error-page p {
    margin: 15px 0 40px 0
}

.cards-wrapper {
    margin-bottom: 5rem
}

.cards-container {
    display: inline-table;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    max-height: 430px;
    align-content: space-between;
}

.cards-container .card-block {
    float: left;
    position: relative;
    border-radius: 16px;
    background-color: #ffffff;
    vertical-align: center;
    margin-right: 2.5%;
    width: 30%;
    height: 350px;
    margin-bottom: 25px;
    flex: 0 0 30%;
    padding: 30px;
    text-align: center;
    box-shadow: 0 2px 9px 0 rgba(223, 225, 229, 0.33)
}

.cards-container .card-block .total-number {
    color: #CD326E;
    font-size: 3rem;
    margin-bottom: 2rem;
    font-weight: 800;
    font-family: 'Gilroy'
}

.cards-container .card-block .total-legend {
    font-size: 1.8rem
}


.cards-wrapper .card-row {
    margin-bottom: 30px;
    display: inline-flex;
    width: 100%
}

.cards-wrapper .card-block {
    float: left;
    position: relative;
    border-radius: 16px;
    background-color: #ffffff;
    margin-right: 30px;
    width: 30%;
    flex: 0 0 30%;
    display: inline-block;
    padding: 30px;
    text-align: center;
    box-shadow: 0 2px 9px 0 rgba(223, 225, 229, 0.33)
}

.cards-wrapper .card-block .total-number {
    color: #CD326E;
    font-size: 3rem;
    margin-bottom: 2rem;
    font-weight: 800;
    font-family: 'Gilroy'
}

.cards-wrapper .card-block .total-legend {
    font-size: 1.8rem
}

.cards-wrapper .card-block .total-sublegend {
    font-size: 1.6rem;
    color: #999
}

.cards-wrapper .card-block h5 {
    font-weight: 700;
    font-family: 'Gilroy';
    font-size: 2rem
}

.cards-wrapper .card-block .btn-link {
    margin-top: 25px
}

.cards-wrapper .card-block .icon-card-artigos {
    background-color: #fef7e5;
    color: #f7b500;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: inline-block
}

.cards-wrapper .card-block .icon-card-artigos .icon {
    line-height: 40px
}

.expand-small {
    height: 350px;
    overflow: hidden;
    box-shadow: 0 2px 9px 0 rgba(223, 225, 229, 0.33)
}

.expand-all {
    height: auto;
    overflow: auto;
    box-shadow: none;
}

table {
    width: 100%
}

table th {
    text-transform: uppercase;
    font-size: 1.3rem;
    text-align: left;
    font-weight: 700;
    padding-bottom: 25px;
    padding-right: 20px
}

table td {
    padding: 15px 15px 25px 0;
    border-bottom: solid 1px #e5f4fd;
    font-size: 1.4rem;
    vertical-align: middle
}

table td.empty {
    color: #999
}

table td:first-child {
    font-weight: 700
}

table td.table-actions {
    white-space: nowrap;
    width: 1%
}

table td.table-actions .icon {
    margin-right: 10px;
    cursor: pointer
}

table td.table-actions .icon.sl-eye {
    color: #0095eb
}

table td.table-actions .icon.sl-edit {
    color: #0095eb
}

table td.table-actions .icon.sl-delete {
    color: #d20000
}

table td .sl-sucess {
    color: #00C68E
}

table td .sl-error {
    color: #d20000
}

table td .article-image {
    width: 65px
}

table td .achievements-image {
    width: 30px
}

table td .registo-logo {
    width: 16px
}

table td .label-state {
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 1rem;
    display: inline-block
}

table td .label-state.label-state-online {
    background-color: #E5F9F3;
    color: #00C68E
}

table td .label-state.label-state-offline {
    background-color: #e5f4fd;
    color: #00163e
}

table.gerir-perguntas td:first-child {
    font-weight: 400
}

.main-container.error-page {
    border-top-left-radius: 0;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}

.main-container {
    border-top-left-radius: 24px;
    background-color: #f6fbfd;
    width: calc(100vw - 95px);
    height: calc(100vh - 110px);
    position: absolute;
    right: 0;
    top: 110px;
    padding: 60px 50px;
    overflow-y: scroll;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.main-container .dash-geral,
.main-container .dash-drafts {
    position: relative;
    margin-bottom: 7rem
}

.main-container .dash-geral .dash-heading h1,
.main-container .dash-drafts .dash-heading h1 {
    font-size: 3.2rem;
    margin-bottom: 4rem;
    font-weight: 800;
    font-family: 'Gilroy'
}

.main-container .dash-geral .dash-heading h2,
.main-container .dash-drafts .dash-heading h2 {
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
    font-weight: 600;
    font-family: 'Gilroy'
}

.main-container .dash-geral .dash-heading h3,
.main-container .dash-drafts .dash-heading h3 {
    font-size: 2rem;
    margin-bottom: 2.5rem;
    font-weight: 700;
    font-family: 'Gilroy'
}

.main-container .dash-geral .dash-heading h3 .icon,
.main-container .dash-drafts .dash-heading h3 .icon {
    vertical-align: sub;
    margin-right: 8px
}

.main-container .dash-geral .dash-heading h3 .icon.draft-icon,
.main-container .dash-drafts .dash-heading h3 .icon.draft-icon {
    color: #731DD8
}

.main-container .dash-geral .dash-heading p,
.main-container .dash-drafts .dash-heading p {
    margin-top: -25px;
    margin-bottom: 40px
}

.main-container .dash-geral .dash-heading-right,
.main-container .dash-drafts .dash-heading-right {
    position: absolute;
    right: 0;
    top: 0
}

.main-container .dash-geral .dash-heading-right .search-wrapper,
.main-container .dash-drafts .dash-heading-right .search-wrapper {
    display: inline-block
}

.main-container .dash-geral .dash-heading-right .btn,
.main-container .dash-drafts .dash-heading-right .btn {
    margin-left: 25px
}

.dash-footer {
    position: relative;
    font-size: 1.4rem;
    padding-bottom: 6rem
}

.dash-footer .search-results {
    position: absolute;
    left: 0;
    font-weight: 700
}

.dash-footer .pagination {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.dash-footer .pagination ul li {
    display: inline-block;
    color: #999;
    margin: 0 10px;
    vertical-align: middle
}

.dash-footer .pagination ul li.active {
    font-weight: 700;
    color: #00163e
}

.dash-footer .pagination ul li .icon {
    color: #00163e
}

.dash-footer .search-page-show {
    position: absolute;
    right: 0;
    font-weight: 700
}

.btn-wrapper {
    text-align: center;
    margin-top: 4rem
}

.btn-wrapper-end {
    text-align: end;
    margin-top: 4rem
}

.btn-wrapper .btn {
    margin: 0 15px
}

.add-article-form-wrapper input[type=text],
.add-article-form-wrapper input[type=number],
.add-article-form-wrapper select,
.add-article-form-wrapper .select-wrapper {
    width: 48%;
    display: inline-block
}

.add-article-form-wrapper input[type=text],
.add-article-form-wrapper input[type=number] {
    margin-right: 3.3333%
}

.banner-preview {
    text-align: center;
    background-color: #ffffff;
    border-radius: 8px;
    height: 220px;
    width: 100%;
    display: table;
    margin-bottom: 4rem
}

.banner-preview .please-select {
    display: table-cell;
    vertical-align: middle
}

#accordion {
    margin-top: 30px
}

#accordion h3 {
    font-weight: 700;
    font-size: 16px;
    padding: 15px 35px;
    cursor: pointer;
    position: relative
}

#accordion h3 .icon {
    position: absolute;
    left: 0;
    top: 12px;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    transform-origin: center center;
    transform-style: preserve-3D
}

#accordion h3 .icon.opened {
    transform: rotate(180deg)
}

.feedback-wrapper {
    margin-bottom: 95px;
    display: table;
    width: 100%
}

.feedback-wrapper .feedback-rating {
    display: table-cell;
    width: 20%
}

.feedback-wrapper .feedback-rating h5 {
    font-size: 3.2rem;
    font-weight: 700;
    font-family: 'Gilroy'
}

.feedback-wrapper .feedback-rating p {
    font-size: 1.4rem;
    margin-top: 10px
}

.feedback-wrapper .feedback-bars {
    display: table-cell;
    width: 80%
}

.feedback-wrapper .feedback-bars .fb-bar-block {
    display: table;
    width: 100%;
    margin-bottom: 15px
}

.feedback-wrapper .feedback-bars .fb-bar-block .fb-legend {
    display: table-cell;
    width: 15%;
    vertical-align: middle;
    font-size: 1.8rem
}

.feedback-wrapper .feedback-bars .fb-bar-block .fb-bar {
    display: table-cell;
    width: 85%;
    height: 30px
}

.feedback-wrapper .feedback-bars .fb-bar-block .fb-bar .progress-wrapper {
    height: 100%;
    width: 100%;
    border-radius: 4px
}

.feedback-wrapper .feedback-bars .fb-bar-block .fb-bar .progress-fill {
    border-radius: 4px;
    height: 100%
}

.feedback-wrapper .feedback-bars .fb-bar-block:nth-child(1) .progress-wrapper {
    background-color: #def5ec
}

.feedback-wrapper .feedback-bars .fb-bar-block:nth-child(1) .progress-fill {
    background-color: #5acc9e
}

.feedback-wrapper .feedback-bars .fb-bar-block:nth-child(2) .progress-wrapper {
    background-color: #f6fbfd
}

.feedback-wrapper .feedback-bars .fb-bar-block:nth-child(2) .progress-fill {
    background-color: #a2db7e
}

.feedback-wrapper .feedback-bars .fb-bar-block:nth-child(3) .progress-wrapper {
    background-color: #fff7cc
}

.feedback-wrapper .feedback-bars .fb-bar-block:nth-child(3) .progress-fill {
    background-color: #ffd900
}

.feedback-wrapper .feedback-bars .fb-bar-block:nth-child(4) .progress-wrapper {
    background-color: #ffefcc
}

.feedback-wrapper .feedback-bars .fb-bar-block:nth-child(4) .progress-fill {
    background-color: #ffb000
}

.feedback-wrapper .feedback-bars .fb-bar-block:nth-child(5) .progress-wrapper {
    background-color: #ffe7db
}

.feedback-wrapper .feedback-bars .fb-bar-block:nth-child(5) .progress-fill {
    background-color: #ff854c
}

.inline-2-item {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px;
    margin-top: 40px
}

.inline-2-item h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3rem;
    display: inline-block
}

.inline-2-item p.date {
    display: inline-block;
    color: #999;
    font-size: 1.1rem;
    text-transform: uppercase;
    float: right
}

.inline-2-item p.comment {
    margin-top: 5px;
    font-size: 1.4rem
}

@media all and (max-width: 800px) and (min-width: 601px) {
    .cards-container .card-block:nth-child(odd) {
        margin-right: 4%;
    }
    .cards-container .card-block {
        margin-right: 0;
        width: 48%;
        height: 350px;
        flex: 0 0 45%;
    }
}

@media all and (max-width: 600px) {
    .cards-container .card-block {
        width: 100%;
        height: 200px;
        flex: 0 0 100%;
    }
}