/***** Fixed layout *****/
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
    position: fixed;
}

.fixed .main-header {
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
}

.fixed .wrapper-body, .fixed .right-side {
    padding-top: 48px;
    padding-right: 24px;
    padding-left: 24px;
    margin-bottom: 120px;
}

.fixed.layout-boxed .wrapper {
    max-width: 100%;
}

.fixed .wrapper {
    overflow: hidden;
}

.hold-transition .wrapper-body, .hold-transition .right-side, .hold-transition .main-footer, .hold-transition .main-sidebar, .hold-transition .left-side, .hold-transition .main-header .navbar, .hold-transition .main-header .logo, .hold-transition .menu-open .fa-angle-left {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

#sidebar-wrapper .tab-content ul {
    overflow-y: auto;
    padding-bottom: 90px;
}

#sidebar-wrapper .tab-content ul::-webkit-scrollbar {
    width: 5px;
}

#sidebar-wrapper .tab-content ul::-webkit-scrollbar-track {
    background: #ffffff;
}

#sidebar-wrapper .tab-content ul::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px
}

#sidebar-wrapper .tab-content ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}

body {
    padding-right: 0px !important;
}

/****** LOADING ******/
.display-loading.open {
    border: 0 solid transparent;
    border-radius: 50%;
    border-top: 0 solid #036e34;
    width: 170px;
    height: 170px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 0 auto;
    position: relative;
}

.box-loading {
    position: fixed;
    width: 170px;
    height: 170px;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 9999998;
    color: #FFFFFF;
}

.box-loading>div {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    margin-top: 31px;
    font-size: 20px;
    font-weight: 700;
}

.box-loading>div img {
    width: 100px;
}

#esconder {
    position: fixed;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9999997;
    opacity: 0.8;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
    background: rgba(78, 99, 87, 0.9);
    background-repeat: no-repeat;
}

.box-loading i {
    display: block;
    font-size: 32px;
    margin-bottom: 19px;
}

/***** Wrapper *****/
.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.wrapper:before, .wrapper:after {
    content: " ";
    display: table;
}

.wrapper:after {
    clear: both;
}

.wrapper-body, .main-footer {
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    /*margin-left: 290px;*/
    z-index: 820;
}

.wrapper-body {
    min-height: 100%;
    z-index: 800;
}

.layout-boxed .wrapper {
    max-width: 1250px;
    margin: 0 auto;
    min-height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    position: relative;
}

.layout-boxed {
    background-color: #f9fafc;
}

.slimScrollDiv {
    width: 290px !important;
}

.container.back {
    position: relative;
}

.go-back {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: auto;
    z-index: 9;
}

.go-back button i {
    font-size: 18px;
    margin-right: 10px;
}

/***** Content *****/
.content {
    min-height: 250px;
    padding: 48px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 64px;
    padding-right: 64px;
}

/***** Blackfriday *****/
/*cabecalho*/
.header-black {
    background: #000000 !important;
}

/*home img*/
.img-Boas-vindas-logged-black {
    top: 20px;
    right: 0px;
    height: 640px;
    position: absolute;
}

.img-Boas-vindas-icone-black {
    top: 65px;
    right: 0px;
    height: 25px;
    position: absolute;
}

/***** Main Header *****/
.main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030;
}

.main-header .navbar {
    -webkit-transition: margin-left 0.3s ease-in-out;
    -o-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
    margin-bottom: 0;
    margin-left: 290px;
    border: none;
    min-height: 50px;
    border-radius: 0;
}

.layout-top-nav .main-header .navbar {
    margin-left: 0;
}

.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 7px;
}

.main-header .sidebar-toggle:hover {
    color: var(--color-neutral-white);
}

.main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:active {
    background: transparent;
}

.main-header .sidebar-toggle .icon-bar {
    display: none;
}

.main-header .navbar .nav > li.user > a > .fa, .main-header .navbar .nav > li.user > a > .glyphicon, .main-header .navbar .nav > li.user > a > .ion {
    margin-right: 5px;
}

.main-header .navbar .nav > li > a > .label {
    position: absolute;
    display: block;
    top: 8px;
    left: 24px;
    width: 8px;
    height: 8px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
    border-radius: 100%;
    background-color: var(--color-negative-pure);
}

.main-header .logo {
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    display: block;
    float: left;
    height: 88px;
    font-size: 20px;
    line-height: 88px;
    text-align: center;
    width: 290px;
    padding: 0 24px;
    font-weight: 300;
    overflow: hidden;
}

.main-sidebar .logo .logo-lg {
    display: block;
}

.main-sidebar .logo .logo-mini {
    display: none;
}

.navbar-toggle {
    color: var(--color-neutral-white);
    border: 0;
    margin: 0;
    padding: 15px 15px;
}

/***** Sidebar *****/
.main-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 290px;
    z-index: 99;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

.sidebar {
    padding-bottom: 10px;
}

.sidebar-menu li:not(.header) {
    padding-bottom: 10px;
    padding: 0 8px;
}

.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
}

.sidebar-menu li:nth-last-child(2) {
    margin-bottom: 135px;
}

.sidebar-menu > li > a {
    padding: 12px 5px 12px 15px;
    display: block;
}

.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
    width: 20px;
}

.sidebar-menu > li .label, .sidebar-menu > li .badge {
    margin-right: 5px;
}

.sidebar-menu > li .badge {
    margin-top: 3px;
}

.sidebar-menu li.header {
    padding: 10px 24px;
    font-size: 12px;
}

.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
    -webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

.sidebar-menu li > a > .fa-angle-left {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
}

.sidebar-menu .menu-open > a > .fa-angle-left, .sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sidebar-menu .active > .treeview-menu {
    display: block;
}

/***** Sidebar Mini *****/
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    display: block !important;
    position: absolute;
    width: 180px;
    left: 50px;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
    top: 0;
    margin-left: -3px;
    padding: 12px 5px 12px 20px;
    background-color: inherit;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
    position: relative !important;
    float: right;
    width: auto !important;
    left: 180px !important;
    top: -22px !important;
    z-index: 900;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
    display: none;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    top: 44px;
    margin-left: 0;
}

.sidebar-expanded-on-hover .main-footer, .sidebar-expanded-on-hover .wrapper-body {
    margin-left: 50px;
}

.sidebar-expanded-on-hover .main-sidebar {
    box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125);
}

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

.sidebar-menu:hover {
    overflow: visible;
}

.sidebar-form, .sidebar-menu > li.header {
    overflow: hidden;
    text-overflow: clip;
}

.sidebar-menu li > a {
    position: relative;
}

.sidebar-menu li > a i {
    margin-left: 8px;
}

.sidebar-menu li > a > .pull-right-container {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}

.sidebar-menu .empresa {
    position: fixed;
    bottom: 0;
    width: 290px;
    display: block;
    background-color: var(--color-neutral-lightest);
    padding: 8px 24px !important;
    border-top: 1px solid var(--color-neutral-light);
    cursor: pointer;
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    transition-duration: 0.3s;
}

.sidebar-menu .empresa img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border: 1px solid var(--color-neutral-light);
    border-radius: 50px;
}

.sidebar-menu .empresa span {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-nano);
    line-height: var(--line-height-huge);
    color: var(--color-neutral-dark);
    margin-left: var(--spacing-stack-micro);
}

.sidebar-menu .empresa .dropdown-toggle {
    width: 100%;
    list-style: none;
    float: left;
}

.sidebar-menu .empresa:hover {
    background-color: #e9e9ec;
    color: var(--color-neutral-darkest);
}

.sidebar-menu .empresa .dropdown-toggle span {
    width: 100%;
    display: block;
    text-align: left;
}

.sidebar-menu .empresa .dropdown-toggle span small {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-family: var(--font-family-base);
    font-weight: normal;
    font-size: var(--font-size-nano);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-medium);
}

.sidebar-menu .empresa .dropdown-toggle svg {
    position: absolute;
    vertical-align: bottom;
    right: 17px;
    top: 13px;
}

.sidebar-menu .empresa .dropdown-menu {
    margin: 8px;
}

.sidebar-menu .empresa .dropdown-menu li {
    margin: 0;
    padding: 0;
}

.sidebar-menu .empresa .dropdown-menu .logout a {
    color: var(--color-negative-pure);
}

.sidebar-menu .empresa .dropdown-menu .logout a span {
    color: var(--color-negative-pure);
    font-size: var(--font-size-micro);
    float: right;
}

/***** Navbar *****/
.skin-blue .main-header .navbar {
    background-color: var(--color-neutral-lightest);
    height: 88px;
    padding: 24px 64px;
    border-bottom: var(--border-width-hairline) solid;
    border-bottom-color: var(--color-neutral-light);
}

.skin-blue .main-header .navbar .nav > li > a {
    display: flex;
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-nano);
    letter-spacing: var(--letter-spacing-tight);
    color: var(--color-neutral-medium);
    border-radius: var(--border-radius-tiny);
    margin-left: var(--spacing-stack-small);
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    transition-duration: 0.3s;
    text-decoration: none;
    padding: 8px 16px;
    border: 1px solid transparent;
}

.user-profile a.dropdown-toggle {
    border: var(--border-width-hairline) solid var(--color-neutral-light) !important;
    border-radius: var(--border-radius-tiny);
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    transition-duration: 0.3s;
}

.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
    background: rgba(207, 208, 216, 0.32);
    color: var(--color-neutral-medium);
    border: 1px solid transparent;
}

.skin-blue .main-header .navbar .nav > li > a:focus {
    background-color: var(--color-neutral-light);
    border-color: var(--color-neutral-medium) !important;
    border-width: var(--border-width-thin);
    color: var(--color-neutral-darkest);
}

.skin-blue .main-header .navbar .nav .open > a {
    background-color: var(--color-neutral-light);
    color: var(--color-neutral-darkest);
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: var(--color-neutral-white);
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: var(--color-neutral-medium);
    font-size: var(--font-size-medium);
    line-height: 0;
    border-radius: var(--border-radius-tiny);
    text-decoration: none;
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    transition-duration: 0.3s;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: var(--color-neutral-light);
    color: var(--color-neutral-darkest);
}

.skin-blue .main-sidebar .logo {
    background-color: var(--color-neutral-lightest);
    color: var(--color-neutral-white);
    text-align: left;
    border-bottom: var(--border-width-none) solid transparent;
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    transition-duration: 0.3s;
    text-decoration: none;
}

.skin-blue .main-sidebar .logo a {
    text-decoration: none;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: var(--color-neutral-lightest);
    box-shadow: var(--shadow-level-4);
}

.skin-blue .sidebar-menu > li.header {
    display: flex;
    color: var(--color-neutral-darkest);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-tiny);
    font-family: var(--font-family-headings);
    line-height: 24px;
    border-bottom: var(--border-width-hairline) solid;
    border-color: var(--color-neutral-light);
    margin-top: var(--spacing-stack-small);
    margin-bottom: var(--spacing-stack-micro);
}

.skin-blue .sidebar-menu > li.header i {
    font-size: var(--font-size-medium);
    color: var(--color-neutral-darkest);
    margin-right: var(--spacing-stack-micro);
}

.skin-blue .sidebar-menu > li > a {
    color: var(--color-neutral-medium);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    font-family: var(--font-family-base);
    line-height: 24px;
    background-color: var( --color-neutral-lightest);
    padding: 12px 0px 12px 48px;
    border-radius: var(--border-radius-micro);
    margin-top: 0;
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    transition-duration: 0.3s;
    margin-left: 0;
    text-decoration: none;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: var(--color-neutral-medium);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    font-family: var(--font-family-base);
    line-height: 24px;
    background-color: var(--color-neutral-lightest);
    padding: 12px 0px 12px 48px;
}

.skin-blue .sidebar-menu > li.active > a {
    background-color: rgba(207, 208, 216, 0.32);
    color: var(--color-neutral-darkest)
}

.skin-blue .sidebar-menu > li > a:hover {
    text-decoration: none;
    background-color: rgba(207, 208, 216, 0.32);
    color: var(--color-neutral-darkest);
}

.skin-blue .sidebar-menu > li > a:focus {
    text-decoration: none;
    background-color: var(--color-neutral-light);
    color: var(--color-neutral-darkest);
}

.skin-blue .sidebar-menu > li > a:disabled, .skin-blue .sidebar-menu > li > a.disabled {
    text-decoration: none;
    background-color: var(--color-neutral-lightest);
    color: var(--color-neutral-light);
}

#navbar-mobile {
    display: none;
}

/***** Logo *****/
.logo {
    padding: 25px 24px;
    display: block;
}

.logo-lg span {
    text-align: left;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-tiny);
    font-family: var(--font-family-base);
    line-height: var(--line-height-huge);
    color: var(--color-neutral-dark);
    margin-left: 8px;
    vertical-align: middle;
}

.logo-main.logo a {
    display: inline-block;
}

.logo-main.logo .notification {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: var(--color-neutral-lightest);
    border: var(--border-width-hairline) solid var(--color-neutral-light);
    border-radius: var(--border-radius-tiny);
    margin-top: -3px;
    float: right;
}

.logo-main.logo .notification i {
    font-size: var(--font-size-small);
}

.logo-main.logo .notification .label {
    position: absolute;
    display: block;
    top: 11px;
    left: 20px;
    width: 8px;
    height: 8px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
    border-radius: 100%;
    background-color: var(--color-negative-pure);
}

.logo-main.logo .notification:hover {
    color: var(--color-neutral-darkest);
    background-color: rgba(207, 208, 216, 0.32);
    box-shadow: none;
    border-color: transparent;
}

.logo-main.logo .notification:focus {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    box-shadow: none;
    border-color: var(--color-neutral-medium);
    border-width: var(--border-width-thin);
    border-style: solid;
    outline: none;
}

.logo-main.logo .notification:active {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    border: var(--border-width-thin) solid transparent;
    outline: none;
    box-shadow: none;
}

.logo-main.logo .notification:active:focus {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    border: var(--border-width-thin) solid transparent;
    outline: none;
    transform: scale(0.97);
    box-shadow: none;
}

.logo-main.logo .notification:disabled, .logo-main.logo .notification[disabled] {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    opacity: var(--opacity-level-weak);
}

.logo-main.logo .notification[disabled]:hover, .logo-main.logo .notification[disabled]:focus, .logo-main.logo .notification[disabled]:active {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    opacity: var(--opacity-level-weak);
    border-color: var(--color-neutral-light);
}

/***** Dropdown menus *****/
.notifications-menu .dropdown-menu {
    box-shadow: none;
    border-color: var(--color-neutral-white);
    background: var(--color-neutral-white);
    border: var(--border-width-thin) solid var(--color-neutral-lightest);
    box-sizing: border-box;
    border-radius: var(--border-width-thin) !important;
}

.dropdown-menu > li > a {
    color: #777777;
}

.dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion {
    margin-right: 10px;
}

.dropdown-menu > li > a:hover {
    background-color: #E1E3E9;
    color: #333333;
}

.dropdown-menu > .divider {
    background-color: var(--color-neutral-white);
}

.navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu {
    width: auto;
    padding: 0 0 0 0;
    margin: 8px 0;
    top: 100%;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li, .navbar-nav > .messages-menu > .dropdown-menu > li, .navbar-nav > .tasks-menu > .dropdown-menu > li {
    position: relative;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    border-top-left-radius: var(--border-radius-nano);
    border-top-right-radius: var(--border-radius-nano);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: var(--color-neutral-white);
    padding: 7px 10px;
    border-bottom: 1px solid #F4F4F4;
    color: #444444;
    font-size: var(--font-size-micro);
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--border-radius-nano);
    border-bottom-left-radius: var(--border-radius-nano);
    font-size: var(--font-size-nano);
    background-color: var(--color-neutral-white);
    padding: 7px 10px;
    border-bottom: 1px solid #EEEEEE;
    color: #444444 !important;
    text-align: center;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
    text-decoration: none;
    font-weight: normal;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    display: block;
    white-space: nowrap;
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-nano);
    line-height: 16px;
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-dark);
    margin-left: 0;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    background: #F4F4F4;
    text-decoration: none;
    border-radius: 0;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li:first-child > a:hover {
    border-radius: 6px 6px 0 0;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li:last-child > a:hover {
    border-radius: 0 0 6px 6px;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 16px;
    text-decoration: none;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li.logout > a {
    color: var(--color-negative-pure);
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li.logout > a span {
    float: right;
    font-size: 15px;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
    width: 20px;
}

.notifications-menu i {
    font-weight: var(--font-weight-bold);
    font-size: 17px;
    margin-left: 12px;
    margin-right: 0;
}

.notifications-menu i:first-child {
    font-size: 17px;
    font-weight: var(--font-weight-bold);
    margin-right: 12px;
    margin-left: 0;
}

.open:not(.dropup) > .animated-dropdown-menu {
    backface-visibility: visible !important;
    -webkit-animation: flipInX 0.7s both;
    -o-animation: flipInX 0.7s both;
    animation: flipInX 0.7s both;
}

.navbar-custom-menu > .navbar-nav > li {
    position: relative;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}

.sidebar-toggle {
    display: none;
}

/***** Breadcrumb *****/
.body-login .breadcrumb {
    display: block;
    background-color: transparent;
    padding: 8px 0;
}

/***** Main title *****/
.page-heading {
    position: relative;
    padding: 0;
    flex-basis: 100%;
}

.page-header {
    border: 0;
    padding: 0;
    margin: 20px 0;
    margin-top: 0;
    /* display: table-cell; */
}

.page-header h1 {
    /*font-family: Montserrat;*/
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #363844;
    margin-top: 0;
    margin-bottom: 0;
    margin: 10px 0 20px;
}

.page-header .sub-title {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-small);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    display: block;
    color: var(--color-neutral-medium);
    margin-bottom: 10px;
}

.btn-toolbar a {
    line-height: 34px;
}

/***** Pagination *****/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    cursor: default;
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-tiny);
    line-height: 1.7;
    color: var(--color-highlight-pure);
    background: var(--color-brand-lightest) !important;
    border-radius: var(--border-radius-tiny) !important;
}

