@charset "UTF-8";
@font-face {
    font-family: bebas;
    src: url(bebas.ttf) format("truetype");
}
@font-face {
    font-family: "cabin";
    src: url(cabinregular.ttf) format("truetype");
    font-style: normal;
}
@font-face {
    font-family: cabin;
    src: url(cabinbold.ttf) format("truetype");
    font-weight: bold;
}
@font-face {
    font-family: cafeta-font;
    src: url(cafeta.ttf) format("truetype");
}
@font-face {
    font-family: lobster;
    src: url(Lobster1.4.otf);
}
/*@font-face{
    font-family:calibri;
    src:url(calibri.ttf) format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family:calibri;
    src:url(calibrib.ttf) format('truetype');
    font-style: normal;
    font-weight: bold;
}
@font-face{
    font-family:calibri;
    src:url(calibrii.ttf) format('truetype');
    font-style: italic;
    font-weight: normal;
}*/
/** General Style Info **/
html, body {
    font-family: helvetica;
    margin: 0;
    /*height: 100%;*/
    background: #73d1b1;
    color: #fff;
}

body {
    margin-bottom: 40px;
    font-size: 14px;
}
@media screen and (max-width: 768px) {
    body {
        margin-bottom: 0;
    }
}

#content {
    min-height: 34.5vh;
}

a {
    font-weight: bold;
}

a:hover {
    text-decoration: none;
}

a img {
    border: none;
}

h1, h2, h3, h4 {
    font-weight: normal;
    margin-bottom: 0.5em;
}

h1 {
    font-size: 100%;
}

h2 {
    font-size: 190%;
}

h3 {
    font-size: 165%;
}

h4 {
    font-weight: normal;
}

ul, li {
    list-style: none;
}

p {
    margin: 0 0 1em 0;
}

.bg-black {
    background: #000;
}

.hidden {
    display: none !important;
}

#authMessage, #flashMessage {
    display: none;
}

.search-input-wrapper {
    padding: 0;
    padding-left: 5px;
}
@media screen and (max-width: 768px) {
    .search-input-wrapper {
        padding-left: 0;
    }
}
.search-input-wrapper .form-group > div {
    padding: 0;
}
.search-input-wrapper .search-input {
    padding: 5px;
    width: 320px;
}
@media screen and (max-width: 768px) {
    .search-input-wrapper .search-input {
        display: block;
        width: 100%;
    }
}

.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media screen and (max-width: 768px) {
    .search-buttons {
        float: right;
    }
}

.search {
    overflow: hidden;
    width: 100%;
}

@media screen and (max-width: 465px) {
    .main-logo-wrapper {
        width: 100%;
        height: 130px;
        margin-bottom: 20px;
    }
    .main-logo-wrapper .easypos-logo {
        max-height: 100%;
    }
}

#header {
    padding: 10px 0;
    background: #fff;
}
#header .easypos-logo {
    margin: 0 auto;
}
#header .rigth-menu {
    padding-top: 10px;
}
#header .rigth-menu a {
    text-decoration: none;
    padding-top: 35px;
    display: block;
    text-align: center;
}
#header .rigth-menu .no-top-padding {
    padding-top: 0;
}
#header .rigth-menu .login {
    background: url(../img/white/lock.png) top center no-repeat;
}
#header .rigth-menu .home {
    background: url(../img/white/home.png) no-repeat top center;
    background-size: 30px auto;
}
#header .rigth-menu .profile {
    background: url(../img/white/profile.png) no-repeat top center;
    background-size: 32px auto;
}
#header .rigth-menu .help {
    background: url(../img/white/help.png) no-repeat top center;
    background-size: 32px auto;
}
#header .rigth-menu .links {
    background: url(../img/white/links.png) no-repeat top center;
    background-size: 32px auto;
}
#header .suscriber-logo {
    padding-top: 10px;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 45px;
    background: #fff;
    text-transform: capitalize;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75);
    z-index: 10;
}
#footer .legend {
    color: #000;
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    #footer {
        position: relative;
        overflow: hidden;
    }
}

.form-group {
    margin-bottom: 10px;
}
.form-group.required .control-label:after {
    content: "*";
    color: red;
}

