::placeholder {color: #5fa0bd!important; opacity: 0.6;}
.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: #2b2165!important;}
header.bg-primary {background-color: #ff5cb2!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;*/}
.card-header{padding: .1rem 1.25rem}

.panel-body{margin-top: 3%; max-width: 75%; margin-left: auto; margin-right: auto;}
.panel-body .btn:not(.btn-block) { margin-bottom:10px; font-size: 0.9rem; height: 70px; width: 150px; padding: 2px;}

.btn-panel-home-1{background-color: #0068d7; border-color: #004cbd; color: #ffffff;}
.btn-panel-home-1:hover{background-color: #3256db; color: #ffffff;}
.btn-panel-home-2{background-color: #0093ff; border-color: #7aaaff; color: #ffffff;}
.btn-panel-home-2:hover{background-color: #0076cc; color: #ffffff;}

.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: #4D3EA8; border-radius: 8px;}
.bgdownmenu{background-color: #463a8c;}
.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{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: #f03141; 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;}
}
@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;}
}

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 95%;}
    .containerExam{max-width: 1140px!important;}
}

#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!important;}
.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: #cbdfff!important;}

/* etilos para productos rapidos en ventas */
.btnsFastCatsLeft{padding: 2px 0 0 0px}
.btnsFastCatsRight{padding: 2px 0px 0 0}
.float{float: left;}
.wdFull{width: 100%}
.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: 50%; width: 15px; text-align: center; color: #fff; z-index: auto;}
.tooltip .tooltiptext {visibility: hidden; width: 160px; background-color: #00689e; color: #ffffff; text-align: center; border-radius: 6px; padding: 5px 10px; 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(199 237 251 / 87%);}
.modal-header{background-color: #005ac3; 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;}

a.btn-social-media{border-radius: 50%; border: solid 1px #fff; color: #fff; padding: 2px 8px; background-color: #b30000; background:linear-gradient(125deg, #b30000, #FF0000, #b30000); transition: all ease 0.5s; margin-left: 5px;}
a.btn-social-media:hover, a.btn-social-media:visited, a.btn-social-media:focus{color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); background:linear-gradient(125deg, #FF0000, #b30000, #FF0000); background-position: 0 0; transition: 1.5s; }

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

.mt1{margin-top: .25rem;}
.mr1{margin-right: .25rem;}
.mb1{margin-bottom: .25rem;}
.ml1{margin-left: .25rem;}