/* poppins-regular - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300,400,500,600,700;
    src: url('/fonts/poppins-v5-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Poppins Regular'), local('Poppins-Regular'),
    url('/fonts/poppins-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/poppins-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/poppins-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/poppins-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/poppins-v5-latin-regular.svg#Poppins') format('svg');/*  Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal; 
    font-weight: 300,400,500,600,700;
    src: url('/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    url('/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Lato-Regular';
    font-style: normal; 
    font-weight: 300,400,500,600,700;
    src: url('/fonts/Lato/Lato-Regular.ttf'); /* IE9 Compat Modes */
    src: local('Lato'), local('Lato-Regular'),
}
@font-face {
    font-family: 'Lato-Bold';
    font-style: normal; 
    font-weight: 300,400,500,600,700;
    src: url('/fonts/Lato/Lato-Bold.ttf'); /* IE9 Compat Modes */
    src: local('Lato'), local('Lato-Bold'),
}

html, body{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}
.kt-heading, .kt-subheader__title {
    font-family: 'Roboto', sans-serif;
}
a {
    color: var(--brand-color);
}

/*.kt-page-loader {
    background: var(--background-preloader-rgb);
}*/
.btn-link {
    color: var(--brand-color) !important;
}
.btn-link:hover {
    color: var(--dark-background) !important;
}
.btn-info{
    background-color: #1493EC;
    border-color: #1493EC;
}
.btn-info:hover{
    background-color: #168FD4;
    border-color: #168FD4;
}

/*.btn-info:hover{
    background-color: var(--sidebar-font-active);
}*/

.btn.btn-link:hover {
    color: var(--dark-background);
}
.btn-outline-brand {
    color: var(--brand-color);
    border-color: var(--brand-color);
}
.fa-sm{
    font-size: .75em;
}
.fa-xs{
    font-size: .25em;
}
.kt-link{
    color: var(--brand-color);   
}
/*.btn.btn-link.active, .btn.btn-link:focus, .btn.btn-link:hover, a.btn.btn-label.active, a.btn.btn-label:focus, a.btn.btn-label:hover, button.btn.btn-label.active, button.btn.btn-label:focus, button.btn.btn-label:hover, input.btn.btn-label.active, input.btn.btn-label:focus, input.btn.btn-label:hover{
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
}*/
.kt-link:hover{
    color: var(--dark-background);
    text-decoration-color: var(--dark-background) !important;
}

.nav-pills.nav-pills-label .nav-item .nav-link:active, .nav-pills.nav-pills-label .nav-item .nav-link.active, .nav-pills.nav-pills-label .nav-item .nav-link.active:hover{
    color: var(--brand-color);
    background-color: rgba(92, 215, 255, 0.1)
}

/* HEADER SINDEBAR */
#header__logo{
    max-width: 160px;
    max-height: 50px;
}