.ellipsis, body.edocuments .item-list .detalles .category-title .id.edocument {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.checkbox input[type=radio] {
    margin-left: 0;
}

.radio fieldset {
    text-align: center;
}
.radio legend {
    margin-bottom: 10px;
}
.radio input[type=radio] {
    margin-left: -15px;
}
.radio .radio-holder {
    display: inline;
    padding-left: 17px;
}
.radio .radio-holder label {
    padding-left: 5px;
    padding-right: 10px;
}

.no-glutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.modal-body, .modal-header {
    color: #000;
}

.modal-lg {
    width: 97%;
    max-width: 1200px;
}

.responsive-video {
    width: 100%;
    min-height: 600px;
}

.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: 0.28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    min-height: 340px;
    margin-bottom: 20px;
}
.card .card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, 0.1);
    box-shadow: none;
}
.card .card-img-top {
    display: block;
    width: 100%;
    height: auto;
}
.card .card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
}
.card .card-text {
    clear: both;
    margin-top: 0.5em;
    color: rgba(0, 0, 0, 0.68);
}
.card .card-footer {
    font-size: 1em;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: 0.75em 1em;
    color: rgba(0, 0, 0, 0.4);
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
    background: #fff;
}
.card .card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.panel-heading[data-toggle=collapse] {
    cursor: pointer;
}

.panel-heading[data-toggle=collapse] .panel-title:after {
    /* symbol for "opening" panels */
    font-family: "Glyphicons Halflings";
    /* essential for enabling glyphicon */
    content: "";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
}

.panel-heading.collapsed[data-toggle=collapse] {
    border-bottom: 1px solid #fff;
}

.panel-heading.collapsed[data-toggle=collapse] .panel-title:after {
    /* symbol for "collapsed" panels */
    content: "";
    /* adjust as needed, taken from bootstrap.css */
}

@media print {
    .no-bootstrap-print * {
        -webkit-box-sizing: unset;
        -moz-box-sizing: unset;
        box-sizing: unset;
    }
}
.form-group.input-addon .input-group-addon {
    padding: 0;
    padding-right: 10px;
    background: none;
    border: none;
}
.form-group.input-addon .input-group-addon .form-group {
    margin-bottom: 0;
}
.form-group.input-addon .input-group-addon .form-group input {
    width: 70px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .table-responsive {
        overflow-x: visible;
    }
}
@media screen and (max-width: 767px) {
    .clearfix-xs {
        clear: both;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .clearfix-sm {
        clear: both;
    }
}
@media screen and (min-width: 992px) and (max-width: 991px) {
    .clearfix-sm {
        clear: both;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .clearfix-md {
        clear: both;
    }
}
@media screen and (min-width: 1200px) {
    .clearfix-lg {
        clear: both;
    }
}
.form-group {
    margin-bottom: 10px;
}
.form-group.required .control-label:after {
    content: "*";
    color: red;
}

.ellipsis, body.edocuments .item-list .detalles .category-title .id.edocument {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.checkbox input[type=radio] {
    margin-left: 0;
}

.radio fieldset {
    text-align: center;
}
.radio legend {
    margin-bottom: 10px;
}
.radio input[type=radio] {
    margin-left: -15px;
}
.radio .radio-holder {
    display: inline;
    padding-left: 17px;
}
.radio .radio-holder label {
    padding-left: 5px;
    padding-right: 10px;
}

.no-glutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.modal-body, .modal-header {
    color: #000;
}

.modal-lg {
    width: 97%;
    max-width: 1200px;
}

.responsive-video {
    width: 100%;
    min-height: 600px;
}

.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: 0.28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    min-height: 340px;
    margin-bottom: 20px;
}
.card .card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, 0.1);
    box-shadow: none;
}
.card .card-img-top {
    display: block;
    width: 100%;
    height: auto;
}
.card .card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
}
.card .card-text {
    clear: both;
    margin-top: 0.5em;
    color: rgba(0, 0, 0, 0.68);
}
.card .card-footer {
    font-size: 1em;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: 0.75em 1em;
    color: rgba(0, 0, 0, 0.4);
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
    background: #fff;
}
.card .card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.panel-heading[data-toggle=collapse] {
    cursor: pointer;
}

.panel-heading[data-toggle=collapse] .panel-title:after {
    /* symbol for "opening" panels */
    font-family: "Glyphicons Halflings";
    /* essential for enabling glyphicon */
    content: "";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
}

.panel-heading.collapsed[data-toggle=collapse] {
    border-bottom: 1px solid #fff;
}

.panel-heading.collapsed[data-toggle=collapse] .panel-title:after {
    /* symbol for "collapsed" panels */
    content: "";
    /* adjust as needed, taken from bootstrap.css */
}

