@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700);
*{
  margin:  0;
  padding: 0;
}
.datepicker-ic{
  background-color: #ffffff;
  border: none;
  height: 28px;
  width: 335px;
}
#back-popup {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 background: #000000;
 opacity: 0.5;
}
.modal-content-mainpopup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 300px;
border-radius:15px;
background-color: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
}
#textoContainer-mainpopup {
background: #ffffff;
width: 90%;
padding-top: 25px;
padding-bottom: 10px;
display: flex;
flex-direction: row;
justify-content: center;
}
#texto-mainpopup {
font-size: 16px;
color: #000000;
text-align: center;
}
#btnContainer-mainpopup {
 width: 90%;
 height: 65px;
 background: #ffffff;
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
}
#mainpopupBtn1 {
  margin-right: 5px;
  height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 20px;
  border-style: solid;
  border:none;
  text-align: center;
  height: 30px;
  color: #5c666f;
  background: #ffffff;
  border-width: 1px;
  border: 2px solid #5c666f;
  outline: none;
}
#mainpopupBtn2 {
  /*width: 100%;*/
  margin-left: 5px;
  height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 20px;
  border-style: solid;
  border:none;
  text-align: center;
  /*width: 80px;*/
  background: #005A9F;
  color: #ffffff;
  border-width: 1px;
  border: 2px solid #005A9F;
  outline: none;
}
#mainpopupBtn1:hover { cursor: pointer;
}
#mainpopupBtn2:hover { cursor: pointer;
}
.modal {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 background: #000000;
 opacity: 0.5;
}

/* Modal Content */
.modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100px;
height: 100px;
background-color: #000000;
display: flex;
justify-content: center;
align-items: center;
}
.loader {
  border: 8px solid #f3f3f3;
  border-radius: 100%;
  border-top: 8px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}


/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.fade-enter-active, .fade-leave-active {
  transition-property: opacity;
  transition-duration: .25s;
}
.fade-enter-active {
  transition-delay: .25s;
}
.fade-enter, .fade-leave-active {
  opacity: 0
}
.fadePro-enter {
  opacity: 0;
}
.fadePro-enter-active {
  transition: opacity 0.5s;
}
.fadePro-enter-to {
  opacity: 0.5;
}
.fadePro-leave {
  opacity: 0.5;
}
.fadePro-leave-active {
  transition: opacity 0.5s;
}
.fadePro-leave-to {
  opacity: 0;
}
.fadePopup-enter {
  opacity: 0;
}
.fadePopup-enter-active {
  transition: opacity 0.5s;
}
.fadePopup-enter-to {
  opacity: 1;
}
.fadePopup-leave {
  opacity: 1;
}
.fadePopup-leave-active {
  transition: opacity 0s;
}
.fadePopup-leave-to {
  opacity: 0;
}

html, body {
  padding: 0;
  margin: 0;
  font-family: 'Rubik', sans-serif;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}



#back-popup{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  }


  #popup{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 400px;
  height: 340px;
  border-radius: 15px;
  box-sizing: border-box;
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  border: 1px solid #dddddd;
  }


  #popup-btnClose-container{
    display: flex;
    flex-direction:row;
    margin-top: 10px;
    height: 20px;
    padding-right: 10px;
    align-items: center;
    justify-content: flex-end;
    background:  #ffffff
  }


  #popup-titulo, .modal-title {
   font-size: 26px;
   color: #5C666F;
   text-align: center;
  }


 

.btn-ok:hover, .btn-cancel:hover {
  cursor: pointer
}

.btn-ok {
  width: 100px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 9px;
  border-style: solid;
  border:none;
  background: #44C7F4;
  border-radius: 20px;
  color: #ffffff;
  outline: none;
}

.btn-cancel {
  width: 120px;
  height: 30px;
  font-size: 9px;
  margin-left: 5px;
  margin-right: 5px;
  border-style: solid;
  border:none;
  color: #4969B2;
  background: #ffffff;
  border-radius: 20px;
  border-width: 1px;
  border: 1px solid #4969B2;
  outline: none;
}



  select{
    width: 350px;
    height:30px;
    padding-left: 5px;
    border-radius: 5px;
    border-style: solid;
    border:none;
    border-width: 1px;
    border: 1px solid #dddddd;
    font-family: 'Rubik', sans-serif;
  }


  select :disabled {
    color:#dddddd;
  }




  #comboContainer{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }



  #btnContainerPopup{
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }


  .botonPopup{
   height: 40px;
   font-size: 10px;
   font-weight: bold;
   margin-left: 10px;
   margin-right: 10px;
   border-radius: 20px;
   border-style: solid;
   border:none;
  }


  #btnCerrarPopup{
    width: 100px;
    color: #4969B2;
    background: #ffffff;
    border-width: 1px;
    border: 1px solid #4969B2;
    outline: none;
  }

  #btnEnviarPopup{
    width: 100px;
    background: #44C7F4;
    color: #ffffff;
    outline: none;
  }



  .boton:hover { cursor: pointer; }
  #btnClose:hover { cursor: pointer; }



  .fadePro-enter {
    opacity: 0;
  }
  .fadePro-enter-active {
    transition: opacity 0.5s;
  }
  .fadePro-enter-to {
    opacity: 1;
  }
  .fadePro-leave {
    opacity: 1;
  }
  .fadePro-leave-active {
    transition: opacity 0.1s;
  }
  .fadePro-leave-to {
    opacity: 0;
  }

  #btnEliminar{
    width: 100px;
    height: 30px;
    font-size: 9px;
    margin-left: 5px;
    margin-right: 5px;
    border-style: solid;
    border:none;
    color: #4969B2;
    background: #ffffff;
    border-radius: 20px;
    border-width: 1px;
    border: 1px solid #ffffff;
    outline: none;
  }


  #btnGuardar{
    width: 100px;
    height: 30px;
    font-size: 9px;
    margin-left: 5px;
    margin-right: 5px;
    border-style: solid;
    border:none;
    color: #4969B2;
    background: #ffffff;
    border-radius: 20px;
    border-width: 1px;
    border: 1px solid #4969B2;
    outline: none;
  }


  #btnAgregar{
    width: 120px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 9px;
    border-style: solid;
    border:none;
    background: #44C7F4;
    border-radius: 20px;
    color: #ffffff;
    outline: none;
  }

  #btnEnviar{
    width: 80px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 9px;
    border-style: solid;
    border:none;
    background: #44C7F4;
    border-radius: 20px;
    color: #ffffff;
    outline: none;
  }


  .input {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    height: 30px;
    border-style: solid;
    border: none;
    border-width: 1px;
    border: 1px solid #dddddd;
  }



