.toolbar-header {
    background: #235274;
}

.avatar-big{
    border-radius: 50%;
}


.toolbar-header .logo {
    margin-top: 0px;
    padding: 8px;
    width: 110px;
}

.navigation > li > a {
    color: #FFFFFF;
}
.navigation > li:hover.li-navigation, .navigation > li.li-navigation.active-submenu {
    background: #2F5CEB;
}
.navigation > li:after {
    background: #99BC28;
}

.sub-navigation {
    background: #2F5CEB;
}
.sub-navigation li > a:hover, .sub-navigation li:hover > a {
    background: #99BC28;
}
.sub-navigation .sub-items a:hover {
    background: #8cb115;
}
.sub-navigation .sub-items {
    background: #3a7cad;
}
div.avatar-nav-wrapper.faded-element::after{
    border: 7px solid #406D87;
}
.btn-indique, .btn-dollar {
    background-color: #CCE8FF;
}
.app-item-title-section{
    color: #235274;
}

.container-box, .container-lined {
    box-shadow: 0 1px 2px 1px #d7d8da;
}

.container-apps-footer-list-item {
    font-size: 10px;
}

.box-app span {
    color: #2D3844;
    text-transform: inherit;
}

.confirmacao-pagamento {
    margin-top: 20px;
    justify-content: center;
    display: flex;
}

input#data-digitada {
    margin-right: 10px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    border-radius: 3px;
    border: 2px solid #e0e4e6;
    box-shadow: none;
    border-radius: 4px;
    background: #fff;
    color: #5d5d5d;
    font-weight: 400;
    outline: none;
    line-height: normal;
    transition: all .15s ease-in-out;
}

.app-controls {
    background-color: #235274;
}
.app-controls:active {
    background-color: #235274;
}

#app-async-search input {
    background: #DCE0E9;
    border-color: #DCE0E9;
    color: #5a6872;
    margin: 0px 12px 5px;
    padding: 0 15px;
}

#app-async-search input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #677481;
    font-weight: 500;
    text-transform: capitalize;
}

#app-async-search input:-moz-placeholder, textarea:-moz-placeholder {
    color: #677481;
    font-weight: 500;
    text-transform: capitalize;
}

.app-item {
    border: none;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.03);
}

.application-thumb {
    box-shadow: none;
}

#LayerAppsDisponiveis .app-info-desc p, #LayerAppsDisponiveis .app-info-name {
    text-align: center;
}

.app-installed-icon {
    display: none;
}

#LayerAppsDisponiveis .action-details {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}

.control-arrow {
    fill: #235274 !important;
}

.box-app-item {
    align-items: center;
    display: flex;
    height: 70px;
    width: 70px;
}
.box-app-item img {
    max-width: 50px;
}

.thumb-big {
    height: 100px;
}

.container-apps-footer-list-item:first-child:before {
    display: none;
}

.col-app-item {
    margin-bottom: 30px;
    padding: 0 15px;
}

.app-item.installed .app-footer {
    background: #f5f5f6;
}

.app-footer {
    background: #FFFFFF;
}


.app-footer .btn-bdr-normal {
    margin-top: 5px;
}

.app-controls-anchor li {
    background: #C3C8D2;
}
.btn-indique{
    font-size: 13px;
    background: #CCE8FF;
    color: #235274;
    font-weight: inherit;
    border-radius: 5px;
    padding: 5px 20px;
    text-decoration: none;
}

.more-actions-wrapper > ul > li > a:hover{
    background: #2F5CEB;
}
.sub-toolbar-nav .btn-loja-app, .sub-toolbar-nav .btn-app {
    background: #DDE4EB;
    color: #235274;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 13px;
    text-decoration: none;
    height: 38px;
}


.nav-sides-component .nav-side-btn {
    padding: 0 20px;
}


.navigation > li > a {
    color: #FFFFFF;
}
.toolbar-nav svg {
    fill: #FFFFFF;
}
.toolbar-nav > li:last-child:after {
    background: #FFFFFF;
}