#_header__logo{
    max-width: 40px;   
}
.kt-pulse.kt-pulse--brand .kt-pulse__ring{
    border-color: var(--brand-rgb);
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__topbar-toggler.kt-header-mobile__topbar-toggler--active i, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__topbar-toggler i{
    color: var(--brand-rgb) !important;
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span{
    background: var(--brand-rgb) !important;
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::after {
    background: var(--brand-rgb) !important;
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::before {
    background: var(--brand-rgb) !important;
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler:hover span{
    background: var(--brand-color);
}
.m-card-profile__pic-wrapper > img {
    max-height: 100px;
}
.m-nav--tabs {
    list-style: none;
    padding-left: 0;
}
.kt-widget4 .kt-widget4__item .kt-widget4__icon:hover{
    color:red !important;
}
/*.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__topbar-toggler i{
    color: var(--background-rgb);
}*/
.kt-portlet__body-separator{
    margin-top: 1em;
    margin-bottom: 1em;
    border-top: 1px dashed #ebedf2;
}
.kt-nav__link.active{
    background-color: rgba(77, 89, 149, 0.06);
}
.kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-icon, .kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-text, .kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-arrow, .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon, .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text, .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-arrow{
    color: var(--brand-color);
}
.kt-header-menu .kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text, .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text{
    color: var(--brand-color);   
}
.accordion.accordion-toggle-plus .card .card-header .card-title{
    color: var(--brand-color);      
}
.accordion .card .card-header .card-title > i{
    color: var(--brand-color);
}
.accordion.accordion-toggle-plus .card .card-header .card-title:after{
    color: var(--brand-color) !important;  
}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before{
    color: var(--brand-color);
}
.show > .btn.btn-clean, .btn.btn-clean.active, .btn.btn-clean:active, .btn.btn-clean:hover, .show > .btn.btn-clean i, .btn.btn-clean.active i, .btn.btn-clean:active i, .btn.btn-clean:hover i{
    color: var(--brand-color);
}
.dataTables_wrapper .pagination .page-item.active > .page-link{
    background: var(--brand-rgb);
}

/* SELECTS */
.select2{
    display: block;
}
.bootstrap-select.show > .dropdown-toggle.btn-light, .bootstrap-select.show > .dropdown-toggle.btn-secondary{
    border-color: var(--brand-color) !important;
}
h3.kt-form__section{
    font-size: 1.5em;
}

/*.datatable > thead > tr > th {
    font-weight: 300;
}*/

.kt-scrolltop{
    background: var(--brand-color)
}
.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__title{
    color: var(--brand-color);
}
.kt-svg-icon.kt-svg-icon--info g [fill]{
   fill: var(--brand-color) !important;
}
.kt-font-brand{
    color: var(--brand-color) !important;
}   
.nav-pills .nav-item .nav-link:active, .nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link.active:hover{
    /*background-color: var(--brand-rgb) !important;*/
}
.table:not(.table-bordered) thead th, .table:not(.table-bordered) thead td{    
    font-size: 12px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input.clean[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.sectionHistoryStock {
    display: none;
}
.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time{
    width: 100% !important;
}

.alert.alert-info{
    background: var(--sidebar-font-active);
    border: 1px solid var(--sidebar-font-icon-active);   
}

/*
* Error Inputs msg
*/

/*.form-group .invalid-feedback {
    position: absolute;
    background: #F03674;
    color: #fff;
    width: auto;
    right: 5px;
    top: -15px;
    padding: 3px 4px;
    border-radius: 25px;
    z-index: 10;
}*/

.kt-login__btn-info{
    background: var(--sidebar-font-active);
    border: var(--sidebar-font-icon-active);   
}
.kt-login__btn-info:hover{
    border: var(--sidebar-font-active);
    background: var(--sidebar-font-icon-active);   
}
/*.btn-info{
    background: var(--sidebar-font-active);
    border: var(--sidebar-font-icon-active);   
}
.btn-info:hover{
    border: var(--sidebar-font-active);
    background: var(--sidebar-font-icon-active);   
}*/

.item-angle-right::after {
    display: none;
}

.ul-none{
    margin: 0;
    padding: 0;
}
.ul-none > li{
    list-style: none;
}
.avatar{
    max-width: 100px;
    max-height: 100px;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active{
    transition: color 0.3s ease;
    background: #f2f3f7;
    border-radius: 4px;
}

.btn-brand{
    background: var(--brand-color);
    border-color: var(--sidebar-font-active);
}

.btn-brand:not(:disabled):not(.disabled):active, .btn-brand:not(:disabled):not(.disabled).active, .show > .btn-brand.dropdown-toggle{
    background: var(--brand-color);
    border-color: var(--sidebar-font-active);
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active .kt-widget__section .kt-widget__desc,
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover .kt-widget__desc
{
    color: var(--sidebar-font-active);
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active .kt-widget__section .kt-widget__icon .kt-svg-icon g [fill],
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover .kt-widget__icon .kt-svg-icon g [fill]
{
    fill: var(--sidebar-font-active);
}

.kt-timeline-v3__items.long_date{

}

@media (min-width: 1025px)
.kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu.kt-menu__submenu--classic {
    padding: 0px 0px;
}
.kt-avatar.kt-avatar--circle .kt-avatar__holder{
    border-radius: 10%;
}
.was-validated .form-control:invalid, .form-control.is-invalid{
    border-color: #fd397a !important;
}
.toast-info {
    background-color: #59C8E4 !important;
}
.toast-brand {
    /*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;*/
    background-color: var(--brand-color);
}

.toast-brand .toast-title {
  color: #FEFEFE;
}

.toast-brand button {
  color: var(--sidebar-font-active);;
}
/*CROPPIE*/
.cr-boundary{
    width: 300px !important;
    height: 300px !important;
}

.cursor_pointer {
    cursor: pointer;
}

.cursor_text {
    cursor: text;
}

/*
* Ediar cantidad hover
*/
.hover_number > span{
    padding: 6px 0px;
    display: block;
    border-radius: 25px;
    position: relative
}

.hover_number > span > .btn-edit-quantity {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: -6px;
    display: none;
}

.hover_number > span > .btn-edit-quantity > i {
    font-size: 1.3em;
}

.hover_number:hover > span{
    background: #d8d8d8;
}
.hover_number:hover > span > .btn-edit-quantity {
    display: block;
}

.quantity_number {
    z-index: 10;
    border: 0px;
    border-radius: 25px;
    background: #d8d8d8;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 30px;
    outline: 0px;
}

/*
** Flout Active
*/
.animate-02 {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.active-blur {
    filter: blur(1.5px);
}

.desactive-father-blur {
    filter: blur(0px) !important;
}

.form-control.one-line {
  outline: 0;
  border-width: 0 0 1px;
  border-color: #E0E0E0;
}
.form-control.one-line:focus {
  border-color: var(--brand-color);
}

/*.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active .kt-widget__section .kt-widget__desc {
    color: var(--header-font-grandient-2);
}*/
.gamber{
    width: 200px !important;
    height: 200px !important;   
}

#search {
    margin-top: 10px;
    margin-bottom: 10px;
}
.action-button {
    margin: 0 3px;
}

.center_on_topbar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: .7em;
}
.highlight-text
{
    font-size: 1.3em !important; 
    font-weight: bold !important; 
    color: var(--brand-color) !important;
}
.btn-group-sm>.btn.btn-icon, .btn.btn-icon.btn-xs {
    height: 1.8rem;
    width: 1.8rem; 
}
.btn-group-sm>.btn [class*=" la-"], .btn-group-sm>.btn [class^=la-], .btn.btn-xs [class*=" la-"], .btn.btn-xs [class^=la-]{
    font-size: 1rem;
}


.kanban-container {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.kanban-board {
    width: 45% !important;
    margin-right: 20px !important;
}

.warning {
    background-color: #ffb822;
    color: #111;
}

.success {
    background-color: #0abb87;
    color: #fff;
}

@media only screen and (max-width: 400px) {
    .kanban-board {
        width: 100% !important;
        margin-right: 0px !important;
    }
}
.btn-link{
    color: var(--brand-color); !important;
}
.btn-link:hover{
    border-bottom: 1px dotted;
    border-bottom-color: #2a639b !important;
}

label.required::before {
  content: '*';
  margin-right: 4px;
  color: #CB1515;
}

.kt-badge.kt-badge--dark {
    color: #fff;
    background: #2B2B2B;
}
.kt-notification .kt-notification__item:after{
    content: "";
}

.kt-widget28__wrapper.kt-portlet__space-x > ul > li > a {
    background-color: rgb(255,255,255, .9);
}

.kt-widget28__wrapper.kt-portlet__space-x > ul > li > a > span {
    color: #0579F0 !important;
}

.kt-badge.kt-badge--brand{
    background: var(--brand-color);
}

.kt-timeline-v3 .kt-timeline-v3__item .kt-timeline-v3__item-status {
    font-size: .8em;
    font-weight: 600;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.kt-invoice-sm {
    font-weight: 500 !important;
    font-size: 1rem !important;
}
.fg-0{
    margin-bottom: 1rem !important;
}

.modal .modal-content .modal-header .modal-header-brand {
    background-color: var(--brand-color);
}
.modal .modal-content .modal-header .modal-header-brand .modal-title{
    color: #FEFEFE;
}
@media (min-width: 1025px)
.kt-header-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu.kt-menu__submenu--classic {
    padding: 0px 0;
}
.kt-wizard-v4__content
{
    width: 90%;
}
.btn-bottom {
    position: absolute; 
    bottom: 2em; 
}

.bd-l{
    border-left: 1px solid #FAFAFA;
}
}