@media print {
    .no-bootstrap-print * {
        -webkit-box-sizing: unset;
        -moz-box-sizing: unset;
        box-sizing: unset;
    }
}
.form-group.input-addon .input-group-addon {
    padding: 0;
    padding-right: 10px;
    background: none;
    border: none;
}
.form-group.input-addon .input-group-addon .form-group {
    margin-bottom: 0;
}
.form-group.input-addon .input-group-addon .form-group input {
    width: 70px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .table-responsive {
        overflow-x: visible;
    }
}
@media screen and (max-width: 767px) {
    .clearfix-xs {
        clear: both;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .clearfix-sm {
        clear: both;
    }
}
@media screen and (min-width: 992px) and (max-width: 991px) {
    .clearfix-sm {
        clear: both;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .clearfix-md {
        clear: both;
    }
}
@media screen and (min-width: 1200px) {
    .clearfix-lg {
        clear: both;
    }
}
body.edocuments .item-list .detalles .category-title .id.edocument {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    text-align: center;
}

/*View styles*/
.item-list {
    margin-top: 25px;
    margin-bottom: 50px;
}
.item-list .header {
    height: 45px;
    background: #7da9e8;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.item-list .header .icon_tarifacio {
    width: 35px;
    height: 100%;
    background: url(../img/white/tarifario-ico.png) no-repeat center;
    background-size: 25px auto;
    float: left;
    display: block;
}
.item-list .header .spliter {
    height: 75%;
    margin: 6px 15px;
    width: 2px;
    background-color: #fff;
    float: left;
}
.item-list .header .title {
    font-size: 22px;
    padding: 8px 0;
    float: left;
    display: inline-block;
}
.item-list .header .acciones {
    float: right;
    margin-right: 5%;
    position: relative;
}
.item-list .header .acciones .custom-btn {
    float: left;
    margin-right: 8px;
    height: 100%;
    background-color: #9cd47d;
}
.item-list .header .acciones .custom-btn a {
    float: left;
    font-size: 18px;
    color: #fff;
    padding: 10px 8px;
    text-align: center;
    text-decoration: none;
    font-weight: lighter;
}
.item-list .detalles {
    background: #fff;
    color: #000;
    padding: 10px 3% 20px;
}
.item-list .detalles .category-title {
    font-size: 20px;
    padding: 2px 0;
    text-transform: capitalize;
    clear: both;
}
.item-list .detalles .category-title .id {
    background: #1A7E9E;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #fff;
    border-radius: 5px;
}
.item-list .detalles .category-title .id.nula {
    background: #d9534f;
}
.item-list .detalles .category-title .id.creditnote {
    background: #d94f95;
}
.item-list .detalles .category-title .icon {
    padding-right: 5px;
}
.item-list .detalles .linea {
    margin: 5px 0;
    clear: both;
    width: 100%;
}
.item-list .detalles .linea .no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.item-list .detalles .linea > div, .item-list .detalles .linea .document-info > div {
    border: 1px solid #acabab;
    padding: 6px 3px;
}
.item-list .detalles .linea > div.tooltip, .item-list .detalles .linea .document-info > div.tooltip {
    padding: 5px 0;
    border: none;
}
.item-list .detalles .linea .document-info {
    padding: 0;
    border: none;
}
.item-list .detalles .linea .acciones {
    border: none;
    padding: 1px 0;
}
@media screen and (max-width: 767px) {
    .item-list .detalles .linea .acciones {
        overflow: hidden;
        clear: both;
        padding: 5px 0 0;
    }
}
.item-list .detalles .linea .acciones .icon {
    height: 43px;
    width: 43px;
    display: block;
    margin-left: 7px;
    float: left;
    position: relative;
}
.item-list .detalles .linea .acciones .icon.share-icon {
    display: none;
}
@media screen and (max-width: 992px) {
    .item-list .detalles .linea .acciones .icon.share-icon {
        display: block;
    }
}
.item-list .detalles .linea .high-lighted-box {
    background: #1A7E9E;
    font-weight: bold;
    color: #FFF;
}
.item-list .detalles .linea .high-lighted-shared {
    font-weight: bold;
    background-color: #fcf8e3;
    color: #8a6d3b;
}
.item-list .detalles .linea .decremento {
    background: #d9534f;
    color: #fff;
}
.item-list .detalles .linea .aumento {
    background: #5cb85c;
    color: #fff;
}

.view-pagination {
    display: block;
    text-align: center;
    padding-top: 20px;
    clear: both;
}
.view-pagination > li > a, .view-pagination > li > span {
    float: none;
}

.links .list-group-item a, .links .panel-heading a {
    margin-left: 5px;
}

.formulario {
    margin-top: 25px;
    margin-bottom: 50px;
}
.formulario > .header {
    height: 45px;
    background: #7da9e8;
    background-size: auto 45px;
}
.formulario > .header .icon_tarifacio {
    width: 35px;
    height: 100%;
    background: url(../img/white/tarifario-ico.png) no-repeat center;
    background-size: 25px auto;
    float: left;
    display: block;
}
.formulario > .header .spliter {
    height: 75%;
    margin: 6px 15px;
    width: 2px;
    background-color: #fff;
    float: left;
}
.formulario > .header .title {
    font-size: 22px;
    padding: 8px 0;
    float: left;
    display: inline-block;
}
.formulario .acciones {
    float: right;
    margin-right: 5%;
    position: relative;
}
.formulario .acciones .custom-btn {
    float: left;
    margin-right: 8px;
    height: 100%;
    background-color: #9cd47d;
}
.formulario .acciones .custom-btn a {
    float: left;
    font-size: 18px;
    color: #fff;
    padding: 10px 8px;
    text-align: center;
    text-decoration: none;
    font-weight: lighter;
}
.formulario .detalles {
    background: #fff;
    color: #000;
    padding: 10px 3% 20px;
}
.formulario .detalles .icon {
    height: 43px;
    width: 43px;
    display: block;
    margin-left: 7px;
    float: left;
    position: relative;
}
@media screen and (max-width: 767px) {
    .formulario .category-title {
        padding: 0 15px;
    }
    .formulario .forma-pago input, .formulario .tipo-factura input {
        display: block;
        float: left;
        clear: both;
        margin: 5px 0;
    }
    .formulario .forma-pago label, .formulario .tipo-factura label {
        display: block;
        float: left;
    }
}

.client-form .tipo-factura, .client-form .einvoice-kind, .client-form .forma-pago, .provider-form .tipo-factura, .provider-form .einvoice-kind, .provider-form .forma-pago, .invoice-form .tipo-factura, .invoice-form .einvoice-kind, .invoice-form .forma-pago, .payment-form .tipo-factura, .payment-form .einvoice-kind, .payment-form .forma-pago {
    padding-top: 7px;
    margin-bottom: 0;
}
.client-form .tipo-factura label, .client-form .einvoice-kind label, .client-form .forma-pago label, .provider-form .tipo-factura label, .provider-form .einvoice-kind label, .provider-form .forma-pago label, .invoice-form .tipo-factura label, .invoice-form .einvoice-kind label, .invoice-form .forma-pago label, .payment-form .tipo-factura label, .payment-form .einvoice-kind label, .payment-form .forma-pago label {
    margin: 0 10px;
}

#payment-method-list .forma-pago {
    padding: 0;
}

#agregar-forma-pago .payment-totals {
    margin-top: 10px;
    border-top: 1px solid #000;
}
#agregar-forma-pago .total-line {
    clear: both;
}
#agregar-forma-pago .total-line .total-label {
    padding-left: 10%;
    padding-top: 5px;
}
#agregar-forma-pago .total-line .total-factura, #agregar-forma-pago .total-line .total-vuelto {
    text-align: right;
    font-size: 25px;
    font-weight: bold;
}

