.col-teclado{ padding-left: 0px !important; margin-left: -3px !important } .wrapper_tec{ position:relative; width:100%; min-height:100%; } .header_tec{ top:0; width:100%; height:40px; background:transparent;} .content_tec{ max-width:100%; /*overflow: auto; max-height: calc(100vh - 255px);*/ } .footer_tec{ position: absolute; bottom: 0; width: 96%; height: 40px; background: transparent; overflow: auto; } /****************** Terminal Pos ***************************/ .btnOverflow { -ms-word-break: break-all; word-break: break-all; word-break: break-word; /* Sólo WebKit -NO DOCUMENTADO */ -ms-hyphens: auto; /* Guiones para separar en sílabas */ -moz-hyphens: auto; /* depende de lang en */ -webkit-hyphens: auto; /*hyphens: auto;*/ } .btn{ box-shadow: 0px 0px 5px 1px black; } /*.form-control{*/ /* width: 98% !important;*/ /*}*/ .inputs_modal_client { margin-top: 0px; margin-bottom: 0px; } .add-cliente-class-div { width: 100%; margin-bottom: 12px; /*display: flex; place-content: space-between; */ } .add-cliente-class-div p { padding: 9px; font-size: 16px; text-align: left; } .footerRow { border: 2px solid black; /*position: fixed;*/ /*bottom: 5%;*/ width: 100%; /*margin-top: 5%;*/ display: flex; /*margin-bottom: 5%;*/ } .row-box-clients { font-size: 16px; } .btnPayMet { background: black; color: white !important; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link1 { background-color: #7a7e80 !important; } .buttonsActionsTeclado { width: 93px; height: 70px; border: #000 1px solid; border-radius: 5px; -webkit-border-radius: 5px; } .buttonsActionsTeclado span { display: inline-block; vertical-align: middle; } .btnComoon { border-radius: .25rem; display: block; padding: .5rem 1rem; font-size: initial; } .div-row-products-list { font-family: sans-serif; } .div-row-products-list .col>center>div { background: #8080803d; max-height: 140px; min-height: 140px; } .div-row-products-list .col>center>div>img { padding: 8px; max-width: 95px; max-height: 95px; border-radius: 25px; } .div-row-products-cabecera{ color: aliceblue; font-size: small; font-family: cursive; letter-spacing: 2px; } .div-row-products-pie{ color: aliceblue; letter-spacing: 1px; margin-top: -5px; } .div-row-products-list .col>center>div:first-child { margin-top: 3px; font-family: sans-serif !important; padding: 10px; font-size: 10px; border-radius: 20px; font-weight: bold; background: #232526; /* fallback for old browsers */ background: -webkit-linear-gradient(to bottom, #414345, #232526); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to bottom, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .active_mayus span{ color: #61d43d!important; } .btn_list_products { height: 30px; width: 30px; border: #000 1px solid; border-radius: 5px; position: relative; } .btn_list_products>a { width: 100%; height: 100%; display: block; text-align: center; /*background: #217b96;*/ } .mt-2 { margin-top: 0 !important; } .active_btn_itms { box-shadow: 0 1px 8px #2d8c85ed; } /***************** Fin Terminal Pos **********************/ /****************** Generales **************************/ /* https://codepen.io/josetxu/pen/vEPJoE */ .boton-process{ background: hsl(91, 100%, 49%) !important; border-bottom: 5px solid hsl(118, 100%, 33%) !important; border-radius: 12px !important; color: rgb(3, 3, 3) !important ; cursor: pointer !important; display: block !important; font-family: 'Raleway', Arial, Helvetica !important; font-size: 15px !important; height: 38px !important; margin-left: 5px auto !important; padding: 5px 5px !important; text-align: center !important; transition: all 0.2s ease 0s !important; width: 100px !important; } .boton-process:hover{ background: hsl(91, 100%, 49%) !important; /* box-shadow: 2px 2px 2px #777, 0px 0px 35px 0px #63f800 !important;*/ border-bottom:1px solid hsl(110, 100%, 33%) !important; text-shadow: 0px 0px 5px #444343, 0px 0px 5px rgb(71, 71, 71) !important; /* transform: translateY(0.2px) !important; transition: all 0.1s ease 0s !important; margin-left: 5px auto !important;*/ } .screenSuperior { height: 63px; margin: 10px 10px 10px 10px; margin-top: 10px; padding: 15px 10px; color: #c0c0c0; font-weight: bold; font-size: 13px; letter-spacing: 1px; overflow: hidden; border: #000 1px solid; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; box-shadow: inset rgba(0,0,0,1) 0px 1px 4px, inset rgba(225,225,225,0.3) 0px -2px 4px -2px; -webkit-box-shadow: inset rgba(0,0,0,1) 0px 1px 4px, inset rgba(225,225,225,0.3) 0px -2px 4px -2px; -moz-box-shadow: inset rgba(0,0,0,1) 0px 1px 4px, inset rgba(225,225,225,0.3) 0px -2px 4px -2px; background-image: -moz-linear-gradient(top, #3e3e3e 0%, #303030 100%); background-image: -webkit-linear-gradient(top, #3e3e3e 0%, #303030 100%); background-image: linear-gradient(top, #3e3e3e 0%, #303030 100%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .buttonsTeclado { display: block; width: 75px; height: 48px; padding: 8px 0 12px; color: #c0c0c0; font-family: "Myriad Pro", Arial, sans-serif; font-size: 1.6em; font-weight: 500; letter-spacing: -2px; background-color: #2f2f2f; border: #000 1px solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align: center; text-decoration: none; text-shadow: #000 0px -1px 0px; box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,0.2) 0px -2px 2px; -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,0.2) 0px -2px 2px; -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,0.2) 0px -2px 2px; background-image: -moz-linear-gradient(top, #363636 0%, #313234 40%, #2f2f2f 100%); background-image: -webkit-linear-gradient(top, #363636 0%, #313234 40%, #2f2f2f 100%); background-image: linear-gradient(top, #363636 0%, #313234 40%, #2f2f2f 100%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } @media screen and (min-height: 790px) and (max-height: 1160px) { } @media screen and (min-width: 830px) { .btn_tecl{ width: 59px!important; height: 46px!important; } .class_teclado_btns{ width: 290px!important; } .shiftright{ width: 190px!important; } } @media screen and (min-height: 691px) and (max-height: 830px) { .shiftright{ width: 190px!important; } } @media screen and (min-height: 600px) and (max-height: 690px) { .btn_tecl{ width: 45px!important; height: 35px!important; font-size: x-small; } .class_teclado_btns{ width: auto!important; margin-top: 4px!important; } .key{ width: 39px!important; height: 37px!important; } #pills-tec-letras{ padding-left: 2px!important; margin: 0!important; } .shiftright{ width: 118px!important; } .alt{ width: 64px!important; } .mays{ width: 64px!important; } } @media screen and (min-height: 400px) and (max-height: 600px) { .btn_tecl{ width: 39px!important; height: 29px!important; font-size: inherit; } .class_teclado_btns{ width: 179px!important; margin-top: -4px!important; } } .color-cebeceraTarea{ background-color: #289db1; color: #ffffff; } .color-usuarioTarea{ color: #e5133a; } .color-relojTarea{ color: black; } .mover{ cursor: move; } .nrs-tab-active{ color: black !important; background: rgb(255,255,255) !important; /*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(72,209,204,1) 100%) !important;*/ } .nrs-bg-cabecerasTabs{ background-color: mediumturquoise; } .nrs-text-tabs{ color: teal; font-weight: bold; } .nrs-file { display: none; } .nrs-custom-file-upload { border: 1px solid #ccc; display: inline-block; padding: 6px 12px; cursor: pointer; margin: 5px; } .nrs-text-overflow{ white-space: nowrap; width: 99%; overflow: hidden; text-overflow: ellipsis; } /*.nrs-text-overflow:hover {*/ /* overflow: visible;*/ /*}*/ .titulo { font-family: Georgia, serif; /*color: #4e443c;*/ letter-spacing: 0; /*font-variant: small-caps;*/ text-transform: none; font-weight: 100; margin-bottom: 0; color: rgb(112 117 128); font-weight: bold; font-size: large; } .nrs_icon { filter: drop-shadow(2px 1px 0px rgba(0, 0, 0, 0.7)); font-size: xx-large; margin: 0px 5px 0px 5px; } .nrs_icon-nuevo { color: #19255a!important; } .nrs_icon-guardar { color: #2196f3!important; } /*.nrs_icon-eliminar {*/ /* color: #e91e63!important;*/ /*}*/ .nrs_icon-regresar { color: #58ec33!important; } /****************** Loader - Pagina de Carga **************************/ .loader { border-top-color: #3498db; -webkit-animation: spinner 1.5s linear infinite; animation: spinner 1.5s linear infinite; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /****************** form-control *********************/ .form-control { border: 1px solid #ced4da !important; border-radius: .25rem !important; } /****************** Select Combobox *********************/ .form-select { border-radius: 7px; margin-bottom: 5px; height: 35px; } /****************** Tabla *********************/ .table th { color: #fff; background-color: #233447; border-color: #383f45; font-family: 'Raleway', sans-serif !important; } .table td { font-family: 'poppins-light', sans-serif !important; } .nrs_paginador { color: #233447 !important; border-color: #383f45 !important; font-family: 'poppins-light', sans-serif !important; } .nrs_paginador p { color:#383737 !important; } .shadow { box-shadow: unset !important; } .rounded-lg { border-radius: unset !important; } /*.table td {*/ /* padding: 0.3rem !important;*/ /* vertical-align: middle;*/ /*}*/ /****************** Color para Tipo Menu *********************/ .text-nrs_actc_gestion { color: #b97104 !important; } .text-nrs_actc_operacion { color: unset !important; } .text-nrs_actc_parametros { color: #1983b3; } .text-nrs_actc_mantenedor { color: #fc5185 !important; } .text-nrs_actc_webmaster { color: #ffa600 !important; } /****************** Fin Color para Tipo Menu *********************/ .user-image { float: left !important; } .nrs-menu p { white-space: normal !important; vertical-align: middle !important; } .login-logo a img { border-radius: 8px; } .TextColorNRS { color: #00b9cd !important; } .bg-login-page { background-color: transparent !important; /*background-image: url('../vendor/adminlte/dist/img/BackgroundARMS01.png') !important;*/ background-repeat: no-repeat !important; background-size: cover !important; } .btn { border-radius: 35px !important; } .txt-error { color: #ff2301; margin-top: 5px; font-size: smaller; font-style: italic; font-weight: bold; margin-left: 5px; } /* Menu desplegable */ .navbar-custom .dropdown-item { color: #00b9cd !important; } .navbar-custom .dropdown-item:hover { background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12); border-radius: 35px; color: beige !important; } .navbar-custom .nav-link { color: #00b9cd !important; font-style: italic !important; } /* Fin Menu desplegable */ /* Inicio Modal */ .modal { text-align: center; } @media screen and (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; min-width: 768px; } /* Fin Modal */ body.swal2-toast-shown .swal2-container.swal2-center { top: 30% !important; left: 58% !important;; }