body, h1, h2, h3, .header {
    font-family: Nunito;
}

#header img {
    width: 40px;
    float: left;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 10px;
}

/* ANCHO DE ACCIONES EN SL */
.search-list.proveedor .acciones,
.search-list.fabricacion .acciones {
    width: 175px;
}

/*
.search-list.factura_venta .acciones {
    width: 235px;
}
*/

.search-list.factura_venta .acciones,
.search-list.factura_compra .acciones,
.search-list.cliente .acciones {
    width: 205px;
}

.search-list.vencimiento_factura_compra .acciones,
.search-list.vencimiento_factura_venta .acciones {
    width: 82px;
}

.nav-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid #F2682E;
}
.nav-tabs .nav-link:hover:not(.active) {
    border: none;
}

.header, .top-header, .menu .highlighted, .menu a:hover, .menu a, .user-icon {
    background: #2D3D58;
    color: #FFF;
}

.main-color, .btn-inverse:active {
    background-color: #2D3D58;
    color: #FFF;
}

.boton-home-grande:hover {
    background-color: #323d47;
    border: 5px solid #323d47;
}

/* BOTONES */

.btn-danger,
.badge-danger {
    background-color: #EE3232;
    border-color: #EE3232;
}
.btn-danger:focus, .btn-danger.focus, .btn-danger:hover {
    background-color: #EB1313;
    border-color: #EB1313;
}
.btn-danger:active, .btn-danger.active {
    background-color: #BC1010;
    border-color: #BC1010;
}

.btn-success,
.badge-success {
    color: #FFF;
    background-color: #4EBB7F;
    border-color: #4EBB7F;
}
.btn-success:focus, .btn-success.focus, .btn-success:hover {
    background-color: #3FA56D;
    border-color: #3FA56D;
}
.btn-success:active, .btn-success.active {
    background-color: #328055;
    border-color: #328055;
}

.btn-inverse,
.badge-inverse {
    background-color: #2D3D58;
    color: #FFF;
}
.btn-inverse:focus, .btn-inverse.focus, .btn-inverse:hover {
    background-color: #232F43;
    border-color: #232F43;
}
.btn-inverse:active, .btn-inverse.active {
    background-color: #111721;
    border-color: #111721;
}
.btn-outline-inverse {
    color: #2D3D58 !important;
    border-color: #2D3D58;
}

.btn-primary,
.badge-primary {
    color: #FFF;
    background-color: #F2682E;
    border-color: #F2682E;
}
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
    background-color: #EF530F;
    border-color: #EF530F;
}
.btn-primary:active, .btn-primary.active {
    background-color: #C0430C !important;
    border-color: #C0430C !important;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #F2682E;
    border-color: #F2682E;
}

.btn-secondary, .btn-info, .badge-secondary {
    color: #FFF !important;
    background-color: #2CBAF2;
    border-color: #2CBAF2;
}
.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover,
.btn-info:focus, .btn-info.focus, .btn-info:hover {
    background-color: #0FADEF;
    border-color: #0FADEF;
}
.btn-secondary:active, .btn-secondary.active,
.btn-info:active, .btn-info.active {
    background-color: #0C8BC0;
    border-color: #0C8BC0;
}