/* --------------------- FLEXBOX -------------------- */
.fh {
    display: flex;
    flex-direction: row;
}
.fh.lt {
    justify-content: flex-start;    
    align-items: flex-start; 
}
.fh.lc {
    justify-content: flex-start;    
    align-items: center; 
}
.fh.lb {
    justify-content: flex-start;    
    align-items: flex-end; 
}
.fh.ct {
    justify-content: center;    
    align-items: flex-start; 
}
.fh.cc {
    justify-content: center;    
    align-items: center; 
}
.fh.cb {
    justify-content: center;    
    align-items: flex-end; 
}
.fh.rt {
    justify-content: flex-end;    
    align-items: flex-start; 
}
.fh.rc {
    justify-content: flex-end;    
    align-items: center; 
}
.fh.rb {
    justify-content: flex-end;    
    align-items: flex-end; 
}
.fv {
    display: flex;
    flex-direction: column;
}
.fv.lt {
    align-items: flex-start;
    justify-content: flex-start;    
}
.fv.lc {
    align-items: flex-start;
    justify-content: center;    
}
.fv.lb {
    align-items: flex-start;
    justify-content: flex-end;    
}
.fv.ct {
    align-items: center;
    justify-content: flex-start;    
}
.fv.cc {
    align-items: center;
    justify-content: center;    
}
.fv.cb {
    align-items: center;
    justify-content: flex-end;    
}
.fv.rt {
    align-items: flex-end;    
    justify-content: flex-start;    
}
.fv.rc {
    align-items: flex-end;    
    justify-content: center;    
}
.fv.rb {
    align-items: flex-end;    
    justify-content: flex-end;    
}
.cursor\:alias:hover{cursor:alias}.cursor\:all-scroll:hover{cursor:all-scroll}.cursor\:auto:hover{cursor:auto}.cursor\:cell:hover{cursor:cell}.cursor\:context-menu:hover{cursor:context-menu}.cursor\:col-resize:hover{cursor:col-resize}.cursor\:copy:hover{cursor:copy}.cursor\:crosshair:hover{cursor:crosshair}.cursor\:default:hover{cursor:default}.cursor\:e-resize:hover{cursor:e-resize}.cursor\:ew-resize:hover{cursor:ew-resize}.cursor\:grab:hover{cursor:grab}.cursor\:grabbing:hover{cursor:grabbing}.cursor\:help:hover{cursor:help}.cursor\:move:hover{cursor:move}.cursor\:n-resize:hover{cursor:n-resize}.cursor\:ne-resize:hover{cursor:ne-resize}.cursor\:nw-resize:hover{cursor:nw-resize}.cursor\:no-drop:hover{cursor:no-drop}.cursor\:none:hover{cursor:none}.cursor\:not-allowed:hover{cursor:not-allowed}.cursor\:not-allowed:hover{cursor:not-allowed}.cursor\:pointer:hover{cursor:pointer}.cursor\:progress:hover{cursor:progress}.cursor\:row-resize:hover{cursor:row-resize}.cursor\:text:hover{cursor:text}.cursor\:se-resize:hover{cursor:se-resize}.cursor\:sw-resize:hover{cursor:sw-resize}.cursor\:s-resize:hover{cursor:s-resize}.cursor\:w-resize:hover{cursor:w-resize}.cursor\:wait:hover{cursor:wait}.cursor\:zoom-in:hover{cursor:zoom-in}.cursor\:zoom-out:hover{cursor:zoom-out}.block{display:block}.hidden{display:none}.inline-block{display:inline-block}.inline{display:inline}.table{display:table}.table.row{display:table-row}.table.cell{display:table-cell}.flex{display:flex}.flex\:initial{flex:initial}.flex\:auto{flex:auto}.flex\:none{flex:none}.flex\:grow{flex-grow:1}.flex\:shrink{flex-shrink:1}.flex\:no-grow{flex-grow:0}.flex\:no-shrink{flex-shrink:0}.inline{display:inline-flex}.fit{flex:1}.wrap{flex-wrap:wrap}.wrap\:reverse{flex-wrap:wrap-reverse}.row{flex-direction:row}.row\:reverse{flex-direction:row-reverse}.column{flex-direction:column}.column\:reverse{flex-direction:column-reverse}.no-wrap{flex-wrap:no-wrap}.align\:stretch{align-items:stretch}.align\:start{align-items:flex-start}.align\:center{align-items:center}.align\:end{align-items:flex-end}.align\:baseline{align-items:baseline}.self\:auto{align-self:auto}.self\:start{align-self:flex-start}.self\:center{align-self:center}.self\:end{align-self:flex-end}.self\:stretch{align-self:stretch}.justify\:start{justify-content:flex-start}.justify\:center{justify-content:center}.justify\:end{justify-content:flex-end}.justify\:between{justify-content:space-between}.justify\:around{justify-content:space-around}.float\:right{float:right}.float\:left{float:left}.float\:none{float:none}.clearfix::after{content:"";display:table;clear:both}.grid{display:grid;width:100%}.grid .row{display:table-row}.grid [class^='col:']{width:100%;margin-left:4%;float:left}.grid [class^='col:']:first-child{margin-left:0}.grid .col\:1{width:4.66666667%}.grid .col\:2{width:13.33333333%}.grid .col\:3{width:22%}.grid .col\:4{width:30.66666667%}.grid .col\:5{width:39.33333333%}.grid .col\:6{width:48%}.grid .col\:7{width:56.66666667%}.grid .col\:8{width:65.33333333%}.grid .col\:9{width:74%}.grid .col\:10{width:82.66666667%}.grid .col\:11{width:91.33333333%}.grid .col\:12{width:100%;margin-left:0}.grid .col\:1-3{width:30.66666667%}.grid .col\:2-3{width:65.33333333%}.container{max-width:992px}.container.small{max-width:576px}.container.medium{max-width:768px}.container.large{max-width:992px}.container.xlarge{max-width:1200px}.mar{margin:2em}.mar\:1{margin:.5em}.mar\:2{margin:1em}.mar\:3{margin:1.5em}.mar\:4{margin:2em}.mar\:5{margin:2.5em}.mar\:6{margin:3em}.mar\:7{margin:3.5em}.mar\:8{margin:4em}.mar\:9{margin:4.5em}.mar\:10{margin:5em}.mar\:11{margin:5.5em}.mar\:12{margin:6em}.mar\:13{margin:6.5em}.mar\:14{margin:7em}.mar\:15{margin:7.5em}.mar\:16{margin:8em}.mar\:17{margin:8.5em}.mar\:18{margin:9em}.mar\:19{margin:9.5em}.mar\:20{margin:10em}.mar-top{margin-top:2em}.mar-top\:1{margin-top:.5em}.mar-top\:2{margin-top:1em}.mar-top\:3{margin-top:1.5em}.mar-top\:4{margin-top:2em}.mar-top\:5{margin-top:2.5em}.mar-top\:6{margin-top:3em}.mar-top\:7{margin-top:3.5em}.mar-top\:8{margin-top:4em}.mar-top\:9{margin-top:4.5em}.mar-top\:10{margin-top:5em}.mar-top\:11{margin-top:5.5em}.mar-top\:12{margin-top:6em}.mar-top\:13{margin-top:6.5em}.mar-top\:14{margin-top:7em}.mar-top\:15{margin-top:7.5em}.mar-top\:16{margin-top:8em}.mar-top\:17{margin-top:8.5em}.mar-top\:18{margin-top:9em}.mar-top\:19{margin-top:9.5em}.mar-top\:20{margin-top:10em}.mar-lef{margin-left:2em}.mar-lef\:1{margin-left:.5em}.mar-lef\:2{margin-left:1em}.mar-lef\:3{margin-left:1.5em}.mar-lef\:4{margin-left:2em}.mar-lef\:5{margin-left:2.5em}.mar-lef\:6{margin-left:3em}.mar-lef\:7{margin-left:3.5em}.mar-lef\:8{margin-left:4em}.mar-lef\:9{margin-left:4.5em}.mar-lef\:10{margin-left:5em}.mar-lef\:11{margin-left:5.5em}.mar-lef\:12{margin-left:6em}.mar-lef\:13{margin-left:6.5em}.mar-lef\:14{margin-left:7em}.mar-lef\:15{margin-left:7.5em}.mar-lef\:16{margin-left:8em}.mar-lef\:17{margin-left:8.5em}.mar-lef\:18{margin-left:9em}.mar-lef\:19{margin-left:9.5em}.mar-lef\:20{margin-left:10em}.mar-rig{margin-right:2em}.mar-rig\:1{margin-right:.5em}.mar-rig\:2{margin-right:1em}.mar-rig\:3{margin-right:1.5em}.mar-rig\:4{margin-right:2em}.mar-rig\:5{margin-right:2.5em}.mar-rig\:6{margin-right:3em}.mar-rig\:7{margin-right:3.5em}.mar-rig\:8{margin-right:4em}.mar-rig\:9{margin-right:4.5em}.mar-rig\:10{margin-right:5em}.mar-rig\:11{margin-right:5.5em}.mar-rig\:12{margin-right:6em}.mar-rig\:13{margin-right:6.5em}.mar-rig\:14{margin-right:7em}.mar-rig\:15{margin-right:7.5em}.mar-rig\:16{margin-right:8em}.mar-rig\:17{margin-right:8.5em}.mar-rig\:18{margin-right:9em}.mar-rig\:19{margin-right:9.5em}.mar-rig\:20{margin-right:10em}.mar-bot{margin-bottom:2em}.mar-bot\:1{margin-bottom:.5em}.mar-bot\:2{margin-bottom:1em}.mar-bot\:3{margin-bottom:1.5em}.mar-bot\:4{margin-bottom:2em}.mar-bot\:5{margin-bottom:2.5em}.mar-bot\:6{margin-bottom:3em}.mar-bot\:7{margin-bottom:3.5em}.mar-bot\:8{margin-bottom:4em}.mar-bot\:9{margin-bottom:4.5em}.mar-bot\:10{margin-bottom:5em}.mar-bot\:11{margin-bottom:5.5em}.mar-bot\:12{margin-bottom:6em}.mar-bot\:13{margin-bottom:6.5em}.mar-bot\:14{margin-bottom:7em}.mar-bot\:15{margin-bottom:7.5em}.mar-bot\:16{margin-bottom:8em}.mar-bot\:17{margin-bottom:8.5em}.mar-bot\:18{margin-bottom:9em}.mar-bot\:19{margin-bottom:9.5em}.mar-bot\:20{margin-bottom:10em}.mar-y{margin:2em 0}.mar-y\:1{margin:.5em 0}.mar-y\:2{margin:1em 0}.mar-y\:3{margin:1.5em 0}.mar-y\:4{margin:2em 0}.mar-y\:5{margin:2.5em 0}.mar-y\:6{margin:3em 0}.mar-y\:7{margin:3.5em 0}.mar-y\:8{margin:4em 0}.mar-y\:9{margin:4.5em 0}.mar-y\:10{margin:5em 0}.mar-y\:11{margin:5.5em 0}.mar-y\:12{margin:6em 0}.mar-y\:13{margin:6.5em 0}.mar-y\:14{margin:7em 0}.mar-y\:15{margin:7.5em 0}.mar-y\:16{margin:8em 0}.mar-y\:17{margin:8.5em 0}.mar-y\:18{margin:9em 0}.mar-y\:19{margin:9.5em 0}.mar-y\:20{margin:10em 0}.mar-x{margin:0 2em}.mar-x\:1{margin:0 .5em}.mar-x\:2{margin:0 1em}.mar-x\:3{margin:0 1.5em}.mar-x\:4{margin:0 2em}.mar-x\:5{margin:0 2.5em}.mar-x\:6{margin:0 3em}.mar-x\:7{margin:0 3.5em}.mar-x\:8{margin:0 4em}.mar-x\:9{margin:0 4.5em}.mar-x\:10{margin:0 5em}.mar-x\:11{margin:0 5.5em}.mar-x\:12{margin:0 6em}.mar-x\:13{margin:0 6.5em}.mar-x\:14{margin:0 7em}.mar-x\:15{margin:0 7.5em}.mar-x\:16{margin:0 8em}.mar-x\:17{margin:0 8.5em}.mar-x\:18{margin:0 9em}.mar-x\:19{margin:0 9.5em}.mar-x\:20{margin:0 10em}.pad{padding:1em}.pad\:1{padding:.5em}.pad\:2{padding:1em}.pad\:3{padding:1.5em}.pad\:4{padding:2em}.pad\:5{padding:2.5em}.pad\:6{padding:3em}.pad\:7{padding:3.5em}.pad\:8{padding:4em}.pad\:9{padding:4.5em}.pad\:10{padding:5em}.pad\:11{padding:5.5em}.pad\:12{padding:6em}.pad\:13{padding:6.5em}.pad\:14{padding:7em}.pad\:15{padding:7.5em}.pad\:16{padding:8em}.pad\:17{padding:8.5em}.pad\:18{padding:9em}.pad\:19{padding:9.5em}.pad\:20{padding:10em}.pad-top{padding-top:1em}.pad-top\:1{padding-top:.5em}.pad-top\:2{padding-top:1em}.pad-top\:3{padding-top:1.5em}.pad-top\:4{padding-top:2em}.pad-top\:5{padding-top:2.5em}.pad-top\:6{padding-top:3em}.pad-top\:7{padding-top:3.5em}.pad-top\:8{padding-top:4em}.pad-top\:9{padding-top:4.5em}.pad-top\:10{padding-top:5em}.pad-top\:11{padding-top:5.5em}.pad-top\:12{padding-top:6em}.pad-top\:13{padding-top:6.5em}.pad-top\:14{padding-top:7em}.pad-top\:15{padding-top:7.5em}.pad-top\:16{padding-top:8em}.pad-top\:17{padding-top:8.5em}.pad-top\:18{padding-top:9em}.pad-top\:19{padding-top:9.5em}.pad-top\:20{padding-top:10em}.pad-lef{padding-left:1em}.pad-lef\:1{padding-left:.5em}.pad-lef\:2{padding-left:1em}.pad-lef\:3{padding-left:1.5em}.pad-lef\:4{padding-left:2em}.pad-lef\:5{padding-left:2.5em}.pad-lef\:6{padding-left:3em}.pad-lef\:7{padding-left:3.5em}.pad-lef\:8{padding-left:4em}.pad-lef\:9{padding-left:4.5em}.pad-lef\:10{padding-left:5em}.pad-lef\:11{padding-left:5.5em}.pad-lef\:12{padding-left:6em}.pad-lef\:13{padding-left:6.5em}.pad-lef\:14{padding-left:7em}.pad-lef\:15{padding-left:7.5em}.pad-lef\:16{padding-left:8em}.pad-lef\:17{padding-left:8.5em}.pad-lef\:18{padding-left:9em}.pad-lef\:19{padding-left:9.5em}.pad-lef\:20{padding-left:10em}.pad-rig{padding-right:1em}.pad-rig\:1{padding-right:.5em}.pad-rig\:2{padding-right:1em}.pad-rig\:3{padding-right:1.5em}.pad-rig\:4{padding-right:2em}.pad-rig\:5{padding-right:2.5em}.pad-rig\:6{padding-right:3em}.pad-rig\:7{padding-right:3.5em}.pad-rig\:8{padding-right:4em}.pad-rig\:9{padding-right:4.5em}.pad-rig\:10{padding-right:5em}.pad-rig\:11{padding-right:5.5em}.pad-rig\:12{padding-right:6em}.pad-rig\:13{padding-right:6.5em}.pad-rig\:14{padding-right:7em}.pad-rig\:15{padding-right:7.5em}.pad-rig\:16{padding-right:8em}.pad-rig\:17{padding-right:8.5em}.pad-rig\:18{padding-right:9em}.pad-rig\:19{padding-right:9.5em}.pad-rig\:20{padding-right:10em}.pad-bot{padding-bottom:1em}.pad-bot\:1{padding-bottom:.5em}.pad-bot\:2{padding-bottom:1em}.pad-bot\:3{padding-bottom:1.5em}.pad-bot\:4{padding-bottom:2em}.pad-bot\:5{padding-bottom:2.5em}.pad-bot\:6{padding-bottom:3em}.pad-bot\:7{padding-bottom:3.5em}.pad-bot\:8{padding-bottom:4em}.pad-bot\:9{padding-bottom:4.5em}.pad-bot\:10{padding-bottom:5em}.pad-bot\:11{padding-bottom:5.5em}.pad-bot\:12{padding-bottom:6em}.pad-bot\:13{padding-bottom:6.5em}.pad-bot\:14{padding-bottom:7em}.pad-bot\:15{padding-bottom:7.5em}.pad-bot\:16{padding-bottom:8em}.pad-bot\:17{padding-bottom:8.5em}.pad-bot\:18{padding-bottom:9em}.pad-bot\:19{padding-bottom:9.5em}.pad-bot\:20{padding-bottom:10em}.pad-y{padding:1em 0}.pad-y\:1{padding:.5em 0}.pad-y\:2{padding:1em 0}.pad-y\:3{padding:1.5em 0}.pad-y\:4{padding:2em 0}.pad-y\:5{padding:2.5em 0}.pad-y\:6{padding:3em 0}.pad-y\:7{padding:3.5em 0}.pad-y\:8{padding:4em 0}.pad-y\:9{padding:4.5em 0}.pad-y\:10{padding:5em 0}.pad-y\:11{padding:5.5em 0}.pad-y\:12{padding:6em 0}.pad-y\:13{padding:6.5em 0}.pad-y\:14{padding:7em 0}.pad-y\:15{padding:7.5em 0}.pad-y\:16{padding:8em 0}.pad-y\:17{padding:8.5em 0}.pad-y\:18{padding:9em 0}.pad-y\:19{padding:9.5em 0}.pad-y\:20{padding:10em 0}.pad-x{padding:0 1em}.pad-x\:1{padding:0 .5em}.pad-x\:2{padding:0 1em}.pad-x\:3{padding:0 1.5em}.pad-x\:4{padding:0 2em}.pad-x\:5{padding:0 2.5em}.pad-x\:6{padding:0 3em}.pad-x\:7{padding:0 3.5em}.pad-x\:8{padding:0 4em}.pad-x\:9{padding:0 4.5em}.pad-x\:10{padding:0 5em}.pad-x\:11{padding:0 5.5em}.pad-x\:12{padding:0 6em}.pad-x\:13{padding:0 6.5em}.pad-x\:14{padding:0 7em}.pad-x\:15{padding:0 7.5em}.pad-x\:16{padding:0 8em}.pad-x\:17{padding:0 8.5em}.pad-x\:18{padding:0 9em}.pad-x\:19{padding:0 9.5em}.pad-x\:20{padding:0 10em}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top{top:0}.top\:1{top:.5em}.top\:2{top:1em}.top\:3{top:1.5em}.top\:4{top:2em}.top\:5{top:2.5em}.top\:6{top:3em}.top\:7{top:3.5em}.top\:8{top:4em}.top\:9{top:4.5em}.top\:10{top:5em}.top\:11{top:5.5em}.top\:12{top:6em}.top\:13{top:6.5em}.top\:14{top:7em}.top\:15{top:7.5em}.top\:16{top:8em}.top\:17{top:8.5em}.top\:18{top:9em}.top\:19{top:9.5em}.top\:20{top:10em}.right{right:0}.right\:1{right:.5em}.right\:2{right:1em}.right\:3{right:1.5em}.right\:4{right:2em}.right\:5{right:2.5em}.right\:6{right:3em}.right\:7{right:3.5em}.right\:8{right:4em}.right\:9{right:4.5em}.right\:10{right:5em}.right\:11{right:5.5em}.right\:12{right:6em}.right\:13{right:6.5em}.right\:14{right:7em}.right\:15{right:7.5em}.right\:16{right:8em}.right\:17{right:8.5em}.right\:18{right:9em}.right\:19{right:9.5em}.right\:20{right:10em}.bottom{bottom:0}.bottom\:1{bottom:.5em}.bottom\:2{bottom:1em}.bottom\:3{bottom:1.5em}.bottom\:4{bottom:2em}.bottom\:5{bottom:2.5em}.bottom\:6{bottom:3em}.bottom\:7{bottom:3.5em}.bottom\:8{bottom:4em}.bottom\:9{bottom:4.5em}.bottom\:10{bottom:5em}.bottom\:11{bottom:5.5em}.bottom\:12{bottom:6em}.bottom\:13{bottom:6.5em}.bottom\:14{bottom:7em}.bottom\:15{bottom:7.5em}.bottom\:16{bottom:8em}.bottom\:17{bottom:8.5em}.bottom\:18{bottom:9em}.bottom\:19{bottom:9.5em}.bottom\:20{bottom:10em}.left{left:0}.left\:1{left:.5em}.left\:2{left:1em}.left\:3{left:1.5em}.left\:4{left:2em}.left\:5{left:2.5em}.left\:6{left:3em}.left\:7{left:3.5em}.left\:8{left:4em}.left\:9{left:4.5em}.left\:10{left:5em}.left\:11{left:5.5em}.left\:12{left:6em}.left\:13{left:6.5em}.left\:14{left:7em}.left\:15{left:7.5em}.left\:16{left:8em}.left\:17{left:8.5em}.left\:18{left:9em}.left\:19{left:9.5em}.left\:20{left:10em}.vertical{top:0;bottom:0}.horizontal{right:0;left:0}.center{margin:0 auto}.central{top:0;right:0;bottom:0;left:0}.auto{top:auto;right:auto;bottom:auto;left:auto}.width\:fit{width:100%}.width\:0{width:0}.width\:25{width:25px}.width\:50{width:50px}.width\:75{width:75px}.width\:100{width:100px}.width\:125{width:125px}.width\:150{width:150px}.width\:175{width:175px}.width\:200{width:200px}.width\:225{width:225px}.width\:250{width:250px}.width\:275{width:275px}.width\:300{width:300px}.width\:325{width:325px}.width\:350{width:350px}.width\:375{width:375px}.width\:400{width:400px}.width\:425{width:425px}.width\:450{width:450px}.width\:475{width:475px}.width\:500{width:500px}.width\:525{width:525px}.width\:550{width:550px}.width\:575{width:575px}.width\:600{width:600px}.width\:625{width:625px}.width\:650{width:650px}.width\:675{width:675px}.width\:700{width:700px}.width\:725{width:725px}.width\:750{width:750px}.width\:775{width:775px}.width\:800{width:800px}.width\:825{width:825px}.width\:850{width:850px}.width\:875{width:875px}.width\:900{width:900px}.width\:925{width:925px}.width\:950{width:950px}.width\:975{width:975px}.width\:1000{width:1000px}.height\:fit{height:100%}.height\:0{height:0}.height\:25{height:25px}.height\:50{height:50px}.height\:75{height:75px}.height\:100{height:100px}.height\:125{height:125px}.height\:150{height:150px}.height\:175{height:175px}.height\:200{height:200px}.height\:225{height:225px}.height\:250{height:250px}.height\:275{height:275px}.height\:300{height:300px}.height\:325{height:325px}.height\:350{height:350px}.height\:375{height:375px}.height\:400{height:400px}.height\:425{height:425px}.height\:450{height:450px}.height\:475{height:475px}.height\:500{height:500px}.height\:525{height:525px}.height\:550{height:550px}.height\:575{height:575px}.height\:600{height:600px}.height\:625{height:625px}.height\:650{height:650px}.height\:675{height:675px}.height\:700{height:700px}.height\:725{height:725px}.height\:750{height:750px}.height\:775{height:775px}.height\:800{height:800px}.height\:825{height:825px}.height\:850{height:850px}.height\:875{height:875px}.height\:900{height:900px}.height\:925{height:925px}.height\:950{height:950px}.height\:975{height:975px}.height\:1000{height:1000px}.top\:0{top:0}.top\:25{top:25px}.top\:50{top:50px}.top\:75{top:75px}.top\:100{top:100px}.top\:125{top:125px}.top\:150{top:150px}.top\:175{top:175px}.top\:200{top:200px}.top\:225{top:225px}.top\:250{top:250px}.top\:275{top:275px}.top\:300{top:300px}.top\:325{top:325px}.top\:350{top:350px}.top\:375{top:375px}.top\:400{top:400px}.top\:425{top:425px}.top\:450{top:450px}.top\:475{top:475px}.top\:500{top:500px}.top\:525{top:525px}.top\:550{top:550px}.top\:575{top:575px}.top\:600{top:600px}.top\:625{top:625px}.top\:650{top:650px}.top\:675{top:675px}.top\:700{top:700px}.top\:725{top:725px}.top\:750{top:750px}.top\:775{top:775px}.top\:800{top:800px}.top\:825{top:825px}.top\:850{top:850px}.top\:875{top:875px}.top\:900{top:900px}.top\:925{top:925px}.top\:950{top:950px}.top\:975{top:975px}.top\:1000{top:1000px}.right\:0{right:0}.right\:25{right:25px}.right\:50{right:50px}.right\:75{right:75px}.right\:100{right:100px}.right\:125{right:125px}.right\:150{right:150px}.right\:175{right:175px}.right\:200{right:200px}.right\:225{right:225px}.right\:250{right:250px}.right\:275{right:275px}.right\:300{right:300px}.right\:325{right:325px}.right\:350{right:350px}.right\:375{right:375px}.right\:400{right:400px}.right\:425{right:425px}.right\:450{right:450px}.right\:475{right:475px}.right\:500{right:500px}.right\:525{right:525px}.right\:550{right:550px}.right\:575{right:575px}.right\:600{right:600px}.right\:625{right:625px}.right\:650{right:650px}.right\:675{right:675px}.right\:700{right:700px}.right\:725{right:725px}.right\:750{right:750px}.right\:775{right:775px}.right\:800{right:800px}.right\:825{right:825px}.right\:850{right:850px}.right\:875{right:875px}.right\:900{right:900px}.right\:925{right:925px}.right\:950{right:950px}.right\:975{right:975px}.right\:1000{right:1000px}.bottom\:0{bottom:0}.bottom\:25{bottom:25px}.bottom\:50{bottom:50px}.bottom\:75{bottom:75px}.bottom\:100{bottom:100px}.bottom\:125{bottom:125px}.bottom\:150{bottom:150px}.bottom\:175{bottom:175px}.bottom\:200{bottom:200px}.bottom\:225{bottom:225px}.bottom\:250{bottom:250px}.bottom\:275{bottom:275px}.bottom\:300{bottom:300px}.bottom\:325{bottom:325px}.bottom\:350{bottom:350px}.bottom\:375{bottom:375px}.bottom\:400{bottom:400px}.bottom\:425{bottom:425px}.bottom\:450{bottom:450px}.bottom\:475{bottom:475px}.bottom\:500{bottom:500px}.bottom\:525{bottom:525px}.bottom\:550{bottom:550px}.bottom\:575{bottom:575px}.bottom\:600{bottom:600px}.bottom\:625{bottom:625px}.bottom\:650{bottom:650px}.bottom\:675{bottom:675px}.bottom\:700{bottom:700px}.bottom\:725{bottom:725px}.bottom\:750{bottom:750px}.bottom\:775{bottom:775px}.bottom\:800{bottom:800px}.bottom\:825{bottom:825px}.bottom\:850{bottom:850px}.bottom\:875{bottom:875px}.bottom\:900{bottom:900px}.bottom\:925{bottom:925px}.bottom\:950{bottom:950px}.bottom\:975{bottom:975px}.bottom\:1000{bottom:1000px}.left\:0{left:0}.left\:25{left:25px}.left\:50{left:50px}.left\:75{left:75px}.left\:100{left:100px}.left\:125{left:125px}.left\:150{left:150px}.left\:175{left:175px}.left\:200{left:200px}.left\:225{left:225px}.left\:250{left:250px}.left\:275{left:275px}.left\:300{left:300px}.left\:325{left:325px}.left\:350{left:350px}.left\:375{left:375px}.left\:400{left:400px}.left\:425{left:425px}.left\:450{left:450px}.left\:475{left:475px}.left\:500{left:500px}.left\:525{left:525px}.left\:550{left:550px}.left\:575{left:575px}.left\:600{left:600px}.left\:625{left:625px}.left\:650{left:650px}.left\:675{left:675px}.left\:700{left:700px}.left\:725{left:725px}.left\:750{left:750px}.left\:775{left:775px}.left\:800{left:800px}.left\:825{left:825px}.left\:850{left:850px}.left\:875{left:875px}.left\:900{left:900px}.left\:925{left:925px}.left\:950{left:950px}.left\:975{left:975px}.left\:1000{left:1000px}.text\:center{text-align:center}.text\:left{text-align:left}.text\:right{text-align:right}.text\:justify{text-align:justify}.text:\:top{vertical-align:top}.transform\:uppercase{text-transform:uppercase}.transform\:capitalize{text-transform:capitalize}.transform\:lowercase{text-transform:lowercase}.transform\:inherit{text-transform:inherit}.transform\:initial{text-transform:initial}.transform\:none{text-transform:none}.transform\:unset{text-transform:unset}.self-center{margin:0 auto;right:0;left:0}.z\:0{z-index:0}.z\:1{z-index:1}.z\:2{z-index:2}.z\:3{z-index:3}.z\:4{z-index:4}.z\:5{z-index:5}.z\:backward{z-index:-1}.z\:auto{z-index:auto}
.modal-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 1;
}
.modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 400px;
  border-radius: 15px;
  box-sizing: border-box;
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  border: 1px solid #dddddd;
  z-index: 2;
}
.modal-close {
  display: flex;
  flex-direction:row;
  margin-top: 10px;
  height: 20px;
  padding-right: 10px;
  align-items: center;
  justify-content: flex-end;
  background:  #ffffff
}
.modal-close:hover {
  cursor: pointer
}

