@charset "UTF-8";

/*!
custom.css - Lamparinas
Copyright (c) 2018 Carlos Victor
*/

.sidebar-user-material .sidebar-user-material-body {
    background: url(../../../global_assets/images/backgrounds/logo_lamps_new.jpg) center center no-repeat;
    background-size: cover;
}

/*.sidebar-user-material .sidebar-user-material-body{background: url(../../../global_assets/images/backgrounds/user_bg3.jpg) center center no-repeat;background-size: cover;}*/

.form-control-border {
    display: block;
    width: 100%;
    padding: .5rem;
    font-size: .8125rem;
    line-height: 1.5385;
    color: #333;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.bg-gray-agenda {
    background-color: #f2f2f2;
    color: black !important;
}

.form-control-border-off {
    display: block;
    width: 100%;
    padding: .5rem;
    font-size: .8125rem;
    line-height: 1.5385;
    color: #333;
    background-color: #FFFACD;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.subcat {
    background-color: #eee !important;
    height: 20px;
    color: #000;
    border-radius: 3rem;
    padding: 7px;
    box-sizing: content-box;
    transition: background .3s ease-in-out;
}

.subcat:hover {
    background-color: #03a9f4 !important;
}

/* Coluna Situação */
.badge-flat {
    width: 100%;
}

.btn-produtos {
    font-size: 0.65rem;
    padding: 8px 8px;
    width: 100%;
}

/* Todos os botões em destaque do caso de uso (botão principal) */
.btn-principal {
    background-color: #F8D11F;
    color: #333;
    border: 1px solid #a78710;
}

.btn-principal:hover,
.btn-principal:focus,
.btn-principal.focus,
.btn-principal:active,
.btn-principal.active,
.open .dropdown-toggle.btn-principal {
    color: #333;
    background-color: #f8c91f;
    border: 1px solid #a78710;
}

.btn-secundario {
    background-color: #ffffff;
    color: #333;
    border: 1px solid #333;
}

.bg-slate {
    background-color: #466d96;
}

/* Barra de Topo do Sistema */
.navbar-dark {
    background-color: #375b82;
}

/* CSS Modal */
.custon-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0, 0, 0, .7);
}

.custon-modal-show {
    display: block;
}

.custon-modal-container {
    width: 60%;
    margin: 3% auto;
}

.custon-modal-content {
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    opacity: 1 !important;
    z-index: 9051;
}

.custon-modal-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #f2f2f2;
}

.custon-modal-title p {
    margin: 20px;
}

.custon-modal-lista {
    max-height: 400px;
    overflow-y: scroll;
    padding: 4px;
}

.custon-modal-produto {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: 0.5px 1px 2px rgb(163, 162, 162);
    padding: 0px 5px 0px 5px;
    margin: 5px;
}

.custon-modal-lista p {
    margin: 0;
}

.custon-modal-lista p:first-of-type {
    font-size: 1rem;
    font-weight: bold;
}

@media (max-width: 1300px) {
    .btn-produtos {
        font-size: 0.65rem;
    }
}

@media (max-width: 1000px) {
    .btn-produtos {
        font-size: 0.55rem;
    }
}

@media (max-width: 1424px) {
    .custon-modal-container {
        width: 64%;
    }
}

@media (max-width: 1372px) {
    .custon-modal-container {
        width: 68%;
    }
}

@media (max-width: 1262px) {
    .custon-modal-container {
        width: 85%;
    }
}

@media (max-width: 767px) {
    .custon-modal-container {
        width: 85%;
    }
}

@media (max-width: 555px) {
    .custon-modal-container {
        width: 90%;
    }
}

@media (max-width: 575px) {
    .custon-modal-container {
        width: 90%;
    }

    .modal-controles {
        justify-content: center;
    }

    .modal-controles div {
        justify-content: end !important;
    }

    .custon-modal-produTitle {
        align-items: center;
        text-align: center !important;
    }

    /* Utilizado no fluxoProduto.php e fluxoServico.php */
    .fluxoContrato {
        min-width: none;
    }

    /* Utilizado no fluxoProduto.php e fluxoServico.php */
    .fluxoProcesso {
        max-width: none;
    }
}

@media (max-width: 555px) {
    .custon-modal-container {
        width: 90%;
    }

    /* Não mostra o banner do login na versão mobile */
    .login-banner {
        display: none !important;
    }
}

@media (max-width: 400px) {
    .custon-modal-container {
        width: 90%;
    }

    .modal-controles i {
        font-size: 10px;
    }

    .modal-controles button {
        padding: 7px;
    }

    .custon-modal-title {
        flex-direction: column;
    }
}

@media (max-height: 740px) {
    .custon-modal-lista {
        max-height: 430px;
    }
}

@media (max-height: 720px) {

    .custon-modal {
        overflow: scroll;
    }

    .custon-modal-lista {
        max-height: 380px;
    }
}

@media (max-height: 570px) {
    .custon-modal-lista {
        max-height: 310px;
    }
}

@media (max-height: 430px) {

    .custon-modal {
        overflow: scroll;
    }

    .custon-modal-container {
        margin: 1% auto;
    }

    .custon-modal-lista {
        max-height: 170px;
    }

    .textarea-modal {
        height: 40px;
    }
}

/* Usado no Fluxo de Caixa */
.carousel .carousel-control-prev,
.carousel .carousel-control-next {
    width: 20px;
    height: 20px;
    background-color: none;
    top: calc(-20% -25%);
    opacity: .8;
    font-size: 30px;
}

