@import url(https://fonts.googleapis.com/css?family=Roboto); /* FREE GOOGLE FONT */

body {
    font-family: 'Roboto', sans-serif;
    /* line-height: 30px; */
    /* font-size: 20px; */ /* (+) */
}


.logo {
    /* margin-left: 1px !important; */
    position: relative;
}

#logo {
    height: auto;
    width: 8rem;
    /*background-size: contain;*/
    text-decoration: none;
    /* margin-left: -2.5rem; */
    margin-top: 0rem;
}

#logo a:hover {
    text-decoration: none;
}

a {
    text-decoration: none;
}

.bg-item-postagem {
    background-color: #00416B !important;
    border-color: #00416B !important;
}

.bg-item-postagem a {
    border: 0px;
}

.bg-item-postagem > a:hover {
    border: 1px;
    border-color: #ffba00;
}

.bg-item-postagem > a:focus {
    border: 1px;
    border-color: #ffba00;
}

.bg-item-carta {
    background-color: #ffba00 !important; /*FFBF14*/
    border-color: #ffba00 !important;
    color: #f8f8f9;
}

.bg-item-carta > a:hover {
    border: 1px;
    border-color: #ac8008;
}

.bg-item-postagem-a-faturar {
    background-color: #807569 !important;
    border-color: #807569 !important;
}

.bg-item-postagem-a-faturar a {
    border: 0px;
}

.bg-item-postagem-a-faturar > a:hover {
    border: 1px;
    border-color: #ffba00;
}

.bg-item-postagem-a-faturar > a:focus {
    border: 1px;
    border-color: #ffba00 !important;
}

.bg-item-servicos {
    background-color: #FFBF14;
}

.bg-item-postagem-contrast {
    background-color: #03A9F4;
}

.bg-item-produtos {
    background-color: #0083CA;
    border-color: #0083CA;
}

.bg-item-produtos-contrast {
    background-color: #05DAF5 !important;
    /*color: #444!important;*/
}

.bg-item-servicos-contrast {
    background-color: #F8F9FA !important;
}

.bg-item {
    background-color: #092C47 !important;
}

.bg-item-contrast {
    background-color: #FFFFFF !important;
}

.night-mode {
    background: #343A40 !important;
}

.night-mode-page {
    background: #444444 !important;
}

.night-mode-font {
    color: #C2C2C2 !important;
}

.night-mode-icon {
    color: #444444 !important;
}

.float {
    position: fixed;
    width: 64px;
    height: 64px;
    bottom: 26px;
    right: 20px;
    color: #FFFFFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 0px 4px 4px #999999; */
    z-index: 999;
}

.carrinho-float {
    position: absolute;
    left: 12px;
}

/*sem badge*/
.my-float {
    margin-top: 18px;
}

/*com badge*/
.my-floatb {
    top: -16px;
    left: 14px;
}

.bola-com-carrinho {
    position: inherit;
}

.badge-notify {
    position: relative;
    top: -20px;
    left: -14px;
}

.badge-notify-float {
    position: absolute;
    top: 2px;
    left: 48px;
}

.badge-pill-g {
    padding: 4.3px 7px;
    white-space: nowrap;
    border-radius: 10px;
}

.icon-svg {
    width: 2.7em;
    height: auto;
    margin-top: 9px;
}

.text-contrast {
    background: #343A40 !important;
}

.text-dark {
    color: #444444 !important;
}

/*inicio step progress bar*/
.bs-wizard {
    margin-top: 20px;
}

/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 0px #E0E0E0;
    padding: 0rem 0rem 0.5rem 0rem;
}