*[data-v-7ab7e1f0] {
  margin: 0;
  padding: 0;
}
#bloque1[data-v-7ab7e1f0] {
  width: 100%;
  height: 100vh;
  background: linear-gradient(#005a9f, #1899d6);
}
.loginBox[data-v-7ab7e1f0] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
  height: 350px;
  padding: 20px;
  border-radius: 15px;
  box-sizing: border-box;
  background: #ffffff;
}
.loginBoxImg[data-v-7ab7e1f0] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: calc(-100px / 2);
  left: calc(50% - 50px);
}
.labels[data-v-7ab7e1f0] {
  margin: 0;
  padding-bottom: 5px;
  font-weight: 500;
  font-size: 10px;
  color: #5c666f;
}
#titulo[data-v-7ab7e1f0] {
  margin-top: 50px;
  padding: 0, 0, 20px;
  text-align: center;
  font-size: 20px;
}
.inputBox[data-v-7ab7e1f0] {
  width: 305px;
  margin-bottom: 20px;
  padding-left: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  height: 30px;
  border-style: solid;
  border: none;
  border-width: 1px;
  border: 1px solid #dddddd;
}
.inputBoxError[data-v-7ab7e1f0] {
  width: 305px;
  margin-bottom: 20px;
  padding-left: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  height: 30px;
  border-style: solid;
  border: none;
  border-width: 1px;
  border: 1px solid #ff0000;
}
#forgetPass[data-v-7ab7e1f0] {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  color: #4969b2;
}
#btnContainer[data-v-7ab7e1f0] {
  margin-top: 30px;
  text-align: center;
}
input[type="submit"][data-v-7ab7e1f0] {
  height: 30px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 20px;
  border-style: solid;
  border: none;
}
#btnRegistro[data-v-7ab7e1f0] {
  width: 100%;
  margin-bottom: 20px;
  margin-right: 5px;
  height: 30px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 20px;
  border-style: solid;
  border: none;
  text-align: center;
  width: 100px;
  height: 30px;
  color: #5c666f;
  background: #ffffff;
  border-width: 1px;
  border: 2px solid #5c666f;
  outline: none;
}
#btnIngresar[data-v-7ab7e1f0] {
  width: 100%;
  margin-bottom: 20px;
  margin-left: 5px;
  height: 30px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 20px;
  border-style: solid;
  border: none;
  text-align: center;
  width: 80px;
  background: #005a9f;
  color: #ffffff;
  border-width: 1px;
  border: 2px solid #005a9f;
  outline: none;
}
#btnRegistro[data-v-7ab7e1f0]:hover {
  cursor: pointer;
}
#btnIngresar[data-v-7ab7e1f0]:hover {
  cursor: pointer;
}
#forgetPass[data-v-7ab7e1f0]:hover {
  cursor: pointer;
}

*[data-v-66070664]{
  margin:  0;
  padding: 0;
}
.container1[data-v-66070664]{
  display: flex;            
  flex-direction:row;
}
.container2[data-v-66070664]{
  display: flex;            
  flex-direction:column;
}
#bloque1[data-v-66070664]{
  width:100%;
  height:100vh;
  background: linear-gradient(#005A9F , #1899D6);
}
.loginBox[data-v-66070664]{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 400px;
height: 480px;
padding: 20px;
border-radius: 15px;
box-sizing: border-box;
background: #ffffff;
}
.loginBoxImg[data-v-66070664]{
width: 100px;
height: 100px;
border-radius: 50%; 
overflow: hidden;
position: absolute;
top: calc(-100px/2);
left:calc(50% - 50px);
}
.labels[data-v-66070664]
{
  margin: 0;
  padding-bottom: 5px;
  font-weight: 500;
  font-size: 10px;
  color: #5c666f;
}
#titulo[data-v-66070664]{
margin-top: 50px;
padding: 0,0,20px;  
font-weight: bold;
text-align: center;
font-size: 20px;
}
#info[data-v-66070664]{
margin-top: 10px;
margin-bottom: 15px;
padding: 0,0,20px;  
font-weight: normal;
text-align: center;
font-size: 12px;
text-align: justify;
}
.inputBoxS[data-v-66070664]
{
  width:164px;
  margin-bottom: 20px;
  padding-left: 5px;
  border-radius: 5px;  
  margin-bottom: 10px;
  height:30px;
  border-style: solid;
  border:none; 
  border-width: 1px;
  border: 1px solid #dddddd;
}
.inputBoxL[data-v-66070664]
{
  width:355px;
  margin-bottom: 20px;
  padding-left: 5px;
  border-radius: 5px;  
  margin-bottom: 10px;
  height:30px;
  border-style: solid;
  border:none; 
  border-width: 1px;
  border: 1px solid #dddddd;
}
.inputBoxSInv[data-v-66070664]
{
  width:164px;
  margin-bottom: 20px;
  padding-left: 5px;
  border-radius: 5px;  
  margin-bottom: 10px;
  height:30px;
  border-style: solid;
  border:none; 
  border-width: 1px;
  border: 1px solid #ff0000;
}
.inputBoxLInv[data-v-66070664]
{
  width:355px;
  margin-bottom: 20px;
  padding-left: 5px;
  border-radius: 5px;  
  margin-bottom: 10px;
  height:30px;
  border-style: solid;
  border:none; 
  border-width: 1px;
  border: 1px solid #ff0000;
}
#btnContainer[data-v-66070664]{
margin-top: 30px;  
text-align: center;
}
input[type="submit"][data-v-66070664]
{
  height: 30px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 20px;  
  border-style: solid;
  border:none;
}
#btnCancelar[data-v-66070664]{
  font-size: 10px;
  font-weight: bold;
  border-radius: 20px;  
  border-style: solid;
  margin-right: 5px;
  border:none; 
  width: 100px;
  height: 30px;
  color: #5c666f;
  background: #ffffff; 
  border-width: 1px;
  border: 2px solid #5c666f;
  margin-right: 5px;
  outline: none;
}
#btnEnviar[data-v-66070664]{
  font-size: 10px;
  font-weight: bold;
  border-radius: 20px;  
  border-style: solid;
  margin-left: 5px;
  border:none; 
  width: 80px;
  height: 30px;
  background: #005A9F; 
  color: #ffffff;
  margin-left: 5px;
  outline: none;
}
#btnCancelar[data-v-66070664]:hover { cursor: pointer;
}
#btnEnviar[data-v-66070664]:hover { cursor: pointer;
}




