@import "buttons.css";

::placeholder {color: #5fa0bd!important; opacity: 0.6;}
::selection {background: #0057A1; color: #FFF;}

body{margin-bottom: 50px;}
section.footer{position: fixed; bottom: 1px; width: 100%;}

.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: #eae7fb!important;}
header.bg-primary {background-color: #f5cb21!important;background-repeat: no-repeat;background-size: 100%;background-position: 0px -400px;}
.text-mine{color: #840000;}

.logoBg{position: absolute;width: 120px;height: 120px;background-size: 100%;background-repeat: no-repeat;left: 46%;}

.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;*/}

.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, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{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: #d4ccff; border-radius: 8px;}
.bgdownmenu{background-color: #d5e4ea;}
.dropdown-menu{min-width: 11em;}
div.earnHide{display: none;}

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

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    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, .myownmodal{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;}
    li.nav-item.navbarborder.logout {background-color: #c5d9ff; 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; margin-left: -6px;}
    .btn-flotante {display: inline-block; color: #ffffff; border-radius: 5px; background-color: #10821b; padding: 3px 14px; position: fixed; top: 71px; right: 17px; 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;}
    .contentFastProducts{display: none;}
    .containerSell{padding-right: 0px;}
}
@media only screen and (min-width: 768px) {
    .btnTopLabel{margin-top:22px!important;}
    #lastItem{margin: auto 20%;width: 60%;}
    #modalPayEnd, .myownmodal{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;}
    .contentFastProducts{display: block;position: fixed; top: 100px; right: 2px; border: solid 1px #007EFF; border-radius: 5px; padding: 10px 2px; min-height: 500px; max-height: 500px; min-width: 150px; max-width: 150px; overflow: auto;}
    .contentFastProducts button {font-size: 8pt;}
    .textWrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .btn-product {padding-left: 0.35rem; padding-right: 0.35rem;}
}
@media only screen and (max-width: 1400px) {
    .containerSell{margin-left: 0;}
}
@media (min-width: 1200px) {
    .container {max-width: 97%;}
    .containerSell{padding-right: 143px;}
}

#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, .myownmodal{position: fixed; top: 63px; z-index: 1041; background-color: #fff; border: solid 1px #ccc; border-radius: 5px;}
#modalPayEnd .payHead, .myownmodal .payHead{background-color: #eae7fb;}
#modalPayEnd .payHead span, .myownmodal .payHead span{font-weight: bold;font-size: 0.75rem}
#modalPayEnd .payBody, .myownmodal .payBody{margin: 15px auto;}
#modalPayEnd .payFoot, .myownmodal .payFoot{margin: 5px auto;}
#modalPayEnd .payButtons, .myownmodal .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.35; width: 100%; height: 100%; top: 0;}
.text1, .text1pay{color:#dc3545;}
.text2, .text2pay{color:#10821b;}
.text3{color:#007400;}
.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: #0d306a!important;}

/* etilos para productos rapidos en ventas */
.btnsFastCatsLeft{padding: 2px 0 0 0px}
.btnsFastCatsRight{padding: 2px 0px 0 0}
.wdFull{width: 98%}
.btn-category, .btn-blue {background-color: #008acf; color: #fff;}
.globe {position: fixed; left: 45%; width: 50px; height: 50px; background-color: #026b02; border-radius: 25px; padding: 10px; z-index: 1031; top: 60%; 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;}
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: 500px;}
tbody.mdInvItems td{padding: 2px;}
.table .thead-light th {color: #053361;background-color: #8fc7ff;border-color: #60afff;}
.btnedit{max-width: 11%; padding-right: 2px;}

/* 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;}

/* scrol personalizado para botones rapidos */
.myscroll::-webkit-scrollbar {-webkit-appearance: none;}
.myscroll::-webkit-scrollbar:vertical {width:7px;}
.myscroll::-webkit-scrollbar-button:increment,.myscroll::-webkit-scrollbar-button {display: none;} 
.myscroll::-webkit-scrollbar:horizontal {height: 10px;}
.myscroll::-webkit-scrollbar-thumb {background-color: #325A8D;border-radius: 20px;border: 2px solid #81A3C6;}
.myscroll::-webkit-scrollbar-track {border-radius: 10px;  }

/* 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;}

.prdsCodeBars .rowbarcode {background-color: #eeeeee; border-bottom: solid 3px #ffffff;}