.pagination > li > a, .pagination > li > span {
    width: 40px;
    height: 40px;
    text-align: center;
    color: var(--color-neutral-medium);
    background-color: transparent;
    border-radius: var(--border-radius-tiny);
    line-height: 1.7;
    border: 0px;
    margin-left: 10px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    background: var(--color-brand-lightest);
    border-radius: var(--border-radius-micro);
    color: var(--color-highlight-pure);
    margin-left: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    background: var(--color-brand-lightest);
    border-radius: var(--border-radius-micro);
    color: var(--color-highlight-pure);
}

.pagination > li.active > a:hover, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    background-color: var(--color-neutral-light);
    border-color: transparent;
    color: var(--color-neutral-medium);
    text-decoration: none;
}

.pagination > li:last-child > a:hover, .pagination > li:last-child > span:hover {
    background-color: var(--color-highlight-pure);
    border-color: transparent;
    color: var(--color-neutral-white);
    text-decoration: none;
}

.pagination > li.disabled > a, .pagination > li.disabled > a:hover, .pagination > li.disabled > a:focus {
    color: var(--color-neutral-light);
    cursor: not-allowed;
    background-color: var(--color-neutral-lightest);
    border-color: transparent;
    text-decoration: none;
}

.view-pagination .pagination {
    margin: 15px 0 50px 0;
    float: right;
}

/***** Detalhe das paginas *****/
#rd-main {
    margin-bottom: 40px;
}

.rd-container {
    background: var(--color-neutral-lightest);
    border-radius: 16px;
}

.rd-form .crmEntityFormView .tab {
    width: auto;
    margin: 0;
}

.rd-container .control {
    margin-bottom: 0;
}

.rd-form #rd-main .section-title {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-tiny);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-black);
    border-bottom: 1px solid var(--color-neutral-light);
    padding: 24px 24px 16px 24px;
    margin-bottom: var(--spacing-stack-small);
    border-left: 0;
}

.rd-form #rd-main .section-title i {
    font-size: 22px;
    margin-right: 8px;
    color: var(--color-neutral-medium);
    vertical-align: text-top;
}

.rd-form #rd-main label {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-dark);
    margin: 0px 4px;
}

.rd-form #rd-main label:after {
    color: transparent !important;
    display: none;
}

#rd-main .cell div.info div.validators {
    display: none;
}

.rd-form #rd-main textarea.ocultar {
    display: none !important;
}

.rd-form #rd-main input[type='radio'] {
    margin-top: 4px;
}

#rd-main .input-group {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
}

.rd-form #rd-main input, .rd-form #rd-main textarea, .rd-form #rd-main select, .rd-form #rd-main p {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-micro) !important;
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-black) !important;
    margin: 8px 4px;
    margin-left: 4px !important;
    margin-bottom: 0;
    padding: 0;
    opacity: unset;
    height: auto;
    outline: 0;
    border: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    margin-top: 0;
}

.rd-form #rd-main textarea {
    height: auto;
}

.rd-form #rd-main input:focus, .rd-form #rd-main textarea:focus, .rd-form #rd-main select:focus {
    outline: 0;
    border: 0;
}

.rd-form #rd-main a {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-micro) !important;
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-black) !important;
    margin: 0px 4px;
    margin-bottom: 0;
    padding: 0;
    opacity: unset;
    display: block;
}

.rd-form .crmEntityFormView .cell {
    border: 0;
    padding: 0;
    padding-right: 24px;
    padding-left: 24px;
}

#rd-main .section {
    padding: 24px 24px 0 24px;
    display: table;
}

p.rd-valor {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-black);
    margin: 0px 4px;
}

.status .label.label-info {
    padding: 8px 16px 8px 8px;
    background: var(--color-informative-light);
    border-radius: 20px;
    color: var(--color-informative-pure);
    display: inline-block;
    line-height: 24px;
}

.status .label.label-info i {
    background: var(--color-informative-pure);
    border-radius: 50px;
    color: var(--color-neutral-white);
    font-size: 15px;
    vertical-align: top;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    margin-right: 8px;
}

.status .label.label-success {
    padding: 8px 16px 8px 8px;
    background: var(--color-brand-lightest);
    border-radius: 20px;
    color: var(--color-positive-pure);
    display: inline-block;
    line-height: 24px;
}

.status .label.label-success i {
    background: var(--color-positive-pure);
    border-radius: 50px;
    color: var(--color-neutral-white);
    font-size: 15px;
    vertical-align: top;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    margin-right: 8px;
}

.status .label.label-danger {
    padding: 8px 16px 8px 8px;
    background: var(--color-negative-light);
    border-radius: 20px;
    color: var(--color-negative-pure);
    display: inline-block;
    line-height: 24px;
}

.status .label.label-danger i {
    background: var(--color-negative-pure);
    border-radius: 50px;
    color: var(--color-neutral-white);
    font-size: 15px;
    vertical-align: top;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    margin-right: 8px;
}

.status .label.label-default {
    padding: 8px 16px 8px 8px;
    background: var(--color-neutral-lightest);
    border-radius: 20px;
    color: var(--color-neutral-darkest);
    display: inline-block;
    line-height: 24px;
}

.status .label.label-default i {
    background: var(--color-neutral-darkest);
    border-radius: 50px;
    color: var(--color-neutral-white);
    font-size: 15px;
    vertical-align: top;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    margin-right: 8px;
}

.rd-form .crmEntityFormView fieldset {
    margin-bottom: 0;
}

#rd-client .content.icon-cliente:before {
    content: '@';
    position: absolute;
    top: 0;
    font-size: 22px;
    font-weight: 600;
    left: -60px;
    width: 40px;
    height: 40px;
    background: #007033;
    border-radius: 50px;
    text-align: center;
    line-height: 32px;
    color: #FFFFFF;
}

.rd-client-icon .content:before {
    font-family: 'rdicons';
    content: '\ea41';
    position: absolute;
    top: 0;
    font-size: 22px;
    left: -60px;
    width: 40px;
    height: 40px;
    background: #007033;
    border-radius: 50px;
    text-align: center;
    line-height: 38px;
    color: #FFFFFF;
    z-index: 9;
}

.rd-main-icon:after {
    content: ' ';
    position: absolute;
    top: 40px;
    right: -6px;
    left: 5px;
    margin: 0 auto;
    width: 1px;
    background: #71768E;
    height: 100%;
}

.notes .note:last-child .rd-main-icon:after {
    background: transparent !important;
}

#section-seller {
    background: #f4f4f6;
    border-radius: 16px;
    margin-bottom: 40px;
}

#section-seller .section-title {
    border-bottom: 1px solid #cfd0d8;
    padding: 24px;
    border-left: 0;
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-tiny);
}

#section-seller .section-title i {
    font-size: 22px;
    margin-right: 8px;
    color: var(--color-neutral-medium);
    vertical-align: text-top;
}

#section-seller .input-group {
    margin: 0;
    display: flex;
    height: 40px;
    align-items: center;
}

#section-seller .input-group-btn-lookup button {
    width: 44px;
}

#section-seller .attachment-file {
    font-size: 12px;
    color: #007033;
}

.footer-button {
    display: inline-block;
    width: 100%;
    padding: 20px 16px;
    border-top: 1px solid #cfd0d8;
}

.footer-button button i {
    margin-right: 10px;
    font-size: 20px
}

.footer-button button {
    float: right;
}

#field-description {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
}

#field-description textarea {
    resize: vertical;
    min-height: 40px !important;
    border: 1px solid;
    padding: 8px 12px;
}

#field-description .control {
    padding: 0;
    margin: 0;
}

#Protocolo .entity-form {
    display: inline-block;
}

#rd-main input[id*="new_"], #rd-main input[id*="new_"] + .text-muted {
    display: none;
}

.dropdown-menu.rd-lista-envio {
    border-top: 2px solid #71768E;
    border-radius: 12px;
}

/***** Select *****/
.rd-form #rd-main .select2-container.select2-container-disabled .select2-choice {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0 !important;
    font-weight: normal !important;
    margin: 0 3px !important;
}

.rd-form #rd-main .select2-container.select2-container-disabled .select2-choice:hover {
    border: 0;
    box-shadow: none;
}

.rd-form #rd-main .select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background: transparent;
    display: none;
}

/***** Select2 *****/
.select2-container.form-control {
    border: 0 !important;
    padding: 0 !important;
    background-color: transparent;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: auto !important;
}

.select2-container .select2-choice {
    font-family: var(--font-family-base);
    font-size: 12px !important;
    font-weight: bold!important;
    color: var(--color-neutral-medium) !important;
    height: 40px !important;
    width: 100% !important;
    display: inline-grid !important;
    line-height: 22px !important;
    padding: 8px 12px !important;
    border-color: var(--color-neutral-light) !important;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--border-radius-micro) !important;
    margin: 0 !important;
    background-image: none !important;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(.37,0,.63,1);
}

.select2-container .select2-choice:hover {
    border-color: #71768E !important;
    color: #71768E !important;
    font-weight: bold !important;
}

.select2-container .select2-choice:focus, .select2-container-active .select2-choice, .select2-container-active .select2-choices {
    font-weight: bold!important;
    line-height: 22px !important;
    color: var(--color-neutral-black) !important;
    background-color: var(--color-neutral-white) !important;
    border-style: solid !important;
    border-color: #71768E !important;
    border-width: var(--border-width-thin) !important;
    box-shadow: none !important;
    outline: none !important;
}

.select2-container.form-control.select2-dropdown-open a.select2-choice {
    border-radius: 12px 12px 0 0 !important;
}

.select2-container.form-control.select2-dropdown-open.select2-drop-above a.select2-choice {
    border-radius: 0 0 12px 12px !important;
}

.select2-container .select2-choice .select2-arrow {
    background: transparent !important;
    border-left: 0 !important;
}

.select2-drop {
    padding: 0 !important;
    list-style: none !important;
    font-size: var(--font-size-tiny) !important;
    text-align: left !important;
    box-shadow: none !important;
    background: var(--color-neutral-white) !important;
    border: 2px solid #71768E !important;
    border-radius: 0 0 12px 12px !important;
    border-top: 0 !important;
}

.select2-results {
    padding: 0 !important;
    margin: 0 !important;
}

.select2-results::-webkit-scrollbar {
    display: block;
    width: 5px;
}

.select2-results::-webkit-scrollbar-track {
    background: transparent;
}

.select2-results::-webkit-scrollbar-thumb {
    background-color: #C4C4C4;
    border-right: none;
    border-left: none;
    border-radius: 40px;
}

.select2-results::-webkit-scrollbar-track-piece:end {
    background: transparent;
    margin-bottom: 10px;
}

.select2-results::-webkit-scrollbar-track-piece:start {
    background: transparent;
    margin-top: 10px;
}

.select2-results li {
    display: block;
    padding: 8px 16px !important;
    margin-left: 0 !important;
    text-decoration: none !important;
    font-family: var(--font-family-base) !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: var(--font-size-nano) !important;
    line-height: 16px !important;
    letter-spacing: -0.03em !important;
    color: var(--color-neutral-dark) !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.select2-results .select2-result-label {
    padding: 0 !important;
}

.select2-results .select2-highlighted {
    background-color: #f7f8f9 !important;
    font-weight: var(--font-weight-bold) !important;
    color: #363844!important;
    border-top: 1px solid #CFD0D8;
    border-bottom: 1px solid #CFD0D8;
}

.select2-results .select2-highlighted:last-child {
    border-radius: 0 0 var(--border-radius-tiny) var(--border-radius-tiny) !important;
}

.select2-drop {
    box-shadow: none !important;
}

.select2-search {
    padding: 0 !important;
}

.select2-search input {
    position: relative;
    padding: 8px 12px !important;
    border: 1px solid #cfd0d8 !important;
    box-shadow: none !important;
    font-weight: var(--font-weight-bold) !important;
    font-size: 12px !important;
    font-family: var(--font-family-base) !important;
    line-height: var(--line-height-large) !important;
    color: #71768E !important;
    background: none !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
}

.select2-search input:hover {
    border-color: var(--color-neutral-light) !important;
    color: var(--color-neutral-black) !important;
}

.select2-search input:focus {
    font-weight: var(--font-weight-bold) !important;
    color: var(--color-neutral-black);
    background-color: var(--color-neutral-white) !important;
    border-style: solid !important;
    border-color: #CFD0D8 !important;
    border-width: 1px !important;
    box-shadow: none !important;
    margin-top: 0 !important;
}

.select2-container .select2-choice .select2-arrow b {
    display: inline-block !important;
    border: solid var(--color-neutral-medium) !important;
    border-width: 0 2px 2px 0 !important;
    padding: 2.3px !important;
    transform: rotate( 45deg ) !important;
    -webkit-transform: rotate( 45deg ) !important;
    background: none !important;
    width: unset !important;
    height: unset !important;
    margin: -5px auto !important;
}

.select2-drop.select2-drop-above {
    margin-top: 2px !important;
    border-top: 2px solid #71768E !important;
    border-radius: 12px 12px 0 0!important;
    border-bottom: 0 !important;
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: transparent !important;
    opacity: var(--opacity-level-weak);
}

/***** Timeline *****/
.rd-form .tab-title {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-small);
    line-height: 32px;
    letter-spacing: var(--letter-spacing-tiny);
    color: #000000;
    margin-bottom: 24px;
    border: 0;
    display: block !important;
}

.rd-form [data-name='tab_solucao'] label {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-dark);
    margin: 0;
}

.rd-form [data-name="tab_solucao"] .textarea {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-black);
    width: 50%;
    opacity: unset;
    outline: none !important;
    border: 0;
    padding: 0;
}

.rd-form .cell.notes-cell {
    background: var(--color-neutral-lightest);
    border-radius: 0;
    margin: 0px 24px;
    padding: 24px 24px 0 !important;
}

.crmEntityFormView .tab .tab-column {
    padding-left: 0 !important;
}

#rd-main .tab-column.col-lg-7 {
    padding-left: 20px;
    padding-right: 0;
}

h3.title-form {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    color: #1B1C22;
    background: #f4f4f6;
    border-bottom: 1px solid #CFD0D8;
    margin: 0;
    padding: 16px;
    border-radius: 16px 16px 0 0;
}

h3.title-form i {
    font-size: 22px;
    margin-right: 8px;
    color: var(--color-neutral-medium);
    vertical-align: text-top;
}

#rd-client .content {
    position: relative;
    background: var(--color-highlight-pure);
    border-radius: 4px 16px 16px 16px;
    padding: 16px 16px 60px 16px;
    color: var(--color-neutral-white);
    min-height: auto;
    margin-bottom: 40px;
    width: 100%;
    margin-left: auto;
    max-width: 480px;
    margin-right: 4px;
}

#rd-client .header .portalcommenticon, #rd-client .header .modifiedon {
    display: none;
}

#rd-client .header .metadata {
    display: block;
    color: var(--color-neutral-white);
}

#rd-client .description p {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-white);
}

#rd-client .content .createdby.text-muted {
    display: none;
}

#rd-client .content .attachment-outer-border {
    border: 0;
}

#rd-client .content .attachment {
    padding: 0;
    margin: 0;
    border: 0;
    background: var(--color-neutral-lightest);
    border-radius: var(--border-radius-micro);
    margin-bottom: var(--spacing-stack-nano);
    width: 100%;
}

#rd-client .attachment .link {
    width: 100%;
}

#rd-client .attachment .link span.fa {
    display: none;
}

#rd-client .content .attachment a.attachment-file {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-nano);
    line-height: 16px;
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-darkest);
    text-decoration: none;
    padding: 16px;
    display: block;
    width: 100%;
}

#rd-client .content .attachment a.attachment-file:after {
    font-family: 'rdicons' !important;
    content: '\e975';
    font-size: 22px;
    position: absolute;
    right: 12px;
}

#rd-client .content .attachment .thumbnail {
    border-radius: var(--border-radius-micro);
    display: none;
}

#rd-client .content .attachment-separator {
    display: none;
}

#rd-client .content .from h5 {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-white);
    margin-bottom: 16px;
    margin-top: 0;
}

#rd-client {
    position: relative;
    margin: auto;
    display: block;
    width: 100%;
}

#rd-client.d-flex {
    position: relative;
    margin: auto;
    display: block;
}

#rd-client .header {
    position: absolute;
    bottom: 0;
    z-index: 99;
    color: var(--color-neutral-white);
    right: 0;
    width: 480px;
}

#rd-client .header .metadata .postedon {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 10px;
    width: 100%;
}

