diff --git a/css/main.css b/css/main.css index 6b0fcf5..178e2e3 100755 --- a/css/main.css +++ b/css/main.css @@ -1,985 +1,44 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); - - - -/*////////////////////////////////////////////////////////////////// -[ FONT ]*/ - -@font-face { - font-family: Poppins-Regular; - src: url('../fonts/poppins/Poppins-Regular.ttf'); -} - -@font-face { - font-family: Poppins-Medium; - src: url('../fonts/poppins/Poppins-Medium.ttf'); -} - -@font-face { - font-family: Poppins-Bold; - src: url('../fonts/poppins/Poppins-Bold.ttf'); -} - -@font-face { - font-family: Poppins-SemiBold; - src: url('../fonts/poppins/Poppins-SemiBold.ttf'); +body { + background-color: #ededed; + font-family: 'Roboto', sans-serif; + color: #656565; + font-size: .95rem; } - - - -/*////////////////////////////////////////////////////////////////// -[ RESTYLE TAG ]*/ - -* { - margin: 0px; - padding: 0px; - box-sizing: border-box; +.container-fluid { + width: 83%; } -body, html { - min-height: 100%; - font-family: Poppins-Regular, sans-serif; +.bg-yellow { + background-color: #f0c30f; } -/*---------------------------------------------*/ -a { - font-family: Poppins-Regular; - font-size: 14px; - line-height: 1.7; - color: #666666; - margin: 0px; - transition: all 0.4s; - -webkit-transition: all 0.4s; - -o-transition: all 0.4s; - -moz-transition: all 0.4s; -} - -a:focus { - outline: none !important; -} - -a:hover { - text-decoration: none; - color: #fff; -} - -/*---------------------------------------------*/ -h1,h2,h3,h4,h5,h6 { - margin: 0px; -} - -.myNav12{ - background-color: black; position: fixed; top:56px; right:3%; z-index:100; width: 300px; height: 230px; -} -p { - font-family: Poppins-Regular; - font-size: 14px; - line-height: 1.7; - color: #666666; - margin: 0px; -} -.tab{ - margin-top: -25px; - margin-left: -16px; - margin-right: -16px; -} -.tablinks{ - -font-size: 30px; - overflow: hidden; - border-top: 1px solid black; - background-color: #f1f1f1; -} -.tab button { - - - border: none; - outline: none; - cursor: pointer; - padding: 14px 16px; - transition: 0.3s; +.btn { + border-radius: 100px; + padding: .375rem 1.5rem; } -/* Change background color of buttons on hover */ -.tab button:hover { - background-color: #ddd; -} - -/* Create an active/current tablink class */ -.tab button.active { - background-color: #ccc; -} -.tabcontent { - display: none; - padding: 6px 12px; - - border-top: none; -} - -ul, li { - margin: auto; - list-style-type: none; -} -.nav-link{ - margin: auto; -} -.nav-item{ - border-bottom: 1px solid gray; - margin-top: 2px; - padding-top: 5px; - padding-bottom: 5px; - -} -.cancelIcon{ - background-image: url("../images/icons/cancel.png"); - background-repeat: no-repeat; - background-size: 24px 24px; -} -.menuIcon{ - background-image: url("../images/icons/menu.png"); - background-repeat: no-repeat; - background-size: 24px 24px; -} -.backBlack{ - background-color: black; -} -/*---------------------------------------------*/ input { - outline: none; - border: none; -} - -textarea { - outline: none; - border: none; -} - -textarea:focus, input:focus { - border-color: transparent !important; -} - -input:focus::-webkit-input-placeholder { color:transparent; } -input:focus:-moz-placeholder { color:transparent; } -input:focus::-moz-placeholder { color:transparent; } -input:focus:-ms-input-placeholder { color:transparent; } - -textarea:focus::-webkit-input-placeholder { color:transparent; } -textarea:focus:-moz-placeholder { color:transparent; } -textarea:focus::-moz-placeholder { color:transparent; } -textarea:focus:-ms-input-placeholder { color:transparent; } - -input::-webkit-input-placeholder { color: #fff;} -input:-moz-placeholder { color: #fff;} -input::-moz-placeholder { color: #fff;} -input:-ms-input-placeholder { color: #fff;} - -textarea::-webkit-input-placeholder { color: #fff;} -textarea:-moz-placeholder { color: #fff;} -textarea::-moz-placeholder { color: #fff;} -textarea:-ms-input-placeholder { color: #fff;} - -label { - margin: 0; - display: block; -} - -/*---------------------------------------------*/ -button { - outline: none !important; - border: none; - background: transparent; -} - -button:hover { - cursor: pointer; -} - -iframe { - border: none !important; -} - -/*////////////////////////////////////////////////////////////////// -[ Utility ]*/ - -.loader { - margin: 100px auto; - margin-top: 200px; - font-size: 25px; - width: 1em; - height: 1em; - border-radius: 50%; - position: relative; - text-indent: -9999em; - -webkit-animation: load5 1.1s infinite ease; - animation: load5 1.1s infinite ease; - -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); -} -@-webkit-keyframes load5 { - 0%, - 100% { - box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); - } - 12.5% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); - } - 25% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); - } - 37.5% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); - } - 50% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); - } - 62.5% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); - } - 75% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); - } - 87.5% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; - } -} -@keyframes load5 { - 0%, - 100% { - box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); - } - 12.5% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); - } - 25% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); - } - 37.5% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); - } - 50% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); - } - 62.5% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); - } - 75% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); - } - 87.5% { - box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; - } -} - - - -.bordearRojo{ - border-color: red; - background-color: red; -} -.botonBuscar , .botonAgregar{ - background-color: #f5f5f5f5; - cursor: pointer; - height: 40px; - border-radius: 25px; - font-family: Poppins-Medium; - font-size: 16px; - color: #555555; - line-height: 1.2; - justify-content: center; - align-items: center; - text-align: center; - padding-top: 12px; - transition: all 0.4s -} -.botonBuscar:hover, .botonAgregar:hover{ - color: white; - background-color: grey; - cursor: pointer; - -} -.txt1 { - font-family: Poppins-Regular; - font-size: 13px; - color: #e5e5e5; - line-height: 1.5; -} -.nuevosBotonesGroup{ - width: 100%; - padding: 6px; - padding-left: 10px; - padding-right: 10px; - -} -.nuevoBotonIzq{ - height: 50px; - background-color: #fffbfb; - border-top-left-radius: 15px; - border-bottom-left-radius: 15px; - margin-right: 2%; - margin-left: 0%; - cursor: pointer; - font-size: 1.5em; text-align: center; - padding-top: 0.4em; - border-color: #666666; - width: 68%; - -} -.nuevoBotonDer{ - height: 50px; - background-color: #fffbfb; - border-top-right-radius: 15px; - border-bottom-right-radius: 15px; - cursor: pointer; - margin-right: 0%; - font-size: 1.5em; text-align: center; - padding-top: 0.4em; - border-color: #666666; - width: 30%; -} - -.nuevoBotonIzq:hover , .nuevoBotonDer:hover { -background-color: blue;} -/*////////////////////////////////////////////////////////////////// -[ login ]*/ - -.limiter { - width: 100%; - min-height: 100%; - margin: 0 auto; - margin-top: 0px; -} -.altoTotal{ - height: 100%; - background-size: cover; - background-repeat: repeat; -} - - -.container-login100 { - width: 100%; - min-height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -ms-flexbox; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; - /*padding: 15px;*/ - - background-repeat: no-repeat; - background-position: center; - background-size: cover; - position: relative; - z-index: 1; - -} -/* -.container-login100::before { - content: ""; - display: block; - position: absolute; - z-index: -1; - width: 100%; - min-height: 100%; - top: 0; - left: 0; - background-color: rgba(255,255,255,0.9); -}*/ -#mybackground{ - width: 100%; - height: 100%; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - align-items: center; - position: fixed; - z-index: 0; - background-color: rgba(255,255,255,0.9); - opacity: 0.3; - filter: alpha(opacity=30); - margin: 0px; -} -.wrap-login100 { - width: 100%; - max-width: 700px; - min-height: 100%; - border-radius: 10px; - overflow: hidden; - padding: 20px 50px 30px 50px; - margin-bottom: 20px; - margin-top: 70px; - background: #9152f8; - background: -webkit-linear-gradient(top, #5a3e3e, #a22330); - background: -o-linear-gradient(top, #5a3e3e, #a22330); - background: -moz-linear-gradient(top, #5a3e3e, #a22330); - background: linear-gradient(top, #5a3e3e, #a22330); -} -.wrap-login200 { - width: 100%; - max-width: 700px; - min-height: 100%; - border-radius: 10px; - overflow: hidden; - padding: 20px 50px 30px 50px; - margin-bottom: -55px; - margin-top: 60px; - background: #9152f8; - background: -webkit-linear-gradient(top, #5a3e3e, #5a3e3e); - background: -o-linear-gradient(top, #5a3e3e, #5a3e3e); - background: -moz-linear-gradient(top, #5a3e3e, #5a3e3e); - background: linear-gradient(top, #5a3e3e, #5a3e3e); -} -.correcting{ - margin-bottom: 100px; - margin-top: 10px; -} -.myProgress { - height: 100%; - background-color: #4CAF50; - /* background-color: #009688;*/ - padding: 0px; - -} - -.myBar { - width: 100%; - height: 0%; - background-color: #ccc; - text-align: center; - line-height: 60px; - color: white; -} -.myItem{ - background-color: #f5f5f5; - height: 90px; - border-top-right-radius: 15px; - border-bottom-right-radius: 15px; - margin-top: 15px; margin-left: -9px; margin-right: -9px; - /*border: 1px solid #ccc;*/ - box-shadow: 4px 4px 9px 0px #310202; -} -.myFormQuest{ - background-color: #f5f5f5; - height: 39px; - border-top-right-radius: 15px; - border-bottom-right-radius: 15px; - margin-top: 15px; margin-left: -9px; margin-right: -9px; - /*border: 1px solid #ccc;*/ - box-shadow: 4px 4px 9px 0px #310202; - padding-top: 4px; padding-bottom: 4px; - text-align: right; -} -.quitarFiltro{ - color:gray; text-align: right; padding-top: 5px; - cursor: pointer; -} -.quitarFiltro:hover{ - color:red; -} -.myTotalItem{ - background-color: #f5f5f5; - height: 90px; - border-top-right-radius: 15px; - border-bottom-right-radius: 15px; - margin-top: 15px; margin-left: -9px; margin-right: -9px; - /*border: 1px solid #ccc;*/ - box-shadow: 4px 4px 9px 0px #310202; -} -.myTotalItem:hover { font-weight: bold;} -.myItem:hover{ - /* transform: scale(1.1); */ - font-weight: bold; -} - -.totalItemContainer{ - height:160px; -} -.totalItem{ - height:30px; - -} - -.myItem-title{ - height: 30px; padding-top: 4px; -} -.myItem-element{ - height: 26px; padding-top: 6px; -} -.myItem-details{ - background-color: #f5f5f5; - height: 150px; - margin-left: -9px; margin-right: -9px; - /*border: 1px solid #ccc;*/ - border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; - box-shadow: 4px 4px 9px 0px #310202; -} -.myItem-details-row{ - height: 30px; - font-size: 1rem; -} -.entrar:hover{cursor: zoom-in;} -.salir:hover{ cursor: zoom-out;} -.aparecer{ display: block;} -.desaparecer{display: none;} - - - - - - -/*------------------------------------------------------------------ -[ Form ]*/ - -.login100-form { - width: 100%; -} - -.login100-form-logo { - font-size: 60px; - color: #333333; - - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -ms-flexbox; - display: flex; - justify-content: center; - align-items: center; - width: 120px; - height: 120px; - border-radius: 50%; - background-color: #fff; - margin: 0 auto; -} - -.login100-form-title { - font-family: Poppins-Medium; - font-size: 30px; - color: #fff; - line-height: 1.2; - text-align: center; - text-transform: uppercase; - - display: block; + padding: 10px 22px; + border-radius: 5px; + border-color: transparent; } - -/*------------------------------------------------------------------ -[ Input ]*/ - -.wrap-input100 { - width: 100%; - position: relative; - border-bottom: 2px solid rgba(255,255,255,0.24); - margin-bottom: 30px; +header.header { + padding: 20px 0; + box-shadow: inset 0 -1px 0 0 #bbb9b0; + border-bottom: solid 5px #fff; + margin-bottom: 25px; } -.input100 { - font-family: Poppins-Regular; - font-size: 16px; +.btn-secondary { color: #fff; - line-height: 1.2; - - display: block; - width: 100%; - height: 45px; - background: transparent; - padding: 0 5px 0 38px; -} - -/*---------------------------------------------*/ -.focus-input100 { - position: absolute; - display: block; - width: 100%; - height: 100%; - top: 0; - left: 0; - pointer-events: none; -} - -.focus-input100::before { - content: ""; - display: block; - position: absolute; - bottom: -2px; - left: 0; - width: 0; - height: 2px; - - -webkit-transition: all 0.4s; - -o-transition: all 0.4s; - -moz-transition: all 0.4s; - transition: all 0.4s; - - background: #fff; -} - -.focus-input100::after { - font-family: Material-Design-Iconic-Font; - font-size: 22px; - color: #fff; - - content: attr(data-placeholder); - display: block; - width: 100%; - position: absolute; - top: 6px; - left: 0px; - padding-left: 5px; - - -webkit-transition: all 0.4s; - -o-transition: all 0.4s; - -moz-transition: all 0.4s; - transition: all 0.4s; -} - -.input100:focus { - padding-left: 5px; -} - -.input100:focus + .focus-input100::after { - top: -22px; - font-size: 18px; -} - -.input100:focus + .focus-input100::before { - width: 100%; -} - -.has-val.input100 + .focus-input100::after { - top: -22px; - font-size: 18px; -} - -.has-val.input100 + .focus-input100::before { - width: 100%; -} - -.has-val.input100 { - padding-left: 5px; -} - - -/*================================================================== -[ Restyle Checkbox ]*/ - -.contact100-form-checkbox { - padding-left: 5px; - padding-top: 5px; - padding-bottom: 35px; -} - -.input-checkbox100 { - display: none; -} -.valueSmall{ - position: absolute; - text-align: right; - right: 2px; - margin: 4px; - color: #002f3e; - font-weight: bold; -} -.valueSmall2{ - position: absolute; - text-align: right; - right: 2px; - margin: 4px; - color: black; - -} -.label-checkbox100 { - font-family: Poppins-Regular; - font-size: 13px; - color: #fff; - line-height: 1.2; - - display: block; - position: relative; - padding-left: 26px; - cursor: pointer; -} - -.label-checkbox100::before { - content: "\f26b"; - font-family: Material-Design-Iconic-Font; - font-size: 13px; - color: transparent; - - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -ms-flexbox; - display: flex; - justify-content: center; - align-items: center; - position: absolute; - width: 16px; - height: 16px; - border-radius: 2px; - background: #fff; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); -} - -.input-checkbox100:checked + .label-checkbox100::before { - color: #555555; -} - -#myNavy{ - background-color: black; -} -#myMenuDiv{ - height: 56px; - width: 56px; -} -#myMenuDiv:hover{ - background-color: black; -} -#myMenuIcon{ - margin: auto; - padding: auto; - margin-left: 25%; - margin-top: 16px; -} -/*------------------------------------------------------------------ -[ Button ]*/ -.container-login100-form-btn { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -ms-flexbox; - display: flex; - flex-wrap: wrap; - justify-content: center; -} - -.login100-form-btn { - font-family: Poppins-Medium; - font-size: 16px; - color: #555555; - line-height: 1.2; - - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -ms-flexbox; - display: flex; - justify-content: center; - align-items: center; - padding: 0 20px; - min-width: 120px; - height: 50px; - border-radius: 25px; - - background-color: #f5f5f5f5; - - position: relative; - z-index: 1; - - -webkit-transition: all 0.4s; - -o-transition: all 0.4s; - -moz-transition: all 0.4s; - transition: all 0.4s; -} - -.login100-form-btn::before { - content: ""; - display: block; - position: absolute; - z-index: -1; - width: 100%; - height: 100%; - border-radius: 25px; - /*background-color: #fff;*/ - top: 0; - left: 0; - opacity: 1; - - -webkit-transition: all 0.4s; - -o-transition: all 0.4s; - -moz-transition: all 0.4s; - transition: all 0.4s; -} - -.login100-form-btn:hover { - color: white; - background-color: grey; - -} - -.login100-form-btn:hover:before { - opacity: 0; -} - - -/*------------------------------------------------------------------ -[ Responsive ]*/ - -@media (max-width: 576px) { - .wrap-login100 { - padding: 25px 15px 37px 15px; - border-radius: 0px; - } - .wrap-login200 { - padding: 25px 15px 37px 15px; - - } - .container-login100 { - min-height: 100%; - } - .myItem{ - height: 124px; - } - .myTotalItem{ - height: 100px; - } - .myItem-element{ - height: 45px; padding-top: 6px; - } - .correcting{ - margin-bottom: 0px; - margin-top: 0px; -} - -} -@media (max-width: 540px) { - .myItem-element{ - width: 25%; - padding-right: 3px; - } - .myItem-details{ - height: 200px; - } - .totalItem{ - height:30px; - } - .totalItemContainer{ - height:250px; - } - .correcting{ - margin-bottom: 0px; - margin-top: 0px; -} - + background-color: #dd392b; + border-color: #dd392b; } - -@media (max-width: 400px) { - .limiter{ - margin-top: 0px; - } - .correcting{ - margin-bottom: 0px; - margin-top: 0px; -} -.myItem-title{ - font-size: 16px; -} - -} - - -/*------------------------------------------------------------------ -[ Alert validate ]*/ - -.validate-input { - position: relative; -} - -.alert-validate::before { - content: attr(data-validate); - position: absolute; - max-width: 70%; - background-color: #fff; - border: 1px solid #c80000; - border-radius: 2px; - padding: 4px 25px 4px 10px; - top: 50%; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); - right: 0px; - pointer-events: none; - - font-family: Poppins-Regular; - color: #c80000; - font-size: 13px; - line-height: 1.4; - text-align: left; - - visibility: hidden; - opacity: 0; - - -webkit-transition: opacity 0.4s; - -o-transition: opacity 0.4s; - -moz-transition: opacity 0.4s; - transition: opacity 0.4s; -} - -.alert-validate::after { - content: "\f12a"; - font-family: FontAwesome; - font-size: 16px; - color: #c80000; - - display: block; - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); - right: 5px; -} - -.alert-validate:hover:before { - visibility: visible; - opacity: 1; -} - -@media (max-width: 992px) { - .alert-validate::before { - visibility: visible; - opacity: 1; - } - .correcting{ - margin-bottom: 10px; - margin-top: 10px; -} -} - -#boton-top { - display: none; /* Hidden by default */ - position: fixed; /* Fixed/sticky position */ - bottom: 20px; /* Place the button at the bottom of the page */ - right: 30px; /* Place the button 30px from the right */ - z-index: 2000; /* Make sure it does not overlap */ - border: none; /* Remove borders */ - outline: none; /* Remove outline */ - background-color: black; /* Set a background color */ - color: white; /* Text color */ - cursor: pointer; /* Add a mouse pointer on hover */ - padding: 15px; /* Some padding */ - border-radius: 10px; /* Rounded corners */ - font-size: 18px; /* Increase font size */ - -} - -#boton-top:hover { - background-color: #555; /* Add a dark-grey background on hover */ -} +.text-blue { + color: #06468d; +} \ No newline at end of file diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..453b7a6 Binary files /dev/null and b/images/logo.png differ diff --git a/index.html b/index.html index eb3a73a..800c3b6 100755 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ Pedidos de Ventas - + @@ -14,83 +14,53 @@ - + - + - -
-
-
-
- -
- -
-
-
- - - - Pedidos de Ventas Especiales - - -
- - -
- -
- - -
-
- - -
- - -
-
- -
- -
- -
- - - Dioniosio - - - -
-
+ +
+
+
+
-
- + + +
+
+
+

Pedidos de ventas especiales

+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+
- - @@ -111,14 +81,14 @@ diff --git a/js/main.js b/js/main.js index 9e6b3aa..7f4dc2d 100755 --- a/js/main.js +++ b/js/main.js @@ -13,7 +13,7 @@ function menuTogle(){ $("#myMenuIcon").toggleClass("menuIcon"); $("#myMenuIcon").toggleClass("cancelIcon"); $("#myNavy").toggle(); - $("#myMenuDiv").toggleClass("backBlack"); + $("#myMenuDiv").toggleClass("backBlack"); } $("#myMenuDiv").click(function(){ @@ -30,7 +30,7 @@ amount += ''; // por si pasan un numero en vez de un string amount = parseFloat(amount.replace(/[^0-9\.]/g, '')); // elimino cualquier cosa que no sea numero o punto decimals = decimals || 0; // por si la variable no fue fue pasada // si no es un numero o es igual a cero retorno el mismo cero -if (isNaN(amount) || amount === 0) +if (isNaN(amount) || amount === 0) return parseFloat(0).toFixed(decimals); // si es mayor o menor que cero retorno el valor formateado como numero amount = '' + amount.toFixed(decimals); @@ -41,23 +41,23 @@ while (regexp.test(amount_parts[0])) return amount_parts.join('.'); } function crear_detalles_pedido(nro,ido){ - - $.ajax({url: path_detalles, + + $.ajax({url: path_detalles, type: 'POST', data: nro, dataType: 'json', success: function(response) - { - + { + console.log(response.document.pedido.detped[0]); var nodos = document.getElementsByClassName("salir"); if(nodos.length>0){ for(var i = 0 ; i < nodos.length ; i++){ nodos[i].remove(); } - } + } /*ARMO PANTALLA*/ - + //var detallesList = '
'; var detallesList ='
'; for (var i = 0; i < response.document.pedido.detped.length ; i++) @@ -72,11 +72,11 @@ function crear_detalles_pedido(nro,ido){ detallesList += 'cant pedido: '+response.document.pedido.detped[i].dep_cant+' UxB: '+response.document.pedido.detped[i].dep_udad+' Precio: $'+response.document.pedido.detped[i].dep_prec+'    '; detallesList += '
'; detallesList += 'Stock:'+response.document.pedido.detped[i].totitem+' Renta:'+response.document.pedido.detped[i].rentaitem+' 
'; - detallesList += '
';*/ + detallesList += '
';*/ } detallesList+='
cod artDescripcionCantUxBPrecioTotal ItemRentaP.Lista
'; detallesList += '
'; - + ido.after(detallesList); $( ".alta" ).click(function() { @@ -84,7 +84,7 @@ function crear_detalles_pedido(nro,ido){ var ped = $(this).attr("id"); var parametros={"n_ped":ped}; if (confirm('Seguro desea confirmar el pedido :'+ped)) { - $.ajax({url: path_alta, + $.ajax({url: path_alta, type: 'POST', data: parametros, dataType: 'json', @@ -94,15 +94,15 @@ function crear_detalles_pedido(nro,ido){ } }); console.log('confirmo pedido'); - } + } else { console.log('No confirmo pedido'); } }); - + } }); - + } function llenar_lista_pedido() { @@ -112,7 +112,7 @@ function llenar_lista_pedido() var suc = document.getElementById("sucursal").value; var parametros = {"suc": suc}; $('.list-group').empty(); - $.ajax({url: path_pedidos, + $.ajax({url: path_pedidos, type: 'POST', data: parametros, dataType: 'json', @@ -120,10 +120,10 @@ function llenar_lista_pedido() for (var i = 0; i < response.CLIENTE.length ; i++){ var math=parseInt(response.CLIENTE[i].total)/100; - $('.lista-pedido').append("
  • Pedido nª :

    "+response.CLIENTE[i].pedido+"

    CLIENTE :

    "+response.CLIENTE[i].cliente+" "+response.CLIENTE[i].nomcli+"

    Total:$

    "+parseInt(response.CLIENTE[i].total)/100+"


    ver mas

  • "); + $('.lista-pedido').append("
  • Pedido nª :

    "+response.CLIENTE[i].pedido+"

    CLIENTE :

    "+response.CLIENTE[i].cliente+" "+response.CLIENTE[i].nomcli+"

    Total:$

    "+parseInt(response.CLIENTE[i].total)/100+"


    ver mas

  • "); } $(".oculto").click(function() { - + var suc = document.getElementById("sucursal").value; var oID = $(this).attr("id"); var res = oID.split("_"); @@ -134,14 +134,12 @@ function llenar_lista_pedido() "ped" : res[1] }; crear_detalles_pedido(parametros, $(this)); - + }); - + $(".consulta").click(function() { var oID = $(this).attr("id"); - $(".consulta").removeClass("border-success"); - $( '#'+oID+'' ).addClass( "border-success" ); - + v_ped="ped_"+oID; v_numcli="numcli_"+oID; v_nomcli="nomcli_"+oID; @@ -161,7 +159,7 @@ function llenar_lista_pedido() $( "#pedido_i" ).click(function() { alert("ped"); }); - + } }); @@ -173,13 +171,13 @@ $(document).ready(function() { llenar_lista_pedido(); $("#sucursal").change(function() { llenar_lista_pedido(); - + }); - + $( "button" ).click(function() { var parametros={"n_ped":ped}; if (confirm('Seguro desea confirmar el pedido :'+ped)) { - $.ajax({url: path_alta, + $.ajax({url: path_alta, type: 'POST', data: parametros, dataType: 'json', @@ -190,7 +188,7 @@ $(document).ready(function() { }); console.log('confirmo pedido'); } else { - + console.log('No confirmo pedido'); } }); diff --git a/users/index.php b/users/index.php index eb98495..57ccc57 100755 --- a/users/index.php +++ b/users/index.php @@ -4,7 +4,7 @@ Pedidos de Ventas Especiales - + @@ -14,80 +14,331 @@ - + - + - - -xmlrequest->{'STATUS'}=="OK") { +xmlrequest->{'STATUS'}=="OK") { $_SESSION['loggedin'] = true; $_SESSION['username'] = $username; $_SESSION['start'] = time(); $_SESSION['expire'] = $_SESSION['start'] + (5 * 60); - } else { + } else { session_destroy(); header("Location: ../index.html"); die(); } +*/ ?> - -
    - -
    -
    - - -
    - - -
    - - - - -
    - -

    Pedidos de venta abiertos

    -
    -
      - - -
    +
    +
    +

    Pedidos de venta abiertos

    +
      +
    • +
      Pedido nª : +

      10000003

      CLIENTE : +

      100004 Consumidor Final

      Total:$ +

      100079.84

      +
      +
      + +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      cod artDescripcionCantUxBPrecioTotal ItemRentaP.Lista
      3609CAMPAGNOLA X 170 ATUN ACEITE10,000b$156,090037461,6041,90156,0900
      3601CAMPAGNOLA X 170 ATUN NATURAL2,000b$154,98897439,4740,90154,9889
      3244LEDESMA X 1 AZUCAR2,000b$57,66861153,3716,1057,6686
      4107ALA X 1 ARROZ DOBLE BOLSA2,000b$106,00332120,0722,00106,0033
      79829/ORO X 50 BIZC. ARROZ DULCE2,000b$31,69841901,9034,7631,6984
      7718AGUILA X 100 CHOC/TAZA NEGRO2,000b$105,96703179,0120,00105,9670
      41199/ORO X 200 GALL.SCONCITOS2,000b$40,49631619,8534,7640,4963
      4803ARLISTAN X 100 CAFE INST.10,000b$156,914018829,6834,76156,9140
      4209DON SATUR X 140 TALITA 1,000b$35,0997701,9935,0035,0997
      17921DON SATUR X 200 MADALENAS VAINILLA10,000b$42,52424252,4235,0042,5242
      17922DON SATUR X 220 MADALENAS RELL DDL5,000b$42,52422126,2135,0042,5242
      16772T/MANIA X 1 RAVIOLES RIC/VERD.20,000b$166,00723320,1424,26166,0072
      13387DURACEL AAA X 2U PILAS10,000b$88,50547080,4320,0088,5054
      8106DURACELL AA X 2 PILAS10,000b$74,11135928,9020,0074,1113
      3338MENOYO X 1 VINAGRE VINO1,000b$104,24511250,9434,37104,2451
      15015DOS ANCLAS X 1 VINAGRE VINO1,000b$77,8308933,9736,8277,8308
      12739S/FILOMENA X 750 ESPUM. BRUT1,000b$129,9782779,87S/C129,9782
      + +
      +
    • +
      +
    • +
      Pedido nª : +

      10000004

      CLIENTE : +

      101097 Autoservicio Miguelito

      Total:$ +

      607838.66

      +
      +
      +
      ver mas
      +
    • +
      +

    Pedido Seleccionado


    -
    +
    @@ -98,35 +349,30 @@ if ($ConDMUG->xmlrequest->{'STATUS'}=="OK") {


    -
    - +
    +
    -
    - - - + +
    + + +
    - - - - + + + + @@ -141,12 +387,9 @@ if ($ConDMUG->xmlrequest->{'STATUS'}=="OK") { - + - - -