/*
	CUSTOM STYLES METRONIC - OPENK TECNOLOGIA
	AUTHOR: ABRAÃO P. M. R. B. JUNIOR
*/

.m-header-menu .username { float: left; margin: 0; font-size: 1.4rem; color: #3f4047; }

.m-card-user .flaticon-user { width: 70px; background: #fff; border-radius: 50%; text-align: center; display: block; height: 70px; }
	.m-card-user .flaticon-user:before { font-size: 26px; line-height: 70px; color: #c1bfd0; }

.m-brand__logo { width: 75%; }
	.m-brand__logo img { max-width: 100%; width: 60px;}

.paginations { padding: 20px 0 0; text-align: center; }
	.paginations li { display: inline-block; line-height: 38px; margin: 0 10px; }

.m-form__actions .btn { margin-right: 10px; }

.jstree-default .jstree-clicked { background: #cde9ff; color: #000; font-weight: 400; padding-right: 5px; }

.jstree-default .jstree-icon { color: #0079be; }

.m-stack.m-stack--desktop.m-stack--ver > .m-stack__item.m-stack__item--middle img { max-height: 30px; margin-right: 30px; }

.m-footer .m-footer__copyright { margin-top: 10px; display: inline-block; }

.dropzone { min-height: 1px; padding: 15px; }
	.dropzone .dz-message { margin: 10px 0 }

.product-tabs {background: #f4f5f8;padding: 0 30px;margin: 25px 0 0;}
	.product-tabs.m-tabs-line.m-tabs-line--info.nav.nav-tabs .nav-link.active { font-weight: 500; }

.m-login.m-login--1 .m-login__wrapper { padding-top: 30%; margin-bottom: 35px; }

	.m-login.m-login--1 .m-login__wrapper .m-login__form .m-login__form-action { margin-bottom: 45px; }

.m-login__account img { margin-bottom: 20px; }

.dvFoto { text-align: center; width: 80px; border: 1px solid #f0f0f0; border-radius: 5px; margin-right: 10px; }
	.dvFoto img { max-width: 95%; margin-bottom: 5px; }
	.dvFoto .controls { background: #fafafa; padding: 0 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px }
		.dvFoto .controls a { padding: 5px 7px; display: inline-block; text-decoration: none; color: #898b96; }
			.dvFoto .controls a:hover { color: #000; }

.form-control-feedback { font-weight: 500; }

input:-webkit-autofill,
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #ffe inset; }

.alert.m-alert--outline.alert-warning-2{color:#575962;background-color:#fff;border-color: #ff9100;color: #ff9100;font-weight:400;}
.alert.m-alert--outline.alert-brown{color:#a95b39;background-color:#fff;border-color: #a95b39;color: #a95b39;font-weight:400;}
.m-widget2__item.m-widget2__item--warning-2:before {background: #ff9100;}
.btn-brown{color: #fff;background-color: #bf5f34;border-color: #bf5f34;}
.btn-brown:hover{background-color:#a95b39; border-color:#a95b39; -webkit-box-shadow: 0 5px 10px 2px rgba(191,95,52,.36)!important;-moz-box-shadow: 0 5px 10px 2px rgba(191,95,52,.36)!important;box-shadow: 0 5px 10px 2px rgba(191,95,52,.36)!important; color:#ffffff;}
.btn-warning-2{color: #fff;background-color: #ff9100;border-color: #ff9100;}
.btn-warning-2:hover{background-color:#ff8a00; border-color:#ff8a00; -webkit-box-shadow: 0 5px 10px 2px rgba(255,145,0,.36)!important;-moz-box-shadow: 0 5px 10px 2px rgba(255,145,0,.36)!important;box-shadow: 0 5px 10px 2px rgba(255,145,0,.36)!important; color:#ffffff;}
.linha-grid-itens-pedido{line-height:50px}
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {font-size: 28px;}

.pulsingButton {
    width: 32px;
    height: 50% !important;
    text-align: center;
    white-space: nowrap;
    display: block;
    /*margin: 50px auto;*/
    padding: 10px !important;
    box-shadow: 0 0 0 0 #f4516c69;
    border-radius: 10px;
    background-color: #f4516c;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-size: 22px;
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    color: #ffffff;
    transition: all 300ms ease-in-out;
}

.system-version {
    padding-right: 28px;
    opacity: 0.8;
}

/*Comment-out to have the button continue to pulse on mouseover*/

a.pulsingButton:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
    color: #ffffff;
}


/*Animation*/

/* Animation */

@-webkit-keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

.status-buttons-desk.painel-status, .label-status, .status-buttons-desk.painel-exibir {
    display: inline-flex;
}

.status-buttons-mobile.painel-status, .status-buttons-mobile.painel-exibir {
    display: none;
}

.div-title-lote-precos{
    padding: 0 0 0 2.2rem;
}


.div-buttons-atendimento .buttons-responsive {
    margin-bottom: 20px;
}

.title-page{
    margin-left: 10px;
    margin-top: 5px;
}

.button-dropdown-top-desk{
    display: inline-block;
}

.button-dropdown-top-mobile{
    display: none;
}

.buttons-categories{
    gap: 15px;
    justify-content: end;
    margin: 0;
}

.categoria-mobile{
    display: none;
}

.categoria-desk{
    display: block;
}

@media (min-width: 330px) and (max-width: 550px) {
    
    .categoria-mobile{
        box-shadow: 0 5px 10px 2px rgb(173 173 173 / 36%) !important;
        margin: 0;
        align-content: center;
    }
    
    .categoria-desk{
        display: none;
    }

    .buttons-categories{
        margin-top: 15px;
        justify-content: space-between;
    }
    
    .div-buttons-atendimento .buttons-responsive {
        justify-content: space-between;
        display: flex;
        align-items: end;
    }
    
    .button-dropdown-top-mobile{
        display: block !important;
    }

    .button-dropdown-top-desk{
        display: none !important;
    }
    
    .end-buttons-responsive{
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        text-align: initial;
        padding: 0;
        width: 100%;
        flex-wrap: wrap;
    }

    .end-buttons-responsive a#ContentConteudo_lnkPequisar, .end-buttons-responsive a#ContentConteudo_lnkLogin{
        margin-right: 0 !important;
    }
    
    .div-responsive .end-buttons-responsive{
        gap: 30px;
    }

    .status-buttons-desk.painel-status, .label-status, .status-buttons-desk.painel-exibir {
        display: none;
    }

    .status-buttons-mobile.painel-status, .status-buttons-mobile.painel-exibir {
        display: inline-flex;
    }
    
    #ContentConteudo_tabPreco a#ContentConteudo_lnkPesquisar, #ContentConteudo_tabCst a#ContentConteudo_lnkPesquisar, #ContentConteudo_tabImagem a#ContentConteudo_lnkPesquisar {
        margin-right: 0;
    }
    
    
    .div-title-lote-precos{
        display: flex !important;
        align-content: baseline;
        justify-content: space-between;
        height: initial !important;
        padding: 0 25px !important;
        min-height: 50px;
        width: initial !important;
        padding-bottom: 15px !important;
    }
    
    .status-ajuste-preco{
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        padding: 0;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    #ContentConteudo_tabPreco .status-ajuste-preco{
        flex-direction: row-reverse;
    }
    
    .paginations{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    
    .paginations li{
        margin: 0;
    }
    
    .paginations li #ContentConteudo_btnFirst.btn{
        padding: .65rem 0.6rem;
    }
    
    .paginations li #ContentConteudo_ddlPages{
        width: 50px;
        border-radius: 5px;
        padding: 0 0.5rem;
    }
    
    .paginations li #ContentConteudo_btnFirst, .paginations li #ContentConteudo_btnLast{
        display: none;
    }
    
    .paginations li #ContentConteudo_lblPageCount .pagination-quantity-items{
        display: none;
    }

    .paginations li.current-page{
        display: none;
    }
    
    .m-brand__logo img {
        width: 55px;
        max-width: 60px;
    }
    
    .title-description{
        min-width: 280px;
    }
    .preco-valor-estoque{
        min-width: 300px;
        text-align: center;
    }
    .info-categoria-solicitacao{
        min-width: 200px;
    }
    
    #m_modal_historico_chamado_finalizado .modal-dialog.modal-dialog-centered{
        max-width: initial !important;
    }
}