#rd-client .timeago {
    text-align: right;
}

.entity-timeline .note {
    margin-bottom: 0;
    border-top: 0;
    padding-top: 0;
    background-color: transparent !important;
    padding-left: 0;
}

.entity-timeline .note .row .content {
    position: relative;
    padding: 16px 16px 60px 16px;
    background: var(--color-neutral-white);
    border-radius: 16px 4px 16px 16px;
    margin-bottom: 40px;
    margin-left: 0;
    min-height: auto;
    width: 100%;
    max-width: 480px;
}

.entity-timeline .note .row .header .portalcommenticon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: var(--color-neutral-white);
    border-radius: 50px;
    padding: 0;
    text-align: center;
    background-image: url(~/logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    display: none;
}

.rd-crm-icon .content:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: -60px;
    width: 40px;
    height: 40px;
    background: var(--color-neutral-white);
    border-radius: 50px;
    padding: 0;
    text-align: center;
    background-image: url(~/logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
    z-index: 9;
}

.entity-timeline .note .row .header {
    position: relative;
    text-align: left;
    padding-top: 0;
    margin-right: 14px;
    padding: 0;
    z-index: 9;
}

.entity-timeline .note .metadata {
    text-align: left;
    display: block;
    color: var(--color-neutral-medium);
    position: absolute;
    bottom: 0;
}

.entity-timeline .note .row .header .metadata .postedon {
    position: absolute;
    bottom: 40px;
    left: 14px;
    width: 480px;
    padding: 16px;
    text-align: right;
    font-weight: 600;
}

.rd-crm-icon .header .metadata .postedon {
    border-top: 1px solid #DDDD;
}

.rd-client-icon .header .metadata .postedon {
    border-top: 1px solid #005A1B;
}

.entity-timeline .note .metadata .modifiedon {
    display: none;
}

.entity-timeline .note .metadata .modifiedon {
    display: none;
}

.notes .row {
    position: relative;
    margin: 0;
}

.notes .row.d-flex {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
}

.attachment-outer-border .text-muted {
    color: #777777;
    display: none;
}

.entity-timeline .note .attachment-outer-border {
    border: 0;
    padding: 0;
}

.note-attachment {
    padding: 0;
}

.notes .from h5 {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    margin-bottom: 16px;
}

.notes .content .description {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-darkest);
}

.notes .description p {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-darkest);
}

.portalcommenticon .glyphicon.glyphicon-user:before {
    display: none;
}

.icon-download-save-upload.download {
    font-size: 24px;
    vertical-align: inherit;
    float: right;
    margin-top: -5px;
}

.entity-timeline .timelineheader .buttoncontainer .addnote {
    text-decoration: none;
    padding: 12px 16px;
    height: 40px;
    font-size: 12px;
    line-height: 16px;
}

.entity-timeline .timelineheader .title {
    display: none;
}

.entity-timeline .timelineheader {
    position: absolute;
    top: -127px;
    right: -23px;
}

.entity-timeline .timelineheader .buttoncontainer .addnote span.fa {
    display: none;
}

.entity-timeline a.loadmore {
    color: var(--color-neutral-medium);
    font-family: var(--font-family-base);
    font-size: var(--font-size-nano);
    font-weight: var(--font-weight-bold);
    text-align: center;
    background-color: transparent;
    border-radius: var(--border-radius-tiny);
    border: var(--border-width-hairline) solid var(--color-neutral-light);
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    transition-duration: 0.3s;
    text-decoration: none;
}

.entity-timeline a.loadmore:hover {
    color: var(--color-neutral-darkest);
    background-color: rgba(207, 208, 216, 0.32);
    box-shadow: none;
    border-color: transparent;
}

.entity-timeline a.loadmore:focus {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    box-shadow: none;
    border-color: var(--color-neutral-medium);
    border-width: var(--border-width-thin);
    border-style: solid;
    outline: none;
}

.entity-timeline a.loadmore:active {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    border: var(--border-width-thin) solid transparent;
    outline: none;
    box-shadow: none;
}

.entity-timeline a.loadmore:active:focus {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    border: var(--border-width-thin) solid transparent;
    outline: none;
    transform: scale(0.97);
    box-shadow: none;
}

.entity-timeline a.loadmore:disabled {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    opacity: var(--opacity-level-weak);
}

.entity-timeline a.loadmore[disabled]:hover, .entity-timeline a.loadmore[disabled]:focus, .entity-timeline a.loadmore[disabled]:active {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    opacity: var(--opacity-level-weak);
    border-color: var(--color-neutral-light);
}

.entity-timeline a.loadmore span.fa {
    display: none;
}

.entity-timeline {
    max-height: 480px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.entity-timeline::-webkit-scrollbar {
    width: 10px;
}

.entity-timeline::-webkit-scrollbar-track {
    background: #F1F1F1;
}

.entity-timeline::-webkit-scrollbar-thumb {
    background: #888888;
}

.entity-timeline::-webkit-scrollbar-thumb:hover {
    background: #555555;
}

.rd-caixa-main {
    background: #f4f4f6;
    padding: 24px 16px;
    border-radius: 0 0 16px 16px;
}

.form-custom-actions {
    margin: 0;
    height: 0;
}

.rd-crm-icon .content .description p:last-child {
    font-weight: var(--font-weight-bold);
    color: var(--color-highlight-pure);
}

/***** Caixa de texto - timeline *****/
.rd-caixa-texto {
    background: var(--color-neutral-white);
    border: var(--border-width-hairline) solid var(--color-neutral-light);
    border-radius: var(--border-radius-tiny);
    padding: var(--spacing-inset-tiny);
}

.rd-caixa-top {
    display: flex;
    align-items: end;
    justify-content: space-between;
    border-bottom: var(--border-width-hairline) solid var(--color-neutral-lightest);
}

.rd-caixa-bot {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
}

.rd-escreva-aqui {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-medium);
    width: 100%;
    min-height: 40px;
    max-height: 200px;
    border: 0px;
    padding-right: 8px;
    resize: none !important;
}

.rd-escreva-aqui textarea, .rd-escreva-aqui textarea:focus {
    box-shadow: none;
    border: 0 !important;
    margin: 0 0 10px;
}

/***** scroll *****/
.rd-escreva-aqui::-webkit-scrollbar {
    width: 5px;
}

.rd-escreva-aqui::-webkit-scrollbar-track {
    background: #F1F1F1;
}

.rd-escreva-aqui::-webkit-scrollbar-thumb {
    background: var(--color-neutral-light);
}

.rd-escreva-aqui::-webkit-scrollbar-thumb:hover {
    background: #555555;
}

.rd-anexar-arquivo input[type="file"] {
    display: none;
}

.rd-main-anexo {
    width: 150px;
}

.rd-lista {
    display: flex;
    list-style-type: none;
}

.rd-chackbox {
    display: flex;
    flex-grow: 1;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
}

.rd-checkbox-btn {
    border: var(--border-width-thin) solid var(--color-neutral-light);
    border-radius: 2px;
    width: 16px;
    height: 16px;
}

.rd-caixa-bot ul {
    padding: 0px;
}

.rd-chackbox .form-group.form-check {
    margin-bottom: 0;
}

.rd-chackbox label {
    font-weight: normal;
}

.rd-gurpo-botao i {
    font-size: 19px;
    margin-right: 8px;
}

.rd-gurpo-botao .rd-btn-drop {
    padding: 12px !important;
    box-shadow: none !important;
}

.rd-gurpo-botao .rd-btn-drop span {
    font-size: 19px
}

.dropdown-menu.rd-lista-envio li {
    border-bottom: var(--border-width-hairline) solid var(--color-neutral-lightest);
}

.dropdown-menu.rd-lista-envio li:last-child {
    border-bottom: 0;
}

/***** SEARCH *****/
.case-deflection .panel-default > .panel-heading {
    background-color: transparent;
    padding: 0;
    border: 0;
    color: #363844;
}

.case-deflection .panel-default > .panel-heading span.fa {
    display: none;
}

.case-deflection .panel-default > .panel-heading span {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    color: var(--color-neutral-darkest);
}

.case-deflection .panel {
    border: 0;
    box-shadow: none;
    background: transparent;
}

.case-deflection .panel-body {
    padding: 0;
}

.case-deflection .search-clear-container {
    display: none;
}

.case-deflection .panel-footer {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.case-deflection {
    margin-bottom: 24px;
    border-bottom: var(--border-width-hairline) solid var(--color-neutral-light);
}

.case-deflection .panel > .list-group .list-group-item {
    background: transparent;
    border: 0;
    padding: 0;
}

.case-deflection .content-panel .list-group-item .list-group-item-text {
    display: none;
}

.case-deflection .label.label-primary {
    display: none;
}

.case-deflection .list-group-item-heading a {
    width: 100%;
    background: var(--color-neutral-white);
    border-radius: var(--border-radius-micro);
    display: block;
    text-decoration: none;
    padding: 16px;
    margin-bottom: 4px;
}

.case-deflection .list-group-item-heading a:hover {
    background-color: var(--color-neutral-light);
    color: var(--color-neutral-darkest)
}

.case-deflection .list-group-item-heading a:after {
    font-family: 'rdicons' !important;
    content: "\e94f";
    color: var(--color-highlight-pure);
    font-size: 20px;
    vertical-align: middle;
    float: right;
}

.case-deflection .input-group input {
    border-radius: 0;
    border: 0 !important;
    line-height: 40px;
}

.case-deflection .panel-body:after {
    content: "Comece a digitar para ver sugestoes";
    width: 100%;
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: 10px;
    line-height: 16px;
    color: var(--color-neutral-medium);
    margin-bottom: 24px;
    margin-left: 15px
}

.btn.btn-default.search-more span.fa {
    display: none;
}

.btn.btn-default.search-more {
    color: var(--color-neutral-white);
    font-family: var(--font-family-base);
    font-size: var(--font-size-nano);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tiny);
    text-align: center;
    background-color: var(--color-highlight-pure);
    border-radius: var(--border-radius-tiny);
    border: var(--border-width-thin) solid transparent;
    padding: 0 16px;
    height: 40px;
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    transition-duration: 0.3s;
    margin: 4px 0;
    margin-top: 16px;
}

.btn.btn-default.search-more:hover {
    background-color: var(--color-highlight-light);
    box-shadow: none;
    border-color: var(--color-highlight-light);
}

.btn.btn-default.search-more:focus {
    color: var(--color-neutral-white);
    background-color: var(--color-highlight-light);
    border-color: var(--color-highlight-pure);
    border-width: var(--border-width-thin);
    border-style: solid;
    outline: none;
    box-shadow: none;
}

.btn.btn-default.search-more:active {
    color: var(--color-neutral-white);
    background-color: var(--color-highlight-dark);
    border-color: var(--color-highlight-dark);
    text-decoration: none;
    box-shadow: none;
}

.btn.btn-default.search-more:active:focus {
    color: var(--color-neutral-white);
    background-color: var(--color-highlight-dark);
    outline: none;
    border: var(--border-width-thin) solid transparent;
    transform: scale(0.97);
}

.btn.btn-default.search-more:disabled {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    opacity: var(--opacity-level-weak);
}

.btn.btn-default.search-more[disabled]:hover, .btn.btn-default.search-more[disabled]:focus, .btn.btn-default.search-more[disabled]:active {
    background-color: var(--color-neutral-light);
    border-color: var(--color-neutral-light);
    color: var(--color-neutral-darkest);
    opacity: var(--opacity-level-weak);
}

/***** Accordion *****/
.rd-article.input-group input {
    border-radius: 7px;
    background-color: transparent;
}

.rd-article.input-group button i {
    font-size: 22px;
    vertical-align: text-bottom;
    color: var(--color-highlight-pure);
}

.main-article .panel-group {
    margin-bottom: 16px;
}

.main-article .panel-group .panel .panel-heading .panel-title a {
    display: block;
    width: 100%;
    padding: 22px 30px;
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-tiny);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: #007033;
    border-radius: 16px 16px 0 0;
    margin-bottom: 0;
    background: #E9F1ED;
}

.main-article .panel-group .panel .panel-heading .panel-title a.collapsed {
    border-radius: 16px;
}

.main-article.btn-category {
    margin-top: 30px;
}

.main-article .panel-title > a:hover {
    background-color: var(--color-neutral-light);
    color: var(--color-neutral-darkest) !important;
}

.main-article .panel-title > a:before {
    font-family: 'rdicons' !important;
    content: "\e94d" !important;
    color: var(--color-highlight-pure);
    float: right !important;
}

.main-article .panel-title > a.collapsed:before {
    font-family: 'rdicons' !important;
    content: "\e94a" !important;
    color: var(--color-highlight-pure);
    float: right !important;
}

.main-article .panel-collapse.collapse .panel-body {
    border-top: 1px solid transparent;
}

.main-article .panel.panel-default {
    border-radius: var(--border-radius-micro);
    padding: 0;
    margin-bottom: 4px;
}

.main-article.btn-category .panel.panel-default {
    margin-bottom: 20px
}

.main-article .panel-body {
    border-top: var(--border-width-hairline) solid var(--color-neutral-lightest) !important;
    padding: var(--spacing-stack-tiny) 0;
    margin: 0 30px;
}

.main-article .panel-group .panel-default > .panel-heading {
    padding: 0;
}

.main-article .panel-footer {
    padding: 25px;
    padding-top: 0;
    background: transparent;
}

.main-article .panel-footer #maisajudaTileWidget_0 {
    justify-content: left;
    padding-right: 0px !important;
    padding-left: 12px;
}

.main-article .panel-footer #btnResolveu_0 {
    justify-content: right !important;
    padding-right: 12px !important;
}

.main-article .panel-footer .content-footer {
    background: #E3F7E7;
    border-radius: var(--border-radius-micro);
    padding: var(--spacing-stack-tiny);
    display: inline-block;
    width: 100%;
}

.main-article .content-footer .form-group {
    margin-bottom: 0;
}

.main-article .content-footer .form-group button, .main-article .content-footer .form-group a {
    margin: 16px 8px 0 0;
    margin-bottom: 0;
}

.main-article .content-footer .form-group button i, .main-article .content-footer .form-group a i {
    font-size: 15px;
    vertical-align: text-top;
    margin-right: 6px;
}

.main-article.btn-category .panel-body {
    border-top: none !important;
    padding: 30px;
    margin: 0;
    background: #E9F1ED;
    border-radius: 0 0 15px 15px;
}

.main-article .panel-collapse {
    background: #E9F1ED;
    border-radius: 0 0 16px 16px;
}

.panel-footer .content-footer label {
    color: #007033;
}

.btn-page {
    color: #005034 !important;
    border-color: #007033 !important;
}

/***** Button article *****/
.main-article #artigotiles-0 {
    margin-top: -10px;
}

#rd-assuntos {
    padding-bottom: 15px;
}

#rd-ajuda {
    padding-bottom: 23px;
}

#rd-motivo {
    padding-bottom: 23px;
}

#rd-ajuda .select2-container .select2-choice {
    height: 48px !important;
    padding: 12px 16px!important;
    font-size: 14px !important;
    font-weight: 500!important;
}

#rd-ajuda .select2-results .select2-highlighted {
    font-weight: 500 !important;
}

#rd-ajuda .select2-results li {
    font-weight: 500 !important;
    font-size: 14px !important;
}

#rd-motivo .select2-container .select2-choice {
    height: 48px !important;
    padding: 12px 16px!important;
    font-size: 14px !important;
    font-weight: 500!important;
}

#rd-motivo .select2-results .select2-highlighted {
    font-weight: 500 !important;
}

#rd-motivo .select2-results li {
    font-weight: 500 !important;
    font-size: 14px !important;
}

.rd-title-atendimento {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: 20px;
    line-height: var(--line-height-large);
    color: var(--color-neutral-darkest);
    margin-bottom: 20px;
}

.btn-article {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    /*color: var(--color-neutral-medium);*/
    color: #6A7086;
    text-align: left;
    background: var(--color-neutral-white);
    /*border: var(--border-width-thin) solid var(--color-neutral-lightest);*/
    border: 1px solid #6A7086;
    padding: 13px 16px 13px 16px;
    border-radius: 8px;
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    transition-duration: 0.3s;
    margin-bottom: 8px;
    width: 100%;
}

.btn-article:hover {
    /*background-color: var(--color-neutral-light);*/
    background-color: #D7F0E2;
    color: var(--color-neutral-darkest);
}

.btn-article:focus {
    outline: none;
    box-shadow: none;
}

.btn-article:active:focus {
    outline: none;
}

.btn-article.btn-active {
    /*color: var(--color-neutral-white);*/
    color: #0F8143;
    /*background-color: var(--color-neutral-dark);*/
    background-color: #D7F0E2;
    box-shadow: none;
    border: 1px solid #0F8143;
}

.main-attendance hr {
    border-top: 1px solid #575757 !important;
    margin-top: 10px;
    margin-bottom: 30px;
}

.rd-title {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    color: var(--color-neutral-darkest);
    margin-bottom: 24px;
}

#rd-tiles-assuntos {
    margin-bottom: 20px;
}

/***** Search - filter *****/
.grid-actions ul.nav {
    margin: 0;
    width: 100%;
    margin-right: -15px;
    margin-left: -15px;
}