.client-data-wrapper .control-label {
    text-align: left;
}
.client-data-wrapper.client-select .control-label {
    text-align: right;
}

#current-amount {
    position: absolute;
    top: -30px;
    left: 40px;
    font-size: 150%;
    color: #f00;
}
@media screen and (max-width: 1200px) {
    #current-amount {
        top: 0px;
        left: 60px;
    }
}
@media screen and (max-width: 1200px) {
    #current-amount {
        top: -5px;
    }
}

.date-input select {
    display: inline-block;
    width: 100px;
    margin: 0 3px;
}
.date-input select:nth-child(2) {
    width: 150px;
}

.main-form .formulario .detalles {
    min-height: 500px;
}

#resultadoBusqueda.product-selection .add-amount input {
    display: none;
}
#resultadoBusqueda.product-selection .price-code {
    display: none;
}
#resultadoBusqueda .table > tbody > tr > td,
#resultadoBusqueda .table > tbody > tr > th,
#resultadoBusqueda .table > tfoot > tr > td,
#resultadoBusqueda .table > tfoot > tr > th,
#resultadoBusqueda .table > thead > tr > td,
#resultadoBusqueda .table > thead > tr > th {
    padding: 3px;
}

#agregar-producto {
    color: #000;
}

.modal-title {
    color: #000;
}

.input-group.button-addon .input-group-addon {
    padding: 0;
    border: 0;
    background: transparent;
}
.input-group.button-addon .input-group-addon .btn i {
    margin-right: 5px;
}

.input-group .input-group-addon.country-code {
    width: 65px;
    padding: 0 3px;
}
.input-group .input-group-addon.country-code .form-group {
    margin-bottom: 0;
}
.input-group .input-group-addon.country-code .form-control {
    padding: 0;
    text-align: center;
}

.search-kind-selector {
    padding: 30px 0;
}