/* COLORES */
.alert-warning { background: rgba(255, 186, 0, 0.5); border: solid 1px #2CBAF2; color: #FDBC16; }
.alert-info { background: rgba(145,112,219, 0.5); border: solid 1px #9170DB; color: #2CBAF2; }

.success, .badge-success, .green { background: #4EBB7F !important; color: #FFF !important; }
.warning, .badge-warning, .yellow { background: #FDBC16 !important; color: #FFF !important; }
.danger, .badge-danger, .red { background: #EE3232 !important; color: #FFF !important; }
.orange { background: #F2682E !important; color: #FFF !important; }
.blue { background: #2CBAF2 !important; color: #FFF !important; }
.dark { background: #2D3D58 !important; color: #FFF !important; }

.danger a, .badge-danger a { color: #FFF !important; }
.warning a, .badge-warning a { color: #FFF !important; }

.color-yellow { color: #FDBC16 !important; }
.color-orange { color: #F2682E !important; }
.color-green, .text-success { color: #4EBB7F !important; }
.color-red, .text-danger, .error-color, .error-message { color: #EE3232 !important; }
.color-blue, .text-info { color: #2CBAF2 !important; }
.color-dark { color: #2D3D58 !important; }

.error .form-control { border-color: #EE3232 !important; }

/* PAGINATION */
.page-item.active .page-link {
    background-color: #2CBAF2;
    border-color: #2CBAF2;
    color: #FFF;
}
.page-link:hover {
    background-color: #2CBAF2 !important;
    border-color: #2CBAF2 !important;
    color: #FFF !important;
}

/* OTROS */
.filtros-title, .nav-tabs .nav-link:hover:not(.active), .nav-tabs .nav-link.active {
    color: #F2682E;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #FAFBFB;
}

.card-header, .card-body-filled {
    background-color: #F1F2F4;
}

.required input, .required select, .required textarea {
    background-color: rgba(253, 188, 22, 0.15);
}

.table td, .table th {
    padding: .5rem;
}

.prueba {
    height: 27px;
    padding-top: 2px;
    font-size: 15px;
}

#pay .form-row {
    border: none;
}
#pay img.credit-card {
    position: absolute;
    right: 55px;
    top: 13px;
    width: 35px;
}
#pay .issuersImg {
    padding-top: 13px;
    padding-left: 25px;
}

/* HOME */
#what-we-do{
    padding: 20px 0 0;
}
#what-we-do .head{
    width: 500px;
    margin: 0 auto 30px;
}
#what-we-do .title{
    width: 400px;
    float: left;
} 
#what-we-do .img {
    float: left;
    width: 75px;
    margin-right: 15px;
}
#what-we-do .img img {
    width: 100%;
}
#what-we-do .section-title{
    text-align:center;
    margin-bottom:50px;
}
#what-we-do .card{
    padding: 1rem!important;
    border: none;
    margin-bottom:1.5rem;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
#what-we-do .card:hover{
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#what-we-do .card .card-block{
    padding-left: 50px;
    position: relative;
}
#what-we-do .card .card-block a{
    font-weight:700;
    text-decoration:none;
}
#what-we-do .card .card-block a i{
    display:none;

}
#what-we-do .card:hover .card-block a i{
    display:inline-block;
    font-weight:700;

}
#what-we-do .card .card-block .icon{
    position: absolute;
    font-size: 30px;
    color: #4EBB7F;
    left: 0;
    top: 0;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}
#what-we-do .card-title {
    margin-bottom: .25rem;
}

.boton-otro-medio {
    background: #F1F2F4;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 5px;
    padding: 15px;
    margin: 20px auto;
    text-align: center;
    height: 120px;
    cursor: pointer;
}
.boton-otro-medio.pagofacil img {
    width: 90px;
}
.boton-otro-medio.rapipago img {
    width: 250px;
    margin-top: 25px;
}
.boton-otro-medio.redlink img {
    width: 90px;
}

a.punteado {
    border-bottom: dashed 1px #999;
    padding-bottom: 2px;
}
a.punteado:hover {
    text-decoration: none;
}


.user-info .dropdown-menu {
    font-size: 14px;
    padding: .5rem 0;
    margin-right: -4px;
}
.dropdown-header {
    font-size: 15px;
    padding: 4px 15px;
}
.dropdown-item {
    padding: 4px 10px 4px 15px;
}
.dropdown-menu::before {
    top: -16px;
    right: 9px;
    left: auto;
}
.dropdown-menu::before {
    border: 8px solid transparent;
    border-bottom-color: rgba(27,31,35,0.15);
}
.dropdown-menu::before, .dropdown-menu::after {
    position: absolute;
    display: inline-block;
    content: "";
}

.ui-menu .ui-menu-item-wrapper.ui-state-active,
.ui-menu .ui-menu-item-wrapper:hover {
    background: #FDBB32;
}

h3.maint-title {
    border-bottom: 1px solid rgba(0,0,0,.125);
    color: #000;
    background: #F4F7F9;
}

.pagination>li>a, .pagination>li>span {
    color: #2CBAF2;
}

.error404 ul {
    list-style: none;
    padding: 0;
}
.error404 .big {
    font-size: 90px;
}

.logo-login {
    width: 300px !important;
    margin: 15px 0;
}

.loadingPago {
    bottom: 0;
    top: 0;
    font-size: 2.5em;
    left: 0;
    opacity: 1;
    padding: 20% 33px 20px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 2147483647;
    display: none;
    background: #FFF;
    color: #666;
    font-family: RobotoThin;
}
.loadingPago .fa {
    font-size: 3em;
}

.boton-home-grande-box {
    border-radius: 5px;
    text-align: center;
}.boton-home-grande-box:hover {
    background: #F1F2F4;
    text-decoration: none;
}
.boton-home-grande {
    border: none;
    width: 100px;
    height: 100px;
    padding: 15px 21px;
    margin: 30px auto 15px auto;
    position: relative;
    text-align: center;
    display: block;
}
.boton-home-grande-box h5 {
    font-weight: bold;
    color: #2D3D58;
}
.boton-home-grande .fa {
    font-size: 45px;    
    margin-top: 13px;
    opacity: 1;
}
.boton-home-grande:hover {
    border: none;
}

#botones h1 {
    display: inline-block;
    width: 100%;
}

.bd-callout {
    padding: 0.5rem 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}
.bd-callout-info,
.bd-callout-secondary {
    border-left-color: #2CBAF2;
}
.bd-callout-warning {
    border-left-color: #FDBC16;
}
.bd-callout-success {
    border-left-color: #FDBC16;
}
.bd-callout-danger {
    border-left-color: #FDBC16;
}
.bd-callout-primary {
    border-left-color: #FDBC16;
}
.bd-callout-inverse {
    border-left-color: #FDBC16;
}

.img-thumbnail {
    width: 300px; 
    margin-bottom: 20px;
}

.form-text.text-muted {
    margin-top: .5rem;
    margin-left: 10px;
    float: left;
}

#flashMessage {
    background: #EE3232;
    position: relative;
    padding: 10px 50px;
}
#flashMessage:before {
    content: "\F06A";
    font-family: FontAwesome;
    left: 16px;
    position: absolute;
    top: 3px;
    font-size: 27px;

}
#flashMessage.success {
    background: #4EBB7F;
}
#flashMessage.success:before {
    content: "\F058";
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.dataTables_wrapper .page-link {
    margin-left: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    margin-top: 0 !important;
}
.dataTables_wrapper .page-item:not(.next) .page-link {
    border-right: 0;
}
.dataTables_wrapper table.dataTable.no-footer {
    border-bottom: 0 !important;
    margin-bottom: 15px !important;
}

.message a {
    color: #FFF;
    text-decoration: none;
    border-bottom: dashed 1px #FFF;
    padding-bottom: 0px;
}
.message a:hover {
    border-bottom: solid 1px #FFF;
}