.entitylist-filter-option-group .h4 {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    color: var(--color-neutral-darkest);
    margin: 0;
}

#rd-periodo li.entitylist-filter-option:first-child {
    display: none;
}

#rd-periodo li.entitylist-filter-option:nth-child(2) {
    display: none;
}

.entitylist-filter-option .input-group-addon {
    display: none;
}

.entitylist-filter-option .input-group {
    border: 0;
    box-shadow: none;
    width: 100%;
    margin: 4px 0;
}

.entitylist-filter-option select {
    margin: 1px 0;
    border-radius: var(--border-radius-micro) !important;
    font-size: 12px;
    height: 39px
}

.entitylist-filter-option .input-group:focus-within {
    border-style: unset !important;
    box-shadow: none;
}

.entitylist-filter-option select:focus-within {
    font-weight: var(--font-weight-bold);
    color: var(--color-neutral-black);
    background-color: var(--color-neutral-white);
    border-style: solid !important;
    border-color: var(--color-neutral-light) !important;
    border-width: var(--border-width-thin) !important;
    box-shadow: none;
}

.entitylist-filter-option .input-group .form-control:focus {
    border-style: solid !important;
    border-color: var(--color-neutral-light) !important;
    border-width: var(--border-width-thin) !important;
}

#dtShipmentDateRange span {
    vertical-align: baseline;
    line-height: 22px;
    font-size: 12px;
    width: 110px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
}

#rd-excel {
    margin-top: 25px;
}

#rd-excel .dropdown-menu {
    right: 23px;
    left: auto;
    top: 40px;
}

.daterangepicker .drp-buttons .btn {
    line-height: 0;
}

.content-panel.entitylist-filter {
    box-shadow: none;
    background: transparent;
    border: 0;
    margin: 0;
}

.content-panel.entitylist-filter .panel-body {
    padding: 0;
    margin: 0;
}

#entitylist-filters {
    margin: 0 0 28px;
    margin-left: -12px;
    margin-right: -12px;
}

#entitylist-filters.list-inline > li {
    padding-right: 12px;
    padding-left: 12px;
}

#rd-tipo .view-select {
    width: 100%;
}

#rd-tipo .view-select li {
    width: 100%;
}

#rd-novo .dropdown-menu {
    border: 2px solid #71768E;
    border-radius: 12px;
}

#rd-novo a {
    margin-top: 24px;
}

#link-excel a {
    margin-top: 0 !important;
}

#rd-novo .dropdown {
    float: right;
    margin-left: 5px;
    margin-top: 20px;
}

#rd-novo.btn-left .dropdown {
    float: left;
}

#rd-tipo .selected-view.dropdown-toggle {
    margin: 5px 0 0;
}

#rd-excel {
    padding-right: 0 !important;
    text-align: center;
}

#rd-excel button {
    margin: 0;
}

#rd-novo {
    padding-right: 0 !important;
}

#dtShipmentDateRange {
    height: 40px;
    margin-top: 5px;
    line-height: 16px;
}

#dtShipmentDateRange i {
    font-size: 24px
}

.view-toolbar ul, .view-toolbar a {
    display: none;
}

.pull-right.toolbar-actions .input-group:last-child {
    display: none;
}

.btn.btn-default.btn-entitylist-filter-submit {
    display: none;
}

/***** Page - Home Lojista *****/
.container-banner {
    position: relative;
}

.titulo-home {
    color: #fff !important;
    position: absolute;
    bottom: 30px;
    z-index: 1;
    left: 11px;
}

.titulo-home p, .titulo-home h1 {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.titulo-home p {
    font-size: 36px;
    margin-bottom: 0px;
}

.titulo-home h1 {
    font-size: 48px;
    margin-top: 0px;
}

.layer_up {
    padding-top: 35px;
}

.bg-home {
    background-color: #7DBB80;
    position: absolute;
    width: 100%;
    height: 300px;
    z-index: 0;
    margin-top: 10px;
}

.search-home {
    margin-bottom: 35px;
}

.titulo-search-home {
    font-size: 16px;
    color: #fff;
    padding-bottom: 10px;
}

.panel-home {
    background-color: transparent;
    margin-bottom: 35px !important;
}

.panel-group .panel-home > .panel-heading {
    padding: 0;
}

.panel-group .panel-default > .panel-heading > .panel-title.collapsed {
    padding: 22px 24px;
    background-color: #E9F1ED !important;
    border-radius: 16px;
    border-color: transparent;
}

.panel-group .panel-home > .panel-heading > .panel-title {
    padding: 22px 24px;
    background-color: #E9F1ED !important;
    border-radius: 16px 16px 0 0;
    border-color: transparent;
}

.panel-body-home {
    background: #E9F1ED;
    border-radius: 0 0 16px 16px;
    padding: 0 29px 22px;
}

.panel-body-home .panel.panel-default {
    background: transparent;
}

.panel-group .panel-home > .panel-heading a {
    color: #726E6E !important;
    text-align: left;
    font-size: 18px;
}

.panel-icon {
    line-height: 29px !important;
    font-weight: 600 !important;
    color: #726E6E;
}

.panel-home .list-group .list-group-item {
    border-bottom: transparent !important;
    color: #726E6E !important;
    font-weight: 500 !important;
}

.panel-home .list-group .list-group-item:hover {
    background-color: transparent !important;
    text-decoration: underline !important;
}

.panel-body.panel-body-home .category-main ul li {
    margin: 0;
}

.category-item:hover {
    background-color: transparent !important;
    text-decoration: underline !important;
}

.category-body {
    margin-top: 0 !important;
}

.row.sidebar-category h2 {
    font-size: 20px;
    font-weight: 700;
}

.row.sidebar-category .articles-item {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    color: #726E6E !important;
}

.row.sidebar-category .articles-item span {
    margin-top: 0 !important;
    margin-left: 8px;
    white-space: nowrap;
    height: 22px;
}

.row.sidebar-category a.articles-item:hover {
    text-decoration: underline;
}

.imagem-artigos-home {
    width: 100%;
    margin-top: 88px;
}

.panel-body-home ul li a {
    font-weight: normal;
    text-decoration: none;
    transition: .3s;
    display: list-item;
}

.panel-body-home ul li a:hover {
    text-decoration: underline;
}

.category-main ul li {
    margin-bottom: 20px;
}

.category-main ul {
    padding: 0 19px;
}

/***** Page - pedido *****/
.banner-page {
    position: relative;
    margin: 0;
    padding: 0;
}

.banner-page img {
    width: 100%;
}

.card-search {
    background: #7DBB80;
    padding: 32px;
}

.card-search label {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 6px
}

.rd-main-box {
    background: var(--color-neutral-lightest);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    margin: 16px 0 0;
}

.rd-product .rd-content-box #list-product {
    max-height: 280px;
    overflow-y: auto;
}

.rd-product .rd-content-box #list-product::-webkit-scrollbar {
    width: 10px;
}

.rd-product .rd-content-box #list-product::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.rd-product .rd-content-box #list-product::-webkit-scrollbar-thumb {
    background: #888;
}

.rd-product .rd-content-box #list-product::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.rd-main-box .rd-title-box {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-tiny);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: #FFFFFF;
    border-bottom: var(--border-width-hairline) solid var(--color-neutral-light);
    padding: 15px 24px;
    background: #7DBB80;
    border-radius: 16px 16px 0 0;
}

.rd-main-box .rd-title-box i {
    color: #FFFFFF;
    font-size: 22px;
    vertical-align: sub;
    margin-right: 7px;
    padding-right: 10px;
    border-right: 2px solid #FFFFFF;
}

.rd-main-box .rd-content-box {
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 16px 16px;
}

.rd-main-box .rd-info-box span {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-dark);
}

.rd-main-box .rd-info-box p {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: 700;
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: #1B1C22;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.rd-main-box .rd-info-box p span {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: #494B5B;
    margin-bottom: 16px;
    margin-left: 10px;
    text-transform: capitalize;
}

.rd-product .rd-title-box {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-tiny);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-black);
    border: 0;
    padding: 24px 24px 16px
}

.rd-product .rd-content-box {
    background: var(--color-neutral-white);
    padding: 16px;
    margin: 0 24px 24px;
    display: flex;
    flex: 1;
    border-radius: 8px;
    flex-direction: column;
}

.rd-product .rd-content-box ul {
    margin-left: 0;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
}

.rd-product .rd-content-box ul .rd-main-list {
    display: flex;
    list-style-type: none;
    border-bottom: var(--border-width-hairline) solid var(--color-neutral-lightest);
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.rd-product .rd-content-box ul .rd-main-list:last-child {
    display: flex;
    list-style-type: none;
    border-bottom: 0;
    margin-bottom: 30px;
    padding-bottom: 0;
}

.rd-product .rd-main-product {
    display: flex;
    flex-grow: 1;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
}

.rd-product .rd-main-product .rd-info-product {
    margin: 0 8px;
    direction: rtl;
}

.rd-product .rd-main-product .rd-info-product h3 {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-black);
    margin: 0;
}

.rd-product .rd-main-product .rd-info-product span {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-nano);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-medium);
    display: block;
}

.rd-product .rd-main-product .rd-info-product span:last-child {
    font-weight: normal;
}

.rd-product .rd-product-value {
    display: flex;
    justify-content: flex-end;
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-tiny);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-black);
    align-items: center;
    padding-right: 16px;
}

.rd-product-total {
    background: var(--color-neutral-lightest);
    padding: 8px 16px;
    width: 100%;
    margin-top: auto;
    border-radius: var(--border-radius-micro);
}

.rd-info-total {
    width: 100%;
}

.rd-info-total div {
    width: 100%;
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-tiny);
    line-height: var(--line-height-huge);
    color: var(--color-neutral-black);
    margin-bottom: 8px;
}

.rd-info-total div span {
    float: right;
}

.rd-info-total div:last-child {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-tiny);
    line-height: var(--line-height-large);
    color: var(--color-neutral-black);
    margin-bottom: 0;
}

.rd-main-product > div img {
    border: var(--border-width-hairline) solid var(--color-neutral-lightest);
    border-radius: var(--border-radius-micro);
    width: 56px;
    height: 56px;
    object-fit: contain;
    padding: 4px;
}

.detalhe-pedido h1 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.03em;
    color: #007033;
    margin-bottom: 20px;
}

.detalhe-pedido h1 > span {
    float: right;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #007033;
}

.pg-pedido h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #494B5B;
    margin-bottom: 24px;
}

.search-error h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #494B5B;
    margin-top: 44px;
}

.search-error p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #71768E;
}

.search-error .image-error {
    float: right;
    margin-top: 170px;
}

.main-result-search {
    position: relative;
    background: #E9F1ED;
    margin-top: 70px;
    padding: 42px 0;
    margin-bottom: 40px;
}

.main-result-search .result-search h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    color: #726E6E;
    font-size: 24px;
}

.main-result-search .result-search h2 span {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    color: #030616;
    font-size: 24px;
}

.result-search {
    position: relative;
}

.result-search img {
    position: absolute;
    width: 330px;
    height: 200px;
    right: 0;
    bottom: -70px;
}

.bread-header h1 {
    font-size: 24px;
    color: #726E6E;
}

.bread-header h1 span {
    color: #030616;
}

.footer-table p {
    color: #1B1C22;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
}

.table.table-product th {
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.table.table-product th:first-child {
    padding-left: 0;
    text-align: left;
}

.table.table-product > tbody > tr > td:first-child {
    padding-left: 0;
    text-align: left;
    white-space: pre-line;
}

.table.table-product > thead > tr > td, .table.table-product > tbody > tr > td, .table.table-product > tfoot > tr > td {
    text-align: center;
}

.footer-table p span {
    font-weight: 400;
    margin-left: 10px;
    text-transform: capitalize;
}

.rd-info-box a {
    font-size: 14px;
    color: #007033;
    text-decoration: none;
}

.rd-content-box .col-md-12, .rd-content-box .col-md-6, .rd-content-box .col-md-4, .rd-content-box .col-md-3 {
    padding-right: 12px;
    padding-left: 0;
}

.pedido-valor {
    position: relative;
    color: #1B1C22;
    font-weight: 700;
    margin: 0;
}

.pedido-valor span {
    color: #494B5B;
    font-weight: 600;
    font-size: 36px;
    margin: 0;
}

.pedido-valor b {
    color: #494B5B;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    top: -15px;
    margin-left: 0px;
}

.div-vertical {
    top: 50px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.msg-ped {
    font-size: 14px;
    font-weight: bold;
    color: #DF0688;
}

.modal-pedido .modal-title {
    font-size: 22px;
    color: #494B5B;
}

.modal-pedido .modal-body {
    text-align: center;
}

.modal-pedido .modal-body img {
    width: 200px;
}

.modal-body .pull-right.toolbar-actions .input-group:last-child {
    display: inline-flex;
}

.modal-pedido p {
    font-size: 16px;
    color: #494B5B;
    text-align: center;
    font-weight: 600;
}

/***** Abrir protocolo *****/
.rd-abrir-protocolo .panel {
    border: none;
    box-shadow: none;
    margin-bottom: 10px;
    position: relative;
    background-color: transparent;
    min-height: 177px;
}

.rd-abrir-protocolo .panel:after {
    content: "";
    width: 2px;
    height: 100%;
    background: var(--color-neutral-light);
    position: absolute;
    top: 19px;
    left: 19px;
}

.rd-abrir-protocolo .panel:last-child:after {
    display: none;
}

.rd-abrir-protocolo .panel-heading {
    padding: 0;
    border: none;
    background: transparent;
}

.rd-abrir-protocolo .panel-title a, .rd-abrir-protocolo .panel-title a:hover {
    display: block;
    padding: 0 24px 24px 70px;
    color: var(--color-neutral-darkest) !important;
    position: relative;
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    text-align: left;
}

.rd-abrir-protocolo .panel-title a.collapsed {
    padding: 24px 24px 24px 70px;
}

.rd-abrir-protocolo .panel-title a:after {
    content: " ";
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--color-highlight-pure);
    border: var(--border-width-thin) solid var(--color-highlight-pure);
    border-radius: 50%;
    font-size: 18px;
    font-weight: normal;
    color: var(--color-neutral-white);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.rd-abrir-protocolo .panel-title a.collapsed:after {
    background: var(--color-neutral-lightest);
    border: var(--border-width-thin) solid var(--color-neutral-lightest);
    color: var(--color-neutral-medium);
}

.rd-abrir-protocolo .panel-body {
    padding: 10px 20px 10px 70px;
    border: none;
}

.rd-abrir-protocolo .panel-title > a:before {
    display: none !important;
}

.rd-abrir-protocolo .panel-title > a.collapsed:before {
    display: none !important;
}

.rd-abrir-protocolo .panel-title a span {
    display: inline-block;
}

.rd-abrir-protocolo .panel-title a.collapsed span {
    display: none;
}

.rd-panel a i {
    position: absolute;
    left: 15px;
    top: 10px;
    z-index: 9;
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-white);
}

.rd-panel a.collapsed i {
    position: absolute;
    left: 15px;
    top: 10px;
    z-index: 9;
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-micro);
    line-height: var(--line-height-large);
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-medium);
}

/***** Article *****/
.btn-toolbar {
    display: none;
}

#found-my-answer-bottom-comments {
    text-align: right;
    display: none;
}

#article-rating {
    padding-left: 0;
    margin: 20px 0;
}

.knowledge-article {
    padding-left: 3px;
    padding-right: 3px;
}

/***** Organic tabs *****/
.tabbable-panel {
    margin-top: 20px
}

.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}

.tabbable-line > .nav-tabs > li {
    margin-right: 2px;
}

.tabbable-line > .nav-tabs > li > a {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: 600;
    font-size: var(--font-size-tiny);
    line-height: var(--line-height-large);
    border: 0;
    margin-right: 0;
    color: var(--color-neutral-medium);
    text-decoration: none;
}

.tabbable-line > .nav-tabs > li:first-child > a {
    padding-left: 0;
}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: var(--border-width-thin) solid var(--color-highlight-pure);
}

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: var(--color-highlight-pure);
}

.tabbable-line > .nav-tabs > li.active {
    border-bottom: var(--border-width-thin) solid var(--color-highlight-pure);
    position: relative;
}

.tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: var(--color-highlight-pure);
    text-decoration: none;
    background: transparent;
}

.tabbable-line > .tab-content {
    margin-top: -1px;
    background-color: transparent;
    border: 0;
    border-top: var(--border-width-thin) solid var(--color-neutral-light);
    padding: 48px 0;
}

/***** Modelo tabs *****/
.paragrafo {
    display: inline-block;
    margin: 20px 0;
    color: #71768E;
}

.btn-selected {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: #726E6E;
    border: 0;
    background: #E9F1ED;
    border-radius: 18px;
    padding: 35px 15px;
    margin-bottom: 30px;
    min-height: 150px;
    width: 100%;
    transition: .3s;
}

.btn-selected:hover {
    color: #FFFFFF;
    background: #3F9656;
}

.btn-selected.active {
    color: #FFFFFF;
    background: #3F9656;
}

/***** Footer Logado *****/
.footer-logado {
    background: #007033;
    color: #FFFFFF;
    padding: 40px 0 0;
}

.footer-logado img {
    height: 48px;
}

.footer-logado p {
    color: #FFFFFF;
    text-decoration: none;
}