.sticky-element, .formulario > .header,
.item-list > .header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.formulario > .header,
.item-list > .header {
    left: 0;
    width: 100%;
    z-index: 1000;
}

.selected-invoice-total {
    top: 35px;
    background: #7da9e8;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
    z-index: 10;
}

.client-shipping-value {
    display: none;
    font-size: 20px;
}
.client-shipping-value .input-group-addon, .client-shipping-value .form-control {
    font-size: 20px;
    line-height: 20px;
}

.plazo-wrapper {
    padding-top: 15px;
}

.checkbox input[type=checkbox] {
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .add-click-button-wrapper {
        padding-left: 0;
    }
}
.modal .close {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    opacity: 1;
    padding: 5px 9px;
    border-radius: 50%;
}

table .delete {
    width: 30px;
}
table .pricing-heading-column {
    display: none;
}
@media screen and (max-width: 767px) {
    table .delete-btn {
        position: absolute;
        top: -10px;
        left: -10px;
        padding: 5px 8px;
        border-radius: 50%;
    }
    table.productos {
        border: none;
    }
    table.productos tr {
        display: none;
    }
    table.productos .product-row {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        border: 1px solid #b9b1b1;
        padding: 12px 0;
        margin: 10px 0 20px;
    }
    table.productos .product-row td {
        display: block;
        flex-basis: 100%;
    }
    table.productos .product-row td.delete {
        border: 0;
        padding: 0;
    }
    table.productos .product-row td.product-id-column {
        border-top: none;
    }
    table.productos .product-row td.additional-actions-column {
        border: none;
        position: absolute;
        top: -10px;
        right: -10px;
        background: #3379b7;
        border-radius: 5px;
        padding: 8px 10px;
    }
    table.productos .product-row td.additional-actions-column .additional-actions > a {
        color: #fff;
    }
    table.productos .product-row td.pricing-heading-column {
        display: flex;
        flex-wrap: wrap;
    }
    table.productos .product-row td.pricing-heading-column .heading {
        flex-basis: 38%;
        font-weight: bold;
    }
    table.productos .product-row td.pricing-heading-column .heading-discount {
        flex-basis: 24%;
        font-weight: bold;
    }
    table.productos .product-row td.precio-column, table.productos .product-row td.subtotal {
        flex-basis: 38%;
    }
    table.productos .product-row td.descuento-column {
        flex-basis: 24%;
    }
    table.productos .product-row td .product-id:before {
        content: "Codigo: ";
        font-weight: bold;
    }
    table.productos .product-row td .product-descrip:before {
        content: "Descripcion: ";
        font-weight: bold;
    }
    table.productos .product-row td .product-cant:before {
        content: "Cant: ";
        font-weight: bold;
    }
    table.productos .product-row td .porcentaje-impuesto:before {
        content: "Porcentaje Impuesto: ";
        font-weight: bold;
    }
    table.paymentways {
        border: none;
    }
    table.paymentways tr {
        display: none;
    }
    table.paymentways .payment-row {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        border: 1px solid #b9b1b1;
        padding: 12px 0;
        margin: 10px 0 20px;
    }
    table.paymentways .payment-row td {
        display: block;
        flex-basis: 100%;
    }
    table.paymentways .payment-row td.delete {
        border: 0;
        padding: 0;
    }
    table.paymentways .payment-row td .forma-pago:before {
        content: "Forma de Pago: ";
        font-weight: bold;
    }
    table.paymentways .payment-row td .digitos:before {
        content: "Digitos: ";
        font-weight: bold;
    }
    table.paymentways .payment-row td .aprobacion:before {
        content: "Aprobacion: ";
        font-weight: bold;
    }
    table.paymentways .payment-row td .num-nota:before {
        content: "Numero de nota: ";
        font-weight: bold;
    }
    table.paymentways .payment-row td .operator-data:before {
        content: "Operador Tarjera: ";
        font-weight: bold;
    }
    table.paymentways .payment-row td .monto:before {
        content: "monto: ";
        font-weight: bold;
    }
}

@media screen and (max-width: 767px) {
    .jqibox .jqi {
        max-width: 90%;
    }
}
.exento-box, #invoice-products .product-row.exento .product-id:before, .extracost-box, #invoice-products .product-row.extracost .subtotal:before, .exonerado-box, #invoice-products .product-row.exonerado .product-id:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #eaf900;
    border: 1px solid #646161;
    padding: 0px !important;
    float: left;
    margin: 5px 10px 0 0;
}

.exonerado-box, #invoice-products .product-row.exonerado .product-id:before {
    background: #df38ea;
}

