::placeholder {color: #5fa0bd!important; opacity: 0.6;}
::selection{background-color: #a4eeff; opacity: 0.7;}

.hide{display: none;}
.center{text-align: center!important;}
.right{text-align: right!important;}
.se-pre-con {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 1030;background: url('../images/preload.png') center no-repeat #000;background-size: auto 60%;}

.bg-mine {background-color: #fbbfff!important;}
header.bg-primary {background-color: #ff5cb2!important;background-repeat: no-repeat;background-size: 100%;background-position: 0px -400px;}
.text-mine{color: #840000;}

body > .container{padding: 11px 15px 73px;}
.footer {position: fixed; bottom: 0; width: 100%; line-height: 60px; background-color: #f5f5f5;}

.logoBg{position: absolute;width: 120px;height: 120px;background-size: 100%;background-repeat: no-repeat;left: 46%;}
.panel-body{margin-top: 3%;}
.panel-body .btn:not(.btn-block) { margin-bottom:10px; font-size: 0.9rem; height: 60px; width: 72px; padding: 2px;}
span.app-vh-number {font-size: 3.9em; color: #004997;}
span.app-vh-number-edit {font-size: 1.3rem; color: #dc3545;}

.btn-primary{/*background-color: #e00292; border-color: #e00292;*/}
.btn-primary:hover{/*background-color: #E2027C;border-color: #E2027C;*/}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{/*background-color: #E2027C;border-color: #E2027C;*/}
.card-header{padding: .1rem 1.25rem}

.btn-green{background-color: #37B237; border-color: #37B237; color: #FFF;}
.btn-green:hover{background-color: #4EDC4E;border-color: #4EDC4E;}
.btn-green:not(:disabled):not(.disabled).active{background-color: #4EDC4E;border-color: #4EDC4E;}

.icoSocialMedia{margin: 2px 3px; border-radius: 8px;}

a.payForm.active, a.serviceForm.active{background: #e00292!important;}
.bold{font-weight: bold;}
.navbarborder:hover{background-color: #189b00; border-radius: 8px;}
.bgdownmenu{background-color: #463a8c;}
.dropdown-menu{min-width: 11em;}
div.earnHide{display: none;}

div#fastProducts {display: none;}
.btn-flotante {display: none;}

.navbar-dark .navbar-nav .nav-link{color: rgba(255,255,255,1);}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color: rgba(255,255,255,1);}

.table-nopadding th, .table-nopadding td{padding: 0;}
small{font-size: 0.75em;}

/* For mobile phones: */
@media only screen and (max-width: 768px) {
    header.bg-primary {background-position: 0px 0px;}
    .logoBg{left: 35%;top: 159px;}
    .se-pre-con{background-size: 50%;}
    #form-search input, .formix input {padding: 2px;}
    #lastItem{margin: auto;width: 100%;}
    #modalPayEnd{margin: auto 2%;width: 96%;}
    .text1, .text2, .text2pay, .text1pay{font-size: 1.3rem;}
    .text3{font-size: 0.7rem;}
    .mgt30{margin-top: 30px;}
    #form-search .form-control, .formix .form-control {line-height:1; padding:0;}
    .formix select.form-control {height: 1.5em!important;}
    .grids-items{max-height:247px; min-height:247px;}
    .navbarborder{border-top: solid 1px #a7cde8;}
    .navbar-dark .navbar-toggler{color: rgba(255,255,255,1);}
    li.nav-item.navbarborder.logout {background-color: #189b00; border-radius: 10px;}
    .dropdown-menu .nav-link{padding-left: 5px;}
    .earnTable.table-sm th{font-size: 0.7em;}
    .earnTable.table-sm td{font-size: 0.7em;}
    button.btn-small {padding-top: 0px; padding-bottom: 0px;}
    
    div#fastProducts {position: fixed;top: 87px; width: 100%;background-color: #cff3ff; padding: 5px;max-height: 500px; height: 0px;}
    div#categoriesList {padding: 0 5px; max-height: 400px; overflow: auto;}
    div#productsList {padding: 5px 5px 0 5px; max-height: 394px; overflow-x: auto; margin-top: 12px; border-top: solid 1px #f55;}
    .btn-flotante {display: inline-block; color: #ffffff; border-radius: 5px; background-color: #10821b; padding: 3px 14px; position: fixed; top: 71px; right: 0px; box-shadow: -2px 3px 6px #28a745; z-index: 11;}
    .btn-flotante:hover{color: #FFFFFF;}
    .btn-category {background-color: #008acf; color: #fff;}
    .btn-product {background-color: #e12323; color: #fff;}
    .itemx{margin-left: 0; margin-right: 0; width: 100%;}
    .btnCloseProducts {position: fixed; right: -10px; top: 212px; z-index: 10; background-color: #626262; border-color: #ffffff; color: #ffffff;}
    .textWrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .btnTop5{margin-top: 5px; bottom: 5px;}
    .mgtop{margin-top: 20px;}
    .mg-top-sm{margin-top: 5px;}
    form .form-group {margin-bottom: 0.5rem; }
    label.label-button{display: none;}
    .home-center{text-align: center;}
    .navbar{padding: 0.02rem 1rem;}
    .footer{height: 41px; line-height: 2.4;}
}
@media only screen and (min-width: 768px) {
    .btnTopLabel{margin-top:22px!important;}
    #lastItem{margin: auto 20%;width: 60%;}
    #modalPayEnd{margin: auto 30%;width: 40%;}
    .text1, .text2{font-size: 1.3rem;}
    .text1pay, .text2pay{font-size: 1.5rem;}
    .mgt30{margin-top: 50px;}
    .grids-items{max-height:400px;min-height:400px;margin-top:25px;}
    .modal-dialog {max-width: 700px;}
    .mgtop{margin-top: 35px;}
    .home-center{text-align: left;}
}
#content{padding-top: 10px;}
.lblMarginButon{margin-bottom: 0; font-size: 0.7rem;}
.divMarginButon{margin-bottom: 5px;}
.sides-padding{padding: 15px;}
.grids-items{width: 100%;overflow: auto; padding: 1px;border-top: solid 1px #0d306a;border-bottom: solid 1px #0d306a;}
.grid-item{box-shadow: 0.5px 0.5px 0px 1px #dc3545;border-radius: 4px;height: 38px;margin: 5px 5px 0 0;min-width: 49%;font-size: 0.7rem;}
.my-row{width: 100%;margin-left: 0;display: flex;flex-wrap: wrap;}
#lastItem{position: fixed;top: 0px;z-index: 1030;text-align: center;color: #dc3545;text-shadow: 1px 1px #ffced2;}
#dataChanges{position: fixed;top: 55px;z-index: 10; width: 98%; margin:auto 1%; background-color: #FFFFFF;}
#modalPayEnd{position: fixed;top: 100px;z-index: 1032;background-color: #fff;border: solid 1px #ccc;border-radius: 5px;}
#modalPayEnd .payHead{background-color: #eae7fb;}
#modalPayEnd .payHead span{font-weight: bold;font-size: 0.75rem}
#modalPayEnd .payBody{margin: 15px auto;}
#modalPayEnd .payFoot{margin: 5px auto;}
#modalPayEnd .payButtons{padding-left: 0; padding-right: 0; margin-bottom: 10px; margin-top: 10px;}
.noPdMg{margin-left: 0;margin-right: 0; padding: 0;}
.npd{padding: 0;}
.noPdMgRg{margin-right: 0;padding-right: 0;}
#background{position: fixed; z-index: 1031; background-color: #1d56f9; opacity: 0.5; width: 100%; height: 100%; top: 0;}
.text1, .text1pay{color:#dc3545;}
.text2, .text2pay{color:#37b237;}
.ui-widget.ui-widget-content{background-color: #e1ebf2;overflow-x: auto;font-size: 0.85rem;}
.closeIcon{margin-top: 8px;color: #d50303;cursor: pointer;}
.objCursor{padding-left: 5px; color: #003eff; cursor: pointer;}
/*.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color: #001faf!important;}*/

/* etilos para productos rapidos en ventas */
.btnsFastCatsLeft{padding: 2px 0 0 0px}
.btnsFastCatsRight{padding: 2px 0px 0 0}
.wdFull{width: 98%}
.globe {position: fixed; left: 45%; width: 50px; height: 50px; background-color: #026b02; border-radius: 25px; padding: 10px; z-index: 1031; top: 30%; text-align: center; color: #FFF; font-size: 16pt;}

/* otras cosas */
.ui-icon-circle-triangle-w{background-image:url('/images/icon_previus.jpg')!important; background-size:16px; background-position:0;}
.ui-icon-circle-triangle-e{background-image:url('/images/icon_next.jpg')!important; background-size:16px; background-position:0;}
.w1a{display: inline-block;width: 70%;  white-space: nowrap; text-overflow: clip;}
.w1b{display: inline-block;width: 30%; text-align: right;}
.btnTopLabelList{margin-top:2px;}
.btnTop5{margin-top:5px;}
label{margin-bottom: 3px;}
.contPrdBc{min-height: 200px; max-height: 200px; overflow: auto; border: solid 1px #999; border-radius: 5px; margin-bottom: 15px;}
.inlineblock{display: inline-block;}
.br3{border-bottom: solid 1px #999;}
section.footer{margin-top: 10px;}
footer.page-footer{background-color: #4c7cdd; color: rgba(255,255,255,0.6);}
footer.page-footer a{color: #FFFFFF;}
.heigthInList{min-height: 400px;}
tbody.mdInvItems td{padding: 2px;}
.table .thead-light th {color: #053361;background-color: #8fc7ff;border-color: #60afff;}

/* diseño para el tootip */
/*.tooltip {position: relative; display: inline-block; border-bottom: 1px dotted black;background-color: #f54; border-radius: 10px; padding: 5px;}*/
.tooltip {opacity: 1; position: relative; display: inline-block; background-color: #f54; background-color: #edb200; font-size: 8pt; border-radius: 10px; width: 15px; text-align: center; color: #fff; z-index: auto;}
.tooltip .tooltiptext {visibility: hidden; width: 230px; background-color: #00689e; color: #ffffff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s;}
.tooltip .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px;}
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}

/* notificacion para facturas almacenadas */
.notifyinv-container {position: absolute; z-index: 1050; padding: 3px; display: none;}
.notifyinv-bootstrap-base {color: #FFFFFF; background-color: #2795ff; font-weight: bold; padding: 8px 15px; border-radius: 4px; white-space: nowrap;}
.modal{background-color: rgb(222 205 255 / 60%);}
.modal-header{background-color: #7d48e1; color: #FFFFFF;}
.modal .close{opacity: 1; color: #FFF;}

/* PRELOADER */
#preloaderView {
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background-color: #FFFFFF;
    top: 0;
}
.ui-draggable {z-index: 1;}
.input-group-addon {padding: 6px 12px; font-size: 16px; min-width: 40px!important; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 0 4px 4px 0; padding-top: 10px;}