.footer-logado a {
    color: #FFFFFF;
    text-decoration: none;
}

.footer-logado a:hover {
    color: #73b892;
    text-decoration: none;
}

.footer-logado .copy p {
    text-align: center;
    margin-bottom: 0;
    font-size: 12px;
}

.footer-logado .copy {
    background: #007033;
    padding: 10px 0;
    margin-top: 40px;
    border-top: 1px solid #1a7f48;
}

.background-footer {
    width: 100%;
}

/***** Animation *****/
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
    }
}

/***** Midia Query *****/
@media (min-width: 1778px) {
    .fixed .wrapper-body, .fixed .right-side {
        margin: 0 auto;
        max-width: 1440px;
        padding-left: calc(290px + 24px);
    }
}

@media (min-width: 1200px) {
    .skin-blue .container {
        width: auto;
    }

    .body-login .container {
        padding-right: 15px;
    }
}

@media (min-width: 768px) {
    .sidebar-collapse .wrapper-body, .sidebar-collapse .main-footer {
        margin-left: 0;
    }

    .sidebar-collapse .main-sidebar {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }

    .sidebar-mini.sidebar-collapse .wrapper-body, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 0;
        z-index: 840;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 0;
        z-index: 850;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li {
        position: relative;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
        margin-right: 0;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
        border-top-right-radius: 4px;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
        border-bottom-right-radius: 4px;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
        display: none !important;
    }

    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 50px;
    }

    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 18px;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar .logo > .logo-mini img {
        width: 30px;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar .logo > .logo-lg {
        display: none;
    }

    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 0;
    }
}

@media (max-width: 1020px) {
    .sidebar-toggle {
        display: block;
    }

    .sidebar-mini-expand-feature.sidebar-open .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 290px;
        z-index: 850;
    }

    .sidebar-mini-expand-feature .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 0;
        z-index: 850;
    }

    .skin-blue .main-header .navbar {
        padding: 16px 40px;
        height: 72px;
    }

    .fixed .wrapper-body, .fixed .right-side {
        padding-top: calc(88px + 48px);
        padding-right: 15px;
        padding-left: 15px;
    }

    .sidebar-mini-expand-feature .logo {
        display: none;
    }

    .sidebar-mini-expand-feature.sidebar-open .logo {
        display: block;
    }

    .overlay {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 99;
        background: rgba(29, 29, 31, 0.6);
        visibility: hidden;
        opacity: 0;
    }

    .sidebar-open .overlay {
        visibility: visible;
        opacity: 1;
    }

    #navbar-mobile {
        display: block;
    }

    .sidebar-menu li:nth-last-child(2) {
        margin-bottom: 65px;
    }

    .sidebar-mini-expand-feature .sidebar-menu .empresa {
        transform: translateX(-100%);
    }

    .sidebar-mini-expand-feature.sidebar-open .sidebar-menu .empresa {
        bottom: 12px;
        transform: translateX(0);
        -webkit-transition: 0.3s ease-out;
        -moz-transition: 0.3s ease-out;
        -o-transition: 0.3s ease-out;
        transition: 0.3s ease-out;
    }
}

@media (max-width: 991px) {
    .main-header .navbar-custom-menu a, .main-header .navbar-right a {
        color: inherit;
       /* background: transparent; */
    }

    .navbar-custom-menu .navbar-nav > li {
        float: left;
    }

    .navbar-custom-menu .navbar-nav {
        margin: 0;
        float: left;
    }

    .navbar-custom-menu .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px;
    }

    .navbar-collapse.pull-left {
        float: none !important;
    }

    .navbar-collapse.pull-left + .navbar-custom-menu {
        display: block;
        position: absolute;
        top: 0;
        right: 40px;
    }

    .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
        background: var(--color-neutral-white) !important;
        color: #444444 !important;
    }

    .navbar-custom-menu > .navbar-nav {
        float: right;
    }

    .navbar-custom-menu > .navbar-nav > li {
        position: static;
    }

    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #DDDDDD;
        background: var(--color-neutral-white);
    }
}

@media (max-width: 767px) {
    .fixed .wrapper-body, .fixed .right-side {
        padding-top: 100px;
    }

    .wrapper-body, .main-footer {
        margin-left: 0;
    }

    .main-header .navbar-right {
        float: none;
    }

    .navbar-collapse .main-header .navbar-right {
        margin: 7.5px -15px;
    }

    .main-header .navbar-right > li {
        color: inherit;
        border: 0;
    }

    .main-header {
        position: relative;
    }

    .main-header .logo, .main-header .navbar {
        width: 100%;
        float: none;
    }

    .main-header .navbar {
        margin: 0;
    }

    .main-header .navbar-custom-menu {
        float: right;
    }

    .main-sidebar {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }

    .sidebar-open .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

[data-name="tab_solucao"].tab.clearfix {
    margin-top: 40px !important;
}

/***** Layout *****/
#wrapper {
    padding-left: 105px;
    transition: all 0.4s ease 0s;
}

#content-wrapper {
    width: 100%;
    margin-top: 80px;
    padding: 64px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: revert;
}

.content-wrapper-main {
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: revert;
}

.space-header {
    height: 80px;
}

.space-header-not {
    height: 80px;
}

/****** Menu superior ******/
.main-header .img-header {
    height: 48px;
    vertical-align: super;
}

.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #007033;
    height: 80px;
    line-height: 80px;
    z-index: 100;
    padding: 16px 24px;
}

.main-header h3 {
    margin: 0;
    display: inline-block;
}

.navbar-logged .dropdown-toggle {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.03em;
    color: #494B5B;
    background: #F4F4F6;
    border-radius: 8px;
    text-decoration: none;
    padding: 12px 16px;
    margin-right: 8px;
    transition: 0.3s;
}

.navbar-logged .dropdown-toggle span {
    font-size: 18px;
    margin-left: 8px;
    vertical-align: bottom;
}

.navbar-logged .dropdown-toggle:hover, .navbar-logged .dropdown-toggle:focus, .navbar-logged .dropdown-toggle:active {
    background: rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    box-shadow: none;
    outline: none;
}

.navbar-logged .nav .open>a, .navbar-logged .nav .open>a:focus, .navbar-logged .nav .open>a:hover {
    background: rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    box-shadow: none;
    outline: none;
}

.navbar-logged.navbar-right {
    float: right!important;
    margin: 4px 0;
}

.dropdown-iniciais {
    background-color: #494B5B;
    color: white;
    display: inline-block;
    padding: 8px;
    border-radius: 50%;
    margin: -8px 10px -10px 0px;
}

.navbar-logged .btn-notification {
    width: 40px;
    height: 40px;
    color: #494B5B;
    line-height: 24px;
    background: #F4F4F6;
    border-radius: 8px;
    text-decoration: none;
    padding: 7px;
    transition: 0.3s;
    box-sizing: border-box;
    margin-right: 7px;
}

.navbar-logged .btn-notification i {
    font-size: 24px;
}

.navbar-logged .btn-notification:hover, .navbar-logged .btn-notification:focus, .navbar-logged .btn-notification:active {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    outline: none;
}

.navbar-logged .dropdown-menu.dropdown-menu-left {
    right: 8px;
    left: auto;
    margin-top: 5px !important;
    border-radius: var(--border-radius-tiny) !important;
    border: 2px solid #F4F4F6;
}

.navbar-logged .dropdown-menu.dropdown-menu-left li a {
    border: 0;
}

.navbar-logged .dropdown-menu.dropdown-menu-left li a:hover {
    background: #f7f8f9;
    border: 0;
}

#show-menu {
    display: none;
}

.dropdown-menu>li.logout>a {
    color: #DF0688 !important;
}

.dropdown-menu>li.logout>a span {
    float: right;
    font-size: 16px
}

/***** Menu lateral *****/
.sidebar-icon {
    position: fixed;
    left: 0;
    top: 80px;
    list-style: none;
    margin: 0;
    padding: 24px;
    width: 105px;
    height: 100%;
    background: #F4F4F6;
    text-align: center;
    border-right: 1px solid #CFD0D8;
    z-index: 100;
    overflow-x: auto;
    padding-bottom: 80px;
}

.sidebar-icon::-webkit-scrollbar {
    width: 5px;
}

.sidebar-icon::-webkit-scrollbar-track {
    background: #FFF;
}

.sidebar-icon::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px
}

.sidebar-icon::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.sidebar-icon li a {
    color: #71768E;
    display: block;
    width: 56px;
    height: 56px;
    margin-bottom: 8px;
    padding: 16px;
    text-decoration: none;
    border-radius: 8px;
    text-align: center;
    margin-left: 0;
}

.sidebar-icon li a i {
    font-size: 24px;
}

.sidebar-icon li.disabled a, .sidebar-icon li.disabled a:hover {
    background: #e1e1e1;
    color: #71768E;
    opacity: 0.5;
    cursor: not-allowed;
}

.sidebar-icon li.active-href a {
    background: #007033;
    color: #FFFFFF;
}

.sidebar-icon li a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: #7DBB80;
    border-radius: 8px;
}

.sidebar-header {
    background: #767197;
    height: 64px;
    line-height: 60px;
}

.sidebar-group {
    position: fixed;
    top: 80px;
    left: 105px;
    width: 320px;
    list-style: none;
    margin: 0;
    padding: 32px 24px;
    background: #F4F4F6;
    box-shadow: 4px 0px 80px #D3D4DC;
    height: 100%;
    z-index: 99;
}

.sidebar-group li {
    margin-bottom: 8px;
}

.sidebar-group li a {
    display: block;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #71768E;
    padding: 16px;
    text-decoration: none;
    border-radius: 8px;
}

.sidebar-group li a:hover, .sidebar-group li a:focus {
    color: #FFFFFF;
    background: #7DBB80;
    border-radius: 8px;
    text-decoration: none;
}

.sidebar-group li a.disabled {
    color: #b3b6c2;
    cursor: not-allowed !important;
}

.sidebar-group li a.disabled:hover, .sidebar-group li a.disabled:focus {
    background: transparent;
}

.disabled-embreve {
    position: absolute;
    width: 70px;
    height: 24px;
    background: #6A7086;
    border-radius: 4px;
    font-size: 12px;
    color: white;
    text-align: center;
    display: inline;
    margin-left: 10px;
}

.sidebar-group li.active-href a {
    color: #FFFFFF;
    background: #007033;
    border-radius: 8px;
}

.sidebar-group > .navigation-header {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #007033;
    border-bottom: 1px solid #CFD0D8;
    padding: 16px 0;
    padding-top: 0;
    margin-bottom: 24px;
}

.sidebar-group > .navigation-header i {
    margin-right: 8px;
}

/***** Campo de pesquisa *****/
.box-search {
    position: relative;
    overflow: hidden;
    width: 325px;
    margin-right: 8px;
    margin-top: -3px;
}

.tab-search {
    margin-left: 36px;
    width: 100%;
    position: absolute;
    top: 0;
    left: -36px;
    height: 40px;
    background: #007033;
    transition: left .5s;
    -webkit-transition: left .5s;
    -o-transition: left .5s;
    -moz-transition: left .5s;
}

.tab-search.open {
    left: -88%;
    background: transparent;
    margin: 0;
}

.box-search > .tab-search.open > label {
    background-color: transparent;
}

.box-search > input[type="text"]:focus {
    box-shadow: none;
    border: 0 !important;
}

.box-search > input[type="text"] {
    width: 100%;
    position: relative;
    border-radius: 8px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border: 0;
    border-width: 0;
    padding-left: 45px;
    padding-right: 73px;
    color: #FFFFFF;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    box-shadow: none;
    margin: 0;
}

.box-search.icon:after {
    content: 'Enter';
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.07812 11.75L4.76562 12.0625L0.3125 9.09375V9.01562L4.76562 6.04688L5.07812 6.35938L3.28125 8.70312H8.75V0.890625H9.45312V9.40625H3.28125L5.07812 11.75Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 39px;
    position: absolute;
    right: 8px;
    top: 7px;
    height: 25px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    border: 2px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px 18px 8px 8px;
}

.box-search > .tab-search > label {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    text-align: center;
    line-height: 40px;
    float: right;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s;
}

.box-search > .tab-search > label > span {
    color: #FFFFFF;
    font-size: 24px;
    line-height: unset;
}

.box-search > .tab-search > label:hover, .box-search > .tab-search > label:focus, .box-search > .tab-search > label:active {
    background: rgba(255, 255, 255, 0.3);
    outline: none;
    box-shadow: none;
}

.box-search > button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}

.box-search > button:focus {
    outline: none;
}

/****** Progress bar ******/
.steps .step, .steps .step p {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
}

.steps .step:last-child, .steps .step:last-child p {
    text-align: right;
}

.steps .step:first-child, .steps .step:first-child p {
    text-align: left;
}

.steps .step .step-icon-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 24px;
}

.steps .step .step-icon-wrap::before, .steps .step .step-icon-wrap::after {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background-color: #cfd0d8;
    content: '';
    z-index: 1;
}

.steps .step .step-icon-wrap::before {
    left: 0;
}

.steps .step .step-icon-wrap::after {
    right: 0;
}

.steps .step .step-icon {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    background-color: #CFD0D8;
    color: #374250;
    font-size: 15px;
    line-height: 24px;
    z-index: 5;
    outline-style: solid;
    outline-width: 8px;
    outline-color: transparent;
}

.step-icon i {
    text-align: center;
    display: block;
    line-height: 24px;
    font-size: 15px;
}

.steps .step .step-title {
    margin-top: 8px;
    margin-bottom: 0px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #494B5B;
}

.rd-peimeiro-icone {
    text-align: left;
}

.rd-meio-icone {
    text-align: center;
}

.rd-ultimo-icone {
    text-align: right;
}

.rd-dado-icone {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #1B1C22;
}

.steps .step:first-child .step-icon-wrap::before {
    display: none;
}

.steps .step:last-child .step-icon-wrap::after {
    display: none;
}

.steps .step.completed .step-icon {
    background-color: #138647;
    color: #fff;
}

.steps .step.aguardando .step-icon {
    background-color: #0076D6;
    color: #fff;
}

.steps .step.completed .step-title {
    color: #138647;
}

#liquid_form {
    display: contents;
}

.rd-form #rd-main textarea {
    height: auto;
    resize: both;
}

/* BASE DE CONHECIMENTO */
.category.row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.category .col-md-2 {
    flex-basis: 20%;
    margin-bottom: 25px;
}

.category .col-md-4 {
    flex-basis: 33%;
    margin-bottom: 24px;
}

.category a {
    background: #E9F1ED;
    border-radius: 10px;
    padding: 16px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #29754D;
    text-decoration: none;
    min-height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.category a img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    margin-bottom: 18px;
    filter: invert(10%) sepia(50%) saturate(1230%) hue-rotate(90deg) brightness(100%) contrast(100%) opacity(0.8);
}

.category a i {
    font-size: 40px;
    display: block;
    margin: 0 auto;
    margin-bottom: 18px;
}

.category a:hover, .category a:focus, .category a:active, .category a:active:focus {
    text-decoration: none;
    box-shadow: 1px 1px #7DBB80, 2px 2px #7DBB80, 3px 3px #7DBB80;
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
    outline: none;
}

.model-article {
    background: #E9F1ED;
    border-radius: 16px;
    padding: 24px;
    min-height: 500px;
    margin: 20px 0;
}

.model-article li {
    padding: 16px 0;
    border-bottom: 1px solid #CFD0D8;
}

.model-article li:last-child {
    border-bottom: 0;
}

.model-article li > a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #030616 !important;
    border-radius: 16px;
    padding: 30px;
    margin-left: 0;
    background: #FFFFFF;
    border: 3px solid transparent;
    min-height: 100px;
    max-height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.model-article li a p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #007035;
    margin-top: 5px;
    margin-bottom: 5px;
}

.model-article.model-tabs li a p {
    color: #007035;
}

.model-article .col-sm-4 {
    padding-right: 24px !important;
    height: 600px;
    overflow-x: auto;
}

.model-article .col-sm-4::-webkit-scrollbar {
    width: 6px;
}

.model-article .col-sm-4::-webkit-scrollbar-track {
    background: #bddebf;
}

.model-article .col-sm-4::-webkit-scrollbar-thumb {
    background: #3f9656;
    border-radius: 20px;
}

.model-article .col-sm-4::-webkit-scrollbar-thumb:hover {
    background: #3f9656;
}

.model-article li a span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 150%;
    letter-spacing: 0.03em;
    color: #71768E;
    display: none;
}

.model-article.model-tabs li > a, .model-article.model-tabs li > a p {
    text-align: center;
}

.model-article li.active > a, .model-article li > a:focus {
    background-color: #3F9656 !important;
    color: #FFFFFF !important;
    border: 3px solid transparent;
    outline: none;
}

.model-article li > a:focus span {
    color: #FFFFFF !important;
}

.model-article li.active > a p {
    color: #FFFFFF !important;
}

.model-article li.active > a span, .model-article li > a:focus p {
    color: #FFFFFF !important;
}

.model-article li > a:hover {
    background-color: #FFFFFF!important;
    color: #030616 !important;
    outline: none;
    border: 3px solid #7DBB80;
}

.model-article li > a:hover p, .model-article li a:hover span {
    color: #030616 !important;
}