.extracost-box, #invoice-products .product-row.extracost .subtotal:before {
    background: #1e4dd2;
}

.error-cell, #invoice-products tr.error .product-cant-wrapper {
    background: red;
    color: #fff;
    font-weight: bold;
}

.grand-total, .grand-total-label, .grand-total-wrapper .money-symbol, .payment-totals .money-symbol {
    font-size: 20px;
    font-weight: bold;
}

.payment-total-wrapper {
    text-align: right;
}

.productos .row-menu {
    width: 10px;
}
.productos.order .completed {
    background-color: #dbf1d6;
}

.hasnote, hasnote:hover {
    background: #d94f95 !important;
    color: #fff;
}
.hasnote a, hasnote:hover a {
    color: #fff;
}

.hasExtraPayment, .hasExtraPayment:hover {
    background: #F7FE43 !important;
    color: #000;
}

.isInterestSettlement, .isInterestSettlement:hover {
    background: #06b900 !important;
    color: #fff;
}
.isInterestSettlement a, isInterestSettlement:hover a {
    color: #fff;
}

.nula {
    background: #d9534f !important;
    color: #000;
}

.normal-status {
    background: #1A7E9E !important;
    color: #000;
}

.product-row .dropdown.additional-actions {
    cursor: pointer;
}

.search-result-list {
    margin: 0;
    padding: 0;
}
.search-result-list .search-item {
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 10px -2px #adaaad;
    -moz-box-shadow: 0px 5px 10px -2px #adaaad;
    box-shadow: 0px 5px 10px -2px #adaaad;
    padding: 10px;
    border: 1px solid #e6e6e6;
    margin: 6px 0;
}
.search-result-list .codigo {
    padding: 3px 8px;
    background: #73d1b1;
    color: #fff;
    border-radius: 5px;
}
.search-result-list .description {
    clear: both;
}

.acl-tree {
    color: #000;
}
.acl-tree tbody tr:hover td,
.acl-tree tbody tr:hover th {
    background-color: #74d1b1;
}
.acl-tree .acl-level-1 {
    font-weight: bold;
    font-size: 2rem;
}
.acl-tree .acl-level-2 {
    font-size: 1.75rem;
    padding-left: 1.5rem;
}
.acl-tree .acl-level-3 {
    font-size: 1.5rem;
    padding-left: 3rem;
}
.acl-tree .acl-level-4 {
    font-size: 1.25rem;
    padding-left: 4.5rem;
}
.acl-tree .acl-level-5 {
    font-size: 1.25rem;
    padding-left: 6rem;
}
.acl-tree .acl-level-6 {
    font-size: 1.25rem;
    padding-left: 7.5rem;
}
.acl-tree .acl-level-7 {
    font-size: 1.25rem;
    padding-left: 9rem;
}
.acl-tree .acl-entry-buttons a {
    margin: 0 3px;
}

/*Users sections*/
#loginForm label {
    color: #000;
}
#loginForm .btn-primary {
    display: block;
    float: right;
}

.bxslider, .bxslider {
    margin: 0;
    padding: 0;
}
.bxslider li img, .bxslider li img {
    width: 100%;
    height: auto;
}

/*Dashboard section*/
.dashboard-item {
    padding-top: 50px;
}
.dashboard-item a {
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding-top: 90px;
    margin-top: 10px;
    display: block;
}
.dashboard-item a.tarifario {
    background: url(../img/white/bg-tarifario.png) no-repeat top center;
}
.dashboard-item a.loyalty {
    background: url(../img/white/trophy.png) no-repeat top center;
    background-size: 80px auto;
}
.dashboard-item a.clientes {
    background: url(../img/white/bg-clientes.png) no-repeat top center;
}
.dashboard-item a.contabilidad {
    background: url(../img/white/bg-contabilidad.png) no-repeat top center;
}
.dashboard-item a.promos {
    background: url(../img/white/bg-promos.png) no-repeat top center;
}
.dashboard-item a.buscar {
    background: url(../img/white/bg-buscar.png) no-repeat top center;
}
.dashboard-item a.facturar {
    background: url(../img/white/bg-facturacion.png) no-repeat top center;
}
.dashboard-item a.ordenes {
    background: url(../img/white/bg-ordenes.png) no-repeat top center;
}
.dashboard-item a.taller {
    background: url(../img/white/repair-icon.png) no-repeat top center;
    background-size: 80px auto;
}
.dashboard-item a.cotizar {
    background: url(../img/white/bg-cotizacion.png) no-repeat top center;
}
.dashboard-item a.consignar {
    background: url(../img/white/bg-consignacion.png) no-repeat top center;
}
.dashboard-item a.cotizar-temp {
    background: url(../img/white/bg-cotizacion-temp.png) no-repeat top center;
}
.dashboard-item a.promos {
    background: url(../img/white/promo-icon.png) no-repeat top center;
}
.dashboard-item a.provedor {
    background: url(../img/white/bg-provedor.png) no-repeat top center;
}
.dashboard-item a.calendar {
    background: url(../img/white/bg-calendario.png) no-repeat top center;
}
.dashboard-item a.help {
    background: url(../img/white/help.png) no-repeat top center;
    background-size: 80%;
}
.dashboard-item a.modules {
    background: url(../img/white/modules.png) no-repeat top center;
    background-size: 80%;
}
.dashboard-item a.express {
    background: url(../img/white/express.png) no-repeat top center;
    background-size: 85px 85px;
}

