html,
body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -o-box-sizing     : border-box;
    box-sizing        : border-box;
    height            : 100% !important;
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -o-box-sizing     : border-box;
    box-sizing        : border-box;
}

.center-vertical {
    position         : absolute;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
}

.center-horizontal {
    position         : absolute;
    left             : 50% !important;
    -webkit-transform: translateX(-50%);
    -moz-transform   : translateX(-50%);
    -o-transform     : translateX(-50%);
    transform        : translateX(-50%);
}

.center-total {
    position         : absolute;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform   : translateX(-50%) translateY(-50%);
    -o-transform     : translateX(-50%) translateY(-50%);
    transform        : translateX(-50%) translateY(-50%);
}

.cursor-pointer {
    cursor               : pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}

.user-select {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}

.flex-sol {
    display : flex;
    height  : 100%;
    overflow: hidden;
}

.center-i-cont {
    display        : flex;
    justify-content: center;
}

.div-cont-ver-items {
    width           : 30px;
    height          : 30px;
    border-radius   : 3px;
    background-color: #73a0b7;
    color           : #fff !important;
    position        : relative;
    border          : 1px #73a0b7 solid;
    display         : inline-block;
    font-weight     : 100;
    margin          : 0 auto;
    border-radius   : 50%;
    font-weight     : bold;
}

.cont-ctrl-cant {
    display      : flex;
    align-content: center;
    align-items  : center;
}

.ctrl-plus-cant,
.ctrl-minus-cant {
    display         : inline-block;
    width           : 20px;
    height          : 20px;
    background-color: #fff;
    border-radius   : 50%;
    position        : relative;
}

.ctrl-minus-cant {
    color: crimson;
}

.ctrl-plus-cant {
    color: chartreuse;
}

.div-cont-normal {
    width           : 30px;
    height          : 30px;
    border-radius   : 2px;
    background-color: transparent;
    color           : #73a0b7 !important;
    position        : relative;
    border          : 1px #73a0b7 solid;
    display         : inline-block;
    font-weight     : 100;
    margin          : 0 auto;
    border-radius   : 50%;
}

.div-cont-btn-eliminar {
    width           : 30px;
    height          : 30px;
    border-radius   : 2px;
    background-color: transparent;
    position        : relative;
    border          : 1px #d33c3c solid !important;
    display         : inline-block;
    font-weight     : 100;
    margin          : 0 auto;
    border-radius   : 50%;
}

.div-cont-btn-eliminar span {
    color: #d33c3c !important;
}

.dc-change {
    background-color: #d33c3c !important;
}

.chk-change-re {
    display: none;
}

.chk-change-re:checked+.dc-change {
    background-color: #5c9a3a !important;
    color           : #fff !important;
}

.th-transform-color {
    color: #ececf5 !important;
}

.c-g-toma-inv-ext {
    color: #fff !important;
}

.cont-exist-conciliacion,
.cont-reporte-exist-conciliacion,
.conc-int-tuberia {
    display        : flex;
    align-content  : center;
    align-items    : center;
    justify-content: space-between;
    padding        : 0 10px;
    width          : 140px;
    height         : 70px;
}

.cont-exist-conciliacion label {
    margin-bottom: 0 !important;
}

.btn-up-file-conci {
    display         : inline-block;
    width           : 40px;
    height          : 40px;
    position        : relative;
    background-color: #73a0b7;
    border-radius   : 50%;
    border          : 0;
}

.btn-up-file-conci i {
    font-size: 90% !important;
    color    : #fff !important;
}

.noShow {
    display: none;
}

.padding-question {
    padding-top   : 1px !important;
    padding-bottom: 1px !important;
}

.impuesto-tabla-w {
    min-width: 130px;
}

.cantidad-tabla-w {
    min-width: 150px;
}

.precio-tabla-w,
.total-tabla-w {
    min-width: 190px;
}

.cont-cant-devolucion {
    width           : 310px;
    height          : 39px;
    background-color: #73a0b7;
    padding-left    : 10px;
    border-radius   : 3px;
}

.icon-type-cant {
    width       : 25px;
    height      : 100%;
    position    : relative;
    float       : left;
    margin-right: 5px;
    color       : #fff;
    font-weight : bold;
}

.cant-stock-dev {
    width        : 70px;
    height       : 100%;
    float        : left;
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
    position     : relative;
    color        : #fff;
}

.text-cant-dev {
    display         : inline-block;
    width           : 100px;
    height          : 100%;
    text-align      : center;
    border          : 2px #73a0b7 solid;
    background-color: #fff;
    color           : #73a0b7;
}
  
.text-stock-dev {
    width: 190px;
}



.head-table-color-m{
    background-color: #73a0b7 !important;
    color: #fff !important;
}

.cata-check {
    font-size: 200% !important;
    color: green !important;
}

.cata-plus {
    font-size: 200% !important;
    color: dodgerblue !important;
}

.cata-times {
    font-size: 200% !important;
    color: red !important;
}