.verTodos[data-v-3dd6f9e4]:hover {
  cursor: pointer;
}
.oblea-NuevoPedido[data-v-3dd6f9e4] {
  width: 210px;
  height: 130px;
  border-width: 1px;
  border: 1px solid #dddddd;
  background: #f0f0f0;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 4px #dddddd;  
  -webkit-box-shadow: 2px 2px 4px #dddddd;  
  -moz-box-shadow:    2px 2px 4px #dddddd;  
  border-radius: 10px;
}
.oblea-NuevoPedido[data-v-3dd6f9e4]:hover {
  cursor: pointer;
  background: #F7FCFF;
}
#label-realizarPedido[data-v-3dd6f9e4] {
  margin-top: 8px;
  font-size: 12px;
  color: #4969B2;
}
#verTodas[data-v-3dd6f9e4]:hover{
    cursor: pointer;
}


/* width */
[data-v-3dd6f9e4]::-webkit-scrollbar {
      width: 5px;
}
  
  /* Track */
[data-v-3dd6f9e4]::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #dddddd; 
      border-radius: 10px;
}
  
   
  /* Handle */
[data-v-3dd6f9e4]::-webkit-scrollbar-thumb {
      background: #bbbbbb; 
      border-radius: 10px;
}
  
  /* Handle on hover */
[data-v-3dd6f9e4]::-webkit-scrollbar-thumb:hover {
      background: #cccccc;
}
[data-v-3dd6f9e4]::-webkit-scrollbar { 
  display: block;
}
 



#menuPedido a[data-v-4905682b] {
  color: white;
  text-decoration: none
}
.dropdown[data-v-4905682b] {
  display: flex;
  align-items: center;
  height: 40px
}
.dropdown-content[data-v-4905682b]:before {
  content: "";
  position: absolute;
  right: 120px;
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 9999;
}
.dropdown-content[data-v-4905682b] {
  top: 40px;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  border-radius: 5px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a[data-v-4905682b]:hover {
  cursor: pointer;
  color: #000000;
}
.dropdown-content a[data-v-4905682b] {
  color: #555555;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 12px;
  font-weight: 400;
}

/* ------------------------------------------------------ */
.dropdown-content-b[data-v-4905682b]:before {
  content: "";
  position: absolute;
  right: 80px;
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 9999;
}
.dropdown-content-b[data-v-4905682b] {
  /* margin-top: 78px; */
  margin-top: 152px;
  margin-left: 30px;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  border-radius: 5px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content-b a[data-v-4905682b]:hover {
  cursor: pointer;
  color: #000000;
}
.dropdown-content-b a[data-v-4905682b] {
  color: #555555;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 12px;
  font-weight: 400;
}
#mC[data-v-4905682b] {
  background-color: #005a9f;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
}
#header[data-v-4905682b] {
  width: 700px;
  height: 40px;
  background-color: #005a9f;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#menuContainerR[data-v-4905682b] {
  width: 450px;
  font-size: 10px;
  color: #ffffff;
  background-color: #005a9f;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
#menuContainerL[data-v-4905682b] {
  width: 250px;
  height: 40px;
  background-color: #005a9f;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#menuPedido[data-v-4905682b] {
  display: flex;
  height: 40px;
  align-items: center;
  padding-right: 40px;
  padding-left: 0px;
  vertical-align: middle;
  font-size: 12px;
}
#usuario[data-v-4905682b] {
  padding-right: 10px;
  padding-left: 40px;
  vertical-align: middle;
  font-size: 12px;
}
#iconHome[data-v-4905682b] {
  height: 25px;
}
.separator[data-v-4905682b] {
  width: 100%;
  height: 1px;
  background-color: #136aaa;
}
.separator-menu[data-v-4905682b] {
  width: 100%;
  height: 1px;
  background-color: #dddddd;
}
#carritoItemsGlobe[data-v-4905682b] {
  width: 17px;
  height: 17px;
  background: #ffffaa;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
#avatarGlobe[data-v-4905682b] {
  width: 28px;
  height: 28px;
  background: #dddddd;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
#iconCarrito[data-v-4905682b]:hover {
  cursor: pointer;
}
#carritoItemsGlobe[data-v-4905682b]:hover {
  cursor: pointer;
}
#usuario[data-v-4905682b]:hover {
  cursor: pointer;
}
#avatarGlobe[data-v-4905682b]:hover {
  cursor: pointer;
}
#iconHome[data-v-4905682b]:hover {
  cursor: pointer;
}
#menuPedido[data-v-4905682b]:hover {
  cursor: pointer;
}
.menu[data-v-4905682b]:hover {
  cursor: pointer;
}

*[data-v-74f122a6] {
  margin:  0;
  padding: 0;
}
li[data-v-74f122a6] {
  float: left;
  display: block;
  padding-right: 20px;
  text-decoration: none;
}
.oblea[data-v-74f122a6]{
   width: 190px;
   height: 120px;
   border-width: 1px;
   border: 1px solid #dddddd;
   background: #ffffff;
   padding: 10px 15px 10px 15px;
   box-shadow: 2px 2px 4px #dddddd;  
   -webkit-box-shadow: 2px 2px 4px #dddddd;  
   -moz-box-shadow:    2px 2px 4px #dddddd;
}
.oblea[data-v-74f122a6]:hover{
   background: #f9f9f9;
}
#iconVer[data-v-74f122a6]:hover{
   cursor: pointer;
}
#producto[data-v-74f122a6]{
   font-weight: 500;
   font-size: 15px;
   color: #5c666f;
}
.icon-ver[data-v-74f122a6]{
   width: 15px;
   height: 15px;
   vertical-align: middle;
}
.labels[data-v-74f122a6]{
   float: right; 
   font-size: 11px;
   color: #5c666f;
   margin-top: 8px;
   vertical-align: middle;
}
#fecha[data-v-74f122a6]{
   margin-top: 4px;
   font-weight: 400;
   font-size: 9px;
   color: #5c666f;
}
.valores[data-v-74f122a6]{
   font-weight: 500;
   font-size: 18px;
   color: #4969B2;
   vertical-align: middle;
}
#divImporte[data-v-74f122a6]{
   margin-top: 25px;
}
#divCantidad[data-v-74f122a6]{
   margin-top: 10px;
}
       
       
       

*[data-v-77b08c3e] {
   margin:  0;
   padding: 0;
}
li[data-v-77b08c3e] {
   float: left;
   display: block;
   padding-right: 20px;
   text-decoration: none;
}
.oblea[data-v-77b08c3e]:hover{
    cursor: pointer;
}      
        
        

#back-popup[data-v-38f91d0e]{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #000000;
opacity: 0.6;
filter: alpha(opacity=60);
}
#popup-realizar-pedido[data-v-38f91d0e]{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 400px;
border-radius: 15px;
box-sizing: border-box;
background: #ffffff;
border-style: solid;
border-width: 1px;
border: 1px solid #dddddd;
}
#popup-btnClose-container[data-v-38f91d0e]{
  display: flex;
  flex-direction:row;
  margin-top: 10px;
  height: 20px;
  padding-right: 10px;
  align-items: center;
  justify-content: flex-end;
  background:  #ffffff
}
#popup-titulo[data-v-38f91d0e]{
 font-size: 26px;
 color: #5C666F;
 text-align: center;
}
#popup-container[data-v-38f91d0e]{
  display: flex;
  flex-direction:row;
  width: 380px;
  background:  #ffffff
}
.popupMaximoPorcentaje[data-v-38f91d0e]{
  font-size: 10px; 
  /* font-weight: 10px; */
  color: #5C666F;
}
.popupMaximoPorcentajeInv[data-v-38f91d0e]{
  font-size: 10px; 
  /* font-weight: 10; */
  color: #ff0000;
}
.popup-container-inline[data-v-38f91d0e]{
  display: flex;
  flex-direction:row;
  background:  #ffffff
}
#popup-image-container[data-v-38f91d0e]{
  width: 160px;
  height: 150px;
  margin-top:35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#popup-image[data-v-38f91d0e]{
  max-width: 90%;
  max-height: 90%;
}


/* #popup-producto{
 margin-top: 30px;
 font-size: 15px;
 color: #5C666F;
 font-weight: bold;
} */
#popup-descripcion-producto[data-v-38f91d0e]{
 margin-top: 6px;
 font-size: 11px;
 color: #5C666F;
}
#popup-precio-unitario[data-v-38f91d0e]{
 margin-top: 14px;
 margin-bottom: 20px;
 font-size: 24px;
 font-weight: 500;
 color: #5C666F;
}
#popup-cantidad-label[data-v-38f91d0e]{
 font-size: 12px;
 color: #5C666F;
 font-weight: 500;
}
#popup-subtotal-label[data-v-38f91d0e]{
 margin-top: 10px;
 font-size: 12px;
 color: #5C666F;
 font-weight: 500;
}
.popupCantidad[data-v-38f91d0e]{
 font-size: 12px;
 color: #5C666F;
 width: 60px;
 height:20px;
 margin-left: 0px;
 border-style: solid;
 border-radius: 5px;
 border:none;
 border-width: 1px;
 border: 1px solid #dddddd;
 text-align: center;
 outline: none;
}
.popupCantidadInv[data-v-38f91d0e]{
 font-size: 12px;
 color: #5C666F;
 width: 60px;
 height:20px;
 margin-left: 0px;
 border-style: solid;
 border-radius: 5px;
 border:none;
 border-width: 1px;
 border: 1px solid #ff0000;
 text-align: center;
 outline: none;
}
#popupDetalle[data-v-38f91d0e] {
  width: 245px;
  padding-left: 5px;
  margin-left: 10px;
  border-radius: 5px;
  height: 40px;
  border-style: solid;
  border: none;
  border-width: 1px;
  border: 1px solid #dddddd;
}
#popup-subtotal[data-v-38f91d0e]{
 font-size: 14px;
 margin-left: 80px;
 color: #5C666F;
}
#btnContainerPopup[data-v-38f91d0e]{
  height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#btnCerrarPopup[data-v-38f91d0e]{
  width: 100px;
  height: 40px;
  font-size: 10px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 20px;
  border-style: solid;
  border:none;
  color: #4969B2;
  background: #ffffff;
  border-width: 1px;
  border: 1px solid #4969B2;
  outline: none;
}
#btnAgregarPopup[data-v-38f91d0e]{
  width: 160px;
  height: 40px;
  font-size: 10px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 20px;
  border-style: solid;
  border:none;
  background: #44C7F4;
  color: #ffffff;
  outline: none;
}
#btnCerrarPopup[data-v-38f91d0e]:hover { cursor: pointer;
}
#btnAgregarPopup[data-v-38f91d0e]:hover { cursor: pointer;
}
#btnClose[data-v-38f91d0e]:hover { cursor: pointer;
}
#subheader[data-v-38f91d0e] {
 width: 100%;
 height: 35vh;
 background: linear-gradient(#005A9F , #1899D6);
}
#main-container[data-v-38f91d0e]{
 position: absolute;
 top: 55vh;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 700px;
 height: 85vh;
}
#label-container[data-v-38f91d0e]{
  width: 700px;
  height: 10vh;
}
#label[data-v-38f91d0e]{
  color:#ffffff;
  font-size: 27px;
}
#container[data-v-38f91d0e]{
  width: 700px;
  height: 65vh;
  border-width: 1px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  background-color: #ffffff;
}
#list-header-maincontainer[data-v-38f91d0e]{
    height: 13vh;
    display: flex;
    flex-direction: column;
}
#list-header-container[data-v-38f91d0e]{
    height: 9vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #ffffff;
}
#busqueda[data-v-38f91d0e]{
 border-radius: 20px;
 width: 300px;
 margin-top:15px;
 padding-left: 40px;
 height:30px;
 border-style: solid;
 border:none;
 border-width: 1px;
 border: 1px solid #dddddd;
 color: #000000;
 outline: none;
 background: white url(/dist/icon-search.png) left no-repeat ;
 background-size: 25px 25px;
 background-position: 10px;
}
#nombreDeposito[data-v-38f91d0e]{
    border-radius: 20px;
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 30px;
    margin-left: 10px;
    height: 30px;
    border-style: solid;
    border: none;
    border-width: 1px;
    color: #000000;
    outline: none;
    background: #eeeeee url(/dist/icon-close.png) right no-repeat;
    border: 1px solid #eeeeee;
    background-size: 22px 11px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#seleccion-container[data-v-38f91d0e]{
 margin-top: 15px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: #ffffff;
}
.seleccion[data-v-38f91d0e]{
 color:#2292CD;
 font-weight: normal;
 margin-left:0 auto;
 margin-right: 0 auto;
 margin-top: 0px;
 font-size: 11px;
 font-weight: 500;
 text-align: center;
}
.seleccion[data-v-38f91d0e]:hover{
    cursor: pointer;
}
#nombreDeposito[data-v-38f91d0e]:hover{
    cursor: pointer;
}
#separador[data-v-38f91d0e]{
 margin-left: 15px;
 margin-right: 15px;
 font-weight: 500;
 font-size: 13px;
 color:#dddddd;
}
#list-container[data-v-38f91d0e]{
 width: 630px;
 height: 49vh;
 margin-top:0px;
 margin-left: 25px;
 margin-right: 25px;
 overflow: auto;
 background-color: #ffffff;
}
#btnContainer[data-v-38f91d0e]{
  width: 660px;
  height: 10vh;
  display: flex;
  flex-direction:row;
  justify-content: flex-end;
  align-items: center;
}
#btnAgregarPromo[data-v-38f91d0e]{
  width: 120px;
  height: 30px;
  font-size: 9px;
  margin-left: 5px;
  margin-right: 5px;
  border-style: solid;
  border:none;
  color: #4969B2;
  background: #ffffff;
  border-radius: 20px;
  border-width: 1px;
  border: 1px solid #4969B2;
  outline: none;
}
#btnCarrito[data-v-38f91d0e]{
  width: 100px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 9px;
  border-style: solid;
  border:none;
  background: #44C7F4;
  border-radius: 20px;
  color: #ffffff;
  outline: none;
}
.popupMaximoPorcentaje[data-v-38f91d0e]{
  font-size: 8px; 
  color: #5C666F;
}
.popupMaximoPorcentajeInv[data-v-38f91d0e]{
  font-size: 8px; 
  color: #ff0000;
}
#btnAgregarPromo[data-v-38f91d0e]:hover{cursor: pointer;
}
#btnCarrito[data-v-38f91d0e]:hover{cursor: pointer;
}
.fade-enter-active[data-v-38f91d0e], .fade-leave-active[data-v-38f91d0e] {
  transition-property: opacity;
  transition-duration: .25s;
}
.fade-enter-active[data-v-38f91d0e] {
  transition-delay: .25s;
}
.fade-enter[data-v-38f91d0e], .fade-leave-active[data-v-38f91d0e] {
  opacity: 0
}
.fadePro-enter[data-v-38f91d0e] {
  opacity: 0;
}
.fadePro-enter-active[data-v-38f91d0e] {
  transition: opacity 0.5s;
}
.fadePro-enter-to[data-v-38f91d0e] {
  opacity: 1;
}
.fadePro-leave[data-v-38f91d0e] {
  opacity: 1;
}
.fadePro-leave-active[data-v-38f91d0e] {
  transition: opacity 0.1s;
}
.fadePro-leave-to[data-v-38f91d0e] {
  opacity: 0;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

/* width */
[data-v-38f91d0e]::-webkit-scrollbar {
    width: 5px;
}

/* Track */
[data-v-38f91d0e]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #dddddd;
    border-radius: 10px;
}