.dashboard-blocks {
    font-size: 14px;
    padding-bottom: 20px;
}
.dashboard-blocks a {
    text-decoration: none;
}
.dashboard-blocks .read-more {
    float: right;
    color: #fff;
    text-decoration: none;
    padding: 2px 7px;
    border-radius: 5px;
}
.dashboard-blocks .block {
    color: #898b8e;
}
.dashboard-blocks .block .block-content {
    padding-top: 10px;
    padding: 10px 2.5% 0;
    margin: 0;
    background: #fff;
    height: 260px;
    overflow: auto;
}
.dashboard-blocks .block .block-footer {
    width: 100%;
    height: 22px;
}
.dashboard-blocks .block .block-footer .left {
    background: #fff;
    height: 100%;
    width: 91%;
    margin: 0;
}
.dashboard-blocks .block .block-footer .right {
    float: right;
    height: 100%;
    width: 9%;
}
.dashboard-blocks .block h1 {
    width: 100%;
    height: 45px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    margin-bottom: 0;
}
.dashboard-blocks .block .text {
    padding-top: 13px;
}
.dashboard-blocks .block.web-orders h1, .dashboard-blocks .block.web-orders .read-more {
    background: #ff8f8f;
}
.dashboard-blocks .block.web-orders .titulo {
    color: #ff8f8f;
}
.dashboard-blocks .block.deudores h1, .dashboard-blocks .block.deudores .read-more, .dashboard-blocks .block.deudores .commonList .left {
    background: #8fa5ff;
}
.dashboard-blocks .block.deudores .titulo {
    color: #8fa5ff;
}
.dashboard-blocks .block.acredores h1, .dashboard-blocks .block.acredores .read-more, .dashboard-blocks .block.acredores .commonList .left {
    background: #ffbe66;
}
.dashboard-blocks .block.acredores .titulo {
    color: #ffbe66;
}
.dashboard-blocks .block.noticias h1, .dashboard-blocks .block.noticias .read-more {
    background: #89cbf4;
}
.dashboard-blocks .block.noticias .titulo {
    color: #89cbf4;
}
.dashboard-blocks .block.banca h1, .dashboard-blocks .block.banca .read-more {
    background: #a2ca64;
}
.dashboard-blocks .block.banca .titulo {
    color: #a2ca64;
    text-align: center;
}
.dashboard-blocks .block.banca .change {
    text-align: center;
}
.dashboard-blocks .titulo {
    font-weight: bold;
}
.dashboard-blocks .left {
    float: left;
    width: 30%;
    margin-right: 4%;
    text-align: center;
}
.dashboard-blocks .right {
    float: right;
    width: 66%;
}
.dashboard-blocks .commonList {
    padding-top: 10px;
}
.dashboard-blocks .commonList .left {
    font-size: 13px;
    padding: 7px 0;
    text-align: center;
    color: #fff;
    width: 33%;
    margin-right: 3%;
}
.dashboard-blocks .commonList .right {
    width: 64%;
}

.accounting h2 {
    color: #000;
    padding: 10px 0 5px 0 !important;
    border-bottom: 2px dashed #5f6266;
}