.nav-page-item {
    background: inherit;
    border: 1px solid #FFFFFF;
    color: #2D3844;
    font-weight: 600;
    margin: 0 3px;
}

.nav-page-item.active {
    background: #D4DAE6;
    border: 1px solid #D4DAE6;
    color: #2D3844;
}

.nav-page-item:not(.active):active {
    background: inherit;
}

.sub-toolbar-nav svg.action-icon-header {
    display: none;
}
.sub-toolbar-nav .icon-app {
    display: none;
}
.sub-toolbar-nav .text-app {
    color: #235274;
    font-size: 14px;
}

.nav-apps {
    background-color: #235274;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
}
.nav-apps .nav-apps-wrapper {
    border-top: 1px solid #F8F9FD;
    background-color: #F8F9FD;
    padding: 15px 0 10px 0;
}
.nav-apps .nav-apps-header {
    border-bottom: 1px solid #235274;
}
.nav-apps .nav-apps-header li > a {
    color: #FFFFFF;
}
.nav-apps:before {
    border-color: #235274;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.plan-wrapper{
    background: #2F5CEB;
}
.avatar-nav-wrapper{
    background: #235274;
}

.tictac-header.toolbar-header {
    background: #0E2538;
}

@media (min-width: 1128px){
    .container{
        width: 1128px;
    }
}

.tictac-header.toolbar-header .logo {
    width: 42px;
    margin-right: 18px;
}

.tictac-header .navigation > li:hover.li-navigation > a, .tictac-header .navigation > li.li-navigation.active-submenu > a {
    background: #00508F;
}

.tictac-header .sub-navigation {
    background: #003C6B;
}

.tictac-header  .sub-navigation li:hover > a {
    background: #00508F;
}

.tictac-header .sub-navigation .sub-items a:hover {
    background: #00508F;
}
.tictac-header .sub-navigation .sub-items {
    background: #003C6B;
}

.tictac-header.toolbar-header .sub-navigation {
    padding: 0px 0 !important;
}

.tictac-header.toolbar-header .sub-navigation li>a:hover {
    background: #00508F;
    border-radius: 4px !important;
}

.tictac-header.toolbar-header .sub-navigation .sub-items {
    top: 0px !important;
    padding: 0px 0 !important;
}

.tictac-header.toolbar-header .toolbar-sub-nav {
    border-radius: 4px !important;
}

.tictac-header.toolbar-header .avatar-nav-wrapper {
    padding: 0px !important;
}

.tictac-header.toolbar-header .toolbar-sub-nav li>a:hover {
    background: #00508F;
    border-radius: 4px !important;
}

.tictac-header.toolbar-header .toolbar-account-nav li a:hover {
    background: #00508F;
    border-radius: 4px !important;
}

.toolbar-sub-nav{
    padding: 0px !important;
}

.notify-nav {
    padding: 21px 16px 16px 21px !important;
}

.full-w{
    display: flex; width: 100%;
}
.w-50{
    width: 50%;
}
.w-360px {
    width: 360px;
}
.center-content {
    display: flex; justify-content: center;
}

.text-center {
    text-align: center;
}

.green-tictac-login {
    background-color: #138A00;
    color: white;
}

.mt-download-icons-login {
    margin-top: 80px;
}

.flex-login {
    display: flex;
}

.mr-10px-login {
    margin-right: 10px;
}

.background-banner-login {
    width: 50%;
    background: #0E2A3E;
}

.justify-center{
    justify-content: center;
}

@media (min-width: 1024px){
    .banner-login {
        max-width: 384px !important;
        max-height: 366px !important;
    }
}

@media (max-width: 1279px){
    .login-footer__linkbar {
        flex-direction: column !important;
    }
}

@media (min-width: 1280px){
    .banner-login {
        max-width: 512px !important;
        max-height: 488px !important;
    }
}


@media (min-width: 1920px){
    .banner-login {
        max-width: 640px !important;
        max-height: 610px !important;
    }
}