@media print {
    body, #container {
        background: transparent
    }

    .boxed {
        width: 100%
    }

    .panel {
        border-color: transparent;
        box-shadow: none
    }

    #container .no-print, #demo-set, .print-content #mainnav-container, .print-content #aside-container, .print-content #navbar, .print-content #footer, .print-content .scroll-top {
        display: none !important
    }

    #container.print-content #page-content, #container.print-content #content-container {
        padding: 0 !important;
        margin: 0 !important;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .print-inline {
        display: inline !important
    }

    .print-iblock {
        display: inline-block !important
    }

    .print-block {
        display: block !important
    }

    .no-print {
        display: none !important
    }

    @page {
        size: auto !important;
        margin: 0 !important /* this affects the margin in the printer settings */
    }

    body {
        margin: 1cm;
    }
}

body {
    font-family: Roboto, Arial, sans-serif;
}
html.md-default-theme, html, body.md-default-theme, body {
    color: rgba(0,0,0,0.87);
    background-color: #ecf0f5;
}
@media screen and (min-width: 1024px) {
    .container {
        width: 1000px;
    }
}
@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
#page-content {
    padding: 0;
}
.btn-interrogacao-ajuda-artigos {
    position: absolute;
    right: 0;
}
.panel-heading {
    position: relative;
    height: auto;
    padding: 0;
    color: #2b425b;
}
body, #content-container {
    background-color: #ecf0f5;
}

#navbar {
    box-shadow: 0 1px 2px 0 #d3dce8;
    background-color: #fff;
}

.alert-warning {
    color: #494949;
}

#container .table th {
    font-size: 13px;
}

.icon-arrow-left::before {
    font-family: "Font Awesome 5 Free";
    content: "\f060";
}

.icon-arrow-right::before {
    font-family: "Font Awesome 5 Free";
    content: "\f061";
}

.mainnav-profile .profile-wrap {
    padding: 11px 20px 12px;
    background-image: url('../img/nav-profile.png');
    background-size: cover;
    text-align: center;
}

.img-md {
    width: auto;
    height: auto;
    max-width: 164px;
    max-height: 90px;
}

.modal-dialog {
    width: 850px;
    padding-top: 60px;
    padding-bottom: 30px;
    max-width: 90%;
}

.modal-sm {
    width: 300px;
}

.modal-backdrop.in {
    opacity: 0.75;
    z-index: 9999999 !important;
}

.modal {
    z-index: 99999999 !important;
}

.closepop {
    float: right;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container, .md-autocomplete-suggestions {
    margin: 0;
    list-style: none;
    padding: 0;
    z-index: 99999999999999 !important;
}

.top-spacing {
    margin-top: 20px;
}
.mega-dropdown-menu .dropdown-header {
    padding: 12px 0px 5px !important;
}

#toolbarAvancado {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #ededed;
    padding: 15px;
    margin: 15px 0px;
}

.nav-hire {
    background-color: #ffe8a0;
    color: #000;
    padding: 3px 0px;
}

.nano {
    background-color: #fff;
}

#wait {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,.8) url('/img/carregando3.gif') 50% 50% no-repeat;
}

#mainnav-menu a {
    padding: 7px 20px;
}

#mainnav li .arrow {
    line-height: 0.8;
}

#mainnav-menu ul a, .menu-popover .sub-menu ul a {
    padding: 5px 20px 5px 53px;
}

.icon-vermelho {
    background-image: url(/img/ico_vermelho.png);
}

.icon-verde {
    background-image: url(/img/ico_verde.png);
}

#container.mainnav-fixed #mainnav-menu-wrap {
    height: 100%;
    padding-bottom: 41px;
}

#mainnav-menu ul ul a {
    padding: 5px 20px 5px 65px;
}

.box {
    border: 1px dashed #cfcdcb;
    background-color: #f8f9f7;
    text-align: center;
    padding: 20px 25px;
    width: 100%;
    float: left;
    line-height: normal;
}

#container.mainnav-in .navbar-brand, #container.mainnav-lg .navbar-brand, #container.mainnav-in .brand-title, #container.mainnav-lg .brand-title {
    width: 126px;
    margin: 5px 0px;
}

#container.mainnav-lg #footer, #container.mainnav-lg #content-container {
    padding-left: 0px;
}

.navbar-content {
    margin-left: 0px;
    background-color: transparent;
}

#navbar-container {
    box-shadow: none;
}

.dropdown-menu:not(.head-list) > li > a {
    padding: 5px 10px;
    display: block;
    font-size: 13px;
}

.tab-stacked-left .nav-tabs > li > a, .tab-stacked-right .nav-tabs > li > a {
    padding-top: 9px;
    display: block;
}



.tab-stacked-left .nav-tabs {
    width: 13%;
    border: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #2b425b;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    font-weight: bold;
}

.hideMobile {
    display: block;
}

.showMobile {
    display: none;
}


.t-login .btn-primary, .t-login .btn-primary:focus {
    background-color: #294f75;
    border-color: #25476a !important;
    color: #fff;
}

    .t-login .btn-primary:hover, .t-login .btn-primary:active {
        background-color: #1c3550 !important;
        border-color: #1c3550 !important;
        color: #fff !important;
    }

.t-login .btEsqueci {
    display: inline-block;
}

.t-login .btRegistrar {
    display: inline-block;
}

.t-login .btSeparador {
    display: inline-block;
}

.nav > li a {
    display: table-cell;
    padding: 0 12px;
    vertical-align: middle;
    height: 40px;
    color: #758697;
    transition: all .4s;
}

.dropdown-menu > li a {
    height: 30px;
}

.navbar {
    margin-bottom: 0;
}

.navbar-toggler {
    display: none;
}

.nav:last-child > li {
    border-left: 1px solid rgba(0,0,0,0.05);
}

.nav:first-child > li {
    border-right: 1px solid rgba(0,0,0,0.05);
}

/*COR DA BARRA*/
#navbar, #navbar-container, .navbar-header::before {
    background-color: #fff;
}
/*COR LETRA e FUNDO MENU*/
.nav > li > a {
    color: #515151;
    background-color: #fff;
}

    .nav > li > a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #eee;
        color: #494949;
    }

.navbar {
    min-height: 43px;
    margin-top: 5px;
    border-radius: 0;
}

.megamenu {
    position: static;
    z-index: 99;
}

    .megamenu .dropdown-menu {
        background: none;
        border: none;
        width: 100%;
        min-width: 500px;
    }

    .megamenu .container {
        max-width: 500px;
    }

    .megamenu .sublista li a {
        height: auto;
    }

        .megamenu .sublista li a:hover {
            height: auto;
            background-color: #eee;
            color: #494949;
        }

.bg-white {
    background-color: #fff;
}

.brand-icon {
    background-image: url(/img/logo_app.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 116px;
    height: 40px;
}

.brand-title {
    display: none;
}

.t-login #container {
    height: 100vh;
    overflow: auto;
}
.t-login .form-control {
    border: 1px solid #ccc;
    font-size: 1em;
    padding: 20px 10px;
}

.t-login .cls-content .cls-content-sm {
    width: 750px;
}

.t-login .panel-body .conteudo {
    border: 00px solid #cdd2d4;
    box-shadow: 0 0 10px #cdd2d4;
    padding: 0px 10px;
    background-color: #fff;
}

.t-login .dadosLogin {
    height: 100%;
    background-color: #fff;
}
.t-login .dadosLogin .form {
    height: 100%;
    max-width: 80%;
    margin: 0 auto;
}
.t-login label {
    display: inline-block;
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 1em;
    font-weight: 100;
}

.t-login .box1 {
    background-color: #ccc;
    height: 100%;
    background: url(/img/fundo.png) no-repeat;
    background-size: cover;
    background-position: bottom;
}

.t-login #logo {
    height: 70px;
    margin-top: 60px;
    margin-bottom: 10px;
}
.t-login .box1 h4{
    margin-bottom: 30px;
}

.t-login .btn-primary, .t-login .btn-primary:focus {
    background-color: #00677f;
    border-color: #00677f !important;
    color: #fff;
}

    .t-login .btn-primary:hover, .t-login .btn-primary:active {
        background-color: #fff !important;
        border-color: #00677f !important;
        color: #00677f !important;
    }

.t-login .btEsqueci {
    display: inline-block;
}

.t-login .btRegistrar {
    display: inline-block;
}

.t-login .btSeparador {
    display: inline-block;
}


.nav > li a {
    display: table-cell;
    padding: 0 7px;
    vertical-align: middle;
    height: 40px;
    color: #758697;
    transition: all .4s;
}

.navbar {
    margin-bottom: 0;
}
.navbar-toggler {
    display: none;
}
.nav:last-child > li {
    border-left: 0px solid rgba(0,0,0,0.05);
}

.nav:first-child > li {
    border-right: 0px solid rgba(0,0,0,0.05);
}

/*COR DA BARRA*/
#navbar, #navbar-container, .navbar-header::before {
    background-color: #fff;
}
/*COR LETRA e FUNDO MENU*/
.nav > li > a {
    color: #515151;
    background-color: #fff;
    font-size: 13px;
}
.nav > li >a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color:#eee;
    color:#494949;
}
.brand-title { display:block;}

.dropdown-menu li a { height:30px;}


@media screen and (max-width: 768px) {
    .navbar-toggler {
        display: block;
        float: right;
        margin-top: 10px;
    }

    .navbar {
        position: relative;
        min-height: auto;
        margin-bottom: 0;
        float: left;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    nav ul.pull-right {
        float: none !important;
    }

    .nav > li a {
        height: 25px;
    }

    .hideMobile {
        display: none !important;
    }

    .showMobile {
        display: block !important;
    }

    .t-login .cls-content .cls-content-sm {
        width: 98%;
    }

    .t-login .panel-body .conteudo {
        padding: 20px;
    }

    .t-login .dadosLogin {
        padding: 20px !important;
    }

    .navbar-toggler {
        display: block;
        float: right;
        margin-top: 10px;
    }
    .navbar {
        position: relative;
        min-height: auto;
        margin-bottom: 0;
        float: left;
        width: 100%;
        height: 100%;
        overflow: auto;
    }
    nav ul.pull-right { float:none !important;}
    .nav > li a {
        height: 25px;
    }
    
    .hideMobile {
        display: none;
    }

    .showMobile {
        display: block;
    }

    .t-login .cls-content .cls-content-sm {
        width: 98%;
    }

    .t-login .panel-body .conteudo {
        padding: 20px;
    }

    .t-login .dadosLogin {
        padding: 20px !important;
    }
}
.md-autocomplete-suggestions li {
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
}

.tab-base .nav-tabs > li:not(.active) > a {
    background-color: rgba(0,0,0,0.2);
    opacity: .7;
    transition: opacity,0.3s;
}
#container.mainnav-lg #content-container, #container.mainnav-lg #footer {
    left: 0px;
}
.header-content-page {
    position: relative;
}

.header-content-page {
    position: relative;
}

.title-page--normal,
.title-page--sm {
    font-weight: 500;
}

.title-page--normal {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
}

.title-page--sm {
    margin: 0;
    font-size: 24px;
}

.vh-subtitle,
.vh-subtitle--small,
.vh-title-page {
    font-weight: 500;
    line-height: normal;
    color: #0b5377;
}

.vh-title-page {
    padding-bottom: 12px;
    margin: 0;
    border-bottom: 1px solid #e5eaed;
    font-size: 24px;
}

.sub-title-page {
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
    color: #939393;
}

.vh-subtitle {
    margin: 10px 0;
    font-size: 20px;
}

.vh-subtitle--small {
    margin: 10px 0;
    font-size: 14px;
}

.vh-subtitle--xs {
    font-size: 12px;
    color: #949b9e;
}

.vh-subtitle-lined {
    border-bottom: 1px solid #e5eaed;
    padding-bottom: 12px;
}

.vh-subtitle-dashed {
    border-bottom: 1px dashed #e5eaed;
    padding-bottom: 12px;
}

.header-content-page .title-page,
.title-content-page .title,
.title-page {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5eaed;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
    color: #0b5377;
    margin: 0;
}

.header-content-page .subtitle,
.title-content-page .subtitle {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    color: #0b5377;
}

.header-content-page .subtitle-small,
.title-content-page .subtitle-small {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #0b5377;
}

.title-bg {
    font-weight: 500;
    background-color: #fff;
    padding: 10px 20px;
}

.title-bg--gray {
    background-color: #f0f2f4;
    border-bottom: 1px solid #e5eaed;
    border-left: 1px solid #fff;
}

.title-page-info {
    position: absolute;
    top: -3px;
    right: 35px;
    font-size: 13px;
    color: #a6a6a6;
    padding: 8px 0 8px 60px;
}

    .title-page-info:hover {
        color: #a6a6a6;
    }

.title-page-apps {
    position: relative;
    padding-left: 55px;
}

.title-page-apps-thumb {
    position: absolute;
    top: -4px;
    left: 0;
    padding: 2px;
    width: 36px;
    height: 36px;
    border-radius: 0 0 2px 2px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.11);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .title-page-apps-thumb > img {
        width: 100%;
        height: 100%;
    }

.title-page-apps-link {
    position: absolute;
    top: -3px;
    right: 0;
    font-size: 13px;
    color: #a6a6a6;
    padding: 8px 20px 8px 60px;
    border-radius: 2px;
    background-image: url(../../images/svg-icons/arrow-long-left.svg);
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 25px;
    transition: all 0.2s ease;
}

    .title-page-apps-link:hover {
        color: #0b5377;
    }

    .title-page-apps-link:active {
        background-color: #eee;
    }

/*VHSYS*/

.alert-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, 0.75);
}

    .alert-button-wrapper:hover > .alert-box {
        box-shadow: 0 4px 35px 0 rgba(0, 0, 0, 0.2);
    }

.alert-box {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    border: 1px solid #cfcfcf;
    max-width: 300px;
    width: 100%;
    padding: 20px 28px;
    border-radius: 5px;
    box-shadow: 0 4px 21px 0 rgba(0, 0, 0, 0.12);
    font-size: 12.5px;
    line-height: 20px;
    text-align: center;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in-out;
}

.alert-button {
    display: inline-block;
    padding: 11px 25px;
    margin-top: 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
    max-width: 280px;
    font-size: 13px;
}

.alert,
.alert-small {
    position: relative;
    width: 100%;
    display: inline-block;
    border: 1px solid;
    border-radius: 3px;
}

    .alert-small a:not([class*="btn-"]),
    .alert a:not([class*="btn-"]) {
        color: currentColor;
        text-decoration: underline;
    }

.alert {
    padding: 18px 25px;
}

    .alert[data-remove="true"] {
        padding: 45px 25px 14px;
    }

.alert-remove-box {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: transparent;
}

.alert-remove-box-thumb {
    width: 10px;
    height: 10px;
}

.alert-small {
    padding: 5px 25px;
    font-size: 13px;
    line-height: 1.65em;
}

    .alert-small.small-padding {
        padding: 5px;
    }