.bs-wizard > .bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard > .bs-wizard-step + .bs-wizard-step {
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 16px;
    margin-bottom: 5px;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
    color: #999999;
    font-size: 14px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #FFD400;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

/*.bs-wizard > .bs-wizard-step > .progress {*/
/*position: relative;*/
/*border-radius: 0px;*/
/*height: 4px;*/
/*box-shadow: none;*/
/*margin: 20px 0;*/
/*}*/

.bs-wizard > .bs-wizard-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 9px;
    box-shadow: none;
    margin: 22px 0;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    width: 0px;
    box-shadow: none;
    background: #FFD400;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
    width: 50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
    width: 0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    background-color: #F5F5F5;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
    width: 50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}

.mao-link {
    cursor: pointer;
}

.azul-comum {
    color: #fff;
    background-image: linear-gradient(to bottom, #0083ca 0px, #0083ca 100%);
    background-repeat: repeat-x;
    border-color: #0083ca;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.azul1 {
    color: #fff;
    background-image: linear-gradient(to bottom, #00416B 0px, #00416B 100%);
    background-repeat: repeat-x;
    border-color: #00416B;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.azul2 {
    background-image: linear-gradient(to bottom, #bee0f4 0px, #bee0f4 100%);
    background-repeat: repeat-x;
    border-color: #bee0f4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.azul3 {
    background-image: linear-gradient(to bottom, #0083CA 0px, #0083CA 100%);
    background-repeat: repeat-x;
    border-color: #0083CA;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul4 {
    background-image: linear-gradient(to bottom, #3F99D3 0px, #3F99D3 100%);
    background-repeat: repeat-x;
    border-color: #3F99D3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul5 {
    background-image: linear-gradient(to bottom, #007BCA 0px, #007BCA 100%);
    background-repeat: repeat-x;
    border-color: #007BCA;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul6 {
    background-image: linear-gradient(to bottom, #16364A 0px, #16364A 100%);
    background-repeat: repeat-x;
    border-color: #16364A;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul7 {
    background-image: linear-gradient(to bottom, #005C97 0px, #005C97 100%);
    background-repeat: repeat-x;
    border-color: #005C97;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.amarelo4 {
    background-image: linear-gradient(to bottom, #CD992B 0px, #CD992B 100%);
    background-repeat: repeat-x;
    border-color: #CD992B;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.amarelo5 {
    background-image: linear-gradient(to bottom, #FFE600 0px, #FFE600 100%);
    background-repeat: repeat-x;
    border-color: #FFE600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.amarelo6 {
    background-image: linear-gradient(to bottom, #FFC20E 0px, #FFC20E 100%);
    background-repeat: repeat-x;
    border-color: #FFC20E;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.cinza5 {
    background-image: linear-gradient(to bottom, #f5f5f5 0px, #f5f5f5 100%);
    background-repeat: repeat-x;
    border-color: #f5f5f5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.cinza6 {
    background-image: linear-gradient(to bottom, #dddddd 0px, #dddddd 100%);
    background-repeat: repeat-x;
    border-color: #dddddd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.cinza7 {
    background-image: linear-gradient(to bottom, #D1CCC7 0px, #D1CCC7 100%);
    background-repeat: repeat-x;
    border-color: #D1CCC7;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.cinza8 {
    background-image: linear-gradient(to bottom, #BDB4AB 0px, #BDB4AB 100%);
    background-repeat: repeat-x;
    border-color: #BDB4AB;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.roxoClaro {
    background-image: linear-gradient(to bottom, #eee8f5 0px, #eee8f5 100%);
    background-repeat: repeat-x;
    border-color: #eee8f5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.vermelho {
    background-image: linear-gradient(to bottom, #660000 0px, #660000 100%);
    background-repeat: repeat-x;
    border-color: #660000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

/*END Form Wizard*/
/*fim step progress bar*/

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.top .modal-dialog,
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    /* width: 320px; */
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.top .modal-content,
.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

/*.modal.top .modal-body,*/
.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Top*/
.modal.top.fade .modal-dialog {
    top: -768px;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.top.fade.show .modal-dialog {
    top: 0;
    /* left: auto; */
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0.3rem;
    border: none;
}

.modal-header {
    /* border-bottom-color: #EEEEEE; */
    /* background-color: #FAFAFA; */
}

.altura-div-carrinho {
    overflow-y: auto;
    overflow-x: hidden;
    height: 98%;
    max-height: 100%;
    min-height: 5.5rem;
    /* margin-top: 0.2em; */
    /* margin-bottom: 0.6em; */
    /*margin-right: -6px;
    padding: 2px 1px 0px -1px;*/
    padding: 0.6rem;
}

/*.popover {*/
/*max-width: none;*/
/*}*/

.bola-itens-carrinho {
    /*display: inline-block;*/
    /*padding: 0.25em 0.4em;*/
    /* font-size: 90%; */
    /*font-weight: 700;*/
    /* line-height: 1; */
    /*text-align: center;*/
    /*white-space: nowrap;*/
    /*vertical-align: baseline;*/
    /*border-radius: 0.35rem;*/
    padding: 0.26em 0.44em;
    border-radius: 0.46rem;
    font-size: 90%;
}

.bola-flutuante {
    background: #6C757D !important;
}

.bola-flutuante:hover {
    background: #5F666D !important;
}

.detalhe-item-carrinho {
    padding: .25em;
}

.remove {
    cursor: pointer;
}

.info {
    cursor: pointer;
}

/*.word-wrap::first-letter {*/
/*text-transform: uppercase;*/
/*}*/

.text-amarelo-correios {
    color: #FFD400;
}

.radius-default {
    border-radius: 0.25rem !important;
}

.radius-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

.notify-title {
    margin-bottom: 0;
}

.notify-icon {
    position: relative;
}

.menu-header {
    background-color: transparent !important;
}

.config-layout {
    min-width: 7.8rem;
    /* padding: 0.5rem 0rem 0.3rem 0rem; */
    /* margin: 0.125rem 0px; */
    font-size: 1.6rem;
    background-color: #fff;
}

.largura-config-layout {
    width: 1em !important;
    text-align: center;
}

.dropdown-menu {
    padding: 0.5rem 0 !important;
    margin: 0.125rem 0px 0 !important;
    border-radius: .25rem !important;
}

.titulo-servico {
    margin: 0rem 0rem 2.4rem -0.8rem !important;
    font-size: 80%;
    font-weight: 700 !important;
    color: #30526d;
}

.vertical-text {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#divCheckout {
    height: 100%;
    margin-right: -0.4rem;
}

.logo-acesso-negado {
    width: 7.5rem;
    height: auto;
    left: 2.5rem;
    top: 2.1rem;
}

.logo-acesso-negado-direita {
    width: 2rem;
    height: auto;
}

.logo-acesso-negado-esquerda {
    width: 5rem;
    height: auto;
    transform: rotate(180deg);
}

.texto-azul-claro {
    color: #1082CE;
}

.bg-azul-escuro- {
    background-color: #1082CE;
}

.texto-azul-escuro {
    color: #063A61;
}

.bg-azul-escuro- {
    background-color: #063A61;
}

.full-width-div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0rem;
    right: 0;
}

.texto-acesso-negado {
    font-weight: 500;
    font-size: 1rem;
    color: #212529;
    word-wrap: break-word;
}

/* ------------ Clear button styles - inicio ---------- */

.form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    position: absolute;
    left: 68%;
    bottom: 9px;
}

.form-with-clear input {
    padding-right: 26px;
}

.form-input-clear {
    align-items: center;
    /* background: #cecece; */
    /* border-radius: 50%; */
    bottom: 0.38rem;
    color: #a3a3a3;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 10px;
    width: 20px;
    z-index: 9999;
    /* border: red 1px solid; */
}

.form-text + .form-input-clear {
    bottom: calc(1rem + 18px);
}


.form-input-clear .icon {
    font-size: 80%;
    font-weight: 300;
}

.form-input-append-clear {
    align-items: center;
    /* background: #cecece; */
    /* border-radius: 50%; */
    bottom: 0.38rem;
    color: #a3a3a3;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 45px; /*calc(25% + 2%)*/
    width: 20px;
    z-index: 10;
    /* border: red 1px solid; */
}

.form-text + .form-input-append-clear {
    bottom: calc(1rem + 18px);
}

.form-input-append-clear .icon {
    font-size: 80%;
    font-weight: 300;
}

.form-input-append-lg-clear {
    align-items: center;
    /* background: #cecece; */
    /* border-radius: 50%; */
    bottom: 0.45rem;
    color: #a3a3a3;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 50px; /*calc(25% + 2%)*/
    width: 20px;
    z-index: 10;
    /* border: red 1px solid; */
}

.form-text + .form-input-append-lg-clear {
    bottom: calc(1rem + 18px);
}

.form-input-append-lg-clear .icon {
    font-size: 80%;
    font-weight: 300;
}

/* ------------ Clear button styles - fim ---------- */

/* ------------ Preloader - inicio ---------- */

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #ededed;
    z-index: 1030;
}

.preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader span {
    display: inline-block;
    background-color: #6195FF;
    width: 25px;
    height: 25px;
    -webkit-animation: 1s preload ease-in-out infinite;
    animation: preload 1s ease-in-out infinite;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
}

.preloader span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.preloader span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.preloader span:nth-child(3) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.preloader span:nth-child(4) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.button.button-grey-4 {
    color: #FFFFFF;
    background: #000000;
    border-color: #a3a3a3;
}

.btn.btn-outline-primary {
    border-width: 1px;
}

.btn.btn-primary {
    box-shadow: 1px 1px 0px 0px #16364a;
}

.btn.btn-info {
  box-shadow: 1px 1px 0px 0px #007bbe;
}

.btn.btn-secondary {
}

.btn-amarelo-correios {
    /* border-color: #bf962600 !important; */
    box-shadow: 1px 1px 0px 0px #BF9626 !important;
    background-color: #ffc732;
    color: #fff;
}

.btn {
    /* display: inline-block; */
    /* border-style: solid; */
    /* border-width: 0 5px 5px 0px; */
    /* font-size: 14px; */
    /* line-height: 34px; */
    text-align: center;
    /* padding: 2.2rem 1rem; */
    /* color: #858585 !important; */
    /* background: #dedede; */
    /* border-color: #6c757d; */
    /* border-radius: 10rem; */
    /* height: 5.9rem; */
}

.btn:hover {
    /* display: inline-block; */
    /* border-style: solid; */
    /* border-width: 0 0 1px; */
    /* font-size: 14px; */
    /* line-height: 34px; */
    text-align: center;
    /* padding: 3px 15px 0; */
    /* color: #858585 !important; */
    /* background: #dedede; */
    /* border-color: #6c757d; */
}

.btn-dark:hover {
  color: #fff !important;
  background-color: #23272b;
  border-color: #1d2124;
}

.lupa {
    padding-top: 0.4rem !important;
    box-shadow: 1px 0px 0px 0px #16364a !important;
}

.alert-item-extrato {
    font-size: 0.7rem !important;
    font-weight: 600;
    text-align: center;
    background-color: #F0F0F0 !important; /*e1e1e1 515151 c5c6c7 636363*/
    color: #3f5666;
    padding: 0.1rem;
    margin: 0rem 0rem 0rem 0rem;
    /*line-height: -0.3rem;
    padding: 0.4rem;
    margin-left: -1rem;
    margin-top: 0.2rem;*/
    /* margin-right: -1.5rem; */
    border-bottom-style: solid;
    border-bottom-width: 0.04em;
    border-bottom-color: #f0f0f0;
}

.alert-item-extrato i{
    font-size: 1.2rem !important;
    font-weight: 600;
    /*background-color: #e1e1e1;*/ /*515151 c5c6c7 636363*/
    color: #3f5666; /*f9aa33*/
    line-height: 1.2em;
}

.alert-saldo-inicial-extrato {
    font-size: 0.8rem !important;
    font-weight: 600;
    text-align: center;
    background-color: #f8f8f8 !important; /*e1e1e1 515151 c5c6c7 636363*/
    color: #52575b !important;
    padding: 0.1rem;
    margin: 0rem 0rem 0rem 0rem;
    /*line-height: -0.3rem;
    padding: 0.4rem;
    margin-left: -1rem;
    margin-top: 0.2rem;*/
    /* margin-right: -1.5rem; */
    border-bottom-style: solid;
    border-bottom-width: 0.04em;
    border-bottom-color: #f0f0f0;
}

.valor-servico-extratoAgencia{
    width: 64px;
    text-align: right;
}

/* ------------ Preloader - fim ---------- */

/* Custom page CSS (Not required)
--------------------------------------------- */

/*Extra small devices (portrait phones, less than 576px) - xs */
@media (max-width: 575.98px) {

    .bs-wizard > .bs-wizard-step > .progress {
        margin: 17px 0;
    }

    /*body:after {
        content: "###### Extra small devices (portrait phones, less than 576px) - xs";
        background-color: red;
    }*/
    /*    body {
            background-color: red;
        }*/
    .btn-group-opcoes-opjeto {
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .scroll-div-itens {
        overflow-x: auto;
        max-height: 290px;
    }

    #divCheckout {
        margin-right: 0;
    }

    .logo-acesso-negado-direita {
        width: 2rem !important;
        height: auto !important;
    }

    .logo-acesso-negado-esquerda {
        width: 2rem !important;
        height: auto !important;
        transform: rotate(180deg);
    }

    .texto-acesso-negado {
        /* font-size: 95%; */
        word-wrap: break-word;
    }

    .altura-div-servicos-adicionais {
        max-height: 16rem !important;
    }

}

/*Small devices (landscape phones, 576px and up) - sm */
@media (min-width: 576px) and (max-width: 767.98px) {

    .bs-wizard > .bs-wizard-step > .progress {
        margin: 22px 0;
    }

    /*body:after {
        content: "###### Small devices (landscape phones, 576px and up) - sm";
        background-color: blue;
    }*/
    /*    body {
            background-color: blue !important
            ;
        }*/
    .btn-group-opcoes-opjeto {
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .scroll-div-itens {
        overflow-x: auto;
        max-height: 450px;
    }

    #divCheckout {
        margin-right: 0;
    }

    .logo-acesso-negado-direita {
        width: 3rem !important;
        height: auto !important;
    }

    .logo-acesso-negado-esquerda {
        width: 3rem !important;
        height: auto !important;
        transform: rotate(180deg);
    }

    .texto-acesso-negado {
        font-size: 100%;
        word-wrap: break-word;
    }

    .altura-div-servicos-adicionais {
        max-height: 16rem !important;
    }

}

/*Medium devices (tablets, 768px and up) - md */
@media (min-width: 768px) and (max-width: 991.98px) {

    /*body:after {
        content: "###### Medium devices (tablets, 768px and up) - md";
        background-color: orange;
    }*/
    /*    body {
            background-color: orange;
        }*/
    .scroll-div-itens {
        overflow-x: auto;
        max-height: 460px;
    }

}

/*Large devices (desktops, 992px and up) - lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

    /*body:after {
        content: "###### Large devices (desktops, 992px and up) - lg";
        background-color: green;
    }*/
    /*    body {
            background-color: green;
        }*/
    .btn-group-opcoes-opjeto {
    }

    .scroll-div-itens {
        overflow-x: auto;
        max-height: 460px;
    }

}

/*Extra large devices (large desktops, 1200px and up) - xl */
@media (min-width: 1200px) {

    .titulo-servico {
        font-size: 80% !important;
    }

    /*body:after {
        content: "###### Extra large devices (large desktops, 1200px and up) - xl";
        background-color: cyan;
    }*/
    /*    body {
            background-color: #ffffff;
        }*/
    .scroll-div-itens {
        overflow-x: auto;
        max-height: 35rem;
    }

}

/* Dispositivos com muita altura (portrait, min 768px) */
@media (min-height: 767.98px) and (max-height: 900px) {
    /*body:after {
        content: "###### Height Screen - hs";
        background-color: #6a0000;
    }*/
    .altura-div-servicos-adicionais {
        max-height: 12.9rem !important;
    }

    .dataTables_scrollBody {
        max-height: 10rem !important;
    }
}

/* Dispositivos com muita altura (portrait, min 768px) */
@media (min-height: 901px) {
    /*body:after {
        content: "###### Height Screen - hs";
        background-color: #6a0000;
    }*/
    .altura-div-servicos-adicionais {
        max-height: 13.5rem !important;
    }

    .dataTables_scrollBody {
        max-height: 21rem !important;
    }

}

.bg-item-checkout {
    background-color: #E9ECEF;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    /* background-color: gainsboro; */
}

.card-footer {
    /* padding: 0.75rem 1.25rem; */
    /*background-color: rgb(220, 220, 220);*/
    /* border-top: 1px solid rgba(0,0,0,.125); */
}

.resultado-pagamento {
}

.div-recibo-pagamento {
    /* position: inherit; */
}

.recibo-pagamento {
    position: inherit;
    top: 0rem;
    left: 0rem;
    right: 0rem;
    margin-bottom: 0.5rem;
    /* margin-bottom: 1rem; */
    /* box-shadow: 0rem 0.1rem 0.1rem 0rem #999999; */
    z-index: 997;
    overflow-y: auto;
    width: 100%;
    min-height: 18rem;
    max-height: 25rem;
}

.div-out-recibo-pagamento {
    position: initial;
    width: 95%;
    height: 1rem;
    bottom: 16px;
    right: 0px;
    left: 0px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #363b3f;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 0px 4px 4px #999999; */
    z-index: 997;
    top: 10.6rem;
}

.div-footer-recibo-pagamento {
    position: inherit;
    top: 23.5rem !important;
    margin-bottom: 1rem;
    /* box-shadow: 20px 3px 18px 0px #999999; */
    z-index: 989;
    /* border: 0px solid black; */
    /* border-bottom-width: 0px; */
    width: 400px !important;
    left: 37.5px;
}

#modal-ver-pagamento {
    overflow-x: hidden;
    overflow-y: auto;
    /* height: 100% !important; */
}

.img-recibo {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
}

.footer-recibo {
    width: 402px;
}

.azul-comum {
    color: #fff;
    background-image: linear-gradient(to bottom, #3F99D3 0px, #3F99D3 100%);
    background-repeat: repeat-x;
    border-color: #3F99D3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.azul1 {
    color: #fff;
    background-image: linear-gradient(to bottom, #00416B 0px, #00416B 100%);
    background-repeat: repeat-x;
    border-color: #00416B;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.azul2 {
    background-image: linear-gradient(to bottom, #bee0f4 0px, #bee0f4 100%);
    background-repeat: repeat-x;
    border-color: #bee0f4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.azul3 {
    background-image: linear-gradient(to bottom, #0083CA 0px, #0083CA 100%);
    background-repeat: repeat-x;
    border-color: #0083CA;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul4 {
    background-image: linear-gradient(to bottom, #3F99D3 0px, #3F99D3 100%);
    background-repeat: repeat-x;
    border-color: #3F99D3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul5 {
    background-image: linear-gradient(to bottom, #007BCA 0px, #007BCA 100%);
    background-repeat: repeat-x;
    border-color: #007BCA;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul6 {
    background-image: linear-gradient(to bottom, #16364A 0px, #16364A 100%);
    background-repeat: repeat-x;
    border-color: #16364A;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.azul7 {
    background-image: linear-gradient(to bottom, #005C97 0px, #005C97 100%);
    background-repeat: repeat-x;
    border-color: #005C97;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #fff;
}

.amarelo4 {
    background-image: linear-gradient(to bottom, #CD992B 0px, #CD992B 100%);
    background-repeat: repeat-x;
    border-color: #CD992B;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.amarelo5 {
    background-image: linear-gradient(to bottom, #FFE600 0px, #FFE600 100%);
    background-repeat: repeat-x;
    border-color: #FFE600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.amarelo6 {
    background-image: linear-gradient(to bottom, #FFC20E 0px, #FFC20E 100%);
    background-repeat: repeat-x;
    border-color: #FFC20E;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.cinza7 {
    background-image: linear-gradient(to bottom, #D1CCC7 0px, #D1CCC7 100%);
    background-repeat: repeat-x;
    border-color: #D1CCC7;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.cinza8 {
    background-image: linear-gradient(to bottom, #BDB4AB 0px, #BDB4AB 100%);
    background-repeat: repeat-x;
    border-color: #BDB4AB;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.roxoClaro {
    background-image: linear-gradient(to bottom, #eee8f5 0px, #eee8f5 100%);
    background-repeat: repeat-x;
    border-color: #eee8f5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.vermelho {
    background-image: linear-gradient(to bottom, #660000 0px, #660000 100%);
    background-repeat: repeat-x;
    border-color: #660000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.botoes-inicio {
    outline: -webkit-focus-ring-color auto 0px;
    /* font-weight: 600; */
}

botoes-inicio:focus {
    border: inherit !important;
}

.altura-card-botoes-inicio {
    min-height: 5.5rem;
}

.texto-autenticado {
    color: #17a2b8 !important;
}

.texto-nao-autenticado {
    color: #ff0039 !important;
}

.botoes-navegacao {
/* box-shadow: 1px 1px 0px 0px #182936; */
}

.texto-botoes-navegacao {
    /* font-weight: 600; */
    font-size: 1rem;
    line-height: 2rem;
    /* border: solid 1px red; */
}

.texto-botoes-carrinho {
    font-weight: 600;
    font-size: 0.875rem;
    /* border: solid 1px red; */
}

.postagem {
    color: #fff;
    font-weight: 400;
}

.postagem:hover {
    color: #f8f8f9;
}

.postagem-carta {
    color: #515151 !important;
    /* font-weight: 600; */
}

.postagem-carta:hover {
    color: #515151 !important;
}

.borda-erro {
    border-color: #dc3545 !important;
}

.bg-cinza-claro {
    background-color: #ebebec;
}

.bg-amarelo-correios {
    background-color: #FFBA00 !important;
}

.borda-cabecalho {
    border-bottom-width: 0.23rem !important;
}

.texto-item-afaturar {
    font-weight: 500;
    color: #fff;
}

.card-paper1 {
    /* border-radius: .30rem; */
    /* box-shadow: 0 6px 2px -4px rgba(0, 0, 0, 0.15); */
    /* background-color: #f8f8f8; */ /*fbfcfa f8f9fa*/
    /* color: #3b3f43; */ /*4a4f54*/
    margin: -0.3rem -0.7rem 0.8rem -0.5rem;
    position: relative;
    /* border: 0 none; */
    /* -webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease; */
    -moz-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -o-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -ms-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    /* transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease; */
}


#table-objetos_wrapper {
    /* border: 1px solid blue; */
    padding: 0px 0px 0px 9px;
    margin: 0px 0px 0px 0px;
}

.fundo-dropdown {
    background-color: #f8f8f8 !important;
}

.fundo-dropdown .dropdown-item:hover {
    /*color: #16181b;
    text-decoration: none;*/
    background-color: #ebebec;
}