.acciones .icon.editar {
    background: url(../img/white/edit.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.delete {
    background: url(../img/white/delete.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.download {
    background: url(../img/white/download.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.movimientos {
    background: #000 url(../img/white/movimientos.png) no-repeat center center;
    background-size: 27px auto;
    border-radius: 50%;
}
.acciones .icon.checkmark:before {
    content: " ";
    display: block;
    border-radius: 50%;
    height: 95%;
    width: 95%;
    background: #000;
}
.acciones .icon.checkmark:after {
    content: " ";
    display: block;
    width: 11px;
    height: 20px;
    border: solid #fff;
    border-width: 0 5px 5px 0;
    position: absolute;
    left: 15px;
    top: 25%;
    margin-top: -0.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.acciones .icon.new {
    top: 1px;
    position: relative;
    background: url(../img/white/new.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.add {
    top: 1px;
    position: relative;
    background: url(../img/white/add.png) no-repeat;
    background-size: 41px auto !important;
}
.acciones .icon.add .black {
    background: url(../img/white/add-black.png) no-repeat;
}
.acciones .icon.print {
    background: url(../img/white/print.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.addUser {
    background: #000 url(../img/white/profile.png) no-repeat center center;
    background-size: 27px auto;
    border-radius: 50%;
}
.acciones .icon.view {
    background: url(../img/white/view.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.mail {
    background: url(../img/white/mail.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.play {
    background: url(../img/white/play.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.stop {
    background: url(../img/white/stop.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.to_invoice {
    background: url(../img/white/to_invoice.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.cancel {
    background: url(../img/white/anular.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.feature {
    background: url(../img/white/feature.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.featured {
    background: url(../img/white/featured.png) no-repeat;
    background-size: 41px auto;
}
.acciones .icon.actived {
    background: url(../img/white/actived-icon.png) no-repeat;
    background-size: cover;
}
.acciones .icon.deactived {
    background: url(../img/white/deactived-icon.png) no-repeat;
    background-size: cover;
}
.acciones .icon.creditnote {
    background: url(../img/iconset2-web.png) no-repeat center;
    background-position: -301px -396px;
    background-size: 500px;
}
.acciones .icon.copy:before {
    content: "";
    position: absolute;
    background: #000;
    width: 95%;
    height: 95%;
    border-radius: 50%;
}
.acciones .icon.copy:after {
    content: "CP";
    position: absolute;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 25px;
    margin-top: 4px;
}
.acciones .icon.inventario-compartido:before {
    content: "";
    position: absolute;
    background: #000;
    width: 95%;
    height: 95%;
    border-radius: 50%;
}
.acciones .icon.inventario-compartido:after {
    content: "IR";
    position: absolute;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 25px;
    margin-top: 4px;
}
.acciones .icon.view-invoice:before {
    content: "";
    position: absolute;
    background: #000;
    width: 95%;
    height: 95%;
    border-radius: 50%;
}
.acciones .icon.view-invoice:after {
    content: "VF";
    position: absolute;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 25px;
    margin-top: 4px;
}
.acciones .icon.black-circle {
    background: #000;
    width: 95%;
    height: 95%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 43px;
    font-size: 25px;
}
.acciones .icon.black-circle.assignment {
    background: #000 url(../img/white/assignment.png) no-repeat center 36%;
    background-size: 54%;
}
.acciones .icon.black-circle.assignment-done {
    background: #000 url(../img/white/assignment-done.png) no-repeat center 36%;
    background-size: 54%;
}

.btn-cancel {
    margin-left: 20px;
}

#main-loading {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    position: fixed;
    border-radius: 11px;
    transition: 0.1s all;
    -webkit-transition: 0.2s opacity, background;
    opacity: 1;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -100;
}
#main-loading.show {
    z-index: 10000;
    left: 0;
}

.textarea-full-width .mce-tinymce {
    width: 100% !important;
}

.item-list .header i,
.formulario .header i {
    float: left;
    color: #fff;
    padding: 8px 0 8px 8px;
    font-size: 30px;
}

.loader {
    width: 56px;
    height: 56px;
    border: 4px solid transparent;
    border-radius: 50%;
    position: relative;
    top: 50%;
    margin: -28px auto 0;
}
.loader::before {
    content: "";
    border: 4px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    width: 67.2px;
    height: 67.2px;
    position: absolute;
    top: -9.6px;
    left: -9.6px;
    animation: loader-scale 1.1s ease-out infinite;
    animation-delay: 1.1s;
    opacity: 0;
}
.loader::after {
    content: "";
    border: 4px solid #fff;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    position: absolute;
    top: -4px;
    left: -4px;
    animation: loader-scale 1.1s ease-out infinite;
    animation-delay: 0.55s;
}
@keyframes loader-scale {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.introjs-tooltip {
    color: #000;
}

.bootstrap-datetimepicker-widget {
    color: #000;
}

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

table.draggable body tr.placeholder {
    position: relative;
    /** More li styles **/
}

table.draggable tr.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}

.row-disabled {
    background-color: #d8d8d8;
}

.form-horizontal .copy-document-table .control-label {
    text-align: left;
}
.form-horizontal .copy-document-table .kind-label {
    vertical-align: middle;
    text-align: center;
}

.force-text-left label {
    text-align: left !important;
}

.exchange-rate-wrapper {
    display: none;
}

/*# sourceMappingURL=easypos.css.map */