/* Handle */
[data-v-38f91d0e]::-webkit-scrollbar-thumb {
    background: #cccccc;
    border-radius: 10px;
}

/* Handle on hover */
[data-v-38f91d0e]::-webkit-scrollbar-thumb:hover {
    background: #bbbbbb;
}
[data-v-38f91d0e]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #dddddd;
    opacity: 1; /* Firefox */
}
[data-v-38f91d0e]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #dddddd;
}
[data-v-38f91d0e]::-ms-input-placeholder { /* Microsoft Edge */
    color: #dddddd;
}




#semaforoV[data-v-88dcf5fe] {
    width: 10px; 
    height: 15px;
    display: block;
    border-radius: 100%;
    background: #4CD964;
    position: absolute;
    width: 15px;
    left: 115px;
    top: 100px;
    z-index: 2;
    display: block;
}
#semaforoA[data-v-88dcf5fe] {
    width: 10px; 
    height: 15px;
    display: block;
    border-radius: 100%;
    background: #FFF242;
    position: absolute;
    width: 15px;
    left: 115px;
    top: 100px;
    z-index: 2;
    display: block;
}
#semaforoR[data-v-88dcf5fe] {
    width: 10px; 
    height: 15px;
    display: block;
    border-radius: 100%;
    background: red;
    position: absolute;
    width: 15px;
    left: 115px;
    top: 100px;
    z-index: 2;
    display: block;
}
#check[data-v-88dcf5fe]{
    position: absolute;
    width: 20px;
    left: 117px;
    top: 5px;
    z-index: 1;
    display: block;
}
#imagenProductoContainer[data-v-88dcf5fe]{
    width: 110px;
    height: 100px;
    display: flex;
    justify-content: center;  
    align-items: center;  
    border-radius: 10px;
    border-width: 1px;
    border: 1px solid #dddddd;
    padding: 10px 15px 10px 15px;
    box-shadow: 4px 4px 7px #dddddd;
}
#imagenProducto[data-v-88dcf5fe]{
    position: relative;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 10 px;
}
*[data-v-88dcf5fe] {
   margin:  0;
   padding: 0;
}
li[data-v-88dcf5fe] {
   float: left;
   display: block;
   padding: 10px;
   text-decoration: none;
}
.oblea[data-v-88dcf5fe]{
    position: relative;
    width: 130px;
    height: 160px;
    background: #ffffff;
}
#imagenProductoContainer[data-v-88dcf5fe]:hover{
    cursor: pointer;
    background: #f9f9f9;
}
#labelProducto[data-v-88dcf5fe]{
  margin-top: 8px;
  text-align: center;
  font-size:10px; 
  font-weight: 500;
  background-color: #ffffff; 
  color: #4969B2;
}
           
        
 
#back-popup[data-v-1983740e]{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #000000;
opacity: 0.6;
filter: alpha(opacity=60);
}
#popup-envio-pedido[data-v-1983740e]{
  position: absolute;
  top: 50%;
  left: 50%; 
  transform: translate(-50%,-50%);
  width: 400px;
  border-radius: 15px;
  box-sizing: border-box;
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  border: 1px solid #dddddd;
}
#popup-btnClose-container[data-v-1983740e]{
  display: flex;            
  flex-direction:row;  
  margin-top: 10px;
  height: 20px;
  padding-right: 10px;
  align-items: center;  
  justify-content: flex-end; 
  background:  #ffffff
}
#popup-titulo[data-v-1983740e]{
 font-size: 26px;
 color: #5C666F;
 text-align: center;
}
.labelsForms[data-v-1983740e]{
 margin-left: 30px;
 font-size: 12px;
 color: #5C666F;
 text-align: left;
}
.labelsFormsInv[data-v-1983740e]{
 margin-left: 30px;
 font-size: 12px;
 color: #FF0000;
 text-align: left;
}
#obs[data-v-1983740e]
{
  resize: none;
  width: 330px;
  margin-left: 30px;
  margin-bottom: 7px;
  padding: 10px;
  border-radius: 5px;  
  height:40px;
  border-style: solid;
  border:none; 
  border-width: 1px;
  border: 1px solid #dddddd;
  font-family: 'Rubik', sans-serif;
}
.wc[data-v-1983740e]{
  background-color: #ffffff;
  width: 340px;
  margin-bottom: 20px;
  margin-left: 30px;
  padding-left: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  height: 30px;
  border-style: solid;
  border: none;
  border-width: 1px;
  border: 1px solid #dddddd;

  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
}
select[data-v-1983740e]{
  width: 350px;
  height:30px;
  margin-left: 30px;
  padding-left: 5px;
  border-radius: 5px;  
  border-style: solid;
  border:none; 
  border-width: 1px;
  border: 1px solid #dddddd;
  font-family: 'Rubik', sans-serif;
}
select[data-v-1983740e] :disabled {
  color:#dddddd;
}
#btnContainerPopup[data-v-1983740e]{
  height: 80px;
  display: flex;            
  flex-direction: row;  
  justify-content: center;  
  align-items: center;
}
#btnclose[data-v-1983740e]{
  width: 100px;
  color: #4969B2;
  background: #ffffff; 
  border-width: 1px;
  border: 1px solid #4969B2;
  outline: none;
  height: 30px;
  font-size: 9px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 20px;  
  border-style: solid;
}
#btnsend[data-v-1983740e]{
  width: 100px;
  background: #44C7F4; 
  color: #ffffff;
  outline: none;
  height: 30px;
  font-size: 9px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 20px;  
  border-style: solid;
  border:none;
}
.boton[data-v-1983740e]:hover { cursor: pointer;
}
#btnClose[data-v-1983740e]:hover { cursor: pointer;
}
.fadePro-enter[data-v-1983740e] {
  opacity: 0;
}
.fadePro-enter-active[data-v-1983740e] {
  transition: opacity 0.5s;
}
.fadePro-enter-to[data-v-1983740e] {
  opacity: 1;
}
.fadePro-leave[data-v-1983740e] {
  opacity: 1;
}
.fadePro-leave-active[data-v-1983740e] {
  transition: opacity 0.1s;
}
.fadePro-leave-to[data-v-1983740e] {
  opacity: 0;
}



/*----------------------------*/
#subheader[data-v-1983740e] {
  width: 100%;
  height: 35vh;
  background: linear-gradient(#005A9F , #1899D6);
}
#main-container[data-v-1983740e]{
  position: absolute;
  top: 55vh;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 700px;
  height: 85vh;
}
#label-container[data-v-1983740e]{
  width: 700px;
  height: 10vh;
}
#label[data-v-1983740e]{
  color:#ffffff;
  font-size: 27px;
}
#container[data-v-1983740e]{
   width: 700px;
   height: 75vh;
   border-width: 1px;
   border: 1px solid #dddddd;
   box-sizing: border-box;
   box-shadow: 3px 3px 4px #dddddd;
   background-color: #ffffff;
   display: flex;
   flex-direction:column;
   align-items: center;
}
#header-pedido[data-v-1983740e]{
 width: 700px;
 height: 50px;
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
}
#header-pedidoL[data-v-1983740e]{
 width: 230px;
 height: 100%;
 display: flex;
 flex-direction: row;
 background: #ffffff;
 justify-content: flex-start;
 align-items: center;
}
#header-pedidoR[data-v-1983740e]{
 width: 400px;
 height: 100%;
 display: flex;
 flex-direction: row;
 background: #ffffff;
 justify-content: flex-end;
 align-items: center;
}
.nPedido[data-v-1983740e]{
 font-size: 18px;
 font-weight: bold;
 color:#5D6770;
}
#label-editar[data-v-1983740e]{
 font-size: 12px;
 color:#5D6770;
}
#total-container[data-v-1983740e]{
  width: 660px;
  height: 7vh;
  display: flex;
  flex-direction:row;
  justify-content: flex-end;
  align-items: center;
}
#list-container[data-v-1983740e]{
  width: 660px;
  height: 60vh;
  padding-top: 30px;
  background: #ffffff;
  overflow: auto;
  display: flex;
  flex-direction:column;
  align-items: center;
}
#btnContainer[data-v-1983740e]{
  width: 660px;
  height: 7vh;
  display: flex;
  flex-direction:row;
  justify-content: flex-end;
  align-items: center;
}
.label-form[data-v-1983740e]{
 font-size: 12px;
 color:#5D6770;
 display: flex;
 flex-direction: row;
 justify-content: initial;
 align-items: flex-start;
}
#icon[data-v-1983740e]:hover
{
  cursor: pointer;
}
#btnEliminar[data-v-1983740e]:hover
{
  cursor: pointer;
}
#btnGuardar[data-v-1983740e]:hover
{
  cursor: pointer;
}
#btnAgregar[data-v-1983740e]:hover
{
  cursor: pointer;
}
#btnEnviar[data-v-1983740e]:hover
{
  cursor: pointer;
}



 /* width */
[data-v-1983740e]::-webkit-scrollbar {
      width: 5px;
}

  /* Track */
[data-v-1983740e]::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #dddddd;
      border-radius: 10px;
}


  /* Handle */
[data-v-1983740e]::-webkit-scrollbar-thumb {
      background: #bbbbbb;
      border-radius: 10px;
}

  /* Handle on hover */
[data-v-1983740e]::-webkit-scrollbar-thumb:hover {
      background: #cccccc;
}
[data-v-1983740e]::-webkit-scrollbar {
  display: block;
}




*[data-v-2c9d5b21] {
  margin:  0;
  padding: 0;
}
#oblea[data-v-2c9d5b21] {
  width: 630px;
  height:85px;
  margin-bottom: 5px;
  background-color: #ffffff;  
  border-style: solid;
  border-width: 1px;
  border: 1px solid #dddddd;
  box-shadow: 1px 1px 3px #dddddd;
  display: flex;
  align-items: flex-start;
}
#oblea-desc[data-v-2c9d5b21] {
  width: 630px;
  height:30px;
  margin-bottom: 5px;
  background-color: #ffffaa;  
  border-style: solid;
  border-width: 1px;
  border: 1px solid #dddddd;
  box-shadow: 1px 1px 3px #dddddd;
  display: flex;
  align-items: flex-start;
}
#s1[data-v-2c9d5b21]{
  width: 10%;
  height: 100%;
  display: flex;
  justify-content: center;  
  align-items: center;
}
#s2[data-v-2c9d5b21]{
  width: 40%;
  height: 100%;
  display: flex;
  align-items: center;
}
#s22[data-v-2c9d5b21]{
  width: 24%;
  height: 100%;
  padding-left: 10px; 
  display: flex;
  flex-direction: column;
  justify-content: center;  
  align-items: flex-start;
}
#s222[data-v-2c9d5b21]{
  width: 24%;
  height: 100%;
  padding-left: 10px; 
  display: flex;
  flex-direction: row;
  justify-content: flex-start;  
  align-items: center;
}
#s3[data-v-2c9d5b21]{
  width: 20%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;  
  align-items: center;
}
#s4[data-v-2c9d5b21]{
  width: 6%;
  height: 100%;
  display: flex;
  justify-content: center;  
  align-items: center;
}
#titulo[data-v-2c9d5b21]{
  font-size: 13px;
  color: #656E76;
  font-weight: 500;
}
.label[data-v-2c9d5b21]{
  font-size: 12px;
  color: #656E76;
  font-weight: 500;
  float: left;
  width: 60px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.error-msg[data-v-2c9d5b21]{
  font-size: 8px;
  color: #ff0000;
  float: left;
  margin-top: 5px;
}
.label-desc[data-v-2c9d5b21]{
  font-size: 12px;
  color: #656E76;
  font-weight: 500;
  float: left;
  width: 70px;
}
.value[data-v-2c9d5b21]{
  font-size: 12px;
  color: #656E76;
  float: left;
  margin-top: 3px;
  margin-bottom: 3px;
}
#label-subtotal[data-v-2c9d5b21]{
  font-size: 12px;
  color: #656E76;
  margin-left: 10%;
}
#label-cantidad[data-v-2c9d5b21] {
 font-size: 12px;
 color: #656E76;
 font-weight: 500;
}
.cantidad[data-v-2c9d5b21] {
  width: 40px;
  height: 22px;
  margin-left: 5px;
  border-radius: 4px;  
  border-style: solid;
  border:none; 
  border-width: 1px;
  border: 1px solid #dddddd;
  text-align: center;
  color: #656E76;
  outline: none;
}
.cantidadInv[data-v-2c9d5b21] {
  width: 40px;
  height: 22px;
  margin-left: 5px;
  border-radius: 4px;  
  border-style: solid;
  border:none; 
  border-width: 1px;
  border: 1px solid #ff0000;
  text-align: center;
  color: #656E76;
  outline: none;
}
.itemMaximoPorcentaje[data-v-2c9d5b21]{
  font-size: 8px; 
  color: #5C666F;
  display: flex;
  align-items: flex-end
}
.itemMaximoPorcentajeInv[data-v-2c9d5b21]{
  font-size: 8px; 
  color: #FF0000;
  display: flex;
  align-items: flex-end
}
#btnEliminarItem[data-v-2c9d5b21]:hover{
  cursor: pointer;
}


 
#subheader[data-v-15d0518e] {
 width: 100%;
 height: 35vh;
 background: linear-gradient(#005A9F , #1899D6);
}
#main-container[data-v-15d0518e]{
      position: absolute;
      top: 55vh;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 700px;
      height: 85vh;
}
#label-container[data-v-15d0518e]{
      width: 700px;
      height: 10vh;
}
#label[data-v-15d0518e]{
      color:#ffffff;
      font-size: 27px;
}
#container[data-v-15d0518e]{
      width: 700px;
      height: 75vh;
      padding-top: 35px;
      border-width: 1px;
      border: 1px solid #dddddd;
      box-sizing: border-box;
      box-shadow: 3px 3px 4px #dddddd;
      background-color: #ffffff;
      display: flex;
      flex-direction:column; 
      align-items: center;
}
#list-container[data-v-15d0518e]{
      width: 660px;
      height: 65vh;
      background: #ffffff;
      overflow: auto;
      display: flex;
      flex-direction:column; 
      align-items: center;
}





