.form-logo {
    vertical-align: bottom;
}

.li-logo {
    vertical-align: middle;
    margin-right: 10px;
    height: 20px;
    width: 20px;
}

.h-100 {
    height: 100%;
}

.h-85{
    height:85%;
}

.maxh-300{
    max-height:275px;
}

.w-100 {
    width: 100% !important;
}

.w-95 {
    width: 95% !important;
}

.w-90 {
    width: 90% !important;
}

.w-85 {
    width: 85% !important;
}

.w-80 {
    width: 80% !important;
}

.w-75 {
    width: 75% !important;
}

.w-50 {
    width: 50% !important;
}

.w-25 {
    width: 25% !important;
}

.m-auto {
    margin: auto !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.m-1 {
    margin: .5em !important;
}

.mt-1 {
    margin-top: .5em !important;
}

.ml-1 {
    margin-left: .5em !important;
}

.mr-1 {
    margin-right: .5em !important;
}

.mb-1 {
    margin-bottom: .5em !important;
}

.m-2 {
    margin: .75em !important;
}

.mt-2 {
    margin-top: .75em !important;
}

.ml-2 {
    margin-left: .75em !important;
}

.mr-2 {
    margin-right: .75em !important;
}

.mb-2 {
    margin-bottom: .75em !important;
}

.m-3 {
    margin: 1em !important;
}

.mt-3 {
    margin-top: 1em !important;
}

.ml-3 {
    margin-left: 1em !important;
}

.mr-3 {
    margin-right: 1em !important;
}

.mb-3 {
    margin-bottom: 1em !important;
}

.m-4 {
    margin: 1.25em !important;
}

.mt-4 {
    margin-top: 1.25em !important;
}

.ml-4 {
    margin-left: 1.25em !important;
}

.mr-4 {
    margin-right: 1.25em !important;
}

.mb-4 {
    margin-bottom: 1.25em !important;
}

.m-5 {
    margin: 1.5em !important;
}

.mt-5 {
    margin-top: 1.5em !important;
}

.ml-5 {
    margin-left: 1.5em !important;
}

.mr-5 {
    margin-right: 1.5em !important;
}

.mb-5 {
    margin-bottom: 1.5em !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.p-1 {
    padding: .5em !important;
}

.pt-1 {
    padding-top: .5em !important;
}

.pl-1 {
    padding-left: .5em !important;
}

.pr-1 {
    padding-right: .5em !important;
}

.pb-1 {
    padding-bottom: .5em !important;
}

.p-2 {
    padding: .75em !important;
}

.pt-2 {
    padding-top: .75em !important;
}

.pl-2 {
    padding-left: .75em !important;
}

.pr-2 {
    padding-right: .75em !important;
}

.pb-2 {
    padding-bottom: .75em !important;
}

.p-3 {
    padding: 1em !important;
}

.pt-3 {
    padding-top: 1em !important;
}

.pl-3 {
    padding-left: 1em !important;
}

.pr-3 {
    padding-right: 1em !important;
}

.pb-3 {
    padding-bottom: 1em !important;
}

.p-4 {
    padding: 1.25em !important;
}

.pt-4 {
    padding-top: 1.25em !important;
}

.pl-4 {
    padding-left: 1.25em !important;
}

.pr-4 {
    padding-right: 1.25em !important;
}

.pb-4 {
    padding-bottom: 1.25em !important;
}

.p-5 {
    padding: 1.5em !important;
}

.pt-5 {
    padding-top: 1.5em !important;
}

.pl-5 {
    padding-left: 1.5em !important;
}

.pr-5 {
    padding-right: 1.5em !important;
}

.pb-5 {
    padding-bottom: 1.5em !important;
}

.border-default {
    border: 1px solid;
}

.border {
    border: 1px solid #eeeeee;
}

.border-0 {
    border: none !important;
}

.border-top-0 {
    border-top: none !important;
}

.border-right-0 {
    border-right: none !important;
}

.border-bottom-0 {
    border-bottom: none !important;
}

.border-left-0 {
    border-left: none !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.valing-middle{
    vertical-align:middle;
}

.text-justify {
    text-align: justify;
}

.font-weight-bold {
    font-weight: bold;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.disabled {
    pointer-events: none;
    cursor: pointer;
    opacity: 0.75;
}

.box-shadow-none {
    box-shadow: none;
}
.box-shadow {
    box-shadow: #787878 2px 5px 5px 2px;
}

.text-shadow-light {
    text-shadow: 1.5px 1.5px 3px #988abb;
}
.text-shadow-dark {
    text-shadow: 1px 1px 1px #47065b;
}

.tabs-bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    margin-bottom: 0;
    z-index: 10;
}
    .tabs-bottom.relative {
        position: relative;
    }

.container-mb {
    margin-bottom: 48px;
}

.min-table th, .min-table td {
    font-size: 10.5px !important;
    padding: 10px 5px;
}

.btn-table {
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    padding: 0 7.5px;
}

.pointer {
    cursor: pointer;
}

.lb-center {
    position: absolute !important;
    left: 50% !important;
}

    .lb-center > span {
        position: relative;
        left: -50%;
    }

.small-modal {
    width: 35% !important;
    top: 30% !important;
}

.ovw-visible-modal {
    overflow: visible;
}

.ovw-auto{
    overflow:auto;
}

.fixed-action-btn {
    right: auto;
}

.modal {
    max-height: 95%;
    max-width: 95%;
}

.datepicker-modal {
    transform: scale(0.8) !important;
}

.timepicker-modal {
    transform: scale(0.8) !important;
}

.font-weight-500 {
    font-weight: 500;
}

.truncate-tb-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    height: 52.5px;
    margin:auto;
}

/* Tabla rediseñada*/

.mant-table {
}

    .mant-table th {
        font-weight: 500;
        text-align: center;
        border-radius: 0;
        padding: .75em .25em;
    }

    .mant-table td {
        text-align: center;
        padding: .75em .25em .5em;
    }

        .mant-table td[data-gd_key*="btn_actions"] {
            max-width: 50px;
            min-width: 5px;
        }

.d-none {
    display: none;
}

.d-block {
    display: block;
}

.align-middle{
    vertical-align: middle !important;
}

.p-x5{
    padding: 0.25em !important;
}
.logo-ini {
    margin-top: 40px;
    width: 20vh;
}

.body-ini {
    background: linear-gradient(0deg, #94308d 0%, #dbbdd9 100%);
    background-attachment: fixed;
    background-color: #dbbdd9;
    background-repeat: no-repeat;
    color: white;
}
.borderGradientbtnVentaNumero {
        background-image: linear-gradient(to bottom, rgb(65, 66, 65), rgb(255, 255, 255),rgb(65, 66, 65));
        border-radius: 8px;
        margin:3px;
    }
.bg-ini {
    background-color: #dbbdd9;
}

.p-ini {
    font-size: 22px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px #47065b;
}

.numero-bkb {
    border-radius: 7.5px;
/*    height: 100px;*/
    height: 140px;
    width: 100%;
/*    position: relative;*/
    overflow:hidden;
}

    .numero-bkb:hover {
/*        border: 3px solid #0D47A1 !important;*/
        border: 3px solid #512da8 !important;
    }

.right-important{
    text-align:right !important;
}
.left-important {
    text-align: left !important;
}

#callbell-iframe{
    bottom: 40px !important;
    right: -10px !important;
}

.golden-text {
    color: #D5AD6D;
}

.dividers {
    border-top: 1px solid #d2d2d2 !important;
    border-bottom: 1px solid #d2d2d2 !important;
}

textarea[disabled].materialize-textarea {
    overflow: auto !important;
}

/*Cliente*/
.rounded {
    border-radius: 2.5px !important;
}

.btn-flat.disabled, .btn-flat.btn-flat[disabled] {
    background-color: #dfdfdf !important;
}

.label-thumbnail {
    margin-left: 22.5% !important;
}

.input-thumbnail {
    width: 75% !important;
    margin-left: 25% !important;
}

.img-thumbnail {
    position: absolute;
    /*            width: 17.5%;*/
    width: 40px !important;
    top: -5px !important;
    left: 5%;
    /*            height:75% !important;*/
    height: 40px !important;
    transition: position .5s;
}

.w-auto {
    width: auto !important;
}

.border-thumbnail-primay {
    border: 2px solid #512da8;
}

.border-thumbnail {
    border: 2px solid #fff;
}

.bg-dark {
    background-color: #292929 !important;
}
.noselect {
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.input-icon {
    position: absolute;
    top: .5em;
    cursor:pointer;
}
.input-icon.right {
    right: .6em;
}
.input-icon.left {
    left: .6em;
}


/* Scrollbar personalizado */

/* width */
.custom-scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
.custom-scroll::-webkit-scrollbar-track {
    background: #e7e7e7;
}

/* Handle */
.custom-scroll::-webkit-scrollbar-thumb {
    background: #b7b7b7;
}

    /* Handle on hover */
    .custom-scroll::-webkit-scrollbar-thumb:hover {
        background: #8f76ca;
    }
@media only screen and (min-width:320px) and (max-width: 359px) {
    .numero-bkb {
        height: 120px; /* Iphone 6 */
    }
}

@media only screen and (min-width:360px) and (max-width: 410px) {
    .numero-bkb {
        height: 145px; /* S5 & Moto G4 */
    }
}
@media only screen and (min-width:411px) and (max-width: 599px) {
    .numero-bkb {
        height: 180px; /* Pixel 2 */
    }
}

@media only screen and (max-width: 600px) {
    .offset-s1s5 {
        margin-left: 12.5% !important;
    }

    .d-none-s {
        display: none;
    }

    .small-modal {
        width: 90% !important;
        top: 15% !important;
    }

    .modal {
        top: 2.5% !important;
        width: 95% !important;
    }
    /*.numero-bkb{*/
/*        height:90px;*/
        /*height:130px;
    }*/
    .mant-table.full-info th{
        font-size: .9em;
    }
    .mant-table.full-info td {
        font-size: 0.875em;
    }
}

@media only screen and (min-width:601px) and (max-width: 991px) {
    .offset-m1m5 {
        margin-left: 12.5% !important;
    }
    .d-none-m {
        display: none;
    }
    .small-modal {
        top: 25% !important;
        width: 50% !important;
    }
    .modal {
        top: 2.5% !important;
        width: 85%;
    }
    .numero-bkb {
/*        height: 75px;*/
        height: 130px;
    }
    .mant-table.full-info th {
        font-size: .950em;
    }

    .mant-table.full-info td {
        font-size: 0.925em;
    }

}

@media only screen and (min-width:992px) and (max-width: 1199px) {
    .d-none-l {
        display: none;
    }
    .modal {
        top: 7.5% !important;
        width: 80%;
    }
    .offset-l1l5 {
        margin-left: 12.5% !important;
    }
    .numero-bkb{
/*        height: 80px;*/
        height: 150px;
    }
}
@media only screen and (min-width:1200px) {
    .offset-xl1xl5 {
        margin-left: 12.5% !important;
    }
    .numero-bkb {
        height: 155px;
    }
}