.model-article .tab-content > .active {
    padding: 16px 0;
    margin-top: 2px;
}

.model-article .col-sm-8 {
    border-left: 1px solid #CFD0D8;
    min-height: 600px;
}

.model-article .row {
    margin-right: -12px;
    margin-left: -12px;
}

.model-article .col-sm-8 {
    padding: 0 12px 0 24px;
}

.img-ilustrativo {
    position: relative;
}

.img-ilustrativo img {
    position: absolute;
    right: 0;
}

.new:not(.day) {
    float: right;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    text-align: right;
    letter-spacing: 0.03em;
    color: #007033;
    padding: 4px 8px;
    background: #E9F1ED;
    border-radius: 4px;
}

.search-error.rd-error {
    padding: 24px;
    position: relative;
    height: 100%;
}

.search-error.rd-error img {
    position: absolute;
    right: 0;
}

.model-article .rd-content {
    background: #FFFFFF;
    padding: 20px 24px;
    border-radius: 10px;
    border-top: 3px solid #7DBB80;
    /* min-height: 300px; */
    display: inline-block;
    width: 100%;
}

/*.rd-content img {
    object-fit: contain;
    width: auto;
    max-width: 100%;
}*/
.rd-content img {
    object-fit: cover;
    height: 100% !important;
    max-width: 100%;
}

.input-group-btn-lookup {
    width: 100px;
}

.input-group-btn-lookup button {
    margin: 0;
    width: 5px;
    height: 5px;
    padding: 0;
    padding-left: 15px;
}

input#rd_banco_name {
    background: white!important;
    border-radius: var(--border-radius-micro);
    box-shadow: 0px 0px 0px 1px var(--color-neutral-light);
}

input#rd_banco_name[readonly], input#rd_banco_name[disabled] {
    background: transparent!important;
    border-radius: var(--border-radius-micro);
    box-shadow: none;
    height: 30px;
    border: 0 !important;
}

.popup-comentario {
    padding: 0;
    margin: 0;
    border: 0;
    background: var(--color-neutral-lightest);
    border-radius: var(--border-radius-micro);
    margin-bottom: var(--spacing-stack-nano);
    width: 100%;
}

.popup-comentario a {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-nano);
    line-height: 16px;
    letter-spacing: var(--letter-spacing-tiny);
    color: var(--color-neutral-darkest);
    text-decoration: solid;
    padding: 16px;
    display: block;
    width: 100%;
}

.page-ilustracao {
    width: 100%;
    height: 400px;
}

.categoria-mt {
    margin: 20px -10px;
}

.img-ilutracao {
    width: 100%;
}

.knowledge-article {
    margin: 20px 0;
}

#status-progress {
    margin: 20px 0;
}

.margin-m {
    margin: 20px 0;
}

.box-search .input-group-btn button {
    position: absolute;
    right: 2px;
    top: 0;
    background: #FFFFFF;
    z-index: 9 !important;
}

.box-search .input-group-btn button:focus, .box-search .input-group-btn button:active:focus {
    background: #FFFFFF;
}

.box-search .input-group:hover, .box-search .input-group:focus-within {
    border: 0;
    box-shadow: none;
    border-width: 0 !important;
}

.box-search .input-group {
    border: 0;
    box-shadow: none;
}

.box-search .input-group-btn button:hover {
    background: #FFFFFF;
}

.rd-content div {
    text-indent: unset !important;
    margin-left: unset !important;
}

.control #notescontrol {
    width: 100%;
}

.acesso-logado {
    display: inline-block;
    margin-bottom: 40px;
}

/* Formulario */
[data-name="tab_Formularios"] {
    background: var(--color-neutral-lightest);
    border-radius: 16px;
    padding-bottom: 30px;
}

[data-name="tab_Formularios"] h3 {
    border-bottom: 1px solid #CFD0D8;
    width: 100%;
    padding: 16px;
    margin: 0;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #1B1C22;
    margin-bottom: 20px;
}

[data-name="tab_Formularios"] h3 i {
    font-size: 22px;
    margin-right: 8px;
    color: var(--color-neutral-medium);
    vertical-align: text-top;
}

[data-name="tab_Formularios"] .section-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #138647;
    border: 0 !important;
    padding: 16px 16px 0 !important;
    background: #FFFFFF;
    border-radius: 16px 16px 0 0;
}

[data-name="tab_Formularios"] .tab-column fieldset {
    background: #FFFFFF;
    border-radius: 16px;
    margin: 0 16px 20px!important;
}

[data-name="tab_Formularios"] .tab-column .cell {
    border: 0;
    padding: 0;
    padding-right: 16px;
    padding-left: 16px;
}

/* Sidebar modal */
#sidebar-main-pedido {
    margin-right: -670px;
    right: 0;
    top: 80px;
    width: 670px;
    background: #ffffff;
    border-left: 1px solid #cfd0d8;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}

#sidebar-main-pedido::-webkit-scrollbar {
    width: 10px;
}

#sidebar-main-pedido::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#sidebar-main-pedido::-webkit-scrollbar-thumb {
    background: #7dbb80;
    border-radius: 10px
}

#sidebar-main-pedido::-webkit-scrollbar-thumb:hover {
    background: #007033;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 670px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-nav li {
    line-height: 50px;
    text-indent: 20px;
}

.sidebar-nav li a {
    color: #999999;
    display: block;
    text-decoration: none;
}

.sidebar-nav li a:hover {
    color: #fff;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#sidebar-main-pedido.active {
    right: 670px;
    width: 670px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}

#wrapper.active:before {
    content: ' ';
    position: fixed;
    z-index: 9;
    background: #000000;
    opacity: 0.3;
    height: 100%;
    width: 100%;
}

#sidebar-main-form {
    display: inline-block;
    padding: 20px 30px 100px 20px;
}

.sidebar-close-main h2 {
    font-size: 24px;
    float: left;
    margin: 0;
    line-height: 48px;
}

.sidebar-close-main i {
    font-size: 20px;
}

.sidebar-close-main {
    width: 100%;
    border-bottom: 1px solid #cfd0d8;
    display: inline-block;
    padding: 30px;
}

#Auxiliar_lk_rd_numero_pedido_vtex {
    margin-left: 24px;
}

.modal-pedido .rd-main-box .rd-title-box {
    color: #147C29;
    background: #F4F4F6;
}

.modal-pedido .btn.btn-secondary.btn-sidebar {
    float: right;
    margin: 40px 12px 0;
}

.modal-pedido .rd-main-product > div img {
    float: left;
}

.modal-pedido .rd-main-box .rd-title-box i {
    border: 0;
    color: #000000;
    margin-right: 0;
}

.modal-pedido .rd-main-cliente .rd-content-cliente {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 16px;
}

.modal-pedido .rd-content-cliente .col-md-4 {
    padding-left: 12px;
}

.modal-pedido .rd-main-box .rd-title-box i {
    border: 0;
    color: #000000;
    margin-right: 0;
}

table.table.table-ped {
    background-color: #F4F4F6;
    margin: 0;
}

.modal-pedido .rd-main-box .rd-info-box p {
    text-align: left;
    text-transform: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #494B5B;
}

.modal-pedido .rd-content-cliente .rd-info-box span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    text-transform: uppercase;
    color: #1B1C22;
}

.modal-pedido .rd-main-box .rd-title-box {
    border: 0;
}

.modal-pedido .col-md-12.d-flex {
    padding: 0;
}

.modal-pedido #entraga-produto .rd-content-box,.modal-pedido #nota-fiscal .rd-content-box {
    background: #F4F4F6;
    box-shadow: none;
    padding-top: 10px;
    color: #1B1C22 !important;
}

.modal-pedido #entraga-produto .rd-content-box .rd-info-box, .modal-pedido #nota-fiscal .rd-content-box .rd-info-box {
    color: #1B1C22 !important;
    font-size: 14px !important;
}

.modal-pedido .rd-main-box .rd-content-box {
    box-shadow: none;
}

.rd-main-box.rd-main-cliente .rd-content-box {
    padding-top: 0;
    background: #F4F4F6;
    box-shadow: none;
}

#statusPG {
    color: #147C29;
}

.table.table-ped>thead>tr>th {
    background: #057D3B;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    border-bottom: 0;
}

.table.table-ped>thead>tr>th:first-child {
    border-radius: 16px 0 0 0;
}

.table.table-ped>thead>tr>th:last-child {
    border-radius: 0 16px 0 0;
    text-align: center;
}

.table.table-ped thead::after {
    content: ' ';
    height: auto;
}

.table.table-ped>tbody>tr>td {
    border-bottom: 0;
}

.table.table-ped>tbody>tr>td:first-child {
    padding-left: 24px;
    font-weight: bold;
}

.table.table-ped>tbody>tr>td:last-child {
    text-align: center;
}

.table.table-ped>tbody>tr>td:nth-child(3) {
    font-weight: bold;
}

.status-pedido {
    background: #CFE9FF;
    border-radius: 12px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #4D9FE1;
    text-align: center;
    padding: 8px 12px;
    display: inline-block;
    width: min-content;
}

#Protocolo .crmEntityFormView .actions {
    display: none;
}

/* Dashboard */
.rd-dashboard iframe {
    border: 0;
}

.rd-dashboard {
    height: 100vh;
}

.powerbi {
    height: 100%;
}

.displayAreaContainer.droppableElement.ui-droppable {
    height: 100vh;
}

/***** Nova Home *****/
.img-Boas-vindas-logged {
    position: absolute;
    height: 800px;
    right: -15px;
    top: 0;
    z-index: 1;
}

.home-links-topic {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 430px;
    height: 246px;
    margin-top: 413px;
}

.home-links-topic ul {
    padding-left: 0px;
}

.home-links-topic b {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: #3A3C47;
}

.home-links-topic li {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: #007033;
    padding-top: 20px;
    list-style-type: none;
}

.home-links-topic li a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: #007033;
    padding: 0px;
    text-decoration: none;
}

.home-links-topic li a:hover {
    color: #3A3C47;
}

.main-block-delivery-first {
    margin-top: -30px;
    margin-right: 35px;
    margin-left: 15px;
}

.text-home-number {
    font-family: Montserrat;
    font-style: normal;
    font-size: 64px;
    line-height: 80px;
    letter-spacing: -0.03em;
    color: #007033;
    margin-bottom: 0px;
    margin-left: 240px;
    margin-top: -113px;
}

.img-seta-esq-dir {
    margin-top: -80px;
}

.main-block-dir {
    position: relative;
    padding: 100px 0;
}

.img-home-topico {
    height: 263px;
    background: #F4F4F6;
    margin-top: 150px;
}

.icons-home {
    width: 50%;
    height: 164px;
    margin-top: 50px;
}

.icons-home-dir {
    width: 35%;
    height: 164px;
    margin-top: 100px;
    margin-left: 27%;
}

.img-seta {
    width: 50%;
    height: 40px;
    margin-top: 50px;
}

.img-seta-dir {
    margin-top: 50px;
    width: 55%;
}

.img-seta-esq {
    width: 80%;
    height: 147px;
    margin-left: 70%;
    margin-top: 7%;
}

.img-rectangle {
    position: relative;
    width: 100%;
    height: 700PX;
    margin-left: -15px;
    z-index: 1;
}

.img-sem-endereco {
    width: 30%;
    height: 300px;
    position: absolute;
    z-index: 3;
    left: 3%;
    background: url(~/img-sem-endereco.svg) no-repeat center center;
    display: inline-block;
    top: 23%;
    background-size: contain;
}

.img-abrindo-caixa {
    width: 35%;
    height: 390px;
    position: absolute;
    z-index: 3;
    background: url(~/img-abrindo-caixa.svg) no-repeat center center;
    bottom: 22%;
    background-size: contain;
    right: 2%;
}

.img-rd-ajuda {
    width: 60%;
    height: 710px;
    position: absolute;
    z-index: 3;
    background: url(~/img-rd-ajuda.svg) no-repeat center center;
    background-size: contain;
    right: 0%;
    margin-top: -50px;
}

.topico-dir {
    width: 50%;
    height: 710px;
    position: absolute;
    z-index: 4;
    background: url(~/img-topico.svg) no-repeat center center;
    background-size: contain;
    right: 0%;
    margin-top: -50px;
}

.seu-compromisso {
    width: 70%;
    height: 710px;
    position: absolute;
    z-index: 3;
    background: url(~/ilu-seu-compromisso.svg) no-repeat center center;
    background-size: contain;
}

.text-home-img {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #4E5161;
    margin-bottom: 0;
    margin-left: -190px;
}

.text-home-img-esq {
    position: absolute;
    width: 18%;
    height: 240px;
    top: -580px;
    left: 55%;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    line-height: 150%;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #4E5161;
    font-size: 1.5vw;
    z-index: 3;
}

.text-home-img-dir {
    position: absolute;
    width: 33%;
    height: 240px;
    top: -400px;
    left: 5%;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    line-height: 150%;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #4E5161;
    font-size: 1.5vw;
    z-index: 3;
}

.topico-dir {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px 32px 64px;
    position: absolute;
    width: 417px;
    height: 452px;
    left: 932.07px;
    top: 1761.57px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(207, 208, 216, 0.16), 0px 8px 32px rgba(207, 208, 216, 0.16), 0px 0px 4px rgba(113, 118, 142, 0.16), 0px 16px 80px rgba(113, 118, 142, 0.16);
    border-radius: 8px 48px;
    z-index: 2
}

.text-topic-home {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #007033;
    padding: 16px 0;
    padding-top: 0px;
    margin-bottom: 24px;
    margin-top: -180px;
    margin-left: 360px;
    height: 96px;
    width: auto;
}

.main-block-dir .content-block-dir {
    max-width: 417px;
    padding: 48px 32px 32px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(207, 208, 216, 0.16), 0px 8px 32px rgba(207, 208, 216, 0.16), 0px 0px 4px rgba(113, 118, 142, 0.16), 0px 16px 80px rgba(113, 118, 142, 0.16);
    border-radius: 8px 48px 8px 48px;
    margin: 0 auto;
    filter: opacity(1);
}

.main-block-dir:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(~/img-rd-ajuda.svg);
    background-repeat: no-repeat;
    background-position: -60px 10px;
    width: 100%;
    height: 100%;
}

.main-block-dir .content-block-dir h2 {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #007033;
    margin: 0;
    margin-bottom: 40px;
}

.main-block-dir .content-block-dir .list-arrow {
    margin-bottom: 40px;
}

.main-block .content-block {
    max-width: 417px;
    padding: 48px 32px 32px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(207, 208, 216, 0.16), 0px 8px 32px rgba(207, 208, 216, 0.16), 0px 0px 4px rgba(113, 118, 142, 0.16), 0px 16px 80px rgba(113, 118, 142, 0.16);
    border-radius: 48px 8px;
    margin: 0 auto;
    filter: opacity(1);
}

.main-block-ter .content-block {
    max-width: 417px;
    padding: 48px 32px 32px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(207, 208, 216, 0.16), 0px 8px 32px rgba(207, 208, 216, 0.16), 0px 0px 4px rgba(113, 118, 142, 0.16), 0px 16px 80px rgba(113, 118, 142, 0.16);
    border-radius: 48px 8px;
    margin: 0 auto;
    filter: opacity(1);
}

.main-block .content-block h2 {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #007033;
    margin: 0;
    margin-bottom: 40px;
}

.main-block-ter .content-block h2 {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #007033;
    margin: 0;
    margin-bottom: 40px;
}

.main-block .content-block .list-arrow {
    margin-bottom: 40px;
}

ul.ul-arrow {
    list-style: none;
    padding: 0;
}

ul.ul-arrow li {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #71768E;
    margin-bottom: 24px;
    padding-left: 30px;
}

ul li::marker {
    color: var(--color-highlight-dark);
}

ul.ul-arrow li::before {
    content: "\e90e";
    font-family: 'rdicons';
    display: inline-block;
    margin-right: 20px;
    font-weight: 700;
    color: #000000;
    position: absolute;
    left: 30px;
}

.img-home-linha {
    width: auto;
    height: 4px;
    margin-top: -105px;
    margin-left: -120px;
}

.home-container {
    position: relative;
}

.container.main-first-block {
    margin-bottom: 200px;
}

.main-block .content-block h2 {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #007033;
    margin: 0;
    margin-bottom: 40px;
}

.main-block .content-block {
    max-width: 417px;
    padding: 48px 32px 32px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(207, 208, 216, 0.16), 0px 8px 32px rgba(207, 208, 216, 0.16), 0px 0px 4px rgba(113, 118, 142, 0.16), 0px 16px 80px rgba(113, 118, 142, 0.16);
    border-radius: 48px 8px;
    margin: 0 auto;
    filter: opacity(1);
}

.main-block .content-block .list-arrow {
    margin-bottom: 40px;
}

.main-block .content-block .list-arrow p {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #494B5B;
    margin-bottom: 24px;
}

ul.ul-arrow {
    list-style: none;
    padding: 0;
}

ul.ul-arrow li {
    font-family: var(--font-family-base);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #71768E;
    margin-bottom: 24px;
}

ul.ul-arrow li:before {
    content: "\e90e";
    font-family: 'rdicons';
    display: inline-block;
    margin-right: 20px;
    font-weight: 700;
    color: #000000;
}