.alert-remove {
    position: absolute;
    top: -5px;
    right: -5px;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-image: url(../../images/svg-icons/generic/cancel.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 6px;
}

    .alert-remove:hover {
        background-color: #cb5b5b;
    }

    .alert-remove:active {
        background-color: #c54848;
    }

.alert-remove-default {
    background-color: #cf6767;
}

.alert-icon-left {
    padding-left: 70px;
}

.alert-icon-default {
    position: absolute;
    top: calc(50% - 1px);
    left: 20px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.alert-success,
.success {
    background-color: #e0f0d7;
    border-color: #cde3bf;
    color: #427639;
}

.alert-warning,
.warning {
    background-color: #fcf8e2;
    border-color: #f9f2c9;
    color: #a97a32;
}

    .alert-warning .alert-remove-box:hover svg,
    .warning .alert-remove-box:hover svg {
        fill: #dab275;
    }

    .alert-warning .alert-remove-box:active svg,
    .warning .alert-remove-box:active svg {
        fill: #c99039;
    }

    .alert-warning .alert-remove-box .alert-remove-box-thumb,
    .warning .alert-remove-box .alert-remove-box-thumb {
        fill: #dfbd89;
    }

    .alert-warning > .alert-icon-default,
    .warning > .alert-icon-default {
        fill: #a97a32;
    }

.alert-warning-dark {
    background-color: #fff6cf;
    border-color: #e6dda3;
    color: #ad7d35;
}

.alert-error,
.error {
    background-color: #f0dede;
    border-color: #e8cccc;
    color: #a3444f;
}

.alert-icon-thumb-small {
    width: 20px;
    height: 15px;
}

.alert-icon {
    padding-left: 40px;
}

    .alert-icon [class^="alert-icon-thumb"] {
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -7.5px;
    }

.alert-icon-success {
    fill: #42a949;
}

.alert-icon-error {
    fill: #e95353;
}

.alert-message {
    display: inline-block;
    padding: 20px 50px 20px 90px;
    background: #dbedf8;
    border: 1px solid #bfdff2;
    background-repeat: no-repeat;
    background-position: center left 32px;
}

    .alert-message .large {
        font-size: 1.8em;
        color: #2b526b;
        font-weight: 500;
    }

    .alert-message .subtitle {
        color: #2b526b;
        font-size: 13px;
    }

    .alert-message.message-success {
        background-image: url(../../images/icon-success.png);
    }

    .alert-message.message-error,
    .alert-message.message-success {
        background-repeat: no-repeat;
        background-position: center left 32px;
    }

    .alert-message.message-error {
        background-image: url(../../images/icon-error.png);
    }

.alert-flat {
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    padding: 13px 15px 13px 70px;
    color: #fff;
    line-height: 23px;
}

    .alert-flat.alert-success {
        background: url(../../images/check-line-white.png) no-repeat left 25px center, #5abb41;
    }

    .alert-flat.alert-error {
        background: url(../../images/error-line-white.png) no-repeat left 25px center, #d93232;
    }

.asterisk-field {
    color: #d93232;
    font-weight: 800;
}

.container-header-band {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.tip {
    position: relative;
}

.in-block {
    display: inline-block;
}
.icon-money {
    background-position: -800px 0;
    width: 15px;
    height: 15px;
}

.icon-money, .icon-money-white {
    background-image: url(../../images/icons/line-sprites.png);
}

.action-icon, .action-icon-header, .action-icon-medium {
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
    vertical-align: middle;
}

.action-icon, .action-icon-medium {
    margin: 0 3px;
}

.form-group, .relative {
    position: relative;
}

.full-size {
    width: 100%;
}

.nav-child-list-price {
    right: -120px;
    width: 460px;
}

.nav-child-arrow {
    top: calc(100% + 15px);
}

.nav-child-dropdown {
    position: absolute;
    max-width: 580px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 14px 0 #d8d8d8;
    border: 1px solid #a7c8db;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all .15s ease;
    pointer-events: none;
}

.table-item-body-large .action-item, .table-item-body-small .action-item, .table-item-body-tiny .action-item, .table-item-body .action-item {
    text-align: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.nav-child-list-price:before {
    right: 120px;
}

.nav-child-arrow:before {
    content: "";
    position: absolute;
    bottom: calc(100% - 7.5px);
    right: 20px;
    width: 15px;
    height: 15px;
    background: linear-gradient( -45deg,hsla(0,0%,60%,0) 40%,#fff 50%);
    -ms-transform: rotate(45deg);
    transform: rotate( 45deg );
    border: 1px solid #a7c8db;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.tip.bottom:after, .tip.bottom:before, .tip.top:after, .tip.top:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tip.bottom:after, .tip.left:after, .tip.right:after, .tip.top:after {
    content: attr(data-tooltip);
    padding: 5px 12px;
    font-size: 12px;
    color: #fff;
    font-weight: 200;
    white-space: pre;
    border-radius: 3px;
    background: #505050;
}

.tip.top:after {
    bottom: calc(100% - -15px);
    color: #fff;
    background: #505050;
}

.tip:after, .tip:before {
    position: absolute;
    pointer-events: none;
    -webkit-font-smoothing: auto;
    text-rendering: auto;
    visibility: hidden;
    opacity: 0;
    transition: all .12s ease-in;
    z-index: 99;
}
/*FIM*/

@media (max-width: 768px) {
    .column-2,
    .column-3,
    .column-4,
    .column-5,
    .column-6,
    .column-7,
    .column-8,
    .column-10 {
        width: 100%;
        float: none;
    }
}

@media (min-width: 768px) {
    .column-2 {
        width: 20%;
    }

    .column-3 {
        width: 30%;
    }

    .column-4 {
        width: 40%;
    }

    .column-5 {
        width: 50%;
    }

    .column-6 {
        width: 60%;
    }

    .column-7 {
        width: 70%;
    }

    .column-8 {
        width: 80%;
    }

    .column-10 {
        width: 100%;
    }

    .column-2,
    .column-3,
    .column-4,
    .column-5,
    .column-6,
    .column-7,
    .column-8,
    .column-10,
    .column-six {
        float: left;
    }
}

.column-2,
.column-3,
.column-4,
.column-5,
.column-6,
.column-7,
.column-8,
.column-10,
.column-six {
    position: relative;
}

.tl-Spacing {
    margin-top: 40px;
}

.bl-Spacing {
    margin-bottom: 40px;
}

.topSpacing {
    margin-top: 20px;
}

.bottomSpacing {
    margin-bottom: 20px;
}

.topSmallSpacing {
    margin-top: 10px;
}

.bottomSmallSpacing {
    margin-bottom: 10px;
}

.tl-spacing {
    margin-top: 40px;
}

    .tl-spacing.widgets {
        margin-top: 47px;
    }

.tl-spacing-negative {
    margin-top: -20px;
}

.bl-spacing {
    margin-bottom: 40px;
}

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

.bottom-spacing {
    margin-bottom: 20px;
}

.z-index-one {
    z-index: 1;
}

.top-small-spacing {
    margin-top: 10px;
}

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

.mn {
    margin: 0 !important;
}

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

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

.marg-initial,
.mi,
.mn-null {
    margin: 0;
}

.mit-null {
    margin-top: 0;
}

.mir-null {
    margin-right: 0;
}

.mil-null {
    margin-left: 0;
}

.mib-null {
    margin-bottom: 0;
}

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

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

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

.pn {
    padding: 0 !important;
}

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

.pr-null {
    padding-right: 0 !important;
}

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

.pf-null {
    padding-left: 0 !important;
}

.pad-initial,
.pi {
    padding: 0;
}

.pit-null {
    padding-top: 0;
}

.pir-null {
    padding-right: 0;
}

.pib-null {
    padding-bottom: 0;
}

.pif-null {
    padding-left: 0;
}

.space-content-fifteen {
    padding: 15px;
}

.space-content,
.space-content-twenty {
    padding: 20px;
}

.ms-xs-sides {
    margin: 0 3px;
}

.ms-small-sides {
    margin: 0 10px;
}

.ms-medium-sides {
    margin: 0 20px;
}

.ms-large-sides {
    margin: 0 30px;
}

.ms-little-top {
    margin-top: 1px;
}

.ms-xs-top {
    margin-top: 3px;
}

.ms-small-top {
    margin-top: 10px;
}

.ms-medium-top {
    margin-top: 20px;
}

.ms-large-top {
    margin-top: 30px;
}

.ms-xs-left {
    margin-left: 3px;
}

.ms-small-left {
    margin-left: 10px;
}

.ms-medium-left {
    margin-left: 20px;
}

.ms-large-left {
    margin-left: 30px;
}

.ms-xs-right {
    margin-right: 3px;
}

.ms-small-right {
    margin-right: 10px;
}

.ms-medium-right {
    margin-right: 20px;
}

.ms-large-right {
    margin-right: 30px;
}

.ms-xs-bottom {
    margin-bottom: 3px;
}

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

.ms-medium-bottom {
    margin-bottom: 20px;
}

.ms-large-bottom {
    margin-bottom: 30px;
}

.ps-xs {
    padding: 3px;
}

.ps-small {
    padding: 10px;
}

.ps-md-small {
    padding: 15px;
}

.ps-medium {
    padding: 20px;
}

.ps-large {
    padding: 30px;
}

.ps-xs-sides {
    padding: 0 3px;
}

.ps-small-sides {
    padding: 0 10px;
}

.ps-medium-sides {
    padding: 0 20px;
}

.ps-large-sides {
    padding: 0 30px;
}

.ps-xs-y {
    padding: 3px 0;
}

.ps-small-y {
    padding: 10px 0;
}

.ps-medium-y {
    padding: 20px 0;
}

.ps-large-y {
    padding: 30px 0;
}

.ps-xs-left {
    padding-left: 3px;
}

.ps-small-left {
    padding-left: 10px;
}

.ps-medium-left {
    padding-left: 20px;
}

.ps-large-left {
    padding-left: 30px;
}

.ps-xs-right {
    padding-right: 3px;
}

.ps-small-right {
    padding-right: 10px;
}

.ps-medium-right {
    padding-right: 20px;
}

.ps-large-right {
    padding-right: 30px;
}

.font-xs-small {
    font-size: 9px;
}

.font-xs {
    font-size: 10px;
}

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

.font-md-small {
    font-size: 13px;
}

.font-default {
    font-size: 14px;
}

.font-medium {
    font-size: 15px;
}

.font-medium-plus {
    font-size: 16px;
}

.font-big {
    font-size: 18px;
}

.font-big-medium {
    font-size: 20px;
}

.font-large-medium {
    font-size: 22px;
}

.f-23 {
    font-size: 23px;
}

.font-large {
    font-size: 25px;
}

.font-extra-big {
    font-size: 30px;
}

.font-extra-large {
    font-size: 40px;
}

.line-big {
    line-height: 18px;
}

.line-23 {
    line-height: 23px;
}

.line-large {
    line-height: 32px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
    width: 100%;
}

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.col-md-12 {
    width: 100%;
}

.col-md-11 {
    width: 91.66666667%;
}

.col-md-10 {
    width: 83.33333333%;
}

.col-md-9 {
    width: 75%;
}

.col-md-8 {
    width: 66.66666667%;
}

.col-md-7 {
    width: 58.33333333%;
}

.col-md-6 {
    width: 50%;
}

.col-md-5 {
    width: 41.66666667%;
}

.col-md-4 {
    width: 33.33333333%;
}

.col-md-3 {
    width: 25%;
}

.col-md-2 {
    width: 16.66666667%;
}

.col-md-1 {
    width: 8.33333333%;
}

.col-md-offset-12 {
    margin-left: 100%;
}

.col-md-offset-11 {
    margin-left: 91.66666667%;
}

.col-md-offset-10 {
    margin-left: 83.33333333%;
}

.col-md-offset-9 {
    margin-left: 75%;
}

.col-md-offset-8 {
    margin-left: 66.66666667%;
}

.col-md-offset-7 {
    margin-left: 58.33333333%;
}

.col-md-offset-6 {
    margin-left: 50%;
}

.col-md-offset-5 {
    margin-left: 41.66666667%;
}

.col-md-offset-4 {
    margin-left: 33.33333333%;
}

.col-md-offset-3 {
    margin-left: 25%;
}

.col-md-offset-2 {
    margin-left: 16.66666667%;
}

.col-md-offset-1 {
    margin-left: 8.33333333%;
}

.tip {
    position: relative;
}

    .tip:before {
        content: "";
        border: 6px solid #505050;
    }

    .tip:after,
    .tip:before {
        position: absolute;
        pointer-events: none;
        -webkit-font-smoothing: auto;
        text-rendering: auto;
        visibility: hidden;
        opacity: 0;
        transition: all 0.12s ease-in;
        z-index: 99;
    }

    .tip.top:before {
        top: -15px;
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .tip.top:after {
        bottom: calc(100% - -15px);
        color: #fff;
        background: #505050;
    }

    .tip.bottom:before {
        top: calc(100% + 2px);
        border-left-color: transparent;
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .tip.bottom:after {
        top: calc(100% - -14px);
    }

    .tip.right:before {
        left: calc(100% - 2px);
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .tip.right:after {
        left: calc(100% + 10px);
    }

    .tip.left:before {
        right: calc(100% - 2px);
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .tip.left:after {
        right: calc(100% + 10px);
    }

    .tip.bottom:after,
    .tip.left:after,
    .tip.right:after,
    .tip.top:after {
        content: attr(data-tooltip);
        padding: 5px 12px;
        font-size: 12px;
        color: #fff;
        font-weight: 200;
        white-space: pre;
        border-radius: 3px;
        background: #505050;
    }

    .tip.left:after,
    .tip.left:before,
    .tip.right:after,
    .tip.right:before {
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .tip.bottom:after,
    .tip.bottom:before,
    .tip.top:after,
    .tip.top:before {
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .tip.bottom:hover:after,
    .tip.bottom:hover:before,
    .tip.left:hover:after,
    .tip.left:hover:before,
    .tip.right:hover:after,
    .tip.right:hover:before,
    .tip.top:hover:after,
    .tip.top:hover:before {
        visibility: visible;
        opacity: 1;
    }

.vh-tooltip {
    position: absolute;
    right: 0;
    top: -40px;
    border-radius: 3px 3px 3px 0;
    background-color: #0b5377;
    color: #fff;
    padding: 0.6rem 1.3rem;
    font-size: 11px;
}

    .vh-tooltip:after {
        position: absolute;
        content: "";
        bottom: -6px;
        left: 0;
        border-top: 6px solid #073248;
        border-right: 9px solid transparent;
        border-left: 0 solid transparent;
    }

.vh-tooltip--error {
    background-color: #f55557;
}

    .vh-tooltip--error:after {
        border-top-color: #f22527;
    }

.tip.tip-text--large:after {
    width: 310px;
    white-space: normal;
    word-break: break-word;
}

.tip.tip-text--medium:after {
    width: 220px;
    white-space: normal;
    word-break: break-word;
}

.fade-top-in {
    transition: transform 0.5s, opacity 0.5s;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
}

    .fade-top-in.enter {
        visibility: visible;
        -ms-transform: translate(0);
        transform: translate(0);
        opacity: 1;
    }

        .fade-top-in.enter.leave {
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            opacity: 0;
        }

.fade-bottom {
    transition: transform 0.5s, opacity 0.5s;
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    visibility: hidden;
}

    .fade-bottom.enter {
        visibility: visible;
        -ms-transform: translate(0);
        transform: translate(0);
        opacity: 1;
    }

        .fade-bottom.enter.leave {
            -ms-transform: translateY(50%);
            transform: translateY(50%);
            opacity: 0;
        }

@keyframes bell {
    25% {
        transform: rotate(20deg);
    }

    50% {
        transform: rotate(-15deg);
    }

    to {
        transform: rotate(0);
    }
}

.toolbar-nav > li:hover .sino-animate {
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    animation: bell 1s cubic-bezier(0, 1.31, 0.65, 1.04) forwards;
}

.flex-small {
    -ms-flex: 1;
    flex: 1;
}

.flex-xs {
    -ms-flex: 2;
    flex: 2;
}

.flex-medium {
    -ms-flex: 3;
    flex: 3;
}

.flex-large {
    -ms-flex: 6;
    flex: 6;
}

.remove-box {
    position: absolute;
    top: 13px;
    right: 7px;
    width: 25px;
    height: 15px;
}

    .remove-box > svg {
        width: 100%;
        height: 100%;
        fill: #c3c3c3;
        transition: all 0.2s ease;
    }

        .remove-box > svg:hover {
            fill: #b6b6b6;
        }

        .remove-box > svg:active {
            fill: #9d9d9d;
        }

.perguntas-action-edit {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding-right: 35px;
    position: absolute;
    bottom: 15px;
}

.vhbg-striped-light {
    background: repeating-linear-gradient(-45deg, #f9faf9, #f9faf9 30px, #fff 0, #fff 60px);
}

.legend-wrapper {
    width: 100%;
    text-align: right;
}

.legend-item,
.legend-text,
.legend-thumb,
.legend-wrapper {
    display: inline-block;
}

.legend-item {
    padding: 3px 25px 3px 10px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .legend-item:not(:first-child) {
        margin-left: 3px;
    }

.legend-thumb {
    margin-right: 6px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    vertical-align: middle;
}

.legend-text {
    font-size: 13px;
}

.vh-label-legend {
    background-color: #8ea0aa;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    padding: 3px 5px;
    font-weight: 500;
}

.scroll-default-primary {
    overflow-y: scroll;
    overflow-x: hidden;
    height: auto;
    min-height: 0;
    max-height: 350px;
}

    .scroll-default-primary:empty {
        display: none;
    }

    .scroll-default-primary::-webkit-scrollbar {
        width: 6px;
    }

    .scroll-default-primary::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
    }

    .scroll-default-primary::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 20px #0b5377;
    }

.text-error {
    color: #f55557;
}

.text-warning {
    color: #f5ba2b;
}

.text-bold {
    font-weight: 700;
}

.icon-thumb-bank {
    display: inline-block;
    margin: 0 4px;
    background-repeat: no-repeat;
}

.icon-amazonia-bank {
    background-position: -1050px 0;
}

.icon-amazonia-bank,
.icon-america-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-america-bank {
    background-position: -588px 0;
}

.icon-banco-brasil-bank {
    background-position: -60px 0;
}

.icon-banco-brasil-bank,
.icon-bancoob-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-bancoob-bank {
    background-position: -93px 0;
}

.icon-banepa-bank {
    background-position: -126px 0;
}

.icon-banepa-bank,
.icon-banese-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-banese-bank {
    background-position: -159px 0;
}

.icon-banestes-bank {
    background-position: -192px 0;
}

.icon-banestes-bank,
.icon-bank-others {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-bank-others {
    background-position: -225px 0;
}

.icon-banpara-bank {
    background-position: -258px 0;
}

.icon-banpara-bank,
.icon-banrisul-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-banrisul-bank {
    background-position: -291px 0;
}

.icon-bb-bank {
    background-position: -324px 0;
}

.icon-bb-bank,
.icon-bcn-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-bcn-bank {
    background-position: -357px 0;
}

.icon-boston-bank {
    background-position: -390px 0;
}

.icon-boston-bank,
.icon-bradesco-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-bradesco-bank {
    background-position: -423px 0;
}

.icon-brasilia-bank {
    background-position: -456px 0;
}

.icon-brasilia-bank,
.icon-caixa-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-caixa-bank {
    background-position: -489px 0;
}

.icon-cecred-bank {
    background-position: -522px 0;
}

.icon-cecred-bank,
.icon-city-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-city-bank {
    background-position: -555px 0;
}

.icon-credisan-bank {
    background-position: -27px 0;
}

.icon-credisan-bank,
.icon-credit-card-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-credit-card-bank {
    background-position: -621px 0;
}

.icon-hsbc-bank {
    background-position: -654px 0;
}

.icon-hsbc-bank,
.icon-itau-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-itau-bank {
    background-position: -687px 0;
}

.icon-littlebox-bank {
    background-position: -720px 0;
}

.icon-littlebox-bank,
.icon-mercantil-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-mercantil-bank {
    background-position: -753px 0;
}

.icon-nordeste-bank {
    background-position: -786px 0;
}

.icon-nordeste-bank,
.icon-nossa-caixa-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-nossa-caixa-bank {
    background-position: -819px 0;
}

.icon-real-bank {
    background-position: -852px 0;
}

.icon-real-bank,
.icon-safra-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-safra-bank {
    background-position: -885px 0;
}

.icon-santander-bank {
    background-position: -918px 0;
}

.icon-santander-bank,
.icon-semdesc-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-semdesc-bank {
    background-position: -951px 0;
}

.icon-semdesc {
    background-position: -984px 0;
}

.icon-semdesc,
.icon-sicredi-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-sicredi-bank {
    background-position: -1017px 0;
}

.icon-stone-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    background-position: 0 0;
    width: 26px;
    height: 24px;
}

.icon-sudameris-bank {
    background-position: -1083px 0;
}

.icon-sudameris-bank,
.icon-unibanco-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    width: 32px;
    height: 32px;
}

.icon-unibanco-bank {
    background-position: -1116px 0;
}

.icon-unicred-bank {
    background-image: url(../../images/banks/bank-sprites.png);
    background-position: -1149px 0;
    width: 32px;
    height: 32px;
}

.action-icon:not(.button-direction):active {
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}

.action-icon.icon-table {
    margin-left: 5px;
}

.action-icon-medium {
    width: 18px;
    height: 18px;
}

.icon-eyes {
    background-position: -544px 0;
    width: 14px;
}

.action-icon,
.action-icon-medium {
    margin: 0 3px;
}

.action-icon,
.action-icon-header,
.action-icon-medium {
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
    vertical-align: middle;
}

.action-icon-header {
    margin: -2px 3px 0;
}

.icon-add {
    background-position: -944px 0;
    width: 16px;
    height: 15px;
}

.icon-add,
.icon-arrow-black {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-arrow-black {
    background-position: -63px 0;
    width: 10px;
    height: 7px;
}

.icon-arrow-circle-down {
    background-position: -1114px 0;
    width: 16px;
    height: 16px;
}

.icon-arrow-circle-down,
.icon-arrow-down {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-arrow-down {
    background-position: -4px 0;
    width: 8px;
    height: 5px;
}

.icon-arrow-grey-left {
    background-position: -1409px 0;
    width: 22px;
    height: 9px;
}

.icon-arrow-grey-left,
.icon-arrow-left {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-arrow-left {
    background-position: -880px 0;
    width: 15px;
    height: 8px;
}

.icon-arrow-white {
    background-position: -41px 0;
    width: 10px;
    height: 7px;
}

.icon-arrow-white,
.icon-assinatura {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-assinatura {
    background-position: -1012px 0;
    width: 16px;
    height: 16px;
}

.icon-bar-code {
    background-image: url(../../images/icons/line-sprites.png);
    background-position: -391px 0;
    width: 14px;
    height: 11px;
}

.icon-bills {
    background-position: -289px 0;
    width: 13px;
}

.icon-bills,
.icon-blocked-blue {
    background-image: url(../../images/icons/line-sprites.png);
    height: 16px;
}

.icon-blocked-blue {
    background-position: -995px 0;
    width: 16px;
}

.icon-blocked {
    background-position: -1235px 0;
    width: 17px;
    height: 17px;
}

.icon-blocked,
.icon-book {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-book {
    background-position: -1389px 0;
    width: 19px;
    height: 16px;
}

.icon-box {
    background-image: url(../../images/icons/line-sprites.png);
    background-position: -816px 0;
    width: 15px;
    height: 12px;
}

.icon-calendar {
    background-position: -1131px 0;
}

.icon-calendar,
.icon-cart {
    background-image: url(../../images/icons/line-sprites.png);
    width: 16px;
    height: 16px;
}

.icon-cart {
    background-position: -961px 0;
}

.icon-cellphone {
    background-position: -131px 0;
    width: 11px;
    height: 16px;
}

.icon-cellphone,
.icon-check-write {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-check-write {
    background-position: -194px 0;
    width: 12px;
    height: 12px;
}

.icon-circle-arrow-light {
    background-position: -1290px 0;
}

.icon-circle-arrow-light,
.icon-circle-cancel-red {
    background-image: url(../../images/icons/line-sprites.png);
    width: 18px;
    height: 17px;
}

.icon-circle-cancel-red {
    background-position: -1271px 0;
}

.icon-clip {
    background-position: -96px 0;
    width: 10px;
    height: 16px;
}

.icon-clip,
.icon-close-white {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-close-white {
    background-position: -31px 0;
    width: 9px;
    height: 8px;
}

.icon-comment {
    background-position: -1253px 0;
    width: 17px;
    height: 15px;
}

.icon-comment,
.icon-deslike {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-deslike {
    background-position: -656px 0;
    width: 15px;
    height: 17px;
}

.icon-draggable {
    background-image: url(../../images/icons/line-sprites.png);
    background-position: -978px 0;
    width: 16px;
    height: 15px;
}

.icon-duplicata {
    background-position: -436px 0;
    width: 14px;
}

.icon-duplicata,
.icon-envelope {
    background-image: url(../../images/icons/line-sprites.png);
    height: 11px;
}

.icon-envelope {
    background-position: -640px 0;
    width: 15px;
}

.icon-funnel {
    background-position: -1029px 0;
    width: 16px;
    height: 14px;
}

.icon-funnel,
.icon-icon-1 {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-icon-1 {
    background-position: -181px 0;
    width: 12px;
    height: 12px;
}

.icon-icon-10 {
    background-position: -481px 0;
    width: 14px;
    height: 11px;
}

.icon-icon-10,
.icon-icon-11 {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-icon-11 {
    background-position: -261px 0;
    width: 13px;
    height: 13px;
}

.icon-icon-12 {
    background-position: -74px 0;
    width: 10px;
    height: 5px;
}

.icon-icon-12,
.icon-icon-13 {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-icon-13 {
    background-position: -317px 0;
    width: 13px;
    height: 14px;
}

.icon-icon-2 {
    background-position: -608px 0;
    height: 12px;
}

.icon-icon-2,
.icon-icon-3 {
    background-image: url(../../images/icons/line-sprites.png);
    width: 15px;
}

.icon-icon-3 {
    background-position: -560px 0;
    height: 13px;
}

.icon-icon-4 {
    background-position: -107px 0;
    width: 11px;
    height: 13px;
}

.icon-icon-4,
.icon-icon-5 {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-icon-5 {
    background-position: -544px 0;
    width: 15px;
    height: 12px;
}

.icon-icon-6 {
    background-image: url(../../images/icons/line-sprites.png);
    background-position: -13px 0;
    width: 8px;
    height: 5px;
}

.icon-icon-7 {
    background-position: -331px 0;
}

.icon-icon-7,
.icon-icon-8 {
    background-image: url(../../images/icons/line-sprites.png);
    width: 14px;
    height: 11px;
}

.icon-icon-8 {
    background-position: -346px 0;
}

.icon-icon-9 {
    background-image: url(../../images/icons/line-sprites.png);
    background-position: -1309px 0;
    width: 19px;
    height: 11px;
}

.icon-icone_vhpay {
    background-position: -1457px 0;
}

.icon-icone_vhpay,
.icon-icone_vhpay_pago {
    background-image: url(../../images/icons/line-sprites.png);
    width: 50px;
    height: 50px;
}

.icon-icone_vhpay_pago {
    background-position: -1508px 0;
}

.icon-info {
    background-position: 0 0;
    width: 3px;
    height: 12px;
}

.icon-info,
.icon-like {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-like {
    background-position: -720px 0;
    width: 15px;
    height: 17px;
}

.icon-line-arrow-down {
    background-position: -52px 0;
    width: 10px;
    height: 5px;
}

.icon-line-arrow-down,
.icon-line-check-blue {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-line-check-blue {
    background-position: -155px 0;
    width: 12px;
    height: 9px;
}

.icon-line-check-green-fat {
    background-position: -1217px 0;
}

.icon-line-check-green,
.icon-line-check-green-fat {
    background-image: url(../../images/icons/line-sprites.png);
    width: 17px;
    height: 12px;
}

.icon-line-check-green {
    background-position: -1199px 0;
}

.icon-line-delete-light {
    background-position: -168px 0;
}

.icon-line-delete-light,
.icon-line-small-1 {
    background-image: url(../../images/icons/line-sprites.png);
    width: 12px;
    height: 12px;
}

.icon-line-small-1 {
    background-position: -207px 0;
}

.icon-line-small-10 {
    background-position: -406px 0;
    width: 14px;
    height: 11px;
}

.icon-line-small-10,
.icon-line-small-11 {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-line-small-11 {
    background-position: -233px 0;
    width: 13px;
    height: 13px;
}

.icon-line-small-12 {
    background-position: -85px 0;
    width: 10px;
    height: 5px;
}

.icon-line-small-12,
.icon-line-small-13 {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-line-small-13 {
    background-position: -247px 0;
    width: 13px;
    height: 14px;
}

.icon-line-small-14 {
    background-image: url(../../images/icons/line-sprites.png);
    background-position: -1182px 0;
    width: 16px;
    height: 13px;
}

.icon-line-small-2 {
    background-position: -576px 0;
    height: 12px;
}

.icon-line-small-2,
.icon-line-small-3 {
    background-image: url(../../images/icons/line-sprites.png);
    width: 15px;
}

.icon-line-small-3 {
    background-position: -592px 0;
    height: 13px;
}

.icon-line-small-4 {
    background-position: -119px 0;
    width: 11px;
    height: 13px;
}

.icon-line-small-4,
.icon-line-small-5 {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-line-small-5 {
    background-position: -624px 0;
    width: 15px;
    height: 12px;
}

.icon-line-small-6 {
    background-image: url(../../images/icons/line-sprites.png);
    background-position: -22px 0;
    width: 8px;
    height: 5px;
}

.icon-line-small-7 {
    background-position: -421px 0;
}

.icon-line-small-7,
.icon-line-small-8 {
    background-image: url(../../images/icons/line-sprites.png);
    width: 14px;
    height: 11px;
}

.icon-line-small-8 {
    background-position: -361px 0;
}

.icon-line-small-9 {
    background-position: -1369px 0;
    height: 11px;
}

.icon-line-small-9,
.icon-linkpgto {
    background-image: url(../../images/icons/line-sprites.png);
    width: 19px;
}

.icon-linkpgto {
    background-position: -1329px 0;
    height: 13px;
}

.icon-magnify-plus {
    background-position: -496px 0;
}

.icon-magnify-plus,
.icon-magnify-warning {
    background-image: url(../../images/icons/line-sprites.png);
    width: 15px;
    height: 15px;
}

.icon-magnify-warning {
    background-position: -736px 0;
}

.icon-magnify {
    background-position: -752px 0;
    height: 15px;
}

.icon-magnify,
.icon-money-check {
    background-image: url(../../images/icons/line-sprites.png);
    width: 15px;
}

.icon-money-check {
    background-position: -768px 0;
    height: 13px;
}

.icon-money-white {
    background-position: -1432px 0;
    width: 24px;
    height: 24px;
}

.icon-money,
.icon-money-white {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-money {
    background-position: -800px 0;
    width: 15px;
    height: 15px;
}

.icon-new {
    background-image: url(../../images/icons/line-sprites.png);
    background-position: -275px 0;
    width: 13px;
    height: 13px;
}

.icon-nf1 {
    background-position: -832px 0;
}

.icon-nf1,
.icon-nf2 {
    background-image: url(../../images/icons/line-sprites.png);
    width: 15px;
    height: 15px;
}

.icon-nf2 {
    background-position: -848px 0;
}

.icon-nf3 {
    background-position: -1063px 0;
}

.icon-nf3,
.icon-nf4 {
    background-image: url(../../images/icons/line-sprites.png);
    width: 16px;
    height: 16px;
}

.icon-nf4 {
    background-position: -1080px 0;
}

.icon-nf5 {
    background-position: -864px 0;
    width: 15px;
    height: 15px;
}

.icon-nf5,
.icon-off {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-off {
    background-position: -303px 0;
    width: 13px;
    height: 14px;
}

.icon-paper-copy {
    background-position: -896px 0;
    width: 15px;
    height: 15px;
}

.icon-paper,
.icon-paper-copy {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-paper {
    background-position: -220px 0;
    width: 12px;
    height: 12px;
}

.icon-pencil-large {
    background-image: url(../../images/icons/line-sprites.png);
    background-position: -928px 0;
    width: 15px;
    height: 15px;
}

.icon-pencil {
    background-position: -451px 0;
    width: 14px;
}

.icon-pencil,
.icon-person-check {
    background-image: url(../../images/icons/line-sprites.png);
    height: 14px;
}

.icon-person-check {
    background-position: -784px 0;
    width: 15px;
}

.icon-person {
    background-position: -704px 0;
    height: 15px;
}

.icon-person,
.icon-photos {
    background-image: url(../../images/icons/line-sprites.png);
    width: 15px;
}

.icon-photos {
    background-position: -688px 0;
    height: 12px;
}

.icon-printer {
    background-position: -512px 0;
    width: 15px;
    height: 13px;
}

.icon-printer,
.icon-refresh {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-refresh {
    background-position: -1148px 0;
    width: 16px;
    height: 16px;
}

.icon-reload-check {
    background-position: -528px 0;
    width: 15px;
    height: 15px;
}

.icon-reload-check,
.icon-report {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-report {
    background-position: -143px 0;
    width: 11px;
    height: 13px;
}

.icon-send-email {
    background-image: url(../../images/icons/line-sprites.png);
    background-position: -1349px 0;
    width: 19px;
    height: 11px;
}

.icon-send {
    background-position: -1165px 0;
    height: 12px;
}

.icon-send,
.icon-settings {
    background-image: url(../../images/icons/line-sprites.png);
    width: 16px;
}

.icon-settings {
    background-position: -1097px 0;
    height: 16px;
}

.icon-tag {
    background-image: url(../../images/icons/line-sprites.png);
    background-position: -672px 0;
    width: 15px;
    height: 15px;
}

.icon-trash-red {
    background-position: -376px 0;
}

.icon-trash,
.icon-trash-red {
    background-image: url(../../images/icons/line-sprites.png);
    width: 14px;
    height: 15px;
}

.icon-trash {
    background-position: -466px 0;
}

.icon-view {
    background-position: -912px 0;
    width: 15px;
    height: 11px;
}

.icon-view,
.icon-xml {
    background-image: url(../../images/icons/line-sprites.png);
}

.icon-xml {
    background-position: -1046px 0;
    width: 16px;
    height: 13px;
}

.status-icon {
    display: inline-block;
    margin: 0 3px;
    border-radius: 100%;
    vertical-align: middle;
}

    .status-icon.status-big {
        width: 24px;
        height: 24px;
    }

    .status-icon.status-medium {
        width: 16px;
        height: 16px;
    }

    .status-icon.status-small {
        width: 14px;
        height: 14px;
    }

    .status-icon.info {
        vertical-align: text-top;
    }

.info-icon,
.information-icon {
    position: relative;
    display: inline-block;
    float: right;
    margin: 1px 4px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    cursor: pointer;
}

    .info-icon:before,
    .information-icon:before {
        content: "?";
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 6px;
        font-size: 11px;
        font-weight: 500;
        color: #fff;
    }

.info-icon {
    background: #0b5377;
    margin-bottom: 3px;
}

.info-icon-called {
    margin: -3px 4px;
}

.info-icon--exclamation:before {
    content: "!";
    font-size: 12px;
}

.info-icon--warning {
    background: #f5ba2b;
}

    .info-icon--warning:before {
        content: "!";
        font-size: 12px;
    }

.information-dark {
    background: #0b5377;
}

.information-bright {
    background: #43a4d9;
}

.icon-btn-line {
    position: relative;
    padding-top: 3px;
    padding-left: 40px;
    padding-bottom: 3px;
}

.addon-child-left {
    padding-left: 46px;
}

.addon-child-right {
    padding-right: 46px;
}

.addon-child {
    position: absolute;
    top: 50%;
    width: 38px;
    height: 38px;
    padding: 9px;
    background-color: transparent;
    border-radius: 100%;
    box-shadow: inset 0 0 0 0 transparent;
    transition: all 0.2s ease;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .addon-child[data-addon="left"] {
        left: 0;
    }

    .addon-child[data-addon="right"] {
        right: 5px;
    }

    .addon-child:not(.addon-child-symbol) {
        cursor: pointer;
    }

        .addon-child:not(.addon-child-symbol):hover {
            background-color: #fafafa;
        }

        .addon-child:not(.addon-child-symbol):active {
            background-color: #d9d9d9;
            box-shadow: inset 0 7px 15px -3px rgba(0, 0, 0, 0.18);
        }

.addon-child-thumb,
.addon-child-thumb-default {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
}

.addon-child-thumb {
    fill: #3ca2d3;
}

.addon-child-thumb-danger {
    fill: #e78383;
}

.icon-vhpay {
    background-image: url(/images/icons/icone_vhpay_pago.png);
}

.icon-vhpay,
.icon-vhpay-pago {
    background-size: 100%;
    width: 16px;
    height: 16px;
}

.icon-vhpay-pago {
    background-image: url(/images/icons/icone_vhpay.png);
}

.collapse-default {
    position: relative;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border-radius: 4px;
}

.collapse-child {
    height: 0;
    overflow: hidden;
    transition: all 0.2s ease;
}

    .collapse-child.active .collapse-content {
        opacity: 1;
    }

.collapse-content {
    width: 100%;
    float: left;
    opacity: 0;
    transition: all 0.3s ease, opacity 0.7s ease;
}

    .collapse-content:not(.collapse-child-users):not(.collapse-content-pattern) {
        padding: 10px 20px;
    }

.collapse-button,
.collapse-thumb {
    width: 100%;
    display: inline-block;
}

.collapse-pattern {
    border: 1px solid #e7ebee;
    transition: all 0.2s ease;
}

    .collapse-pattern:hover {
        border-color: #dee4e8;
        box-shadow: 0 22px 7px -22px rgba(0, 0, 0, 0.13);
    }

.collapse-button-pattern {
    position: relative;
    padding: 15px 0;
}

    .collapse-button-pattern > p {
        line-height: 18px;
    }

.collapse-thumb-pattern {
    position: absolute;
    top: 20px;
    width: 11px;
    height: 7px;
    fill: #46a8db;
    transition: all 0.2s ease;
}

.collapse-button-pattern-il {
    padding-left: 58px;
}

.collapse-button-spaced {
    padding-right: 170px;
}

.collapse-thumb-left {
    left: 25px;
}

.collapse-content-pattern {
    padding: 0 60px 15px 58px;
}

.collapse-title-little {
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 500;
    color: #547384;
}

.collapse-title-sub {
    margin-top: 3px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: #0b5377;
}

.collapse-users {
    margin-bottom: 5px;
    min-height: 65px;
    background: #fff;
    border: 1px solid #e7ebee;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.2s ease, height 0.2s ease, box-shadow 0.3s ease, background 0.2s ease;
}

    .collapse-users:hover {
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    }

    .collapse-users:active {
        background: #f7f7f7;
    }

.collapse-button.active .collapse-thumb {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.collapse-child-users {
    padding: 0 15px 10px 65px;
}

    .collapse-child-users > li {
        padding-left: 25px;
    }

.collapse-button-users {
    padding: 19px 0 15px 70px;
}

    .collapse-button-users .collapse-thumb {
        position: absolute;
        width: 11px;
        height: 11px;
        top: 33px;
        left: 30px;
        margin-top: -5.5px;
        fill: #46a8db;
        transition: 0.3s ease;
    }

.vh-dropdown {
    position: relative;
    display: inline-block;
}

.vh-dropdown-menu {
    position: absolute;
    z-index: 2;
    top: calc(100% + 18px);
    right: -15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.15s ease;
}

    .vh-dropdown-menu > ul {
        position: relative;
        z-index: 1;
    }

    .vh-dropdown-menu.is-active {
        opacity: 1;
        visibility: visible;
    }

.vh-dropdown-menu-default {
    min-width: 190px;
    border: 1px solid #a7c8db;
    background: #fff;
    box-shadow: 0 1px 6px #d0d0d0;
}

    .vh-dropdown-menu-default:before {
        content: "";
        position: absolute;
        bottom: calc(100% - 7px);
        right: 15px;
        width: 16px;
        height: 16px;
        background: #fff;
        border: 1px solid #a7c8db;
        border-bottom: 0;
        border-right: 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .vh-dropdown-menu-default ul > li {
        display: block;
        line-height: normal;
        text-align: left;
    }

        .vh-dropdown-menu-default ul > li > a {
            display: block;
            padding: 7px 10px 7px 15px;
        }

        .vh-dropdown-menu-default ul > li,
        .vh-dropdown-menu-default ul > li > a {
            color: #0b5377;
            transition: background-color 0.15s ease;
        }

            .vh-dropdown-menu-default ul > li:hover,
            .vh-dropdown-menu-default ul > li > a:hover {
                background-color: #3ca2d3;
                color: #fff;
            }

            .vh-dropdown-menu-default ul > li:active,
            .vh-dropdown-menu-default ul > li > a:active {
                background-color: #2986b3;
            }

.btn-nav-child-dropdown:not(.action-icon).active {
    box-shadow: 0 0 0 2.5px rgba(0, 0, 0, 0.07);
}

    .btn-nav-child-dropdown:not(.action-icon).active .button-direction-rotate[data-icon*="arrow-"] {
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

.nav-child-dropdown {
    position: absolute;
    max-width: 580px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 14px 0 #d8d8d8;
    border: 1px solid #a7c8db;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.15s ease;
    pointer-events: none;
}

    .nav-child-dropdown.is-faded {
        pointer-events: auto;
    }

    .nav-child-dropdown[data-position="left-normal"] {
        top: calc(100% + 6px);
    }

    .nav-child-dropdown[data-indicator="top"] {
        top: calc(100% + 20px);
        right: -20px;
    }

        .nav-child-dropdown[data-indicator="top"]:before {
            content: "";
            position: absolute;
            bottom: calc(100% - 7.5px);
            right: 20px;
            width: 15px;
            height: 15px;
            background: linear-gradient(-45deg, hsla(0, 0%, 60%, 0) 40%, #fff 50%);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            border: 1px solid #a7c8db;
            border-bottom-color: transparent;
            border-right-color: transparent;
        }

.nav-child-arrow {
    top: calc(100% + 15px);
}

    .nav-child-arrow:before {
        content: "";
        position: absolute;
        bottom: calc(100% - 7.5px);
        right: 20px;
        width: 15px;
        height: 15px;
        background: linear-gradient(-45deg, hsla(0, 0%, 60%, 0) 40%, #fff 50%);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 1px solid #a7c8db;
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

.nav-child-content li,
.nav-child-item {
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .nav-child-content li:hover,
    .nav-child-item:hover {
        background: #f5f5f5;
    }

    .nav-child-content li:active,
    .nav-child-item:active {
        background: #e8e8e8;
    }

.nav-child-item {
    font-size: 13px;
}

    .nav-child-item > a {
        padding: 11px 12px 11px 17px;
        display: block;
    }

.nav-child-update-price {
    width: 360px;
}

.nav-child-update-price-title {
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

.nav-child-update-price-head {
    width: 100%;
    display: inline-block;
    background: #f5f5f5;
    padding: 5px 20px;
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    color: #859daa;
}

.nav-child-update-price-head-item {
    float: left;
    text-align: left;
}

    .nav-child-update-price-head-item.list,
    .nav-child-update-price-item-label {
        width: 70%;
    }

    .nav-child-update-price-head-item.price,
    .nav-child-update-price-item-area {
        width: 30%;
    }

.nav-child-update-price-wrapper-item {
    display: inline-block;
    width: 100%;
    max-height: 350px;
    overflow: auto;
    padding-top: 3px;
    padding-bottom: 3px;
}

.nav-child-update-price-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 4px 20px;
    float: left;
    text-align: left;
}

.nav-child-price-item-area,
.nav-child-price-item-label {
    float: left;
}

.nav-child-price-item-label {
    width: 50%;
    text-align: left;
}

.nav-child-price-item-area {
    width: 50%;
}

.nav-child-update-price-item-area,
.nav-child-update-price-item-label,
.nav-child-update-price-item-variant {
    float: left;
}

.nav-child-update-price-item-label,
.nav-child-update-price-item-variant {
    padding-right: 10px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #547384;
    font-size: 12px;
}

.nav-child-update-price-item-label--overflow-auto,
.nav-child-update-price-item-variant--overflow-auto {
    overflow: visible;
    white-space: normal;
    text-overflow: unset;
}

.nav-child-wrapper {
    width: 260px;
    max-height: 380px;
    overflow: auto;
}

.nav-child-item-rcg .rcg label {
    width: 100%;
    padding: 12px 0 12px 35px;
    line-height: normal;
    font-size: 13px;
    color: #4e4e4e;
}

.nav-child-item-rcg .rcg-box.check {
    top: 50%;
    left: 10px;
    margin-top: -8.5px;
}

.table-head-price-list > th {
    padding: 12px 0 12px 15px;
    color: #0b5377;
}

.table-row-body-price-list > td {
    padding: 7px 0 7px 15px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    color: #4b6c7d;
}

.nav-child-list-price {
    right: -120px;
    width: 460px;
}

    .nav-child-list-price:before {
        right: 120px;
    }

.item-list-price {
    border-right: 1px solid #d4d4d4;
}

/*
.modal {
    position: relative;
    padding: 35px 40px;
}
*/
.close-text {
    position: absolute;
    right: 10px;
    top: 0;
    color: #b4b4b4;
    font-size: 25px;
    transition: color 0.5s;
}

    .close-text:hover {
        color: #0b5377;
    }


.dashboard-notify-modal {
    display: block;
}


.pdv-payment-group {
    width: 315px;
}

.pdv-payment-input-group {
    width: 130px;
}

.pdv-payment-row-total {
    width: 265px;
    margin: 0 0 10px 59px;
}

.pdv-payment-group-colored {
    padding: 15px 0;
    background: #f7f8f9;
    border: 1px solid #e8e9eb;
}

.pdv-payment-type {
    position: relative;
}

    .pdv-payment-type:before {
        content: "";
        position: absolute;
        top: -1px;
        left: 100%;
        width: 32px;
        height: 103%;
        background: #f7f8f9;
        border: 1px solid #e8e9eb;
        border-right: 0;
        border-left: 0;
        z-index: 2;
    }

.pdv-payment-details {
    position: relative;
    min-height: 255px;
    max-height: 450px;
    overflow: auto;
}

.parcel-row {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

    .parcel-row:before {
        content: attr(data-parcel);
        position: absolute;
        top: 50%;
        right: calc(100% - 26px);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.phone-refresh-icon {
    position: relative;
    width: 55px;
    height: 82px;
    margin: 10px auto 40px;
}

.phone-refresh-icon-thumb {
    width: 100%;
    height: 100%;
    fill: #dae1e7;
}

.phone-refresh-thumb {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 24px;
    left: 50%;
    fill: #dae1e7;
    margin-left: -14px;
    animation: rotatePhone 1.2s ease 0.2s forwards;
}

@keyframes rotatePhone {
    10% {
        fill: #3ca2d3;
        transform: rotate(0);
    }

    40% {
        fill: #3ca2d3;
        transform: rotate(-180deg);
    }

    to {
        transform: rotate(-1turn);
        fill: #dae1e7;
    }
}

.nf-certificate-alert {
    margin: 50px 0;
    text-align: center;
    line-height: 20px;
}

.slider-default-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slider-default-content {
    position: relative;
    left: 0;
    transition: all 0.5s cubic-bezier(0, 0.18, 0.25, 1);
}

.slider-default-row {
    width: 50%;
    float: left;
}

.flag-wrapper {
    width: 100%;
    float: left;
}

    .flag-wrapper:last-child {
        border-bottom: 1px solid #e5eaed;
    }

.flat-label {
    font-size: 18px;
    font-weight: 500;
    color: #0b5377;
    background: #f8f8f8;
    padding: 10px 14px;
    border-bottom: 1px solid;
    border-color: #e5eaed;
}

.flat-content,
.flat-label {
    display: inline-block;
    width: 100%;
}

.flat-content {
    padding: 20px 0;
}

.panel {
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 0 5px 5px 5px;
}

.panel,
.panel-body {
    float: left;
    width: 100%;
}

.panel-body {
    padding: 10px;
}

.panel-content {
    position: relative;
}

.element-to-scroll.active {
    position: absolute;
}

.panel-content-wrapper {
    display: inline-block;
    width: 100%;
    padding: 5px 15px;
}

.panel-menu {
    border-radius: 2px;
}

.panel-menu-basic {
    border: 1px solid #e8e8e8;
}

.panel-menu-title {
    font-size: 14px;
    font-weight: 600;
}

.panel-menu-title-basic {
    padding: 12px 0 12px 18px;
    background: #f0f2f4;
    color: #0b5377;
}

.panel-item-basic {
    color: #547384;
}

    .panel-item-basic:not(:last-child) {
        border-bottom: 1px dotted #ccc;
    }

    .panel-item-basic .panel-item-nav > li:hover,
    .panel-item-basic .panel-item-title:hover {
        color: #3ca2d3;
    }

    .panel-item-basic .panel-item-nav > li.is-active {
        font-weight: 500;
    }

    .panel-item-basic .panel-item-title[data-icon="true"]:before {
        content: "";
        position: absolute;
        top: 15px;
        right: 10px;
        width: 10px;
        height: 10px;
        background: url(../../images/svg-icons/generic/arrow-down.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transition: transform 0.2s ease;
    }

    .panel-item-basic .panel-item-title[data-icon="true"].active:before {
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

.panel-item-title {
    width: 100%;
    display: block;
    padding: 12px 0 12px 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px;
    line-height: normal;
}

    .panel-item-title:hover {
        color: #0b5377;
    }

.panel-item-nav li > a {
    font-size: 12px;
    padding: 5px 0;
    display: block;
}

.panel-parameters.active {
    width: 230px;
}

.panel-content-parameters.active {
    margin-left: 245px;
}

.panel-item-patameters.is-marked {
    font-weight: 500;
    color: #3ca2d3;
}

.collapse-content-parameters > .is-active a {
    font-weight: 500;
}

.plans-wrapper {
    width: 100%;
}

.item-plans {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .item-plans > li {
        width: 100%;
        position: relative;
        text-align: center;
        padding: 0 3px;
        margin: 30px 0 0;
    }

        .item-plans > li.recommended {
            border-radius: 5px;
            background: #1a76a2;
            padding: 3px;
            margin: 0;
        }

            .item-plans > li.recommended:before {
                content: "Recomendamos";
                color: #fff;
                padding: 5px 0;
                display: block;
                letter-spacing: 0.5px;
                font-weight: 500;
                text-transform: uppercase;
                font-size: 12px;
            }

            .item-plans > li.recommended .wrapper-items-plans .wrapper-prices .plan-name {
                color: #235273;
                font-size: 20px;
            }

            .item-plans > li.recommended .wrapper-items-plans .wrapper-prices .price-plan {
                color: #3ea2d3;
            }

    .item-plans.hire-app li {
        width: 100%;
    }

    .item-plans .flag-info:before {
        border-radius: 5px 0 5px 0;
        left: 3px;
    }

    .item-plans input:checked + .item-plans__btn {
        background-color: #36a1d5;
        color: #fff;
    }

.item-plans__btn {
    width: 100%;
    padding: 15px 0;
    font-size: 15px;
}

.item-plans .wrapper-items-plans {
    width: 100%;
    border: 1px solid #e5e2e2;
    border-radius: 5px;
    line-height: normal;
    background: #f7fafb;
}

    .item-plans .wrapper-items-plans.recommended-item {
        box-shadow: 0 0 0 1px #245274;
    }

        .item-plans .wrapper-items-plans.recommended-item:before {
            content: "Recomendado";
            position: absolute;
            top: 0;
            right: 3px;
            z-index: 3;
            padding: 5px 8px;
            background: #245274;
            color: #fff;
            border-radius: 0 5px 0 5px;
            font-size: 11px;
            font-weight: 700;
        }

.item-plans .wrapper-items-plans__tooltip {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.36);
    width: 14px;
    height: 14px;
    color: rgba(0, 0, 0, 0.36);
    font-weight: 700;
    font-size: 9px;
    cursor: pointer;
}

    .item-plans .wrapper-items-plans__tooltip:hover:after,
    .item-plans .wrapper-items-plans__tooltip:hover:before {
        opacity: 1;
        visibility: visible;
    }

    .item-plans .wrapper-items-plans__tooltip:after,
    .item-plans .wrapper-items-plans__tooltip:before {
        content: "";
        position: absolute;
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
        transition: all 0.12s ease-in;
        z-index: 99;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .item-plans .wrapper-items-plans__tooltip:before {
        top: -20px;
        width: 10px;
        height: 10px;
        background: #f0f8fe;
        -ms-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        border-bottom: 1px solid #3275a6;
        border-right: 1px solid #3275a6;
        z-index: 100;
    }

    .item-plans .wrapper-items-plans__tooltip:after {
        content: attr(data-tooltip);
        padding: 10px;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 400;
        color: #235274;
        background: #f0f8ff;
        border: 1px solid #3275a6;
        bottom: calc(100% - -15px);
        width: 310px;
        box-shadow: 0 0 6px rgba(29, 31, 33, 0.314);
        border-radius: 7px;
    }

.item-plans .wrapper-items-plans--desc-plan {
    margin-top: 140px;
}

    .item-plans .wrapper-items-plans--desc-plan ul li {
        text-align: left;
        color: #000000cc;
        font-size: 13px;
        font-weight: 700;
        padding: 17px 10px;
    }

.item-plans .price-plan-title {
    font-size: 2.7em;
    font-weight: 500;
    color: #176b9a;
}

.item-plans .price-plan {
    font-size: 38px;
    font-weight: 700;
    color: #235274;
}

    .item-plans .price-plan:before {
        content: "R$";
        font-size: 15px;
        font-weight: 700;
        vertical-align: bottom;
        margin-right: 5px;
        margin-bottom: 6px;
        display: inline-block;
        color: #235274;
    }

    .item-plans .price-plan.hire-app-plan {
        font-size: 2.4em;
    }

.item-plans .plan-feature > li {
    padding: 17px 0;
    color: #7b9aab;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid #ededed;
    background-repeat: no-repeat;
    background-position: 50%;
}

    .item-plans .plan-feature > li.active {
        background-color: #e8eff1;
    }

    .item-plans .plan-feature > li:last-child {
        border-bottom: none;
    }

.wrapper-prices {
    background: #fff;
    padding: 25px 0;
    border-bottom: 1px solid #ededed;
    border-radius: 5px 5px 0 0;
    min-height: 140px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .wrapper-prices small {
        font-size: 12px;
    }

        .wrapper-prices small:first-child {
            display: block;
            font-size: 18px;
            color: #00000099;
            font-weight: 700;
        }

        .wrapper-prices small.hire-app-title {
            font-size: 1.2em;
            font-weight: 400;
            padding: 0 10px;
        }

    .wrapper-prices .little-info {
        font-size: 12px;
        font-weight: 500;
        color: #525252;
    }

.wrapper-zero {
    min-height: 0;
    height: 0;
    overflow: hidden;
    margin-top: 0;
    transition: height 0.4s ease;
}

.nav-page-default {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}

.nav-page-item {
    display: inline-block;
    padding: 4px 12px;
    margin: 0 5px;
    line-height: normal;
    font-weight: 500;
    background: linear-gradient(0deg, #f1f3f5, #fff);
    border-radius: 6px;
    border: 1px solid #cbdade;
    cursor: pointer;
}

    .nav-page-item.active {
        border-color: #c1c1c1;
        color: #c1c1c1;
        background: #fff;
        cursor: default;
    }

    .nav-page-item:not(.active):active {
        -ms-transform: translateY(1px);
        transform: translateY(1px);
        background: linear-gradient(180deg, #f1f3f5, #fff);
    }

.badge-box {
    position: relative;
    padding: 10px 15px;
    background: #f2f6f6;
    line-height: normal;
    color: #005a86;
}

    .badge-box.badge-label {
        width: calc(100% - 40px);
        float: right;
    }

.report-box {
    background: #f2f6f6;
    color: #859daa;
    font-weight: 500;
    font-size: 12px;
    padding: 15px 25px;
}

    .report-box .report-box__title {
        display: block;
        font-size: 26px;
        font-weight: 500;
        color: #0b5377;
    }

.badge-label:before {
    content: attr(data-badge);
    width: 37px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -40px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    background: #1976a3;
    color: #fff;
    font-size: 15px;
}

.payment-choice-wrapper {
    width: 100%;
    text-align: center;
    padding-right: 20px;
}

    .payment-choice-wrapper input {
        display: none;
    }

    .payment-choice-wrapper .payment-icon {
        fill: #c7d6de;
        transition: all 0.25s ease-in-out;
        width: 42px;
        height: 30px;
    }

.payment-check:checked + label .payment-choice-box {
    color: #0e66c1;
    border-color: rgba(14, 102, 193, 0.6);
}

    .payment-check:checked + label .payment-choice-box .payment-icon {
        fill: #0e66c1;
    }

.payment-choice-box {
    position: relative;
    padding: 15px 0;
    border: 1px solid #cbdade;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    box-shadow: 0 0 1px 1px #e8f1f9;
    color: #92a5b0;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}

    .payment-choice-box:hover {
        box-shadow: 0 1px 5px 2px rgba(95, 114, 130, 0.17);
    }

    .payment-choice-box .space {
        margin-top: 10px;
    }

.credit-card-wrapper {
    margin-top: 25px;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #cbdade;
    box-shadow: 0 0 2px 1px #e8f1f9;
}

.credit-flags input {
    display: none;
}

    .credit-flags input:checked + label {
        opacity: 1;
    }

        .credit-flags input:checked + label span {
            opacity: 1;
            color: #015a86;
        }

        .credit-flags input:checked + label.saved-card {
            background: rgba(223, 233, 239, 0.25);
            border-color: rgba(8, 85, 165, 0.15);
        }

.credit-flags li {
    position: relative;
    float: left;
    margin-right: 10px;
}

.flag {
    width: 40px;
    height: 28px;
    float: left;
    background: url(../../images/cards.png) no-repeat 0;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.2s ease-in-out;
}

    .flag.card-2 {
        background-position: -40px 0;
    }

    .flag.card-3 {
        background-position: -80px 0;
    }

    .flag.card-4 {
        background-position: -120px 0;
    }

    .flag.card-5 {
        background-position: -160px 0;
    }

    .flag.card-6 {
        background-position: -200px 0;
    }

    .flag.card-7 {
        background-position: -240px 0;
    }

.saved-card {
    position: relative;
    display: inline-block;
    padding: 7px 12px;
    background: #f5f5f5;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid transparent;
}

    .saved-card:hover .delete-card {
        -ms-transform: scale(2);
        transform: scale(2);
    }

    .saved-card .delete-card {
        position: absolute;
        top: -5px;
        right: -5px;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        -ms-transform: scale(0);
        transform: scale(0);
        background: url(../../images/delete-bold-white.png) no-repeat 50%, #ec2e2e;
        background-size: 4px;
        transition: all 0.15s ease;
    }

.saved-number {
    float: right;
    padding-left: 15px;
    padding-top: 5px;
}

.accordion-wrapper {
    width: 100%;
}

.accordion-row {
    padding: 20px 0;
    border-bottom: 1px dashed #ddd;
}

    .accordion-row:first-child {
        border-top: 1px dashed #ddd;
    }

.accordion-row--small {
    padding: 15px 0;
}

.accordion-item {
    position: relative;
    padding-left: 27px;
    font-size: 1.4em;
    font-weight: 500;
    color: #0b5377;
    cursor: pointer;
}

    .accordion-item:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background: url(../../images/arrow-bottom-dark-blue.png) no-repeat 50%;
        transition: all 0.3s ease;
    }

    .accordion-item.active:before {
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .accordion-item .option {
        font-size: 16px;
        font-weight: 400;
        color: #939393;
    }

.accordion-item--small {
    font-size: 1.2em;
}

.accordion-content {
    position: relative;
}

.drop-archive-area {
    position: relative;
    width: 100%;
    padding: 35px 25px;
    background: #f5f7f8;
    border: 1px dashed #cfcdcb;
    border-radius: 5px;
    transition: all 0.2s cubic-bezier(0.21, 1.02, 1, 1);
}

    .drop-archive-area:hover {
        -ms-transform: scale(1.03);
        transform: scale(1.03);
    }

    .drop-archive-area .uploadifive-button {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        opacity: 0;
        z-index: 3;
    }

        .drop-archive-area .uploadifive-button input[type="file"] {
            position: absolute !important;
            left: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
        }

        .drop-archive-area .uploadifive-button:active + div .btn-bdr {
            box-shadow: inset 0 2px 29px 0 rgba(0, 0, 0, 0.17);
        }

    .drop-archive-area .input-default {
        position: relative;
        z-index: 4;
    }

.icon-import {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    background: url(../../images/blocks-gray-icon.png) no-repeat 50%;
}

.data-buy-wrapper {
    display: inline-block;
    padding: 15px 50px;
    border: 1px solid #eee;
    border-radius: 4px;
}

    .data-buy-wrapper li {
        margin: 7px 0;
    }

.service-card {
    position: relative;
    width: 100%;
}

.service-card-item {
    width: 100%;
    padding: 0 15px;
    float: left;
}

.service-card-box-extra-small,
.service-card-box-large,
.service-card-box-small {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .service-card-box-extra-small:hover,
    .service-card-box-large:hover,
    .service-card-box-small:hover {
        border-color: #cbdade;
        box-shadow: 0 0 6px 0 #cbdade;
    }

        .service-card-box-extra-small:hover .service-purchased-thumb-item,
        .service-card-box-extra-small:hover .service-purchased-thumb-item path,
        .service-card-box-large:hover .service-purchased-thumb-item,
        .service-card-box-large:hover .service-purchased-thumb-item path,
        .service-card-box-small:hover .service-purchased-thumb-item,
        .service-card-box-small:hover .service-purchased-thumb-item path {
            fill: #3ca2d3;
        }

        .service-card-box-extra-small:hover .service-purchased-more,
        .service-card-box-large:hover .service-purchased-more,
        .service-card-box-small:hover .service-purchased-more {
            opacity: 1;
            visibility: visible;
        }

.service-card-box-large {
    min-height: 145px;
    max-height: 150px;
}

@media screen and (min-width: 0\0) {
    .service-card-box-large {
        height: 150px;
    }
}

.service-card-box-small {
    min-height: 73px;
}

@media screen and (min-width: 0\0) {
    .service-card-box-small {
        height: 73px !important;
    }
}

.service-card-box-extra-small {
    min-height: 50px;
}

@media screen and (min-width: 0\0) {
    .service-card-box-extra-small {
        height: 50px !important;
    }
}

.service-purchased {
    padding-left: 130px;
}

.service-purchased-thumb-small {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 45px;
}

.service-purchased-thumb-large {
    left: 30px;
}

.service-purchased-thumb-small {
    width: 40px;
    height: 35px;
}

.service-purchased-thumb-large {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70px;
    height: 100px;
}

.service-purchased-thumb-item {
    width: 100%;
    height: 100%;
    fill: #dae1e7;
}

    .service-purchased-thumb-item path {
        transition: all 0.2s ease;
    }

.service-purchased-more {
    position: absolute;
    top: -9.5px;
    right: -9.5px;
    width: 27px;
    height: 27px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    line-height: normal;
    background: #0b90d1;
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.15s ease;
    opacity: 0;
    visibility: hidden;
}

    .service-purchased-more:hover {
        background: #0a7fb9;
    }

    .service-purchased-more:active {
        background: #064d70;
    }

.service-purchased-wrapper {
    display: inline-block;
    width: 100%;
    margin: 3px 0;
}

.service-purchased-title {
    font-size: 14px;
    font-weight: 500;
    color: #b3bec7;
}

.service-purchased-desc {
    line-height: normal;
    font-weight: 500;
    color: #547384;
}

.service-card-apps {
    padding: 0 15px;
}

    .service-card-apps:active {
        -ms-transform: scale(0.98);
        transform: scale(0.98);
    }

.service-app,
.service-app-wrapper {
    display: inline-block;
}

.service-app {
    position: relative;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.3);
}

.service-app-thumb {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 45px;
    height: 50px;
    margin: auto;
    overflow: hidden;
}

    .service-app-thumb > img {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
    }

.service-app-title {
    font-size: 1.5em;
    font-weight: 500;
    color: #547384;
}

.block-info-page-wrapper {
    background: #fff;
}

    .block-info-page-wrapper .button-back-content {
        display: none;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -11.5px;
        margin-right: 5px;
        padding: 5px 12px;
        font-weight: 500;
        font-size: 11px;
        line-height: normal;
        background: #44a5da;
        border-radius: 3px;
        color: #fff;
    }

        .block-info-page-wrapper .button-back-content:active {
            background: #237daf;
        }

.block-info-page-title {
    position: relative;
    padding: 8px 0;
    font-size: 15px;
    color: #0b5377;
    font-weight: 500;
}

.block-info-page-item {
    width: 100%;
}

.block-info-page-item,
.block-info-page-item-banking {
    margin: 0 2.5px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

.block-info-page-item-banking {
    width: 100%;
    width: calc(100% - 5.5px);
}

.btn-thin-banking {
    width: 70%;
    margin-right: 10%;
}

.espaco {
    padding-left: 15px;
}

.block-info-page-nav-alternative {
    padding: 0 45px;
}

    .block-info-page-nav-alternative.two-itens .block-info-page-item {
        width: calc(50% - 5.5px);
    }

    .block-info-page-nav-alternative .block-info-page-item {
        width: calc(20% - 5.5px);
    }

.block-info-page-item-default {
    padding: 15px 0;
    text-align: center;
}

.block-info-saldo-left {
    float: left;
    width: 50%;
}

.block-info-saldo-right {
    float: right;
    width: 50%;
}

.block-info-page-item-title,
.block-info-page-item-title-banking {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #859daa;
}

.block-info-page-item-title-banking {
    font-size: 11px;
}

.block-info-page-item-info {
    margin-top: 4px;
    display: block;
    font-size: 16.5px;
    font-weight: 500;
}

.block-info-page-buttons {
    margin: 15px 0 10px;
}

.block-info-page-buttons-item {
    margin-bottom: 7px;
}

.block-info-page-wrapper {
    margin-top: 20px;
}

.block-info-page-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}

.block-info-page-nav-justify > li {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .block-info-page-item:not(.slider-default-item) {
        width: 20% !important;
        padding: 15px 20px;
    }
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .block-info-page-item:not(.slider-default-item) {
        padding: 15px 10.4px !important;
    }
}

@media screen and (min-width: 0\0) {
    .slider-default-row .block-info-page-item {
        margin: 0 2px;
    }
}

.aside-block-buttons-title {
    margin-top: 15px;
}

.block-info-page-item-bank {
    position: relative;
    float: left;
    padding: 18px 0 18px 56px;
    text-align: left;
    font-size: 13.5px;
    font-weight: 500;
    line-height: normal;
    color: #879dab;
    height: 60px;
}

    .block-info-page-item-bank .icon-thumb-bank {
        position: absolute;
        top: 50%;
        left: 8px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .block-info-page-item-bank:hover {
        z-index: 5;
        border: 1px solid #dadada;
    }

.block-info-page-wrapper .block-info-page-button-bank.is-active,
.block-info-page-wrapper:hover .block-info-page-button-bank.active.prev-slider,
.block-info-page-wrapper:hover .block-info-page-button-bank.next-slider {
    opacity: 1;
    visibility: visible;
}

.block-info-page-button-bank {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #44a5da;
    z-index: 6;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease;
}

    .block-info-page-button-bank.next-slider:after,
    .block-info-page-button-bank.prev-slider:after {
        content: "";
        position: absolute;
        top: 50%;
        z-index: 2;
        left: 50%;
        margin-top: -7px;
        margin-left: -4px;
        width: 8px;
        height: 14px;
        background: url(../../images/arrow-small-white.png) no-repeat 50%;
    }

    .block-info-page-button-bank.next-slider:active,
    .block-info-page-button-bank.prev-slider:active {
        background: #3b8ebb;
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.3);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .block-info-page-button-bank.prev-slider {
        left: 10px;
    }

        .block-info-page-button-bank.prev-slider:after {
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

    .block-info-page-button-bank.next-slider {
        right: 10px;
    }

.btn-more-actions.active {
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 9%, 0.07);
}

.arrow-actions-wrapper {
    height: 16px;
}

.more-actions-wrapper {
    position: absolute;
    top: calc(100% + 15px);
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 170px;
    background: #2785b6;
    border-radius: 4px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.26);
    border: 1px solid rgba(25, 118, 163, 0.4);
    z-index: 15;
    opacity: 0;
    visibility: hidden;
    transition: all 0.15s ease;
}

    .more-actions-wrapper a {
        position: relative;
        display: block;
        padding: 9px 15px;
        font-size: 13px;
        color: #fff;
        transition: all 0.2s ease;
        z-index: 5;
    }

        .more-actions-wrapper a:hover {
            background: #2a7ba7;
        }

        .more-actions-wrapper a:active {
            background: #24698e;
        }

    .more-actions-wrapper:before {
        content: "";
        position: absolute;
        bottom: calc(100% - 6px);
        left: 50%;
        -ms-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        width: 12px;
        height: 12px;
        background: #2785b6;
        border-right-color: transparent;
        border-bottom-color: transparent;
    }

.actions-wrapper {
    position: absolute;
    top: calc(100% + 5px);
    right: -3px;
    width: 180px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 #e8e8e8;
    border: 1px solid #a7c8db;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
}

    .actions-wrapper:not(.js-context-menu) {
        transition: all 0.15s ease;
    }

    .actions-wrapper a {
        position: relative;
        display: block;
        padding: 9px 5px 9px 38px;
        font-size: 13px;
        color: #4b6b7a;
        text-align: left;
        transition: all 0.25s ease;
        z-index: 5;
    }

        .actions-wrapper a:hover {
            background: #f5f5f5;
            color: #8b9396;
        }

        .actions-wrapper a:active {
            background: #e1e1e1;
        }

    .actions-wrapper .actions-thumb {
        position: absolute;
        left: 7px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.actions-wrapper-left .actions-wrapper {
    left: -3px;
    right: auto;
}

.nav-sides-component {
    position: relative;
}

    .nav-sides-component [class*="input-"] {
        padding: 0 48px;
        text-align: center;
    }

    .nav-sides-component .nav-side-left {
        left: 0;
        border-radius: 3px 0 0 3px;
        background: url(../../images/arrow-left-white-small.png) no-repeat 50%, linear-gradient(0deg, #3e9ed6, #48aadc);
    }

    .nav-sides-component .nav-side-right {
        right: 0;
        border-radius: 0 3px 3px 0;
        background: url(../../images/arrow-right-white-small.png) no-repeat 50%, linear-gradient(0deg, #3e9ed6, #48aadc);
    }

    .nav-sides-component .nav-side-btn {
        position: absolute;
        top: 0;
        height: 100%;
        padding: 0 23px;
        outline: none;
    }

        .nav-sides-component .nav-side-btn:active {
            box-shadow: inset 0 2px 8px 1px rgba(0, 0, 0, 0.1);
        }

.additional-form-wrapper [class*="col-md-"] {
    padding: 0 2px;
}

.additional-form-wrapper {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 50px 0 55px;
    margin-bottom: 20px;
}

    .additional-form-wrapper:last-child {
        margin-bottom: 0;
    }

.additional-form-number {
    position: absolute;
    top: 50%;
    right: calc(100% + 3px);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #8b9ca5;
}

.additional-form-number--no-self-vertical-center {
    top: auto;
    -ms-transform: none;
    transform: none;
}

.additional-form-number-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    padding: 12px 5px;
    line-height: normal;
    min-width: 38px;
    border-radius: 2px;
    z-index: 1;
}

.additional-form-number-info-small {
    height: 32px;
    padding: 0 5px;
}

.additional-form-number-info-normal {
    background: hsla(0, 0%, 80%, 0.2);
}

.additional-form-number-info-alert {
    background: #3ca2d3;
    color: #fff;
}

    .additional-form-number-info-alert.notify-user {
        animation: notify 3s ease forwards;
    }

@keyframes notify {
    10% {
        background: #61a924;
    }

    20% {
        background: #3ca2d3;
    }

    30% {
        background: #61a924;
    }

    40% {
        background: #3ca2d3;
    }

    50% {
        background: #61a924;
    }

    60% {
        background: #3ca2d3;
    }

    70% {
        background: #61a924;
    }

    80% {
        background: #3ca2d3;
    }

    90% {
        background: #61a924;
    }

    to {
        background: #3ca2d3;
    }
}

.additional-form-actions {
    left: 100%;
    margin-top: -7.5px;
    min-width: 50px;
    max-width: 100px;
    position: absolute;
    top: 50%;
    width: 100%;
}

.additional-form-actions--no-self-vertical-center {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 33px;
    margin-top: auto;
    top: auto;
    -ms-transform: none;
    transform: none;
}

.thumb-box {
    position: relative;
    width: 100%;
    padding: 15px 15px 0;
    background: #f9fafb;
    border: 1px dashed #cdcdcb;
    border-radius: 2px;
    z-index: 1;
}

.thumb-icons {
    float: left;
}

    .thumb-icons ul {
        list-style: none;
    }

        .thumb-icons ul li {
            position: relative;
            display: inline-block;
            margin-right: 4px;
            margin-bottom: 15px;
            vertical-align: middle;
            transition: all 0.15s ease;
        }

            .thumb-icons ul li a {
                display: block;
            }

            .thumb-icons ul li .close {
                position: absolute;
                top: -7px;
                left: -7px;
                width: 17px;
                height: 17px;
                border-radius: 100%;
                background: url(../../images/delete-bold-white.png) no-repeat 50%, #47a8d3;
                background-size: 9px;
                cursor: pointer;
                display: none;
            }

.img-display {
    width: 55px;
    height: 55px;
    overflow: hidden;
    transition: all 0.2s ease;
}

    .img-display:hover {
        box-shadow: 3px 4px 24px -8px;
    }

    .img-display > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .img-display .img-file {
        width: 55px;
        height: 55px;
        fill: #dae1e7;
        transition: all 0.2s ease;
    }

        .img-display .img-file:hover {
            fill: #3ca2d3;
        }

.tooltip-info {
    display: none;
    position: absolute;
    z-index: 2;
    width: 300px;
    padding: 15px;
    margin: 0 !important;
    font-size: 12px;
    line-height: 1.9em;
    word-wrap: break-word;
    color: #fff;
    background: hsla(0, 0%, 42%, 0.91);
    border-radius: 4px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

    .tooltip-info:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
    }

.tooltip-info-middle-left,
.tooltip-info-middle-left:after,
.tooltip-info-middle-right,
.tooltip-info-middle-right:after {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tooltip-info-middle-bottom,
.tooltip-info-middle-bottom:after,
.tooltip-info-middle-top,
.tooltip-info-middle-top:after {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tooltip-info-middle-right {
    left: calc(100% + 15px);
}

    .tooltip-info-middle-right:after {
        right: 100%;
        border: 6px solid #717171;
        border-bottom-color: transparent;
        border-top-color: transparent;
        border-left-color: transparent;
    }

.tooltip-info-middle-left {
    right: calc(100% + 15px);
}

    .tooltip-info-middle-left:after {
        left: 100%;
        border: 6px solid #717171;
        border-bottom-color: transparent;
        border-top-color: transparent;
        border-right-color: transparent;
    }

.tooltip-info-middle-top {
    bottom: calc(100% + 15px);
}

    .tooltip-info-middle-top:after {
        top: 100%;
        border: 6px solid #717171;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
    }

.tooltip-info-middle-bottom {
    top: calc(100% + 15px);
}

    .tooltip-info-middle-bottom:after {
        bottom: 100%;
        border: 6px solid #717171;
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
    }

.uploadifive-queue-item .progress {
    height: 3px;
    margin-top: 5px;
    width: 100%;
    background: #e4e4e4;
}

.floating-button-action {
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #40a0d7;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
    bottom: 35px;
    left: 35px;
    cursor: pointer;
    transition: all 0.5s ease;
    z-index: 10;
}

    .floating-button-action:hover {
        background: #2c95d2;
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    }

        .floating-button-action:hover .floating-button-item {
            opacity: 1;
        }

            .floating-button-action:hover .floating-button-item.floating-button-item-2 {
                bottom: 60px;
            }

            .floating-button-action:hover .floating-button-item.floating-button-item-3 {
                bottom: 110px;
            }

            .floating-button-action:hover .floating-button-item.floating-button-item-4 {
                bottom: 160px;
            }

.floating-button-nav {
    position: relative;
    background: #ccc;
}

.floating-button-item,
.floating-button-nav {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.floating-button-item {
    position: absolute;
    bottom: 10px;
    width: 35px;
    height: 35px;
    background: #40a0d7;
    border-radius: 100%;
    transition: all 0.3s ease, opacity 0.1s ease;
    opacity: 0;
}

.photo-attach-default {
    margin-right: -10px;
    margin-left: -10px;
}

.photo-attach-default-item {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
}

    .photo-attach-default-item a {
        position: relative;
        float: left;
        width: 100%;
        height: 150px;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-decoration: none;
        border: 2px solid #e8ecef;
        border-radius: 4px;
        transition: all 0.2s ease;
    }

        .photo-attach-default-item a:hover {
            border-color: #ccd4dc;
            cursor: pointer;
        }

            .photo-attach-default-item a:hover .photo-attach-remove {
                top: 0;
            }

        .photo-attach-default-item a img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.photo-attach-default-thumb {
    position: relative;
    float: left;
    width: 20%;
    margin-bottom: 20px;
    padding: 0 10px;
    background: #fff;
}

.photo-attach-default-label {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    text-align: center;
}

    .photo-attach-default-label .rcg label {
        color: #4b6b7a;
    }

.photo-attach-remove {
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 3;
    padding: 5px 15px 5px 30px;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    background: #3ca2d3;
    color: #fff;
    transition: all 0.2s ease;
}

    .photo-attach-remove:hover {
        background: #2d96c8;
    }

    .photo-attach-remove:active {
        background: #1f678a;
    }

.photo-attach-remove-thumb {
    position: absolute;
    top: 6px;
    left: 10px;
    width: 10px;
    height: 10px;
    fill: #fff;
}

.change-photo-wrapper {
    position: relative;
    width: 170px;
    height: 145px;
    display: inline-block;
    border-radius: 4px;
    border: 2px solid #e7ebee;
    background: #f9fafb;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .change-photo-wrapper .logo-text {
        font-weight: 600;
        color: #e1e4e6;
        font-size: 52px;
        margin-top: 27px;
        text-align: center;
    }

    .change-photo-wrapper:hover {
        border-color: #3ca2d3;
    }

        .change-photo-wrapper:hover .chage-photo-action {
            padding: 7px 10px;
        }

    .change-photo-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.change-photo-profile {
    height: 100%;
}

.change-photo-thumb {
    display: block;
    width: 45%;
    height: 95px;
    margin: 20px auto auto;
    fill: #dae1e7;
}

.change-photo-action {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 4px 10px;
    background: #3ca2d3;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .change-photo-action:hover {
        background: #2d96c8;
    }

    .change-photo-action:active {
        background: #24779f;
    }

.box-floating-fixed-action {
    position: fixed;
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%, 200px);
    transform: translate(-50%, 200px);
    z-index: 99;
    width: 500px;
    padding: 25px 15px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.24), 0 1px 6px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    transition: box-shadow 0.2s ease, transform 0.35s cubic-bezier(0.82, 0.02, 0, 1.24);
}

    .box-floating-fixed-action:hover {
        box-shadow: 0 5px 50px rgba(0, 0, 0, 0.3), 0 1px 10px rgba(0, 0, 0, 0.16);
    }

    .box-floating-fixed-action.active {
        -ms-transform: translate(-50%, -40px);
        transform: translate(-50%, -40px);
        visibility: visible;
    }

.slice-box-content {
    width: 100%;
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

.slice-box-content-basic {
    background: #f6f8fa;
}

.slice-box-content-normal {
    padding: 20px 25px;
}

.slice-box-content-small {
    padding: 10px 25px;
}

.slice-box-title {
    font-size: 14px;
    font-weight: 500;
    color: #b3bec7;
}

.slice-box-label {
    font-weight: 500;
    font-size: 24px;
    color: #547384;
}

@keyframes scaleIt {
    to {
        transform: scale(1);
    }
}

.el-symbol-state {
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-transform: scale(0);
    transform: scale(0);
    animation: scaleIt 0.4s cubic-bezier(0.25, 0.1, 0.38, 1.46) 0.2s forwards;
}

    .el-symbol-state[data-state-axis="top-right"] {
        bottom: calc(100% - 15px);
        left: calc(100% - 15px);
    }

.el-symbol-state-success {
    background: #61a924;
}

.el-symbol-state-icon {
    fill: #fff;
    width: 13px;
    height: 13px;
    margin-top: 6px;
}

.rcg-box-select .rcg-box {
    top: 20px;
    left: 20px;
}

.box-wrapper-ghost-label {
    padding-left: 50px;
}

    .box-wrapper-ghost-label:hover {
        background: #f1f1f1;
    }

    .box-wrapper-ghost-label:active {
        background: #e2e2e2;
    }

.layer-waiting-page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, 0.71);
    z-index: 999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 1;
    visibility: visible;
}

.box-title {
    text-align: center;
}

.header-content-page {
    position: relative;
}

.title-page--normal,
.title-page--sm {
    font-weight: 500;
}

.title-page--normal {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
}

.title-page--sm {
    margin: 0;
    font-size: 24px;
}

.vh-subtitle,
.vh-subtitle--small,
.vh-title-page {
    font-weight: 500;
    line-height: normal;
    color: #0b5377;
}

.vh-title-page {
    padding-bottom: 12px;
    margin: 0;
    border-bottom: 1px solid #e5eaed;
    font-size: 24px;
}

.sub-title-page {
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
    color: #939393;
}

.vh-subtitle {
    margin: 10px 0;
    font-size: 20px;
}

.vh-subtitle--small {
    margin: 10px 0;
    font-size: 14px;
}

.vh-subtitle--xs {
    font-size: 12px;
    color: #949b9e;
}

.vh-subtitle-lined {
    border-bottom: 1px solid #e5eaed;
    padding-bottom: 12px;
}

.vh-subtitle-dashed {
    border-bottom: 1px dashed #e5eaed;
    padding-bottom: 12px;
}

.header-content-page .title-page,
.title-content-page .title,
.title-page {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5eaed;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
    color: #0b5377;
    margin: 0;
    margin-bottom: 20px;
}

.header-content-page .subtitle,
.title-content-page .subtitle {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    color: #0b5377;
}

.header-content-page .subtitle-small,
.title-content-page .subtitle-small {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #0b5377;
}

.title-bg {
    font-weight: 500;
    background-color: #fff;
    padding: 10px 20px;
}

.title-bg--gray {
    background-color: #f0f2f4;
    border-bottom: 1px solid #e5eaed;
    border-left: 1px solid #fff;
}

.title-page-info {
    position: absolute;
    top: -3px;
    right: 35px;
    font-size: 13px;
    color: #a6a6a6;
    padding: 8px 0 8px 60px;
}

    .title-page-info:hover {
        color: #a6a6a6;
    }

.title-page-apps {
    position: relative;
    padding-left: 55px;
}

.title-page-apps-thumb {
    position: absolute;
    top: -4px;
    left: 0;
    padding: 2px;
    width: 36px;
    height: 36px;
    border-radius: 0 0 2px 2px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.11);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .title-page-apps-thumb > img {
        width: 100%;
        height: 100%;
    }

.title-page-apps-link {
    position: absolute;
    top: -3px;
    right: 0;
    font-size: 13px;
    color: #a6a6a6;
    padding: 8px 20px 8px 60px;
    border-radius: 2px;
    background-image: url(../../images/svg-icons/arrow-long-left.svg);
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 25px;
    transition: all 0.2s ease;
}

    .title-page-apps-link:hover {
        color: #0b5377;
    }

    .title-page-apps-link:active {
        background-color: #eee;
    }

.textblock-content-row {
    position: relative;
    width: 100%;
    float: left;
}

.textblock-item[data-text-direction="right"] {
    padding: 10px 65px 10px 185px;
}

.textblock-item[data-text-direction="left"] {
    padding: 10px 185px 10px 65px;
}

.textblock-item-abs {
    position: absolute;
    top: 0;
}

    .textblock-item-abs[data-thumb-direction="left"] {
        left: 40px;
    }

    .textblock-item-abs[data-thumb-direction="right"] {
        right: 40px;
    }

.textblock-item-abs-middle {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.textblock-item-abs-top {
    top: 10px;
}

.textblock-item-abs-medium {
    width: 90px;
}

.textblock-thumb-medium {
    max-width: 100%;
}

.sac-move-row-buttons {
    margin-left: 101px;
}

.move-row-buttons,
.sac-move-row-buttons {
    -ms-transform: translateY(18px);
    transform: translateY(18px);
}

.col-add-item {
    padding: 0 2px;
    float: left;
}

.col-add-product {
    width: 240px;
}

.col-add-ipi,
.col-add-qtde {
    width: 75px;
}

.col-add-icms {
    width: 70px;
}

.col-add-val-unit {
    width: 100px;
}

.col-add-ncm {
    width: 95px;
}

.col-add-cfop {
    width: 65px;
}

.col-add-val-total {
    width: 120px;
}

.gutter-small {
    margin-left: -6px;
    margin-right: -6px;
}

    .gutter-small .col {
        padding-left: 6px;
        padding-right: 6px;
    }

.message-app-box {
    display: -ms-flexbox;
    display: flex;
}

.message-app-thumb {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-right: 10px;
}

    .message-app-thumb > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.message-app {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px 15px 30px;
}

.message-app-bright {
    background-color: #55c2e9;
    color: #fff;
}

.box-cell-small {
    border: 4px solid #e8e8e8;
    line-height: 1.4;
    padding: 7px;
}

.box-cell {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

.box-cell-column {
    -ms-flex: 1;
    flex: 1;
}

.box-cell-button {
    width: 100%;
    border-radius: 0 0 4px 4px;
}

.box-cell-default {
    padding: 20px;
}

.box-cell-icon {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    -ms-flex: 1;
    flex: 1;
}

    .box-cell-icon .box-icon {
        margin-right: 20px;
    }

    .box-cell-icon .title {
        font-size: 22px;
        margin: 0;
        font-weight: 500;
    }

    .box-cell-icon .label {
        font-size: 11px;
        margin: 0;
        font-weight: 500;
    }

    .box-cell-icon .level-color {
        color: #464f53;
    }

    .box-cell-icon.box-level-1 > .box-cell-content > .label > .level-color {
        color: #289556;
    }

    .box-cell-icon.box-level-2 > .box-cell-content > .label > .level-color {
        color: #ff6000;
    }

    .box-cell-icon.box-level-3 > .box-cell-content > .label > .level-color {
        color: #36b7cb;
    }

    .box-cell-icon.box-level-4 > .box-cell-content > .label > .level-color {
        color: #963288;
    }

    .box-cell-icon.has-hover:hover {
        cursor: pointer;
    }

        .box-cell-icon.has-hover:hover .box-cell-icon-hover {
            -ms-transform: translate(0);
            transform: translate(0);
            opacity: 1;
            pointer-events: visible;
        }

.box-cell--two-buttons .box-cell-button {
    border-radius: 0 0 5px 5px;
}

    .box-cell--two-buttons .box-cell-button:first-child {
        border-radius: 0 0 0 5px;
    }

    .box-cell--two-buttons .box-cell-button:last-child {
        border-radius: 0 0 5px 0;
    }

.box-cell-icon-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 0 auto;
    padding: 15px 15px 0;
    z-index: 1;
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
    pointer-events: none;
}

    .box-cell-icon-hover .box-cell-icon-hover-wrap {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 0 15px;
        box-shadow: 0 0 40px -5px rgba(0, 0, 0, 0.3);
    }

    .box-cell-icon-hover .box-cell-icon {
        border: 0;
    }

    .box-cell-icon-hover:after {
        content: "";
        position: absolute;
        top: 9px;
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 14px;
        height: 14px;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        background-color: #fff;
        border-radius: 1px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.box-rateio {
    background: #fbfbfb;
    border-radius: 3px;
    border: 1px solid #eaeaea;
    padding: 15px;
}

.box-rateio__titulo {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px;
    display: inline-block;
}

.box-rateio__valor {
    font-size: 16px;
    color: #0b5377;
    font-weight: 500;
    white-space: nowrap;
}

.box-rateio__percentual {
    font-size: 12px;
    color: #3ca2d3;
    font-weight: 500;
    display: block;
    text-align: right;
}

.card-default {
    position: relative;
    width: 100%;
}

.card-default-item {
    width: 100%;
    display: inline-block;
}

.card-box-default,
.card-box-extra-small,
.card-box-large,
.card-box-small {
    position: relative;
    width: 100%;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.2s ease;
}

    .card-box-default.is-active,
    .card-box-extra-small.is-active,
    .card-box-large.is-active,
    .card-box-small.is-active {
        border: 2px solid #cbdade;
        box-shadow: 0 0 5px 0 #cbdade;
    }

        .card-box-default.is-active .card-thumb-item,
        .card-box-extra-small.is-active .card-thumb-item,
        .card-box-large.is-active .card-thumb-item,
        .card-box-small.is-active .card-thumb-item {
            fill: #3ca2d3;
        }

.card-box-shadow {
    box-shadow: 5px 5px 0 -1px rgba(0, 0, 0, 0.08);
}

.card-box-large {
    padding: 25px 0;
}

.card-box-h:hover {
    cursor: pointer;
    border-color: #cbdade;
    box-shadow: 0 0 5px 0 #cbdade;
}

    .card-box-h:hover .card-thumb-item {
        fill: #3ca2d3;
    }

.card-box-h:active {
    background: #f5f5f5;
}

.card-box-select:hover {
    border-color: #cbdade;
    box-shadow: 0 0 6px 0 #cbdade;
}

    .card-box-select:hover .card-thumb-item,
    .card-box-select:hover .card-thumb-item path {
        fill: #3ca2d3;
    }

    .card-box-select:hover .service-purchased-more {
        opacity: 1;
        visibility: visible;
    }

.card-box-pointer {
    cursor: pointer;
}

.card-box-extra-small {
    min-height: 45px;
}

@media screen and (min-width: 0\0) {
    .card-box-extra-small {
        height: 45px !important;
    }
}

.card-box-small {
    min-height: 73px;
}

@media screen and (min-width: 0\0) {
    .card-box-small {
        height: 73px !important;
    }
}

.card-thumb-small {
    width: 40px;
    height: 35px;
}

.card-thumb-little {
    width: 40px;
    height: 17px;
}

.card-thumb-large {
    width: 70px;
    height: 65px;
}

.card-thumb-item {
    width: 100%;
    height: 100%;
    fill: #dae1e7;
    transition: all 0.2s ease;
}

.card-title,
.card-title-small {
    font-weight: 500;
    line-height: normal;
}

.card-title-small {
    font-size: 12px;
}

.card-title-normal {
    font-size: 14px;
}

.card-title-large {
    font-size: 23px;
}

.card-title-default {
    color: #b3bec7;
}

.card-title-dark {
    color: #547384;
}

.card-input:checked + label > .card-box-extra-small {
    box-shadow: 0 0 0 2px #3ca2d3, 0 1px 4px 2px rgba(0, 0, 0, 0.1);
    border-color: transparent;
}

    .card-input:checked + label > .card-box-extra-small .card-thumb-item {
        fill: #3ca2d3;
    }

.icon-medium,
.icon-xs {
    display: inline-block;
    vertical-align: middle;
}

.icon-xs {
    width: 30px;
    height: 30px;
}

.icon-medium {
    width: 70px;
    height: 70px;
    margin: 20px auto;
}

.container-apps {
    box-shadow: inset 0 0 0 2px #e8eef7, 0 2px 2px 0 #d7d8da;
    padding: 20px 30px;
}

    .container-apps:not(.container-apps-store) {
        padding: 20px 30px 60px;
    }

.container-apps-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.container-apps-footer-nav {
    background: #e8eef7;
    border-radius: 0 0 5px 5px;
    padding: 20px 0;
}

.container-apps-footer-list {
    position: relative;
    min-width: 700px;
    margin: auto;
    text-align: center;
}

.container-apps-footer-list-item {
    position: relative;
    display: inline-block;
    font-size: 11px;
}

    .container-apps-footer-list-item:first-child:before {
        content: "";
        position: absolute;
        top: -3px;
        right: calc(100% + 12px);
        width: 25px;
        height: 20px;
        background: url(../../images/svg-icons/generic/logo-apps.svg) no-repeat 50%;
        background-size: contain;
    }

    .container-apps-footer-list-item:nth-child(-n + 2) {
        padding-right: 50px;
    }

        .container-apps-footer-list-item:nth-child(-n + 2):after {
            content: "|";
            position: absolute;
            top: 0;
            left: calc(100% - 25px);
            font-weight: 500;
            color: #a6a6a6;
        }

    .container-apps-footer-list-item a {
        color: #ababab;
        transition: all 0.2s ease;
    }

        .container-apps-footer-list-item a:hover {
            color: #0b5377;
        }

.nav-hire {
    background: #ffe8a0;
    padding: 8px 0;
}

    .nav-hire span {
        color: #046;
    }

    .nav-hire .btn-bdr {
        padding: 8px 25px;
        margin-left: 20px;
        font-size: 13px;
        font-weight: 500;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    }

.toolbar-header {
    position: relative;
    background: #2f5d9e;
    background: linear-gradient(180deg, #2f5d9e, #2c5a9a);
    border-bottom: 1px solid #005079;
    z-index: 100;
}

    .toolbar-header .logo {
        width: 118px;
    }

    .toolbar-header.gray-toolbar {
        background: #42535b;
        background: linear-gradient(180deg, #37464c, #42535b);
    }

        .toolbar-header.gray-toolbar .logo {
            float: left;
        }

        .toolbar-header.gray-toolbar .toolbar-title {
            font-size: 21px;
            float: left;
            color: #aeb3b5;
            font-style: italic;
            margin: 2px 0 0 20px;
        }

        .toolbar-header.gray-toolbar .security-message {
            color: #a0a7aa;
        }

        .toolbar-header.gray-toolbar .toolbar-nav > li > a {
            color: #fff;
        }

        .toolbar-header.gray-toolbar .avatar-nav-wrapper {
            background-color: #42535b;
        }

            .toolbar-header.gray-toolbar .avatar-nav-wrapper .plan-wrapper {
                background-color: #6d7d85;
            }

            .toolbar-header.gray-toolbar .avatar-nav-wrapper:after {
                border-color: #42535b;
            }

.header-fat {
    margin-top: 10px;
    margin-bottom: 10px;
}

.security-message {
    position: relative;
    padding-left: 25px;
    margin-top: 5px;
    margin-left: 40px;
    color: #8da8bc;
    font-size: 11px;
    background: url(../../images/padlock.png) no-repeat left 5px center;
}

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

    .toolbar-nav > li {
        position: relative;
        float: left;
        height: 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

        .toolbar-nav > li > .toolbar-nav > li:last-child a {
            border-: 1px solid #44799a;
        }

        .toolbar-nav > li > a {
            display: block;
            padding-right: 10px;
            color: #8da8bc;
            font-size: 13px;
            font-weight: 500;
            transition: color 0.1s ease;
        }

            .toolbar-nav > li > a.btn-contrate {
                padding: 9px 15px;
            }

            .toolbar-nav > li > a.notify-button {
                padding: 8px 2px;
                margin-right: 15px;
                position: relative;
            }

            .toolbar-nav > li > a .svg-header {
                transition: fill 0.1s ease;
            }

            .toolbar-nav > li > a:hover {
                color: #fff;
            }

                .toolbar-nav > li > a:hover .svg-header {
                    fill: #eaecef;
                }

        .toolbar-nav > li:hover .notify-button {
            border-color: #e2e2e270;
            transition: border 0.5s;
        }

        .toolbar-nav > li:hover .toolbar-sub-nav-wrap {
            visibility: visible;
            pointer-events: auto;
        }

            .toolbar-nav > li:hover .toolbar-sub-nav-wrap .toolbar-sub-nav {
                -ms-transform: translateY(10px);
                transform: translateY(10px);
                visibility: visible;
                opacity: 1;
            }

        .toolbar-nav > li:last-child:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 1px;
            height: 14px;
            background: #44799a;
        }

.sub-toolbar-nav {
    position: relative;
    margin-top: 15px;
    margin-bottom: -10px;
    float: left;
    z-index: 16;
}

    .sub-toolbar-nav > li {
        position: relative;
        float: left;
        height: 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

.notify-nav li {
    position: relative;
    cursor: pointer;
    z-index: 1;
    padding: 10px 15px 10px 0;
    border-bottom: 1px solid #d2d6e3;
    background: #eceef4;
}

    .notify-nav li:first-child {
        border-radius: 10px 10px 0 0;
    }

    .notify-nav li:last-child {
        border: none;
    }

    .notify-nav li.lido {
        background: #fff;
    }

    .notify-nav li p {
        font-size: 13px;
        color: #487590;
        line-height: 1.5;
        font-weight: 500;
    }

.notify-nav .see-all {
    padding: 12px 0;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    line-height: normal;
    transition: background 0.5s;
}

    .notify-nav .see-all a {
        color: #1b6d9c;
        font-weight: 700;
    }

    .notify-nav .see-all:hover {
        background-color: #e8e8e8;
    }

.notify-nav__title {
    font-size: 14px;
}

.notify-nav__icon {
    width: 80px;
    min-width: 80px;
}

.notify-nav__date {
    font-weight: 500;
    color: #8f959e;
    font-size: 12px;
}

    .notify-nav__date .date-text {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

.toolbar-sub-nav-wrap {
    position: absolute;
    min-width: 210px;
    top: 25px;
    right: -18px;
    z-index: 9999;
    pointer-events: none;
    visibility: hidden;
}

    .toolbar-sub-nav-wrap.btn-end {
        right: -12px;
    }

.toolbar-sub-nav {
    position: relative;
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    opacity: 0;
    visibility: hidden;
    border: 1px solid rgba(25, 118, 163, 0.4);
    transition: all 0.25s ease;
}

    .toolbar-sub-nav li > a {
        position: relative;
        z-index: 1;
        padding: 9px 10px 9px 20px;
        display: block;
        font-size: 13px;
        font-weight: 400;
        color: #0b5377;
        transition: all 0.2s ease-in-out;
    }

        .toolbar-sub-nav li > a:hover {
            background: #f5f5f5;
        }

    .toolbar-sub-nav.notify-nav {
        min-width: 400px;
        border: 0;
    }

        .toolbar-sub-nav.notify-nav li {
            cursor: default;
            transition: background 0.5s;
        }

            .toolbar-sub-nav.notify-nav li.pointer {
                cursor: pointer;
            }

                .toolbar-sub-nav.notify-nav li.pointer.lido:hover,
                .toolbar-sub-nav.notify-nav li.pointer:hover {
                    background-color: #e9ebf2;
                }

                .toolbar-sub-nav.notify-nav li.pointer.nao-lido:hover,
                .toolbar-sub-nav.notify-nav li.pointer:hover {
                    background-color: #e6e8f0;
                }

    .toolbar-sub-nav:after {
        content: "";
        position: absolute;
        top: -4px;
        right: 30px;
        border: 7px solid #fff;
        border-radius: 1px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.open-call {
    position: relative;
    z-index: 2;
    width: 90%;
    display: block;
    margin: 10px auto;
    font-size: 13px;
    text-align: center;
}

.toolbar-notify {
    position: absolute;
    top: -5px;
    right: -7px;
    padding: 3px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #d35045;
    color: #fff;
    font-weight: 500;
    text-align: center;
    font-size: 10px;
    line-height: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-transform: scale(0);
    transform: scale(0);
    animation: scale-element 0.4s ease-in-out forwards;
}

@keyframes scale-element {
    75% {
        transform: scale(1.2);
    }

    to {
        transform: scale(1);
    }
}

.avatar-small {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.1s ease;
}

    .avatar-small:hover {
        box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.3);
    }

    .avatar-small img {
        width: 100%;
    }

.avatar-nav-wrapper {
    position: absolute;
    top: 45px;
    width: 360px;
    right: 0;
    z-index: 9998;
    background: #2f5d9e;
    border-radius: 4px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}

    .avatar-nav-wrapper:after {
        content: "";
        position: absolute;
        top: -4px;
        right: 11px;
        border: 7px solid #2f5d9e;
        border-radius: 1px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .avatar-nav-wrapper.faded-element {
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

.avatar-big {
    position: relative;
    float: left;
    width: 95px;
    height: 95px;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.2s ease;
}

    .avatar-big img {
        width: 100%;
    }

    .avatar-big:hover > .change-photo {
        opacity: 1;
        visibility: visible;
    }

.change-photo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: url(../../images/camera-white.png) no-repeat center 28px, rgba(0, 0, 0, 0.66);
    padding-top: 35px;
    background-size: 27px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    transition: all 0.2s ease;
}

.avatar-nav {
    margin-left: 20px;
    display: inline-block;
}

    .avatar-nav li {
        font-weight: 500;
        padding-bottom: 13px;
        font-size: 13px;
        cursor: pointer;
    }

        .avatar-nav li,
        .avatar-nav li a {
            transition: color 0.1s ease;
            color: #beccd7;
        }

            .avatar-nav li:hover,
            .avatar-nav li a:hover {
                color: #fff;
            }

.plan-wrapper {
    width: 100%;
    padding: 15px 20px;
    background: #295490;
}

.used-plan {
    position: relative;
    width: 100%;
    height: 6px;
    border-radius: 10px;
    background: #fff;
    margin-top: 5px;
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.38);
    overflow: hidden;
}

    .used-plan .percent {
        height: 100%;
        width: 100px;
    }

.credit-wrapper {
    padding: 18px 20px;
    background: #5fad4a;
    border-radius: 0 0 3px 3px;
}

    .credit-wrapper .add-credit {
        display: inline-block;
    }

        .credit-wrapper .add-credit a {
            padding: 5px 10px 5px 25px;
            color: #295490;
            font-size: 11px;
            border-radius: 3px;
            background: #fff;
            background: url(../../images/plus-green.png) no-repeat left 9px center, linear-gradient(180deg, #f1f3f5, #fdfdfd);
        }

.btn-dollar {
    background-image: url(../../images/svg-icons/cifrao.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 28%;
    border-radius: 50%;
    background-color: #fbd800;
    width: 35px;
    height: 35px;
}

.navigation {
    position: relative;
    z-index: 10;
}

    .navigation > li {
        position: relative;
        width: 12.5%;
        float: left;
        text-align: center;
    }

        .navigation > li.active-submenu .sub-navigation,
        .navigation > li:hover .sub-navigation,
        .navigation > li a:focus + .sub-navigation {
            -ms-transform: translateY(56px);
            transform: translateY(56px);
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition: all 0.25s ease;
        }

        .navigation > li > a {
            cursor: pointer;
        }

        .navigation > li.active-submenu > a,
        .navigation > li:hover > a {
            color: #fff;
        }

        .navigation > li.active-submenu.li-navigation,
        .navigation > li:hover.li-navigation {
            background: #295490;
        }

        .navigation > li:hover:after {
            opacity: 1;
            height: 3px;
        }

        .navigation > li:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            background: #2bd6ec;
            opacity: 0;
            transition: all 0.15s ease;
        }

        .navigation > li > a {
            padding: 19px 0;
            display: block;
            font-size: 13px;
            font-weight: 400;
            color: #beccd7;
            border-radius: 0 0 4px 4px;
            transition: all 0.15s ease;
        }

            .navigation > li > a:hover {
                color: #fff;
            }

    .navigation.navi-par > li {
        width: 11.5%;
    }

.btn-app,
.btn-app-wrapper {
    position: relative;
}

.btn-app {
    padding: 5px 15px;
    display: inline-block;
    float: right;
    font-size: 11px;
    color: #005883;
    background: linear-gradient(0deg, #f1f3f4, #fff);
    border-radius: 20px;
    font-weight: 600;
    line-height: 10px;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    border: 3px solid #dae1e7;
}

    .btn-app:hover {
        box-shadow: 0 0 0 3px hsla(0, 0%, 98%, 0.26);
    }

        .btn-app:hover .nav-apps {
            -ms-transform: translateY(42px);
            transform: translateY(42px);
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .btn-app:hover:before {
            pointer-events: auto;
        }

    .btn-app.active {
        background: linear-gradient(180deg, #e5e5e5, #fff);
        box-shadow: 0 0 0 3px hsla(0, 0%, 98%, 0.26);
    }

    .btn-app:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 150%;
        z-index: 11;
        pointer-events: none;
    }

.btn-loja-app {
    color: #2f5d9e;
    text-decoration: underline;
    font-size: 14px;
}

.btn-indique {
    border-radius: 20px;
    color: #000 !important;
}

.nav-apps.open {
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.icon-app {
    display: inline-block;
    width: 23px;
    height: 17px;
}

.icon-app-end,
.text-app {
    display: inline-block;
    margin-left: 10px;
}

.text-app {
    vertical-align: middle;
    font-size: 13px;
}

.sub-navigation {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    z-index: 999;
    background: #2f5d9e;
    min-width: 210px;
    border-radius: 0 0 4px 4px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

    .sub-navigation li {
        position: relative;
    }

        .sub-navigation li:hover .sub-items {
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
            visibility: visible;
        }

        .sub-navigation li > a {
            display: block;
            padding: 12px 0 12px 20px;
            color: #fff;
            font-weight: 500;
            font-size: 13px;
            transition: all 0.15s ease;
        }

            .sub-navigation li > a:hover {
                background: #2bd6ec;
            }

    .sub-navigation .arrow-sub-items {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 7px;
        height: 10px;
        background: url(../../images/arrow-small-white.png) no-repeat 50%;
        background-size: 6px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all 0.15s ease;
    }

    .sub-navigation .sub-items {
        position: absolute;
        top: 0;
        background: #295490;
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
        width: 100%;
        left: 100%;
        border-radius: 0 4px 4px 4px;
        visibility: hidden;
        opacity: 0;
        transition: all 0.15s ease-in-out;
    }

        .sub-navigation .sub-items li > a {
            margin-left: 10px;
        }

        .sub-navigation .sub-items a {
            display: block;
        }

            .sub-navigation .sub-items a:hover {
                background: #2bd6ec;
                margin-left: 0;
            }

.nav-apps {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    -ms-transform: translateY(55px);
    transform: translateY(55px);
    width: 310px;
    background-color: #2d5b84;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.23);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.2s ease;
}

    .nav-apps:before {
        content: "";
        position: absolute;
        top: -20px;
        width: 0;
        height: 0;
        border: 12px solid transparent;
        border-color: #2d5b84;
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        right: 20px;
    }

    .nav-apps.active {
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 1;
        visibility: visible;
    }

.nav-apps-header {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    padding: 13px 25px;
    border-bottom: 1px solid #103c5b;
}

    .nav-apps-header li > a {
        width: 100%;
        padding: 9px 0;
        display: block;
        text-align: left;
        font-size: 13.5px;
        font-weight: 500;
        text-transform: none;
        color: #beccd7;
    }

        .nav-apps-header li > a:hover {
            color: #fff;
        }

.nav-apps-wrapper {
    padding: 15px 0 0;
    border-top: 1px solid #3c6285;
    background-color: #265077;
    border-radius: 0 0 5px 5px;
}

.nav-apps-tabs {
    position: relative;
    width: 100%;
    float: left;
    margin: 10px 0 25px;
    text-align: center;
}

.nav-apps-tabs-item {
    width: 50%;
    float: left;
}

    .nav-apps-tabs-item a {
        display: block;
        font-weight: 400;
        font-size: 11px;
        color: #fff;
        background: #245b82;
        padding: 8px 0;
        border-radius: 4px;
        transition: all 0.2s ease-in-out;
    }

        .nav-apps-tabs-item a:hover {
            background: #27638e;
        }

        .nav-apps-tabs-item a:active {
            -ms-transform: scale(0.9);
            transform: scale(0.9);
        }

        .nav-apps-tabs-item a.active {
            background: #306992;
            box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, 0.23);
        }

    .nav-apps-tabs-item:first-child {
        padding-right: 10px;
    }

    .nav-apps-tabs-item:last-child {
        padding-left: 10px;
    }

.app-item-title-section {
    width: 100%;
    display: inline-block;
    margin-left: 25px;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 500;
    color: #fbd800;
}

.box-app {
    text-align: center;
    font-weight: 400;
    color: #fff;
}

    .box-app span {
        display: block;
        margin-top: 7px;
        font-size: 10.5px;
        text-transform: uppercase;
        position: absolute;
        top: 68px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
    }

    .box-app:focus,
    .box-app:hover {
        color: #fff;
        outline: 0;
    }

.box-app-item {
    position: relative;
    width: 100%;
    height: 70px;
    padding: 5px 0;
    margin: auto;
    border-radius: 4px;
    box-shadow: inset 0 0 0 0 hsla(0, 0%, 100%, 0.3);
    transition: all 0.2s ease;
}

    .box-app-item:hover {
        box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, 0.3);
    }

    .box-app-item:active {
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }

    .box-app-item img {
        max-width: 100%;
        display: block;
        margin: auto;
    }

    .box-app-item[data-favorite="true"]:before {
        width: 16px;
        height: 16px;
        right: calc(100% - 8px);
        bottom: calc(100% - 8px);
        z-index: 1;
    }

    .box-app-item.box-app-favorite:after,
    .box-app-item[data-favorite="true"]:before {
        content: "";
        position: absolute;
        background-image: url(../../images/svg-icons/generic/star.svg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .box-app-item.box-app-favorite:after {
        width: 20px;
        height: 20px;
        -ms-transform: scale(0);
        transform: scale(0);
        right: calc(100% - 10px);
        bottom: calc(100% - 10px);
        opacity: 1;
        animation: starFade 1s ease 0.1s forwards infinite;
    }

@keyframes starFade {
    50% {
        opacity: 0.5;
    }

    to {
        transform: scale(1.42);
        opacity: 0;
    }
}

.btn-app-wrapper .arrow {
    background: url(../../images/arrow.png) no-repeat 258px;
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    height: 10px;
    width: 300px;
    z-index: 9992;
}

.btn-app-wrapper .app-items {
    display: block;
}

.app-controls {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 26px;
    width: 26px;
    background-color: #2d5b84;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 100%;
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .app-controls:active {
        background-color: #20415e;
    }

    .app-controls:hover {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

.app-controls-thumb {
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    fill: #fff;
}

.app-slider-control-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 25px;
    text-align: right;
}

.app-controls-anchor {
    margin: 0;
    padding: 0 14px;
}

    .app-controls-anchor li {
        display: inline-block;
        margin: 0 7px;
        width: 6px;
        height: 6px;
        background: #fff;
        border-radius: 100%;
        transition: all 0.3s ease;
    }

        .app-controls-anchor li.active {
            background: #1873a0;
        }

.app-control-disabled {
    opacity: 0.4;
    pointer-events: none;
}

.app-box-slide {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.app-installed-wrapper {
    position: relative;
    width: 100%;
    max-height: 400px;
    float: left;
    margin-top: 10px;
    padding: 0;
    transition: all 0.3s cubic-bezier(0.4, 0.4, 0.29, 0.85);
}

.apps-installed li {
    position: relative;
    width: 33.33333%;
    margin-bottom: 15px;
    padding: 0 7px;
    float: left;
    padding-bottom: 22px;
}

    .apps-installed li a {
        display: block;
    }

.app-installed-item {
    padding: 0 18px;
    float: left;
}

#app-async-search input {
    width: 90%;
    margin: -5px 12px 5px;
    height: 29px;
    background: #275077;
    border-color: #285077;
    color: #fff;
    text-transform: uppercase;
}

.magnifying-glass {
    font-size: 2.8em;
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border: 0.08em solid #fbd800;
    position: relative;
    border-radius: 0.35em;
    margin-left: 5px;
}

    .magnifying-glass:before {
        content: "";
        display: inline-block;
        position: absolute;
        right: -0.2em;
        bottom: -0.1em;
        border-width: 0;
        background: #fbd800;
        width: 0.25em;
        height: 0.08em;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

.upload-avatar-wrapper {
    background: transparent;
    overflow: hidden;
    z-index: 1;
}

.upload-avatar-layer,
.upload-avatar-wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.upload-avatar-layer {
    z-index: 2;
    background: #005782;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    transform: translate3d(0, -362px, 0);
    transition: all 0.4s cubic-bezier(0.49, 0.4, 0, 1.01);
    transition-delay: 0.25s;
    border-radius: 3px;
}

    .upload-avatar-layer.active {
        transform: translateZ(0);
    }

    .upload-avatar-layer .jcrop-holder {
        margin: 10px auto !important;
    }

.btn-avatar {
    overflow: inherit !important;
}

    .btn-avatar input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        height: 103%;
        width: 100%;
        z-index: 1;
    }

.upload-avatar-cancel {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    background-image: url(../../images/svg-icons/generic/cancel.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    background-size: 9px;
    cursor: pointer;
}

    .upload-avatar-cancel:hover {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .upload-avatar-cancel:active {
        background-color: rgba(0, 0, 0, 0.4);
    }

.label-legend {
    color: #fff;
    padding: 20px 35px;
    max-width: 95%;
}

.footer {
    position: relative;
    width: 100%;
    float: left;
    padding: 30px 0;
}

    .footer .btn-central {
        width: 100%;
        padding: 8px 0;
        border-radius: 5px;
        border: 1px solid #c2ced4;
        background: linear-gradient(180deg, #fff, #f1f3f4);
        margin-bottom: 15px;
        font-size: 13px;
        color: #547384;
        text-align: center;
        cursor: pointer;
    }

        .footer .btn-central:active {
            background: linear-gradient(180deg, #f1f3f4, #fff);
        }

    .footer .big-number {
        font-size: 2.1em;
    }

.copyright {
    padding-top: 15px;
    padding-bottom: 60px;
    font-size: 13px;
    text-align: center;
    border-top: 2px solid #d5dfea;
}

.indicate-wrapper {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 140px;
    background: url(../../images/hand-money.png) no-repeat left 1px;
    font-size: 13px;
    line-height: 22px;
}

    .indicate-wrapper strong {
        font-size: 14px;
    }

.apps-list li {
    margin-top: 20px;
    width: 33.33333%;
    float: left;
    text-align: right;
}

.apps-list .box {
    display: inline-block;
}

    .apps-list .box img {
        width: 100%;
    }

.agenda {
    padding-left: 95px;
    background: url(../../images/lamp.png) no-repeat 0;
}

    .agenda a {
        font-weight: 500;
    }

    .agenda p {
        padding-top: 5px;
    }

    .agenda p,
    .articles-list li {
        padding-right: 20px;
        font-size: 13px;
        line-height: 22px;
    }

.articles-list li {
    max-width: 100%;
    padding-left: 28px;
    margin-bottom: 5px;
    background: url(../../images/file.png) no-repeat 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .articles-list li a {
        text-decoration: underline;
        font-weight: 400;
    }

.padlock {
    background: url(../../images/svg-icons/padlock-small.svg) no-repeat right 300px top 2px;
}

.icon-vhsys {
    background: url(../../images/svg-icons/logo-vhsys.svg) no-repeat;
    width: 32px;
    height: 40px;
}

.rights {
    color: #3e65a7;
}

.gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .gallery .gallery-column {
        padding-right: 6px;
        width: 170px;
        margin-bottom: 12px;
    }

    .gallery .thumb {
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        border: 2px solid #e7ebee;
        height: 150px;
        cursor: pointer;
        transition: border 0.5s;
    }

        .gallery .thumb .image {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 50%;
            opacity: 0.4;
            transition: opacity 0.5s;
        }

        .gallery .thumb.thumb-active,
        .gallery .thumb:hover {
            border-color: #3ca2d3;
        }

            .gallery .thumb.thumb-active .image,
            .gallery .thumb:hover .image {
                opacity: 1;
            }

            .gallery .thumb.thumb-active .close,
            .gallery .thumb:hover .close {
                pointer-events: auto;
                opacity: 1;
            }

    .gallery .close {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #3ca2d3;
        padding: 7px;
        border-radius: 0 0 0 5px;
        transition: opacity 0.5s;
        pointer-events: none;
        opacity: 0;
    }

.category-list .item a {
    display: block;
    border: 1px solid #e8e8e8;
    margin-bottom: 10px;
    border-radius: 6px;
    padding: 12px 24px;
    color: #0b5377;
    line-height: 1;
    transition: box-shadow 0.5s;
}

    .category-list .item a.active,
    .category-list .item a:hover {
        box-shadow: 0 0 8px -1px rgba(11, 83, 119, 0.34);
    }

.icon-group {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #f0f2f4;
    color: #0b5377;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    padding-right: 25px;
    margin-bottom: 35px;
}

    .icon-group .icon-group__icon {
        display: -ms-flexbox;
        display: flex;
        width: 55px;
        height: 50px;
        margin-right: 15px;
        -ms-flex-align: center;
        align-items: center;
        background-color: #3ca2d3;
        border-radius: 3px;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .icon-group .plus {
        background-color: #77b93f;
        border-bottom: 3px solid #5e972e;
        color: #fff;
        position: absolute;
        top: -10px;
        right: -10px;
        line-height: 0.4;
        width: 23px;
        height: 23px;
        border-radius: 3px;
        padding: 8px 0;
        text-align: center;
        transition: all 0.2s;
    }

        .icon-group .plus:hover {
            background-color: #5f9332;
        }

        .icon-group .plus:active,
        .icon-group .plus:visited {
            -ms-transform: scale(0.95);
            transform: scale(0.95);
        }

.selection-block {
    box-shadow: inset 0 0 0 1px #e4e4e4;
    color: #3e4b6d;
    font-size: 16px;
    text-align: center;
}

.selection-block__checkbox:checked + .selection-block {
    box-shadow: inset 0 0 0 2px #3ca2d2;
}

.selection-block__promo {
    cursor: pointer;
    text-transform: uppercase;
    width: 220px;
    height: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: box-shadow 0.5s;
}

.selection-block__promo--a1 .title {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}

.selection-block__promo--book .title {
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

.progress-bar {
    position: relative;
    background-color: #0f74a6;
    height: 20px;
    width: 100%;
    border-radius: 5px;
}

    .progress-bar .bar {
        display: block;
        width: 0;
        height: 100%;
        background-color: #0b5377;
        border-radius: 5px;
    }

    .progress-bar--disabled,
    .progress-bar.disabled {
        opacity: 0.5;
    }

.progress-bar--blue {
    background-color: #cfdef4;
}

    .progress-bar--blue .bar {
        position: relative;
        background-color: #67abe9;
    }

        .progress-bar--blue .bar:after,
        .progress-bar--blue .bar:before {
            content: "";
            position: absolute;
            border-radius: 5px;
            height: 100%;
        }

        .progress-bar--blue .bar:before {
            animation: inprogress 2s infinite;
            background-color: #3a92e3;
        }

        .progress-bar--blue .bar:after {
            animation: inprogress 2s infinite 0.5s;
            background-color: #67abe9;
        }

.progress-bar--green {
    background-color: #add895;
}

    .progress-bar--green .bar {
        background-color: #5aba23;
    }

.progress-bar--red {
    background-color: #fdc6c6;
}

    .progress-bar--red .bar {
        background-color: #ea5353;
    }

.rating-container {
    position: relative;
}

    .rating-container .counter {
        display: none;
        padding: 5px;
        font-size: 15px;
        line-height: 0;
        height: 20px;
        background-color: #f5ba2b;
        top: 50%;
        width: 40px;
        text-align: center;
        color: #fff;
        margin-left: 10px;
    }

        .rating-container .counter:before {
            content: "";
            width: 0;
            height: 0;
            top: 50%;
            margin-top: -5px;
            display: block;
            border-color: transparent #f5ba2b transparent transparent;
            border-width: 5px 5px 5px 0;
            left: -10px;
            border-style: solid;
            position: relative;
        }

    .rate-star,
    .rating-container.readonly .counter,
    .rating-container:hover .counter {
        display: block;
    }

.rate-star {
    position: relative;
    padding: 0 5px;
    line-height: 0;
    cursor: pointer;
    box-sizing: content-box;
    direction: ltr;
}

    .rate-star > .rate-star__wrapper {
        position: relative;
        width: 100%;
    }

.rate-star__group {
    position: relative;
    line-height: 0;
    z-index: 10;
    white-space: nowrap;
}

    .rate-star__group svg {
        display: inline-block;
    }

    .rate-star__group.rate-star__group--normal {
        width: 100%;
    }

    .rate-star__group.rate-star__group--rated {
        width: 0;
        z-index: 11;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }

.vh-dialog {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(59, 73, 104, 0.89);
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
    padding: 0 6px;
    z-index: 100;
}

    .vh-dialog.dialog--close,
    .vh-dialog.dialog--open {
        opacity: 1;
        pointer-events: auto;
    }

        .vh-dialog.dialog--close .vh-dialog-wrap,
        .vh-dialog.dialog--open .vh-dialog-wrap {
            opacity: 1;
            animation-fill-mode: both;
            animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
        }

        .vh-dialog.dialog--open .vh-dialog-wrap {
            animation-duration: 0.4s;
            animation-name: anim-open;
            animation-delay: 0.1s;
        }

        .vh-dialog.dialog--close .vh-dialog-wrap {
            animation-duration: 0.6s;
            animation-name: anim-close;
        }

.dialog__close {
    width: 15px;
    display: block;
    position: absolute;
    right: 6px;
    top: 0;
    font-family: Arial;
    font-weight: 600;
    cursor: pointer;
    font-size: 20px;
}

.vh-dialog-wrap {
    text-align: center;
    max-width: 315px;
    width: 315px;
    background: #fff;
    padding: 20px;
    border-radius: 0;
    color: #0b5377;
    opacity: 0;
}

.vh-dialog-wrap--medium {
    max-width: 400px;
    width: 400px;
}

.vh-dialog__title {
    line-height: 1.2;
    font-size: 2.7rem;
    font-weight: 500;
}

.dialog__container {
    background-color: #fff;
    transition: transform 0.3s;
}

body.dialog--is-open .dialog__container {
    -ms-transform: translateY(60px);
    transform: translateY(60px);
}

@keyframes anim-open {
    0% {
        opacity: 0;
        transform: scale3d(1.1, 1.1, 1);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes anim-close {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: scale3d(0.9, 0.9, 1);
    }
}

.enjoy-rating {
    margin-top: 10px;
    padding: 10px 0;
    background: #f1f3f5;
    border-radius: 5px;
}

    .enjoy-rating .enjoy-rating-item {
        text-align: center;
    }

        .enjoy-rating .enjoy-rating-item .enjoy-rating-icon {
            background-color: #c9d2da;
            cursor: pointer;
            display: inline-block;
            height: 32px;
            width: 31px;
        }

        .enjoy-rating .enjoy-rating-item .enjoy-rating-icon-1 {
            -webkit-mask-image: url(/images/svg-icons/tired-regular.svg);
            mask-image: url(/images/svg-icons/tired-regular.svg);
        }

        .enjoy-rating .enjoy-rating-item .enjoy-rating-icon-2 {
            -webkit-mask-image: url(/images/svg-icons/frown-open-regular.svg);
            mask-image: url(/images/svg-icons/frown-open-regular.svg);
        }

        .enjoy-rating .enjoy-rating-item .enjoy-rating-icon-3 {
            -webkit-mask-image: url(/images/svg-icons/meh-regular.svg);
            mask-image: url(/images/svg-icons/meh-regular.svg);
        }

        .enjoy-rating .enjoy-rating-item .enjoy-rating-icon-4 {
            -webkit-mask-image: url(/images/svg-icons/grin-regular.svg);
            mask-image: url(/images/svg-icons/grin-regular.svg);
        }

        .enjoy-rating .enjoy-rating-item .enjoy-rating-icon-5 {
            -webkit-mask-image: url(/images/svg-icons/laugh-regular.svg);
            mask-image: url(/images/svg-icons/laugh-regular.svg);
        }

        .enjoy-rating .enjoy-rating-item input {
            display: none;
        }

            .enjoy-rating .enjoy-rating-item input:checked + .enjoy-rating-icon-1 {
                background-color: #b72025;
            }

            .enjoy-rating .enjoy-rating-item input:checked + .enjoy-rating-icon-2 {
                background-color: #f17121;
            }

            .enjoy-rating .enjoy-rating-item input:checked + .enjoy-rating-icon-3 {
                background-color: #ffca27;
            }

            .enjoy-rating .enjoy-rating-item input:checked + .enjoy-rating-icon-4 {
                background-color: #c7d72e;
            }

            .enjoy-rating .enjoy-rating-item input:checked + .enjoy-rating-icon-5 {
                background-color: #66b54c;
            }

.nodis-autocomplete {
    position: absolute;
    left: 55px;
    top: 225px;
    width: 920px;
    z-index: 20;
    background-color: #fff;
    margin-top: 16px;
    border-radius: 4px;
    border: 2px solid #e0e4e6;
    padding: 15px;
}

    .nodis-autocomplete:after,
    .nodis-autocomplete:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
    }

    .nodis-autocomplete:before {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 16px solid #e0e4e6;
        top: -16px;
        left: 11px;
    }

    .nodis-autocomplete:after {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 14px solid #fff;
        top: -14px;
        left: 13px;
    }

    .nodis-autocomplete.gtin {
        top: 305px;
    }

        .nodis-autocomplete.gtin:before {
            left: 481px;
        }

        .nodis-autocomplete.gtin:after {
            left: 483px;
        }

.nodis-autocomplete__link {
    position: absolute;
    right: 40px;
    top: 0;
}

.nodis-autocomplete__header {
    padding-bottom: 10px;
    position: relative;
}

    .nodis-autocomplete__header h3 {
        font-size: 17px;
        margin: 0 0 5px;
    }

    .nodis-autocomplete__header p {
        margin: 0;
        font-size: 13px;
        line-height: 120%;
    }

.nodis-autocomplete__header__close {
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 30px;
    width: 44px;
}

.nodis-list__item {
    border-top: 1px solid #ccc;
    padding: 4px 0;
}

.nodis-list__item__header {
    cursor: pointer;
}

.nodis-list__item__header-title {
    width: calc(100% - 40px);
}

    .nodis-list__item__header-title h4 {
        margin: 0;
    }

    .nodis-list__item__header-title img {
        width: 55px;
    }

.nodis-list__item__header-btn-expand {
    width: 40px;
    height: 40px;
}

    .nodis-list__item__header-btn-expand:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid #0b5377;
        transition: all 0.2s;
    }

.nodis-list__item__content {
    padding: 10px 65px;
}

    .nodis-list__item__content p {
        margin: 0 0 10px;
    }

.nodis-list__item__fields {
    margin: 15px 0;
}

.nodis-list__item__fields__itens {
    background: #f5f5f5;
}

    .nodis-list__item__fields__itens .item {
        padding: 10px;
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .nodis-list__item__fields__itens .item:not(:last-of-type) {
            border-right: 1px solid #ccc;
        }

        .nodis-list__item__fields__itens .item strong {
            padding-right: 5px;
        }

.nodis-list__item__fields__images {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin: 15px -5px 0;
}

    .nodis-list__item__fields__images .img-item {
        width: 150px;
        padding: 5px;
        margin: 5px;
        border: #f5f5f5;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        .nodis-list__item__fields__images .img-item img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

.nodis-list__item__action {
    margin: 45px 0 35px;
}

.nodis-list__item.active .nodis-list__item__header-btn-expand:before {
    border-top: 0 none;
    border-bottom: 7px solid #0b5377;
}

.nodis-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.input-contrast {
    position: relative;
    z-index: 20;
}

.overflow-reset {
    overflow: initial;
}

.faded-element {
    opacity: 1 !important;
    visibility: visible !important;
}

.box_visualizar,
.hide {
    display: none;
}

.show,
.show-element {
    display: block;
}

.opc-element {
    opacity: 0;
}

.visible-element {
    display: block !important;
}

.hide-element {
    display: none !important;
}

.appear-element:not(.js-context-menu),
.is-faded {
    opacity: 1;
    visibility: visible;
}

.disappear-element:not(.js-context-menu) {
    opacity: 0;
    visibility: hidden;
}

.opc-1 {
    opacity: 0.1;
}

.opc-2 {
    opacity: 0.2;
}

.opc-3 {
    opacity: 0.3;
}

.opc-4 {
    opacity: 0.4;
}

.opc-5 {
    opacity: 0.5;
}

.opc-6 {
    opacity: 0.6;
}

.opc-7 {
    opacity: 0.7;
}

.opc-8 {
    opacity: 0.8;
}

.opc-9 {
    opacity: 0.9;
}

.opc-10 {
    opacity: 1;
}

/*LEANDRO*/
.table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 3px;
    line-height: 1.4;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
md-autocomplete {
    height: auto;
}
md-autocomplete md-autocomplete-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    height: 31px;
}
.md-whiteframe-1dp, .md-whiteframe-z1 {
    box-shadow: none;
    border: 2px solid #e9e9e9;
}
md-autocomplete input:not(.md-input) {
    font-size: 13px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    width: 100%;
    padding: 0 7px;
    line-height: 30px;
    height: 30px;
}

.nav-tabs .inative a {
    background-color: #ccc;
}

input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    line-height: 16px;
    padding: 4px 12px;
}

#demo-nifty-settings{ display:none;}

.lang-selector + .dropdown-menu a {
    padding: 5px 10px !important;
    display: block;
    font-size: 13px;
}
.dropdown-menu-md {
    min-width: 170px;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
    align-items: initial;
}
.label-table {
    width: 100%;
}

#page-title {
    padding: 0px;
    padding-top: 10px;
    width: 100%;
    color: #2b425b;
}
.breadcrumb {
    border-radius: 0;
    background-color: transparent;
    margin-bottom: 10px;
    padding: 0;
    margin-top: -10px;
}

.bootstrap-table .fixed-table-pagination > .pagination, .bootstrap-table .fixed-table-pagination > .pagination-detail {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
.pagination {
    display: inline-block;
    float: right;
}
.textbusca {
    height: 31px !important
}
form.input-group .input-group-btn > .btn {
    height: 31px !important
}
.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left;
    height: 31px;
}
#toolbar { margin-bottom:10px;}

.floating-container .animated.alert-wrap > .alert-warning {
    background-color: #f9b450;
    border-color: transparent;
    border-left: 3px solid #d58003;
    color: #fff;
}
#floating-top-right {
    left: auto;
    max-width: 35%;
    z-index: 999999999999999;
}

    .floating-container .alert-message {
        padding: unset !important;
        background: unset !important;
        border: 0;
    }
.no-margin {margin: 0;}

.btAcao {
    display: inline-block;
    padding: 1px 5px;
}