/* width */
[data-v-15d0518e]::-webkit-scrollbar {
    width: 5px;
}

/* Track */
[data-v-15d0518e]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #dddddd; 
    border-radius: 10px;
}

 
/* Handle */
[data-v-15d0518e]::-webkit-scrollbar-thumb {
    background: #bbbbbb; 
    border-radius: 10px;
}

/* Handle on hover */
[data-v-15d0518e]::-webkit-scrollbar-thumb:hover {
    background: #cccccc;
}
[data-v-15d0518e]::-webkit-scrollbar { 
display: block;
}


/*::-webkit-scrollbar { 
    display: none; 
}
*/


*[data-v-9611057e] {
  margin:  0;
  padding: 0;
}
.texto[data-v-9611057e]{
color: #717A82;
}
#btnIrCarrito[data-v-9611057e]{
  width: 105px;
  height: 25px;
  margin-right: 10px;
  font-size: 9px;
  border-style: solid;
  border:none; 
  background: #44C7F4; 
  border-radius: 20px;  
  color: #ffffff;
  outline: none;
}
#btnIrCarrito[data-v-9611057e]:hover{
    cursor: pointer;
}
.labelR[data-v-9611057e] {
  font-size: 11px; 
  vertical-align: middle;
}
.labelRInvisible[data-v-9611057e] {
  font-size: 11px; 
  vertical-align: middle;
  opacity: 0;
}
.iconVerVisible[data-v-9611057e] {
  width:15px;
  height:15px;
}
.iconVerInvisible[data-v-9611057e] {
  width:15px; 
  height:15px;
  opacity:0;
}


/* BORRADOR = 0,
INGRESADO = 1,
APROBADO = 2,
NO_APROBADO = 3,
ENTREGADO_PARCIAL = 4,
ENTREGADO = 5,
ELIMINADO = 6 */


/*borrador*/
#circulo0[data-v-9611057e] {
  width: 10px;
  height:10px;
  display: block;
  border-radius: 100%;
  background: #D0D2D3;  
  margin: 10px;
}


/*ingresado*/
#circulo1[data-v-9611057e] {
  width: 10px;
  height:10px;
  display: block;
  border-radius: 100%;
  background: #FFC107;  
  margin: 10px;
}


/*aprobado*/
#circulo2[data-v-9611057e] {
  width: 10px;
  height:10px;
  display: block;
  border-radius: 100%;
  background: #4CD964;  
  margin: 10px;
}


/*no aprobado*/
#circulo3[data-v-9611057e] {
  width: 10px;
  height:10px;
  display: block;
  border-radius: 100%;
  background: red;  
  margin: 10px;
}


  
/*entregado parcial */
#circulo4[data-v-9611057e] {
  width: 10px;
  height:10px;
  display: block;
  border-radius: 100%;
  background: #FF51D9;  
  margin: 10px;
}


/*entregado*/
#circulo5[data-v-9611057e] {
  width: 10px;
  height:10px;
  display: block;
  border-radius: 100%;
  background: #5B84FF;  
  margin: 10px;
}


/*eliminado */
#circulo6[data-v-9611057e] {
  width: 10px;
  height:10px;
  display: block;
  border-radius: 100%;
  background: #666666;  
  margin: 10px;
}
#oblea[data-v-9611057e] {
  width: 630px;
  height:80px;
  background: #ffffff;  
  border-style: solid;
  border-width: 1px;
  border: 1px solid #dddddd;
  display: flex;
  align-items: flex-start;
}
#seccion1[data-v-9611057e]{
  width: 64%;
  height:100%;
  background: #ffffff;
}
#seccion2[data-v-9611057e]{
    width: 36%;
    height:100%;
    background: #ffffff;  
    display: flex;            
    flex-direction: column;  
    justify-content: center;  
    align-items: flex-start;
}
#seccion3[data-v-9611057e] {
    width: 100%;
    height:30px;
    background: #ffffff;  
    display: flex;            
    flex-direction: row;  
    justify-content: flex-start;  
    align-items: center;  
    margin-top: 0px;
}
#seccion4[data-v-9611057e] {
    width: 100%;
    height:30px;
    background: #ffffff;  
    display: flex;            
    justify-content: flex-end;  
    align-items: center;  
    margin-top: 5px;
}
#titulo[data-v-9611057e]{
  font-size: 16px;
  color: #656E76;
  margin-top: 12px;
  margin-left: 35px;
  font-weight: 500;
}
#fecha[data-v-9611057e]{
  font-size: 10px;
  color: #656E76;
  margin-top: 3px;
  margin-left: 35px;
  margin-bottom: 10px;
}
.label[data-v-9611057e]{
  font-size: 12px;
  font-weight: 500;
  color: #656E76;
  margin-top: 10px;
  margin-left: 35px;
}
.value[data-v-9611057e]{
  font-size: 12px;
  color: #656E76;
  margin-top: 10px;
}
.ver-enviado[data-v-9611057e]{
  font-size: 12px;
  color: #656E76;
  vertical-align: middle;
  margin-top: 25px;
  margin-left: 35px;
}
.icon[data-v-9611057e]{
  width: 10px;
  height: 10px;
  vertical-align: middle;
}
#iconVer[data-v-9611057e]:hover { cursor: pointer;
}
#labelVer[data-v-9611057e]:hover { cursor: pointer;
}
#btnEliminarBorrador[data-v-9611057e]:hover { cursor: pointer;
}




 
.boton[data-v-66eee411]:hover { cursor: pointer;
}
#btnClose[data-v-66eee411]:hover { cursor: pointer;
}
.fadePro-enter[data-v-66eee411] {
    opacity: 0;
}
.fadePro-enter-active[data-v-66eee411] {
    transition: opacity 0.5s;
}
.fadePro-enter-to[data-v-66eee411] {
    opacity: 1;
}
.fadePro-leave[data-v-66eee411] {
    opacity: 1;
}
.fadePro-leave-active[data-v-66eee411] {
    transition: opacity 0.1s;
}
.fadePro-leave-to[data-v-66eee411] {
    opacity: 0;
}


  /*----------------------------*/
#subheader[data-v-66eee411] {
   width: 100%;
   height: 35vh;
   background: linear-gradient(#005A9F , #1899D6);
}
#main-container[data-v-66eee411]{
  position: absolute;
  top: 55vh;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 700px;
  height: 85vh;
}
#header-pedido[data-v-66eee411]{
 width: 700px;
 height: 65px;
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
}
#header-pedidoL[data-v-66eee411]{
 width: 260px;
 height: 100%;
 display: flex;
 flex-direction: row;
 background: #ffffff;
 justify-content: flex-start;
 align-items: center;
}
#header-pedidoR[data-v-66eee411]{
 width: 370px;
 height: 100%;
 display: flex;
 flex-direction: row;
 background: #ffffff;
 justify-content: flex-end;
 align-items: center;
}
#label-container[data-v-66eee411]{
  width: 700px;
  height: 10vh;
}
#label[data-v-66eee411]{
  color:#ffffff;
  font-size: 27px;
}
.label-total[data-v-66eee411]{
  font-size: 16px;
  color:#5D6770;
}
.label-subtotal[data-v-66eee411]{
  font-size: 12px;
  color:#5D6770;
}
#container[data-v-66eee411]{
   width: 700px;
   height: 75vh;
   border-width: 1px;
   border: 1px solid #dddddd;
   box-sizing: border-box;
   box-shadow: 3px 3px 4px #dddddd;
   background-color: #ffffff;
   display: flex;
   flex-direction:column;
   align-items: center;
}
#list-container[data-v-66eee411]{
   width: 660px;
   height: 61vh;
   background: #ffffff;
   overflow: auto;
   display: flex;
   flex-direction:column;
   align-items: center;
}
#total-container[data-v-66eee411]{
  width: 660px;
  height: 7vh;
  display: flex;
  flex-direction:row;
  justify-content: flex-end;
  align-items: center;
}
.label2[data-v-66eee411]{
  font-size: 14px;
  color:#5D6770;
}
#btnContainer[data-v-66eee411]{
  width: 660px;
  height: 7vh;
  display: flex;
  flex-direction:row;
  justify-content: flex-end;
  align-items: center;
}
#btnReplicar[data-v-66eee411]{
    width: 120px;
    height: 30px;
    font-size: 9px;
    border-style: solid;
    border:none;
    background: #44C7F4;
    border-radius: 20px;
    color: #ffffff;
}
input[type="submit"][data-v-66eee411]:hover
  {
    cursor: pointer;
}


/* width */
[data-v-66eee411]::-webkit-scrollbar {
      width: 5px;
}

  /* Track */
[data-v-66eee411]::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #dddddd;
      border-radius: 10px;
}


  /* Handle */
[data-v-66eee411]::-webkit-scrollbar-thumb {
      background: #bbbbbb;
      border-radius: 10px;
}

  /* Handle on hover */
[data-v-66eee411]::-webkit-scrollbar-thumb:hover {
      background: #cccccc;
}
[data-v-66eee411]::-webkit-scrollbar {
  display: block;
}


  
*[data-v-3caf8d3e] {
    margin:  0;
    padding: 0;
}
#oblea[data-v-3caf8d3e] {
    width: 630px;
    height:70px;
    margin-bottom: 5px;
    background: #ffffff;  
    border-style: solid;
    border-width: 1px;
    border: 1px solid #dddddd;
    box-shadow: 1px 1px 2px #dddddd;
    display: flex;
    align-items: flex-start;
}
#oblea-desc[data-v-3caf8d3e] {
  width: 630px;
  height:30px;
  margin-bottom: 5px;
  background-color: #ffffaa;  
  border-style: solid;
  border-width: 1px;
  border: 1px solid #dddddd;
  box-shadow: 1px 1px 3px #dddddd;
  display: flex;
  align-items: flex-start;
}
#s1[data-v-3caf8d3e]{
  width: 10%;
  height: 100%;
  display: flex;
  justify-content: center;  
  align-items: center;
}
#s2[data-v-3caf8d3e]{
  width: 40%;
  height: 100%;
  display: flex;
  align-items: center;
}
#s22[data-v-3caf8d3e]{
  width: 24%;
  height: 100%;
  padding-left: 10px; 
  display: flex;
  flex-direction: column;
  justify-content: center;  
  align-items: flex-start;
}
#s222[data-v-3caf8d3e]{
  width: 24%;
  height: 100%;
  padding-left: 10px; 
  display: flex;
  flex-direction: row;
  justify-content: flex-start;  
  align-items: center;
}
#s3[data-v-3caf8d3e]{
  width: 20%;
  height: 100%;
  display: flex;
  justify-content: center;  
  align-items: center;
}
#s4[data-v-3caf8d3e]{
  width: 6%;
  height: 100%;
  display: flex;
  justify-content: center;  
  align-items: center;
}
#titulo[data-v-3caf8d3e]{
  font-size: 13px;
  color: #656E76;
  font-weight: 500;
}
.label[data-v-3caf8d3e]{
  font-size: 12px;
  color: #656E76;
  font-weight: 500;
  float: left;
  width: 60px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.value[data-v-3caf8d3e]{
  font-size: 12px;
  color: #656E76;
  float: left;
  margin-top: 3px;
  margin-bottom: 3px;
}
#cantidad[data-v-3caf8d3e]{
  font-size: 12px;
  color: #656E76;
  margin-top: 3px;
  margin-bottom: 3px;
}

 
  