.ilu-block img {
    height: 164px;
    object-fit: contain;
}

block-delivery row {
    margin-top: -50px;
    display: flex;
    align-items: center;
}

.ilu-block-esq {
    margin-top: 60px;
}

.ilu-block-esq img {
    height: 164px;
    object-fit: contain;
}

.ilu-block-esq p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #4E5161;
    margin-bottom: 0;
    margin-left: 270px;
    width: 285px;
    margin-top: -120px;
}

.voltar-ao-topo {
    margin-top: 30px;
}

.voltar-ao-topo-p {
    margin-left: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #71768E;
    width: 65px;
    text-align: center;
}

.text-dir-pag {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #4E5161;
    margin-bottom: 0;
    margin-left: -3px;
    width: 340px;
}

.ilu-block p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #4E5161;
    margin-bottom: 0;
    margin-left: 25px;
    width: 340px;
}

.ilu-block {
    display: flex;
    align-items: center;
    margin-top: 100px;
}

.ilu-main-block:last-child .ilu-block {
    margin-top: 0;
}

.ilu-main-block-ter:last-child .ilu-block {
    margin-top: 0;
}

.ilu-delivery-ter-esq p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #4E5161;
    margin-left: 345px;
    width: 200px;
    margin-top: -200px;
}

.ilu-delivery-ter-esq {
    margin-left: -60px;
}

.main-block-ter .content-block {
    max-width: 417px;
    padding: 48px 32px 32px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(207, 208, 216, 0.16), 0px 8px 32px rgba(207, 208, 216, 0.16), 0px 0px 4px rgba(113, 118, 142, 0.16), 0px 16px 80px rgba(113, 118, 142, 0.16);
    border-radius: 48px 8px;
    margin: 0 auto;
    filter: opacity(1);
}

.arrow-main {
    margin: 68px 0;
    margin-left: 120px;
}

.arrow-main-ter {
    margin: 68px 0;
    margin-left: 110px;
}

.img-seta-ter {
    margin-top: -270px;
    width: 40%;
}

.main-block {
    position: relative;
    padding: 100px 0;
}

.main-block-ter {
    position: relative;
    padding: 100px 0;
}

.main-block:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(~/ilu-seu-compromisso.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.main-block-ter:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(~/ilu-seu-compromisso.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: contain;
}

.block-delivery {
    position: relative;
    padding: 30px 0 0 50px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(207, 208, 216, 0.16), 0px 8px 32px rgba(207, 208, 216, 0.16), 0px 0px 4px rgba(113, 118, 142, 0.16), 0px 16px 80px rgba(113, 118, 142, 0.16);
    border-radius: 40px;
}

.ilu-delivery {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-around;
}

.ilu-delivery p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #4E5161;
    margin-left: -45px;
}

.ilu-delivery p span {
    font-weight: normal;
}

.ilu-delivery img {
    height: 200px;
    margin-left: -60px;
}

.ilu-delivery.img-sec {
    display: flex;
    align-items: center;
}

.ilu-delivery.img-sec img {
    position: relative;
    height: 250px;
    margin-right: -35px;
    margin-left: -45px;
}

.ilu-delivery.img-sec p {
    text-align: right;
    margin-top: 70px;
}

.ilu-delivery.img-ter {
    display: flex;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.ilu-delivery.img-ter img {
    position: relative;
    height: 200px;
    margin-right: -35px;
    margin-left: -45px;
}

.ilu-delivery.img-ter p {
    text-align: right;
    margin-top: 70px;
    margin-left: 100px;
    width: 220px;
}

.main-block-delivery .arrow-main {
    margin-top: 0;
}

.categoria-mt .arrow-main {
    margin-bottom: 0;
}

.text-home h1:first-child {
    font-size: 34px;
    color: #3A3C47;
    width: 700px;
}

.text-home p {
    font-size: 24px;
    color: #71768E;
    width: 400px;
}

.home-links li a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: #007033;
    padding: 0px;
    text-decoration: none;
    margin: 0;
    cursor: pointer;
}

.main-block-delivery {
    margin-top: -30px;
}

.voltar-ao-topo-button {
    cursor: pointer;
    width: 80px;
    margin-left: 1000px;
}

.voltar-ao-topo-button-dir {
    cursor: pointer;
    width: 80px;
    margin-left: 975px;
}

.text-home {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    align-items: center;
    line-height: 150%;
    letter-spacing: -0.03em;
    margin-top: 100px;
}

.home-links {
    margin-top: 100px;
}

.home-links b {
    margin-bottom: 32px;
    display: block;
    font-size: 24px;
    color: #3A3C47;
}

.home-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.home-links ul li {
    margin-bottom: 24px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #007033;
}

.home-links a i {
    font-size: 20px;
    vertical-align: middle;
}

.block-topic {
    margin-bottom: 80px;
}

.list-arrow p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #494B5B;
    margin-bottom: 24px;
}

.ret-mini {
    width: 24px;
    height: 2px;
    background: #007033;
    margin-bottom: 10px;
}

/***** Painel Gerencial *****/
.gerencial-links {
    margin-top: 100px;
}

.gerencial-links b {
    margin-bottom: 32px;
    display: block;
    font-size: 30px;
    color: #494B5B;
    margin-left: 10px;
}

.gerencial-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.gerencial-links ul li {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #71768E;
    text-decoration: none;
    margin: 5px;
    margin-left: 1px;
    cursor: pointer;
    letter-spacing: -0.03em;
    background-color: #FFF;
    border-radius: 8px;
    padding: 16px;
    height: 56px;
}

.gerencial-links li a {
    margin-left: 3px;
    text-decoration: none;
}

.gerencial-body {
    background-color: #f4f7fe;
}

.gerencial-links a i {
    font-size: 20px;
    vertical-align: middle;
    color: #007033;
    float: right;
}

.gerencial-links-topic {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 430px;
    height: 246px;
    margin-top: 413px;
}

.gerencial-links-topic ul {
    padding-left: 0px;
}

.gerencial-links-topic b {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: #3A3C47;
}

.gerencial-links-topic li {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: #007033;
    padding-top: 20px;
    list-style-type: none;
}

.gerencial-links-topic li a:hover {
    color: #3A3C47;
}

gerencial-links li a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #71768E;
    padding: 0px;
    text-decoration: none;
    margin: 0;
    cursor: pointer;
    letter-spacing: -0.03em;
}

.card-gerencial {
    width: 350px;
    height: 245px;
    margin-top: 0px;
    background: #FFFFFF;
    box-shadow: 0px 60px 54px rgba(207, 208, 216, 0.16), 0px 12px 18px rgba(207, 208, 216, 0.16), 0px 22px 28px rgba(207, 208, 216, 0.16), 0px 6px 12px rgba(113, 118, 142, 0.16);
    border-radius: 8px;
    position: static;
    cursor: pointer;
}

.card-gerencial-logo {
    width: 110px;
    height: 70px;
    margin-left: 0px;
    display: inline;
}

.card-gerencial-ilu {
    background: #F4F4F6;
    width: 350px;
    height: auto;
    margin-top: -5px;
    box-shadow: 0px 60px 54px rgba(207, 208, 216, 0.16), 0px 12px 18px rgba(207, 208, 216, 0.16), 0px 22px 28px rgba(207, 208, 216, 0.16), 0px 6px 12px rgba(113, 118, 142, 0.16);
    border-radius: 0px 0px 8px 8px;
    position: static;
    border: none;
    padding-bottom: 45px;
    padding-top: 20px;
}

.card-gerencial-ilu-titulo {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #9398AB;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 15px;
}


.card-gerencial-ilu-titulo-lido {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #057D3B;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 15px;
}

.card-gerencial-ilu a {
    text-decoration: none !important;
}

.card-gerencial-ilu-icone {
    width: 25px;
    height: 25px;
    border: 2px solid #8E8F91;
    background: transparent;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
}

.card-gerencial-ilu-icone-lido {
    width: 25px;
    height: 25px;
    border: 2px solid #037236;
    background: transparent;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
    background: #037236 url(~/check-card.png) no-repeat center center;
    background-size: cover;
}

.card-gerencial-ilu-border {
    margin-left: 15px;
    border-bottom: 2px solid #CFD0D8;
    margin-right: 15px;
}

.card-gerencial-titulo {
    align-items: center;
    display: flex;
    padding-top: 45px;
}

.card-gerencial p {
    width: 155px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    display: initial;
    letter-spacing: -0.03em;
    color: #494B5B;
}

.card-gerencial-icon {
    font-size: 18px !important;
    line-height: 15px !important;
    color: #000000 !important;
    font-style: normal !important;
    font-weight: bold !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
}

.card-gerencial p span {
    font-weight: bold;
}

.progress-circle {
    position: absolute;
    width: 80%;
    height: 25px;
    margin-top: 45px;
    background-color: #e1eee7;
    border-radius: 50px;
    align-content: center;
    display: flex;
    align-items: center;
    margin-left: 21px;
    margin-right: 20px;
}

.progress-circle canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.progress-circle span {
    display: block;
    width: 64px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14.8799px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #000000;
    padding-top: 60px;
}

.progress-circle input {
    width: 200px;
}

/***** Central Notificacoes - Comunicados *****/
.img-notif-img-carregar {
    position: relative;
    height: 164px;
    filter: saturate(0);
    margin-top: 130px;
}

.notif-carregar-h1 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    position: relative;
    letter-spacing: -0.03em;
    text-align: center !important;
}

.notif-carregar-p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #6A7086;
    margin-top: -10px;
}

.notif-artigo-visualizacao {
    padding: 60px 24px;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    background: white;
    margin-top: 20px;
    min-height: 90px !important;
}

.fundo-notificacoes {
    width: 100%;
    background: #F4F4F6;
    border-radius: 16px;
}

.separador {
    border-right: 1px solid #CFD0D8;
    margin-top: 20px;
    margin-bottom: 20px;
    max-height: 1060px;
    overflow-y: auto;
    padding-right: 15px !important;
    min-height: 390px !important;
    overflow-x: hidden;
}

.separador-conteudo {
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.notif-novo {
    font-weight: bold;
}

.notif-lido {
    font-weight: normal;
}

.brand-nav .notif-lido {
    width: 107%;
    padding-bottom: 0px;
    margin-left: -10px;
    border-radius: 0px;
    padding-left: 18px;
}

.brand-nav .notif-lido .notif-borda-bottom {
    width: 112% !important;
    margin-left: -20px !important;
}

.brand-nav .notif-novo .notif-borda-bottom {
    width: 112% !important;
    margin-left: -20px !important;
}

.brand-nav .notif-borda-bottom {
    width: 105% !important;
    border-bottom: 1px solid #CFD0D8;
}

.notif-borda-bottom {
    width: 100% !important;
    border-bottom: 1px solid #CFD0D8;
}

.brand-nav .notif-novo {
    width: 108%;
    padding-bottom: 0px;
    border-left: 8px solid green;
    padding-left: 12px;
    margin-left: -12px;
    border-radius: 0px;
    margin-bottom: -1px;
}

.brand-nav .notif-novo .notif-artigo_titulo {
    color: #147C29 !important;
}

.brand-nav .notif-novo .notif-artigo_descricao {
    color: #147C29 !important;
}

.brand-nav .notif-novo .artigo_novo {
    color: #FFFFFF !important;
    background: #147C29 !important;
    border-radius: 4px;
}

.brand-nav .notif-novo:hover {
    background: #E3F7E7;
}

.artigo_novo {
    float: left;
    padding: 1px 8px;
    color: #007033;
    background: #E9F1ED;
    font-size: 9pt;
    font-weight: normal;
    margin-right: 10px;
}

.notif-lido .artigo_novo {
    display: none;
}

.artigo_novo_sino {
    float: left;
    line-height: 21px;
    height: 25px;
    margin-top: -25px;
}

.texto_sino {
    border-bottom: none !important;
    cursor: none !important;
}

.artigo_categoria {
    float: left;
    padding: 1px 8px;
    font-size: 9pt;
    font-weight: normal;
    border-radius: 4px;
}

.notif-artigo_titulo {
    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #494B5B;
    padding-top: 35px;
}

.notif-artigo_descricao {
    font-family: Open Sans;
    font-style: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #71768E;
}

.notif-artigo_data {
    float: left;
    font-family: Open Sans;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.03em;
    color: #71768E;
}

.notif-artigo_hora {
    float: left;
    font-family: Open Sans;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    letter-spacing: -0.03em;
    color: #71768E;
    padding-left: 3px;
}

.notif-espacamentos {
    padding-top: 10px;
    padding-bottom: 5px;
    height: 35px;
}

.model-notificacoes .brand-nav.active a {
    background-color: #fff !important;
}

.model-notificacoes .rd-content {
    padding: 20px 24px;
    border-radius: 10px;
    min-height: 300px;
    display: inline-block;
    width: 100%;
}

.model-notificacoes {
    border-radius: 16px;
    padding: 24px;
    min-height: 500px;
    margin: 20px 0;
}

.icone-notif-fundo {
    background: #FEEBF7;
    border: 1px solid #DF0688;
    color: #DF0688;
    box-sizing: border-box;
    border-radius: 8px;
}

.icone-notif-fundo i {
    color: #DF0688;
}

.btn-notification.icone-notif-fundo:hover {
    background: #DF0688;
    border: 1px solid white;
    color: white;
}

.btn-notification.icone-notif-fundo:hover i {
    color: white;
}

.icone-notif {
    background: #D0007D;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 20px;
    top: -45px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
}

.notify-modal.right .notify-modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.notify-modal.right .notify-modal-content {
    height: 100%;
    overflow-y: auto;
}

.notify-modal.right .notify-modal-body {
    padding: 0px 15px 80px;
}

/*Right*/
.notify-modal.right.fade .notify-modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.notify-modal.right.fade.in .notify-modal-dialog {
    right: 0;
}

.ajuste-largura-email {
  width: 100% !important;  
}

.ajuste-espaco-email {
  padding-left: 30px !important;  
}

.ajuste-titulo-email {
  margin-left: -5px; !important;  
}

/* ----- MODAL STYLE ----- */
.notify-modal-content {
    border-radius: 0;
    border: none;
    background-color: #F4F4F6 !important;
}

.notify-modal-header {
    border-bottom-color: #F4F4F6;
    background-color: #F4F4F6;
    line-height: 0px;
}

/* ----- v CAN BE DELETED v ----- */
notify-body {
    background-color: #78909C;
}

.notify-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 120%;
}

.notify-link {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #000;
}

.notify-close {
    margin-top: 5px !important;
    width: 24px;
    height: 24px;
    font-family: RD Sans Symbols;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #6A7086;
}

/* or 25px */
display: flex; align-items: center; letter-spacing: -0.03em }

.notify-demo {
    padding-top: 60px;
    padding-bottom: 110px;
}

.notify-btn-demo {
    margin: 15px;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 16px;
    background-color: #FFFFFF;
}

.notify-btn-demo:focus {
    outline: 0;
}

.notify-demo-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background-color: #212121;
    text-align: center;
}

.notify-demo-footer > a {
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #F4F4F6;
}

.notif-titulo {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #494B5B;
    text-align: left;
    margin-top: -30px;
}

.notif-close {
    margin-top: -70px !important;
    width: 13px;
    height: 13px;
    font-family: RD Sans Symbols;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
    margin-right: -30px;
}

.modal-atualizacao {
    overflow: hidden !important;
    margin-top: 80px !important;
    position: fixed;
}

.modal-atualizacao-text {
    text-align: left;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #71768E;
}

.modal-atualizacao-close {
    margin-top: -25px !important;
    color: rgba(0, 0, 0, 0.54);
    font-size: 30px;
    font-weight: normal;
    margin-right: -20px;
}

.modal-atualizacao-body {
    height: 220px;
    overflow-y: auto;
    max-height: 220px;
}

.modal-MuitasNotificacoes {
    border-radius: 16px;
    padding: 25px;
    margin-top: 50px;
}

.modal-atualizacao-h4 {
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 27px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #494B5B;
}

.modal-atualizacao-lido {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #494B5B;
}

.modal-atualizacao-descricao {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 170%;
    color: #4E5161;
}

/**** MAPA - Qualidade ****/
.blocos-mapa-qualidade {
    color: #FFFFFF;
    font-size: 20px;
    text-align: center;
    border-radius: 10px;
    margin: 20px 0;
}

.blocos-qualidade {
    height: 196px;
    background: #FFFFFF;
    box-shadow: 0px 42px 80px rgba(207, 208, 216, 0.24), 0px 8px 20px rgba(207, 208, 216, 0.16), 0px 3px 7px rgba(73, 75, 91, 0.16);
    border-radius: 16px;
    margin-top: 20px;
}

.ilu-bloco-quali {
    display: flex;
    align-items: center;
    height: 196px;
    margin-left: 15px;
}

.ilu-bloco-quali img {
    height: 85px;
    float: left;
}

.bloco-quali-conjunto {
    margin-top: 45px;
    padding-left: 15px;
}

.ilu-bloco-quali h1 {
    font-family: Open Sans;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.03em;
    width: 338px;
    margin-top: -45px;
}

.bloco-quali-alinhamento {
    padding-left: 136px !important;
}