.carousel .carousel-control-prev {
    left: unset;
    left: 30px;
}

.carousel .carousel-control-next {
    right: unset;
    right: 50px;
}

/* Isso corrige um bug do template nas ações das grids (não mostra a barra de rolagem) */
.datatable-scroll-wrap {
    overflow-x: unset;
}

/* Caption das Tabelas */
caption {
    color: #ccc;
    text-align: right;
    caption-side: bottom;
    font-size: xx-small;
    padding-right: 5px;
    border-top: 1px solid #eee;
    padding-bottom: 5px;
}

/***** LEITOS *****/

.cardLeitos {
    padding: 0;
    max-width: 250px;
    min-height: 260px;
    max-height: 320px;
    background-color: #FFFF;
    border-radius: 20px 0 20px 0;
    margin: 14px;
}

.cardLeitos-livre {
    border: 1px solid #009688;
}

.cardLeitos-ocupado {
    border: 1px solid #14c1d7;
}

.cardLeitos-bloqueado {
    border: 1px solid #f55246;
}

.cardLeitos-reservado {
    border: 1px solid #673ab7;
}

.cardLeitos.on {
    background-color: #f8f8f8;
}

.cardLeitos.off {
    background-color: #FFFF;
}

.leito {
    position: relative;
    margin-bottom: 1.25rem;
    border: 1px solid transparent;
    border-radius: 20px 0 20px 0;
    padding: 5px 0 5px 0;
}

.icon-leito {
    position: absolute;
    left: -40px;
    top: 12px;
    font-size: 20px !important;
    color: #fff;
}

.leito-livre {
    color: #00695c;
    border-color: #009688;
    background-color: #e0f2f1;
    border-left-width: 40px !important;
}

.leito-ocupado {
    color: #114e7e;
    border-color: #339ef4;
    background-color: #dbeefd;
    border-left-width: 40px !important;
}

.leito-bloqueado {
    color: #7f231c;
    background-color: #fde1df;
    border-color: #f55246;
    border-left-width: 40px !important;
}

.leito-reservado {
    color: #4527a0;
    background-color: #ede7f6;
    border-color: #673ab7;
    border-left-width: 40px !important;
}

.leito-livre-btn {
    color: #00695c;
    border-color: #00695c;
}

.leito-ocupado-btn {
    color: #114e7e;
    border-color: #114e7e;
}

.leito-bloqueado-btn {
    color: #7f231c;
    border-color: #7f231c;
}

.leito-reservado-btn {
    color: #4527a0;
    border-color: #4527a0;
}

.legend-leito {
    float: left;
    padding: 5px;
    margin-right: 3px;
    border: 1px solid #000;
    border-radius: 10px 0 5px 0;
}

.legend-leito-circle-livre {
    float: right;
    height: 32px;
    width: 32px;
    color: #00695c;
    background-color: #e0f2f1;
    border: 1px solid #009688;
    border-radius: 5px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.legend-leito-circle-ocupado {
    float: left;
    height: 32px;
    width: 32px;
    color: #114e7e;
    background-color: #dbeefd;
    border: 1px solid #339ef4;
    border-radius: 5px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.legend-leito-circle-reservado {
    float: left;
    height: 32px;
    width: 32px;
    color: #4527a0;
    background-color: #ede7f6;
    border: 1px solid #673ab7;
    border-radius: 5px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.legend-leito-circle-bloqueado {
    float: right;
    height: 32px;
    width: 32px;
    color: #7f231c;
    background-color: #fde1df;
    border: 1px solid #f55246;
    border-radius: 5px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.legend-leito-circle-total {
    float: left;
    height: 32px;
    width: 32px;
    color: #37474f;
    background-color: #eceff1;
    border: 1px solid #607d8b;
    border-radius: 5px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tituloCardLeito {
    font-size: 16px;
    font-weight: bold;
}

/* clineteNovo */
.ajuste {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.header-ajuste {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.img-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.img-card img {
    max-width: 140px;
    max-height: 140px;
    border: 2px solid #ccc;
}

.img-card button {
    box-sizing: border-box;
    min-width: 140px;
    margin-top: 2px;
    padding: 6px;
    font-size: x-small;
}

@media (max-width: 600px) {
    .img-card img {
        max-width: 100px;
        max-height: 100px;
    }

    .img-card button {
        min-width: 100px;
    }
}

/*atendimentoNovo*/
.ajuste-atendimento {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between;
}

.header-ajuste-atendimento {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.img-atendimento {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.img-atendimento img {
    max-width: 100px;
    border: 2px solid #ccc;
}

.img-atendimento button {
    box-sizing: border-box;
    min-width: 100px;
    margin-top: 2px;
    padding: 6px;
    font-size: x-small;
}

/*fornecedorNovo*/
.ajuste-fornecedor {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-ajuste-fornecedor {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.img-card-fornecedor {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.img-card-fornecedor img {
    max-width: 140px;
    max-height: 140px;
    border: 2px solid #ccc;
}

.img-card-fornecedor button {
    box-sizing: border-box;
    min-width: 140px;
    margin-top: 2px;
    padding: 6px;
    font-size: x-small;
}

@media (max-width: 600px) {
    .img-card-fornecedor img {
        max-width: 100px;
        max-height: 100px;
    }

    .img-card-fornecedor button {
        min-width: 100px;
    }
}

.fontCaixaAltaVermelho{
    text-transform: uppercase;
    color: red;
}

/* Dados do paciente em um atendimento interno (MenuLeftVenda) */
.nav-sidebar .nav-item-header {
    font-size: 15px;
}