#back-popup[data-v-a72fee0c]{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #000000;
opacity: 0.6;
filter: alpha(opacity=60);
}
#popup[data-v-a72fee0c]{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 400px;
height: 350px;
border-radius: 15px;
box-sizing: border-box;
background: #ffffff;
border-style: solid;
border-width: 1px;
border: 1px solid #dddddd;
}
#popup-btnClose-container[data-v-a72fee0c]{
  display: flex;            
  flex-direction:row;  
  margin-top: 10px;
  height: 20px;
  padding-right: 10px;
  align-items: center;  
  justify-content: flex-end; 
  background:  #ffffff
}
#popup-titulo[data-v-a72fee0c]{
 font-size: 26px;
 color: #5C666F;
 text-align: center;
}
#popup-container[data-v-a72fee0c]{
  display: flex;            
  flex-direction:row;  
  width: 380px;
  height: 210px;
  background:  #ffffff
}
#popup-image-container[data-v-a72fee0c]{
  width: 160px;
  height: 150px;
  margin-top:20px; 
  display: flex;            
  justify-content: center;  
  align-items: center;
}
#popup-image[data-v-a72fee0c]{
  max-width: 90%;
  max-height: 90%;
}
#popup-producto[data-v-a72fee0c]{
 margin-top: 20px;
 font-size: 15px;
 color: #5C666F;
 font-weight: bold;
}
#popup-descripcion-producto[data-v-a72fee0c]{
 margin-top: 6px;
 font-size: 11px;
 color: #5C666F;
}
#popup-precio-unitario[data-v-a72fee0c]{
 margin-top: 14px;
 margin-bottom: 20px;
 font-size: 24px;
 font-weight: 500;
 color: #5C666F;
}
#popup-cantidad-label[data-v-a72fee0c]{
 font-size: 12px;
 color: #5C666F;
 font-weight: 500;
}
#popup-subtotal-label[data-v-a72fee0c]{
 margin-top: 10px;
 font-size: 12px;
 color: #5C666F;
 font-weight: 500;
}
.popupCantidad[data-v-a72fee0c]{
 font-size: 12px;
 color: #5C666F;
 width: 70px;
 height:20px;
  border-style: solid;
 border-radius: 5px;  
 border:none; 
 border-width: 1px;
 border: 1px solid #dddddd;
 text-align: center;
 outline: none;
}
.popupCantidadInv[data-v-a72fee0c]{
 font-size: 12px;
 color: #5C666F;
 width: 70px;
 height:20px;
  border-style: solid;
 border-radius: 5px;  
 border:none; 
 border-width: 1px;
 border: 1px solid #ff0000;
 text-align: center;
 outline: none;
}
#popup-subtotal[data-v-a72fee0c]{
 font-size: 14px;
 margin-left: 35px;
 font-weight: 600;
 color: #5C666F;
}
#btnContainerPopup[data-v-a72fee0c]{
  height: 80px;
  display: flex;            
  flex-direction: row;  
  justify-content: center;  
  align-items: center;
}
#btnCerrarPopup[data-v-a72fee0c]{
  width: 100px;
  height: 40px;
  font-size: 10px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 20px;  
  border-style: solid;
  border:none; 
  color: #4969B2;
  background: #ffffff; 
  border-width: 1px;
  border: 1px solid #4969B2;
  outline: none;
}
#btnAgregarPopup[data-v-a72fee0c]{
  width: 160px;
  height: 40px;
  font-size: 10px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 20px;  
  border-style: solid;
  border:none; 
  background: #44C7F4; 
  color: #ffffff;
  outline: none;
}
#btnCerrarPopup[data-v-a72fee0c]:hover { cursor: pointer;
}
#btnAgregarPopup[data-v-a72fee0c]:hover { cursor: pointer;
}
#btnClose[data-v-a72fee0c]:hover { cursor: pointer;
}
.fadePro-enter[data-v-a72fee0c] {
  opacity: 0;
}
.fadePro-enter-active[data-v-a72fee0c] {
  transition: opacity 0.5s;
}
.fadePro-enter-to[data-v-a72fee0c] {
  opacity: 1;
}
.fadePro-leave[data-v-a72fee0c] {
  opacity: 1;
}
.fadePro-leave-active[data-v-a72fee0c] {
  transition: opacity 0.1s;
}
.fadePro-leave-to[data-v-a72fee0c] {
  opacity: 0;
}






/*----------------------------------------------------------------------------------------------------*/
#subheader[data-v-a72fee0c] {
       width: 100%;
       height: 35vh;
       background: linear-gradient(#005A9F , #1899D6);
}
#main-container[data-v-a72fee0c]{
        position: absolute;
        top: 55vh;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 700px;
        height: 85vh;
}
#label-container[data-v-a72fee0c]{
        width: 700px;
        height: 10vh;
}
#label[data-v-a72fee0c]{
        color:#ffffff;
        font-size: 27px;
}
#container[data-v-a72fee0c]{
        width: 700px;
        height: 65vh;
        padding-top: 35px;
        border-width: 1px;
        border: 1px solid #dddddd;
        box-sizing: border-box;
        /*box-shadow: 3px 3px 4px #dddddd;*/
        background-color: #ffffff;
        display: flex;
        flex-direction:column; 
        align-items: center;
}
#list-container[data-v-a72fee0c]{
        width: 660px;
        height: 55vh;
        background: #ffffff;
        overflow: auto;
        display: flex;
        flex-direction:column; 
        align-items: center;
}
.popupMaximoPorcentaje[data-v-a72fee0c]{
        font-size: 8px; 
        /* font-weight: 10px; */
        color: #5C666F;
}
.popupMaximoPorcentajeInv[data-v-a72fee0c]{
        font-size: 8px; 
        /* font-weight: 10; */
        color: #ff0000;
}
#btnContainer[data-v-a72fee0c]{
        width: 660px;
        height: 10vh;
        display: flex;
        flex-direction:row; 
        justify-content: flex-end; 
        align-items: center;
}
#btnAgregarProducto[data-v-a72fee0c]{
        width: 120px;
        height: 30px;
        font-size: 9px;
        margin-left: 5px;
        margin-right: 5px;
        border-style: solid;
        border:none; 
        color: #4969B2;
        background: #ffffff; 
        border-radius: 20px;  
        border-width: 1px;
        border: 1px solid #4969B2;
        outline: none;
}
#btnIrCarrito[data-v-a72fee0c]{
        width: 100px;
        height: 30px;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 9px;
        border-style: solid;
        border:none; 
        background: #44C7F4; 
        border-radius: 20px;  
        color: #ffffff;
        outline: none;
}
#btnAgregarProducto[data-v-a72fee0c]:hover{cursor: pointer;
}
#btnIrCarrito[data-v-a72fee0c]:hover{cursor: pointer;
}
          


     /* width */
[data-v-a72fee0c]::-webkit-scrollbar {
          width: 5px;
}

      /* Track */
[data-v-a72fee0c]::-webkit-scrollbar-track {
          box-shadow: inset 0 0 5px #dddddd; 
          border-radius: 10px;
}
      
      /* Handle */
[data-v-a72fee0c]::-webkit-scrollbar-thumb {
          background: #bbbbbb; 
          border-radius: 10px;
}

      /* Handle on hover */
[data-v-a72fee0c]::-webkit-scrollbar-thumb:hover {
          background: #cccccc;
}

      
      
      
*[data-v-47eca532] {
  margin:  0;
  padding: 0;
}
#oblea[data-v-47eca532] {
  width: 630px;
  height:70px;
  margin-bottom: 10px;
  background: #ffffff;  
  border-style: solid;
  border-width: 1px;
  border: 1px solid #dddddd;
  box-shadow: 1px 1px 2px #dddddd;
  display: flex;
  align-items: flex-start;
}
#s1[data-v-47eca532]{
width: 12%;
height: 100%;
background: #ffffff;  
display: flex;
justify-content: center;  
align-items: center;
}
#s2[data-v-47eca532]{
  width: 70%;
  height: 100%;
  background: #ffffff;
}
#s3[data-v-47eca532]{
  width: 18%;
  height: 100%;
  background: #ffffff;  
  display: flex;
  justify-content: center;  
  align-items: center;
}
#titulo[data-v-47eca532]{
  font-size: 14px;
  color: #656E76;
  margin-top: 8px;
  font-weight: 500;
}
#descrip[data-v-47eca532]{
  font-size: 9px;
  color: #656E76;
  height: 12px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.label[data-v-47eca532]{
  font-size: 10px;
  color: #656E76;
  font-weight: bold;
  background-color: #ffffff;
  width: 90px;
  float: left;
}
.value[data-v-47eca532]{
  font-size: 10px;
  font-weight: bold;  
  color: #656E76;
  width: 70px;
  background-color: #ffffff;
  float: left;
}
#label-subtotal[data-v-47eca532]{
  font-size: 10px;
  font-weight: bold;
  color: #656E76;
  margin-left: 10%;
  width: 110px;
  background-color: #ffffff;
  float: left;
}
#btnAgregar[data-v-47eca532]{
  width: 85px;
  height: 22px;
  font-size: 7px;
  border-style: solid;
  border:none; 
  background: #44C7F4; 
  border-radius: 20px;  
  color: #ffffff;
  outline: none;
}
#btnAgregar[data-v-47eca532]:hover { cursor: pointer;
}
    




#subheader[data-v-37e57ece] {
   width: 100%;
   height: 35vh;
   background: linear-gradient(#005A9F , #1899D6);
}
#main-container[data-v-37e57ece]{
   position: absolute;
   top: 55vh;
   left: 50%;
   transform: translate(-50%,-50%);
   width: 700px;
   height: 85vh;
}
#label-container[data-v-37e57ece]{
   width: 700px;
   height: 10vh;
}
#label[data-v-37e57ece]{
   color:#ffffff;
   font-size: 27px;
}
#container[data-v-37e57ece]{
   width: 700px;
   height: 75vh;
   padding-top: 30px;
   border-width: 1px;
   border: 1px solid #dddddd;
   box-sizing: border-box;
   /*box-shadow: 3px 3px 4px #dddddd;*/
   background-color: #ffffff;
}
#list-container[data-v-37e57ece]{
   width: 660px;  
   height: 65vh;
   margin-left: auto;
   margin-right: auto;
   background: #ffffff;
   overflow: auto;
   display: flex;
   flex-direction:column; 
   align-items: center;
}


/* width */
[data-v-37e57ece]::-webkit-scrollbar {
    width: 5px;
}

/* Track */
[data-v-37e57ece]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #dddddd; 
    border-radius: 10px;
}
 
/* Handle */
[data-v-37e57ece]::-webkit-scrollbar-thumb {
    background: #cccccc; 
    border-radius: 10px;
}

/* Handle on hover */
[data-v-37e57ece]::-webkit-scrollbar-thumb:hover {
    background: #bbbbbb;
}


  
*[data-v-78ad0a22] {
  margin:  0;
  padding: 0;
}
#oblea[data-v-78ad0a22] {
  width: 630px;
  height:70px;
  margin-bottom: 10px;
  background: #ffffff;  
  border-style: solid;
  border-width: 1px;
  border: 1px solid #dddddd;
  box-shadow: 1px 1px 2px #dddddd;
  display: flex;
  align-items: flex-start;
}
#s1[data-v-78ad0a22]{
width: 14%;
height: 100%;
background: #ffffff;  
display: flex;
justify-content: center;  
align-items: center;
}
#s2[data-v-78ad0a22]{
  width: 70%;
  height: 100%;
  background: #ffffff;
}
#s3[data-v-78ad0a22]{
  width: 16%;
  height: 100%;
  background: #ffffff;  
  display: flex;
  justify-content: center;  
  align-items: center;
}
#titulo[data-v-78ad0a22]{
  font-size: 14px;
  color: #656E76;
  margin-top: 8px;
  font-weight: 500;
}
#descrip[data-v-78ad0a22]{
  font-size: 9px;
  color: #656E76;
  height: 12px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.label[data-v-78ad0a22]{
  font-size: 10px;
  color: #656E76;
  font-weight: bold;
  background-color: #ffffff;
  width: 85px;
  float: left;
}
.value[data-v-78ad0a22]{
  font-size: 10px;
  /*font-weight: bold;  */
  color: #656E76;
  width: 70px;
  background-color: #ffffff;
  float: left;
}
#label-subtotal[data-v-78ad0a22]{
  font-size: 10px;
  font-weight: bold;
  color: #656E76;
  margin-left: 10%;
  width: 90px;
  background-color: #ffffff;
  float: left;
}



*[data-v-6b3ee888]{
  margin:  0;
  padding: 0;
}
#bloque1[data-v-6b3ee888]{
  width:100%;
  height:100vh;
  background: linear-gradient(#005A9F , #1899D6);
}
.loginBox[data-v-6b3ee888]{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 350px;
height: 370px;
padding: 20px;
border-radius: 15px;
box-sizing: border-box;
background-color: #ffffff;
}
.loginBoxImg[data-v-6b3ee888]{
width: 100px;
height: 100px;
border-radius: 50%; 
overflow: hidden;
position: absolute;
top: calc(-100px/2);
left:calc(50% - 50px);
}
.labels[data-v-6b3ee888]
{
  margin: 0;
  padding-bottom: 5px;
  font-weight: 500;
  font-size: 10px;
  color: #5c666f;
}
.error[data-v-6b3ee888]
{
  color: #ff0000;
}
#titulo[data-v-6b3ee888]{
margin-top: 40px;
padding: 0,0,20px;  
text-align: center;
font-size: 20px;
margin-bottom: 15px;
}
.inputBox[data-v-6b3ee888]
{
  width: 305px;
  margin-bottom: 20px;
  padding-left: 5px;
  border-radius: 5px;  
  margin-bottom: 10px;
  height:30px;
  border-style: solid;
  border:none; 
  border-width: 1px;
  border: 1px solid #dddddd;
}
.inputBoxInv[data-v-6b3ee888]
{
  width: 305px;
  margin-bottom: 20px;
  padding-left: 5px;
  border-radius: 5px;  
  margin-bottom: 10px;
  height:30px;
  border-style: solid;
  border:none; 
  border-width: 1px;
  border: 1px solid #ff0000;
}
#btnContainer[data-v-6b3ee888]{
margin-top: 20px;  
text-align: center;
}
input[type="submit"][data-v-6b3ee888]
{
  height: 30px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 20px;  
  border-style: solid;
  border:none;
}
#btnRegistro[data-v-6b3ee888]{
  width: 100%;
  margin-bottom: 20px;
  margin-right: 5px;
  height: 30px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 20px;  
  border-style: solid;
  border:none; 
  text-align: center;
  width: 100px;
  height: 30px;
  color: #5c666f;
  background: #ffffff; 
  border-width: 1px;
  border: 2px solid #5c666f;
  outline: none;
}
#btnIngresar[data-v-6b3ee888]{
  width: 100%;
  margin-bottom: 20px;
  margin-left: 5px;
  height: 30px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 20px;  
  border-style: solid;
  border:none; 
  text-align: center;
  width: 80px;
  background: #44C7F4; 
  color: #ffffff;
  border-width: 1px;
  border: 2px solid #44C7F4;
  outline: none;
}
#btnIngresar[data-v-6b3ee888]:hover { cursor: pointer;
}
#btnRegistro[data-v-6b3ee888]:hover { cursor: pointer;
}
#forgetPass[data-v-6b3ee888]:hover { cursor: pointer;
}