.bloco-quali-lista {
    display: block !important;
    font-family: var(--font-family-base) !important;
    text-align: left;
    letter-spacing: var(--letter-spacing-default);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 170%;
    color: #2C2E38;
    padding-left: 160px;
    z-index: 2;
    position: absolute;
    margin-top: -80px;
    width: 501px;
}

.bloco-quali-categoria {
    position: absolute;
    width: 64px;
    height: 26px;
    background: #94D8E3;
    border-radius: 4px;
    z-index: 2;
    margin-left: 163px;
    margin-top: 30px;
    font-size: 12px;
    text-align: center;
    padding-top: 4px;
}

.bloco-qualidade-link {
    text-decoration: none !important;
    font-size: 11px !important;
    font-family: var(--font-family-base) !important;
    font-weight: var(--font-weight-regular) !important;
    font-style: normal !important;
    text-align: left !important;
    letter-spacing: var(--letter-spacing-default)!important;
    color: #FFF !important;
}

.bloco-qualidade:hover {
    background-color: #F2F2F2;
}

/**** Detalhes do Pedido ****/
.detalhes-pedidos {
    width: 50%;
    margin-left: 42%;
    margin-bottom: 50px;
    margin-top: -30px;
}

.detalhes-pedidos-titulo {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #007033;
}

.detalhes-pedidos-texto {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    color: #4E5161;
}

.detalhes-pedidos-botao {
    width: 70px !important;
    background: #B7BCCE !important;
    border-radius: 12px !important;
    margin-left: 300px !important;
}

.detalhes-pedidos-botao p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    padding-top: 7px;
}

.detalhes-pedidos-busca {
    font-family: Open Sans !important;
    font-weight: normal !important;
    font-size: 12px !important;
    line-height: 140% !important;
    color: #4E5161 !important;
}

.modal-detalhes-pedidos {
    margin: 160px auto;
}

.modal-detalhes-pedidos-content {
    width: 650px;
    padding: 20px !important;
}

.modal-detalhes-pedidos-close {
    color: rgba(0, 0, 0, 0.54);
    font-size: 30px;
    font-weight: normal;
    margin-top: 0px;
}

.bloco-qualidade {
    width: 595px;
    height: 196px;
    left: 168px;
    background: #FFFFFF;
    box-shadow: 0px 42px 80px rgba(207, 208, 216, 0.24), 0px 8px 20px rgba(207, 208, 216, 0.16), 0px 3px 7px rgba(73, 75, 91, 0.16);
    border-radius: 16px;
}

/***** Page qualidade *****/
.body-qualidade {
    background: #FAFAFA;
}

.list-acc-qualidade {
    margin: 0 auto;
}

.list-acc-qualidade h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #007033;
}

.list-acc-qualidade ul.acc-ul {
    padding: 0;
    margin: 0;
}

.list-acc-qualidade ul.acc-ul > li {
    list-style: none;
    border-bottom: 1px solid #D5D7E0;
    display: block;
    overflow: hidden;
    transition: .5s;
}

.list-acc-qualidade ul.acc-ul > li:hover {
    background: #E9F1ED;
}

.list-acc-qualidade .expand {
    display: block;
    text-decoration: none;
    color: #555;
    cursor: pointer;
    padding: 40px 16px;
}

.right-arrow {
    margin-top: 12px;
    margin-left: 20px;
    width: 10px;
    height: 100%;
    float: right;
    font-weight: bold;
    font-size: 20px;
}

.list-acc-qualidade .detail {
    background: #F4F4F6;
    padding: 42px 16px;
    display: none;
}

.acc-dflex {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    margin-bottom: 40px;
}

.acc-dflex:before {
    content: '';
    width: 100%;
    height: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #057D3B;
    border-radius: 50px;
    z-index: 0;
}

.acc-dflex .acc-item {
    width: 160px;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 16px 10px;
    text-align: center;
    z-index: 1;
}

.acc-dflex .acc-item span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: -0.03em;
    color: #007033;
    text-align: center;
    display: block;
}

.acc-dflex .acc-item img {
    height: 64px;
    margin: 13px 0;
}

.acc-dflex .acc-item p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #4E5161;
    text-align: center;
    margin: 0;
}

.list-acc-ul {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(207, 208, 216, 0.16), 0px 8px 32px rgba(207, 208, 216, 0.16), 0px 0px 4px rgba(113, 118, 142, 0.16), 0px 16px 80px rgba(113, 118, 142, 0.16);
    border-radius: 16px;
    padding: 32px;
    filter: opacity(1);
    min-height: 320px;
}

.list-acc-ul h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.03em;
    color: #007033;
    margin-bottom: 32px;
}

.list-acc-ul h4 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #4E5161;
    margin: 24px 0;
}

ul.acc-ul li:last-child .ul-icon li {
    margin-bottom: 16px;
}

ul.ul-icon {
    list-style: none;
    padding: 0;
}

ul.ul-icon li {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #71768E;
    margin-bottom: 32px;
    padding-left: 30px;
}

ul.ul-icon li:last-child {
    margin-bottom: 0;
}

ul.ul-icon li:before {
    content: "\e972";
    font-family: 'rdicons';
    display: inline-block;
    margin-right: 18px;
    font-weight: 700;
    color: #71768E;
    position: absolute;
    left: 30px;
}

.main-acc-box .col-md-6 {
    padding: 70px;
}

.main-acc-box .col-md-6:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(~/img-rd-ajuda.svg);
    background-repeat: no-repeat;
    background-position: 40px 30px;
    width: 100%;
    height: 100%;
}

.main-acc-box .col-md-6:last-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(~/ilu-seu-compromisso.svg);
    background-repeat: no-repeat;
    background-position: 35px 30px;
    width: 100%;
    height: 100%;
}

ul.acc-ul li:last-child .main-acc-box .col-md-6:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(~/ilu-pedido-rd-box03.svg);
    background-repeat: no-repeat;
    background-position: 10px 150px;
    width: 100%;
    height: 100%;
}

ul.acc-ul li:last-child .main-acc-box .col-md-6:last-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(~/ilu-pedido-rd-box04.svg);
    background-repeat: no-repeat;
    background-position: 310px 375px;
    width: 100%;
    height: 100%;
}

/***** Alert toast ******/
.alert-toast {
    background: #2C2E38;
    box-shadow: inset 0px -8px 16px rgba(0, 112, 51, 0.24);
    border-radius: 8px;
    padding: 24px;
    margin-top: 64px;
    display: inline-block;
    width: 100%;
}

.alert-toast.toast-bf {
    margin-top: 33px;
}

.alert-toast h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin: 7px 0;
    margin-top: 0;
    display: block;
}

.alert-toast.toast-bf h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.alert-toast h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin: 7px 0;
    margin-top: 0;
    display: block;
}

.alert-toast.toast-bf h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.alert-toast.toast-bf img {
    width: 240px;
    margin-top: -18px;
}

.alert-toast img {
    width: 240px;
}

.alert-toast.alert-pedidos {
    background: #006DC7 !important;
    margin-top: 0px;
    padding: 15px;
}

.alert-toast #alert-pedidos img{
    width: 25px;
    margin-right: 15px;
}

.alert-toast p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 24px;
}

.alert-toast .close {
    color: #FFFFFF;
    font-size: 24px;
    text-decoration: none;
    font-weight: 100;
    float: right;
    opacity: 1;
    top: 0;
    left: 0;
}

/*Alert toast - PortalFinanceiro*/
#PortalFinanceiro {
    background: #DDEFFD;
    box-shadow: none;
    padding-bottom: 0px;
    margin-bottom: -50px;
    border-radius: 16px;
}

#PortalFinanceiro h2 {
    font-size: 40px;
    color: #2C2E38;
    margin: 0;
    margin-top: 20px;
    text-align: center;
    display: block;
}

#PortalFinanceiro p {
    font-size: 16px;
    color: #2C2E38;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
    line-height: 170%;
}

#PortalFinanceiro a {
    float: inherit;
    width: 190px;
    height: 40px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    background: #005A1B;
}

#PortalFinanceiro img {
    width: 369px;
    height: auto;
    margin-left: -50px;
    margin-top: -25px;
}

#PortalFinanceiro .close {
    width: 24px;
    height: 24px;
    float: right;
    font-size: 23px;
    background: #6A7086;
    font-weight: 200;
    border-radius: 50px;
    line-height: 20px;
    text-align: center;
    color: #DDEFFD;
    z-index: 5;
}

#PortalFinanceiro .btn-acessar {
    margin-left: 80px;
    margin-top: 20px;
}

#PortalFinanceiro .btn-acessar:hover {
    background: #3F9656;
}


/** Casos Especiais **/
.alertaCasosEspeciais {
    background-color: #FDE9F5 !important;
}

.notCasosEspeciais {
    background-color: #f9f9f9 !important;
}

.notifCasosEspeciais::before {
    content: '';
    display: block;
    color: #D0007D;
    height: 10px;
    width: 10px;
    background: #D0007D;
    z-index: 300;
    border-radius: 50%;
    position: absolute;
    margin-left: 16px;
    margin-top: 2px;
}

.subCasosEspeciais::before {
    content: '';
    display: block;
    color: #D0007D;
    height: 10px;
    width: 10px;
    background: #D0007D;
    z-index: 300;
    border-radius: 50%;
    position: absolute;
    margin-left: 150px;
    margin-top: 9px;
}


/**Porcentagem Painel Gerencial**/
.porcent-gerencial {
    border-radius:20px;
    background:#dddddd;
    margin-bottom:0px;
}

.porcent-img-gerencial {
    z-index:30;
    margin:-47px 0px 0px 0px;
}

.porcent-alin-gerencial {
    margin-top:-20px;
    margin-right:-11px;
    font-weight:bold;
}

.porcent-progress-gerencial {
    height: 20px !important;
    overflow: hidden !important;
    background-color: #f5f5f5 !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) !important;
}

/** Remove fundo (Detalhes Filtros)**/
.context-only {
    display:none !important;
}

/** Alerta (inputs)**/
.alert-inputs-border {
    border-color: #D0007D !important;
}

.alert-inputs-message {
    color: #D0007D !important;
    font-family: 'Open Sans';
    font-size: 13px;
    line-height: 136%;
    margin-top: -17px;
    margin-bottom: 10px;
    font-weight: bold;
}

/** Alerta (Dashboards)**/
.alert-dashboards {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #4E5161;
    margin-top: -15px;
}

.alert-dashboards img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: -7px;
}

.modalPrivacy {
    display: none;
    position: fixed;
    padding: 24px;
    bottom: 0;
    left: 0px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 60px 54px rgb(207 208 216 / 16%), 0px 12px 18px rgb(207 208 216 / 16%), 0px 22px 28px rgb(207 208 216 / 16%), 0px 6px 12px rgb(113 118 142 / 16%);
    z-index: 105;
}

.PrivacyContainer {
    max-width: 1110px;
    margin: auto;
}

.modalPrivacy p {
    position: absolute;
    height: 38px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.03em;
    color: #6A7086;
    display: contents;

}

.modalPrivacy button {
    width: 131px;
    float: right;
    margin-left: 20px;
}

.modalComuComercial-w {
    width: 620px;
}

.modalComuComercial-h {
    max-height: 900px;
}

.modalComuComercial-body {
    overflow-y: auto;
    width: 100%;
    border: none;
    transition: 0.6s;
    padding: 0;
    top: 10px;
}

.modalComuComercial-img {
    object-fit: cover;
    max-width: 100%;
    overflow: auto;
    width: 100%;
}

@media (max-width: 360px) {
    .main-header {
        height: 150px !important;
    }

    .box-search {
        width: 325px !important;
    }
}

/***** Media query *****/
@media (max-width: 576px) {
    .flex-sm-nowrap .step .step-icon-wrap::before, .flex-sm-nowrap .step .step-icon-wrap::after {
        display: none;
    }

    .rd-ultimo-icone {
        text-align: center;
    }

    .rd-primeiro-icone {
        text-align: center;
    }

    .siga-rd-footer a {
        padding-left: 0px !important;
    }

    .navbar-logged .dropdown-toggle {
        max-width: 100px;
        width: 100px;
        min-width: auto;
    }

    .navbar-logged .dropdown-menu.dropdown-menu-left {
        max-width: 100px;
        width: 100px;
        min-width: auto;
    }

    .dropdown-iniciais {
        display: none;
    }

    .navbar-logged .dropdown-toggle span {
        display: none;
    }
}

@media (max-width: 768px) {
    .flex-md-nowrap .step .step-icon-wrap::before, .flex-md-nowrap .step .step-icon-wrap::after {
        display: none;
    }

    .alert-toast h2 {
        display: none;
    }

    .alert-toast h3 {
        display: block !important;
    }

    .alert-toast p {
        display: block !important;
    }

    .alert-toast .close {
        left: 5px;
    }

    .modalComuComercial-w {
        width: auto;
    }

    .modalComuComercial-h {
        height: auto;
    }
    .modalComuComercial-body {
        height: 70vh;
    }
}

@media (max-width: 991px) {
    .flex-lg-nowrap .step .step-icon-wrap::before, .flex-lg-nowrap .step .step-icon-wrap::after {
        display: none;
    }

    .alert-toast.toast-bf img {
        display: none;
    }

    #PortalFinanceiro .btn-acessar {
        margin-left: auto;
        margin-top: 20px;
        margin-right: auto;
    }

    .main-header {
        height: 120px;
        max-height: 150px;
        padding: 5px 24px;
    }

    .box-search {
        float: left;
        width: auto;
    }

    .sidebar-icon {
        width: 50px;
        margin-top: 40px;
        padding: 0px;
        padding-top: 10px;
    }

    .sidebar-icon li a {
        padding: 8px;
        font-size: 20px;
        width: 42px;
        height: 42px;
    }

    .sidebar-group {
        top: 105px;
        left: 50px;
        width: 245px;
    }

    .sidebar-group > .navigation-header {
        font-size: 20px;
    }

    .img-Boas-vindas-logged {
        width: 35%;
        height: 700px;
        right: 0px;
    }

    .home-container {
        padding-right: 15px;
        padding-left: 80px;
    }

    .text-home h1:first-child {
        width: 200px;
    }

    .container.main-first-block {
        margin-left: -70px;
    }

    .text-home p {
        font-size: 22px;
        width: min-content;
    }

    .footer-logado img {
        height: 37px;
    }

    .main-header .img-header {
        height: 40px;
    }

    .text-topic-home {
        margin-left: auto;
        margin-top: -170px;
        padding-right: 5px;
        padding-left: 60px;
        font-size: 30px;
    }

    .text-home-number {
        margin-left: 150px;
        margin-top: -190px;
    }

    .img-home-linha {
        margin-top: -105px;
        margin-left: -180px;
    }

    .ilu-block img {
        height: 80px;
        padding-left: 5px;
    }

    .ilu-block p {
        margin-left: auto;
        width: auto;
        padding-left: 10px;
        font-size: 25px;
    }

    .ilu-block-esq img {
        height: 80px;
        margin-top: -370px;
        margin-left: -60px;
    }

    .ilu-block-esq p {
        width: auto;
        margin-left: 60px;
        margin-top: -220px;
        font-size: 25px;
    }

    .main-block-delivery {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ilu-delivery-ter-esq {
        margin-left: auto;
        margin-top: 20px;
    }

    .ilu-delivery-ter-esq img {
        vertical-align: middle;
        height: 80px;
        position: relative;
    }

    .ilu-delivery-ter-esq p {
        margin-left: 120px;
        text-align: left;
        margin-top: -80px;
        font-size: 20px;
    }

    .ilu-delivery.img-ter {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-bottom: -20px;
    }

    .ilu-delivery.img-ter p {
        text-align: right;
        margin-top: 70px;
        margin-left: auto;
        font-size: 20px;
    }

    .ilu-delivery.img-ter img {
        height: 80px;
        margin-left: 10px;
        margin-top: 60px;
        margin-right: auto;
    }

    .voltar-ao-topo-button-dir {
        margin-left: auto;
    }

    .img-seta-ter {
        margin-top: -130px;
        width: 100%;
        margin-left: -80px;
    }

    #pagination-newsearch .jquery-bootstrap-pagination {
        width: auto;
    }

}
@media (max-width: 1200px) {
    .flex-xl-nowrap .step .step-icon-wrap::before, .flex-xl-nowrap .step .step-icon-wrap::after {
        display: none;
    }
}

@media (max-width: 767px) {
    #wrapper {
        padding-left: 0;
    }

    #sidebar-wrapper {
        left: 0;
    }

    #wrapper.active {
        position: relative;
        left: 310px;
    }

    #wrapper.active #sidebar-wrapper {
        left: 310px;
        width: 310px;
        transition: all 0.4s ease 0s;
    }

    #show-menu {
        display: inline-block;
    }

    #PortalFinanceiro img {
      width: 240px;
    }

    .table-newsearch tr > td:first-child {
        padding-left: 5px !important;
        padding-right: 10px !important;
    }

    #pagination-newsearch {
        width: auto !important;
    }

    .table-item-dash-subtittle {
        display: none;
    }

    .header-newsearch {
        padding-top: 25px;
        font-size: inherit !important;
    }

/***** ANIMATION *****/
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-moz-document url-prefix() {
    .rd-client-icon .content:before {
        left: -55px;
    }
}

@-moz-document url-prefix() {
    .rd-crm-icon .content::before {
        right: -55px;
    }
}