#listMenu-container[data-v-1bf980d0] {
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #ffffff;
}
#listMenu-containerL[data-v-1bf980d0] {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background: #ffffff;
}
#busqueda[data-v-1bf980d0] {
  border-radius: 20px;
  width: 150px;
  margin-left: 25px;
  padding-left: 40px;
  height: 20px;
  border-style: solid;
  border: none;
  border-width: 1px;
  border: 1px solid #dddddd;
  color: #000000;
  outline: none;
  background: white url(/dist/icon-search.png) left no-repeat;
  background-size: 15px 15px;
  background-position: 10px;
  font-size: 12px;
  font-family: "Rubik", sans-serif;
}
#listMenu-containerR[data-v-1bf980d0] {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  background: #ffffff;
}
.textHeaderList[data-v-1bf980d0] {
  color: #656e76;
  font-size: 10px;
  font-weight: 500;
}
#headerList-container[data-v-1bf980d0] {
  width: 650px;
  margin-left: 22px;
  height: 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}
.checkContainer[data-v-1bf980d0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.icon[data-v-1bf980d0] {
  height: 25px;
  margin-right: 25px;
}
.icon[data-v-1bf980d0]:hover {
  cursor: pointer;
}
#subheader[data-v-1bf980d0] {
  width: 100%;
  height: 35vh;
  background: linear-gradient(#005a9f, #1899d6);
}
#main-container[data-v-1bf980d0] {
  position: absolute;
  top: 55vh;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: 85vh;
}
#label-container[data-v-1bf980d0] {
  width: 700px;
  height: 10vh;
}
#label[data-v-1bf980d0] {
  color: #ffffff;
  font-size: 27px;
}
#container[data-v-1bf980d0] {
  width: 700px;
  height: 75vh;
  padding-top: 0px;
  border-width: 1px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  background-color: #ffffff;
}
#list-container[data-v-1bf980d0] {
  width: 680px;
  margin-top: 10px;
  height: 56vh;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* width */
[data-v-1bf980d0]::-webkit-scrollbar {
  width: 5px;
}

/* Track */
[data-v-1bf980d0]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #dddddd;
  border-radius: 10px;
}

/* Handle */
[data-v-1bf980d0]::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 10px;
}

/* Handle on hover */
[data-v-1bf980d0]::-webkit-scrollbar-thumb:hover {
  background: #bbbbbb;
}

*[data-v-4738f13d] {
  margin: 0;
  padding: 0;
}
#registro[data-v-4738f13d] {
  width: 650px;
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}
.textHeaderList[data-v-4738f13d] {
  color: #656e76;
  font-size: 10px;
  font-weight: 500;
}
.saldoPos[data-v-4738f13d] {
  color: #04b590;
  font-size: 10px;
  font-weight: 500;
}
.saldoNeg[data-v-4738f13d] {
  color: #e34860;
  font-size: 10px;
  font-weight: 500;
}
.saldoNeutro[data-v-4738f13d] {
  color: #4969b2;
  font-size: 10px;
  font-weight: 500;
}
.checkContainer[data-v-4738f13d] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#iconVer[data-v-4738f13d] {
  width: 15px;
  height: 15px;
}
#iconVer[data-v-4738f13d]:hover {
  cursor: pointer;
}

#subheader[data-v-310b5ffa] {
    width: 100%;
    height: 35vh;
    background: linear-gradient(#005A9F , #1899D6);
}
#main-container[data-v-310b5ffa]{
    position: absolute;
    top: 55vh;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 700px;
    height: 85vh;
}
#label-container[data-v-310b5ffa]{
     width: 700px;
     height: 10vh;
}
#label[data-v-310b5ffa]{
     color:#ffffff;
     font-size: 27px;
}
#container[data-v-310b5ffa]{
     width: 700px;
     height: 65vh;
     border-width: 1px;
     border: 1px solid #dddddd;
     box-sizing: border-box;
     background-color: #ffffff;
}
.container[data-v-310b5ffa] {
  color: #656e76;
  font-size: 10px;
  font-weight: 500;
}

#subheader[data-v-2360d7b4] {
  width: 100%;
  height: 35vh;
  background: linear-gradient(#005A9F , #1899D6);
}
#main-container[data-v-2360d7b4]{
  position: absolute;
  top: 55vh;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 700px;
  height: 85vh;
}
#label-container[data-v-2360d7b4]{
   width: 700px;
   height: 10vh;
}
#label[data-v-2360d7b4]{
   color:#ffffff;
   font-size: 27px;
}
#container[data-v-2360d7b4]{
   width: 700px;
   height: 65vh;
   border-width: 1px;
   border: 1px solid #dddddd;
   box-sizing: border-box;
   background-color: #ffffff;
}
#list-header-container[data-v-2360d7b4]{
   height: 13vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background-color: #ffffff;
}
#busqueda[data-v-2360d7b4]{
  border-radius: 20px;
  width: 400px;
  margin-top:15px;
  padding-left: 40px;
  height:30px;
  border-style: solid;
  border:none;
  border-width: 1px;
  border: 1px solid #dddddd;
  color: #000000;
  outline: none;
  background: white url(/dist/icon-search.png) left no-repeat ;
  background-size: 25px 25px;
  background-position: 10px;
}
#seleccion-container[data-v-2360d7b4]{
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}
.seleccion[data-v-2360d7b4]{
  color:#2292CD;
  font-weight: normal;
  margin-left:0 auto;
  margin-right: 0 auto;
  margin-top: 0px;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
}
.seleccion[data-v-2360d7b4]:hover{
     cursor: pointer;
}
#separador[data-v-2360d7b4]{
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 500;
  font-size: 13px;
  color:#dddddd;
}
#list-container[data-v-2360d7b4]{
  width: 630px;
  height: 49vh;
  margin-top:0px;
  margin-left: 25px;
  margin-right: 25px;
  overflow: auto;
  background-color: #ffffff;
}
#btnContainer[data-v-2360d7b4]{
   width: 660px;
   height: 10vh;
   display: flex;
   flex-direction:row;
   justify-content: flex-end;
   align-items: center;
}
#btnAgregarPromo[data-v-2360d7b4]{
   width: 120px;
   height: 30px;
   font-size: 9px;
   margin-left: 5px;
   margin-right: 5px;
   border-style: solid;
   border:none;
   color: #4969B2;
   background: #ffffff;
   border-radius: 20px;
   border-width: 1px;
   border: 1px solid #4969B2;
   outline: none;
}
#btnCarrito[data-v-2360d7b4]{
   width: 100px;
   height: 30px;
   margin-left: 5px;
   margin-right: 5px;
   font-size: 9px;
   border-style: solid;
   border:none;
   background: #44C7F4;
   border-radius: 20px;
   color: #ffffff;
   outline: none;
}
#btnAgregarPromo[data-v-2360d7b4]:hover{cursor: pointer;
}
#btnCarrito[data-v-2360d7b4]:hover{cursor: pointer;
}
.fade-enter-active[data-v-2360d7b4], .fade-leave-active[data-v-2360d7b4] {
   transition-property: opacity;
   transition-duration: .25s;
}
.fade-enter-active[data-v-2360d7b4] {
   transition-delay: .25s;
}
.fade-enter[data-v-2360d7b4], .fade-leave-active[data-v-2360d7b4] {
   opacity: 0
}
.fadePro-enter[data-v-2360d7b4] {
   opacity: 0;
}
.fadePro-enter-active[data-v-2360d7b4] {
   transition: opacity 0.5s;
}
.fadePro-enter-to[data-v-2360d7b4] {
   opacity: 1;
}
.fadePro-leave[data-v-2360d7b4] {
   opacity: 1;
}
.fadePro-leave-active[data-v-2360d7b4] {
   transition: opacity 0.1s;
}
.fadePro-leave-to[data-v-2360d7b4] {
   opacity: 0;
}

 /*-----------------------------------------------------------------------------------------------------------------------*/

 /* width */
[data-v-2360d7b4]::-webkit-scrollbar {
     width: 5px;
}

 /* Track */
[data-v-2360d7b4]::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px #dddddd;
     border-radius: 10px;
}

 /* Handle */
[data-v-2360d7b4]::-webkit-scrollbar-thumb {
     background: #cccccc;
     border-radius: 10px;
}

 /* Handle on hover */
[data-v-2360d7b4]::-webkit-scrollbar-thumb:hover {
     background: #bbbbbb;
}
[data-v-2360d7b4]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #dddddd;
     opacity: 1; /* Firefox */
}
[data-v-2360d7b4]:-ms-input-placeholder { /* Internet Explorer 10-11 */
     color: #dddddd;
}
[data-v-2360d7b4]::-ms-input-placeholder { /* Microsoft Edge */
     color: #dddddd;
}

#subheader[data-v-237fe317] {
  width: 100%;
  height: 35vh;
  background: linear-gradient(#005A9F , #1899D6);
}
#main-container[data-v-237fe317]{
  position: absolute;
  top: 55vh;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 700px;
  height: 85vh;
}
#label-container[data-v-237fe317]{
   width: 700px;
   height: 10vh;
}
#label[data-v-237fe317]{
   color:#ffffff;
   font-size: 27px;
}
#container[data-v-237fe317]{
   width: 700px;
   height: 65vh;
   border-width: 1px;
   border: 1px solid #dddddd;
   box-sizing: border-box;
   background-color: #ffffff;
}
#list-header-container[data-v-237fe317]{
   height: 13vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background-color: #ffffff;
}
#busqueda[data-v-237fe317]{
  border-radius: 20px;
  width: 400px;
  margin-top:15px;
  padding-left: 40px;
  height:30px;
  border-style: solid;
  border:none;
  border-width: 1px;
  border: 1px solid #dddddd;
  color: #000000;
  outline: none;
  background: white url(/dist/icon-search.png) left no-repeat ;
  background-size: 25px 25px;
  background-position: 10px;
}
#seleccion-container[data-v-237fe317]{
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}
.seleccion[data-v-237fe317]{
  color:#2292CD;
  font-weight: normal;
  margin-left:0 auto;
  margin-right: 0 auto;
  margin-top: 0px;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
}
.seleccion[data-v-237fe317]:hover{
     cursor: pointer;
}
#separador[data-v-237fe317]{
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 500;
  font-size: 13px;
  color:#dddddd;
}
#list-container[data-v-237fe317]{
  width: 630px;
  height: 49vh;
  margin-top:0px;
  margin-left: 25px;
  margin-right: 25px;
  overflow: auto;
  background-color: #ffffff;
}
#btnContainer[data-v-237fe317]{
   width: 660px;
   height: 10vh;
   display: flex;
   flex-direction:row;
   justify-content: flex-end;
   align-items: center;
}
#btnAgregarPromo[data-v-237fe317]{
   width: 120px;
   height: 30px;
   font-size: 9px;
   margin-left: 5px;
   margin-right: 5px;
   border-style: solid;
   border:none;
   color: #4969B2;
   background: #ffffff;
   border-radius: 20px;
   border-width: 1px;
   border: 1px solid #4969B2;
   outline: none;
}
#btnCarrito[data-v-237fe317]{
   width: 100px;
   height: 30px;
   margin-left: 5px;
   margin-right: 5px;
   font-size: 9px;
   border-style: solid;
   border:none;
   background: #44C7F4;
   border-radius: 20px;
   color: #ffffff;
   outline: none;
}
#btnAgregarPromo[data-v-237fe317]:hover{cursor: pointer;
}
#btnCarrito[data-v-237fe317]:hover{cursor: pointer;
}
.fade-enter-active[data-v-237fe317], .fade-leave-active[data-v-237fe317] {
   transition-property: opacity;
   transition-duration: .25s;
}
.fade-enter-active[data-v-237fe317] {
   transition-delay: .25s;
}
.fade-enter[data-v-237fe317], .fade-leave-active[data-v-237fe317] {
   opacity: 0
}
.fadePro-enter[data-v-237fe317] {
   opacity: 0;
}
.fadePro-enter-active[data-v-237fe317] {
   transition: opacity 0.5s;
}
.fadePro-enter-to[data-v-237fe317] {
   opacity: 1;
}
.fadePro-leave[data-v-237fe317] {
   opacity: 1;
}
.fadePro-leave-active[data-v-237fe317] {
   transition: opacity 0.1s;
}
.fadePro-leave-to[data-v-237fe317] {
   opacity: 0;
}

 /*-----------------------------------------------------------------------------------------------------------------------*/

 /* width */
[data-v-237fe317]::-webkit-scrollbar {
     width: 5px;
}

 /* Track */
[data-v-237fe317]::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px #dddddd;
     border-radius: 10px;
}

 /* Handle */
[data-v-237fe317]::-webkit-scrollbar-thumb {
     background: #cccccc;
     border-radius: 10px;
}

 /* Handle on hover */
[data-v-237fe317]::-webkit-scrollbar-thumb:hover {
     background: #bbbbbb;
}
[data-v-237fe317]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #dddddd;
     opacity: 1; /* Firefox */
}
[data-v-237fe317]:-ms-input-placeholder { /* Internet Explorer 10-11 */
     color: #dddddd;
}
[data-v-237fe317]::-ms-input-placeholder { /* Microsoft Edge */
     color: #dddddd;
}

/*# sourceMappingURL=build.min.css.map*/