@charset "UTF-8";

/* BASE  */

html {
  height: 100vh;
  font-family: "Lato", "Source Sans Pro", sans-serif;
  font-size: 16px;
  box-sizing: content-box; 
}

body {
  height: 100vh;
  min-height: 100%;
  margin: 0;
  background-color: #1B2431; 
  overflow-x: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Lato", "Source Sans Pro", sans-serif; }

/**
 * base tipografias
 */
body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  margin: 0;
  padding: 0; }

article,
aside,
footer,
header,
nav,
section,
figcaption,
figure,
main {
  display: block; }

button {
  cursor: pointer; }

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

li > ol,
li > ul {
  margin-bottom: 0; }

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  border-style: none; }

textarea {
  display: block;
  margin: 0;
  outline: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.5rem;
  color: #354052;
  font-weight: 500; }

h1 {
  font-size: 2.25rem; }

h2 {
  font-size: 1.75rem; }

h3 {
  font-size: 1.5rem; }

h4 {
  font-size: 1.25rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1rem; }

p {
  color: #354052;
  font-size: 0.875rem; }

.border{
  border: 1px solid red;
}

strong {
  color: #354052; }

dl dt,
dl dd {
  color: #354052; }

a {
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
  background-color: transparent;
  color: #2ea1f8;
  text-decoration: none;
  cursor: pointer;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
 }
  a:hover {
    color: #2ea1f8;
    text-decoration: underline; }
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
  }

mark {
  background-color: #ff0;
  color: #fff; }

small {
  font-size: 85%; }

blockquote {
  padding-left: 15px;
  border-left: 3px solid #e6eaee; }

@-ms-viewport {
  width: device-width; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

.boots-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }          

.container {
  width: 100% !important;
  height: 100%;
  margin: 0;
  padding: 0;
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }          
        
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
          
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; 
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }


.col-sm-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }

.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%; }

.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }

.col-sm-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%; }

.u-height-100 {
  height: 100% !important; }
  
/**
 * Widths
 */
 .u-width-25 {
  width: 25% !important; }

.u-width-50 {
  width: 50% !important; }

.u-width-75 {
  width: 75% !important; }

.u-width-100 {
  width: 100% !important; }
  
/**
 * Margins
 *
 * m  -> all sides
 * mt -> margin-top
 * mr -> margin-right 
 * mb -> margin-bottom
 * ml -> margin-left
 * mv -> margin-top & margin-bottom (vertically)
 * mh -> margin-right & margin-left (horizontaly)
 *
 */
 .u-m-zero {
  margin: 0 !important; }

.u-mt-zero { 
  margin-top: 0 !important; }

.u-mr-zero {
  margin-right: 0 !important; }

.u-mb-zero {
  margin-bottom: 0 !important; }

.u-ml-zero {
  margin-left: 0 !important; }

.u-mv-zero {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.u-mh-zero {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.u-m-auto {
  margin: auto !important; }

.u-mt-auto {
  margin-top: auto !important; }

.u-mr-auto {
  margin-right: auto !important; }

.u-mb-auto {
  margin-bottom: auto !important; }

.u-ml-auto {
  margin-left: auto !important; }

.u-mv-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.u-mh-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.u-m-xsmall {
  margin: 0.625rem !important; }

.u-mt-xsmall {
  margin-top: 0.625rem !important; }

.u-mr-xsmall {
  margin-right: 0.625rem !important; }

.u-mb-xsmall {
  margin-bottom: 0.625rem !important; }

.u-ml-xsmall {
  margin-left: 0.625rem !important; }

.u-mv-xsmall {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important; }

.u-mh-xsmall {
  margin-right: 0.625rem !important;
  margin-left: 0.625rem !important; }

.u-m-small {
  margin: 0.9375rem !important; }

.u-mt-small {
  margin-top: 0.9375rem !important; }

.u-mr-small {
  margin-right: 0.9375rem !important; }

.u-mb-small {
  margin-bottom: 0.9375rem !important; }

.u-ml-small {
  margin-left: 0.9375rem !important; }

.u-mv-small {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important; }

.u-mh-small {
  margin-right: 0.9375rem !important;
  margin-left: 0.9375rem !important; }

.u-m-medium {
  margin: 1.875rem !important; }

.u-mt-medium {
  margin-top: 1.875rem !important; }

.u-mr-medium {
  margin-right: 1.875rem !important; }

.u-mb-medium {
  margin-bottom: 1.875rem !important; }

.u-ml-medium {
  margin-left: 1.875rem !important; }

.u-mv-medium {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important; }

.u-mh-medium {
  margin-right: 1.875rem !important;
  margin-left: 1.875rem !important; }

.u-m-large {
  margin: 3.125rem !important; }

.u-mt-large {
  margin-top: 3.125rem !important; }

.u-mr-large {
  margin-right: 3.125rem !important; }

.u-mb-large {
  margin-bottom: 3.125rem !important; }

.u-ml-large {
  margin-left: 3.125rem !important; }

.u-mv-large {
  margin-top: 3.125rem !important;
  margin-bottom: 3.125rem !important; }

.u-mh-large {
  margin-right: 3.125rem !important;
  margin-left: 3.125rem !important; }

.u-m-xlarge {
  margin: 6.25rem !important; }

.u-mt-xlarge {
  margin-top: 6.25rem !important; }

.u-mr-xlarge {
  margin-right: 6.25rem !important; }

.u-mb-xlarge {
  margin-bottom: 6.25rem !important; }

.u-ml-xlarge {
  margin-left: 6.25rem !important; }

.u-mv-xlarge {
  margin-top: 6.25rem !important;
  margin-bottom: 6.25rem !important; }

.u-mh-xlarge {
  margin-right: 6.25rem !important;
  margin-left: 6.25rem !important; }


/**
 * Paddings
 *
 * p  -> all sides
 * pt -> padding-top
 * pr -> padding-right 
 * pb -> padding-bottom
 * pl -> padding-left
 * pv -> padding-top & padding-bottom (vertically)
 * ph -> padding-right & padding-left (horizontaly)
 *
 */
.u-p-zero {
  padding: 0 !important; }

.u-pt-zero {
  padding-top: 0 !important; }

.u-pr-zero {
  padding-right: 0 !important; }

.u-pb-zero {
  padding-bottom: 0 !important; }

.u-pl-zero {
  padding-left: 0 !important; }

.u-pv-zero {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.u-ph-zero {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.u-p-auto {
  padding: auto !important; }

.u-pt-auto {
  padding-top: auto !important; }

.u-pr-auto {
  padding-right: auto !important; }

.u-pb-auto {
  padding-bottom: auto !important; }

.u-pl-auto {
  padding-left: auto !important; }

.u-pv-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.u-ph-auto {
  padding-right: auto !important;
  padding-left: auto !important; }

.u-p-xsmall {
  padding: 0.625rem !important; }

.u-pt-xsmall {
  padding-top: 0.625rem !important; }

.u-pr-xsmall {
  padding-right: 0.625rem !important; }

.u-pb-xsmall {
  padding-bottom: 0.625rem !important; }

.u-pl-xsmall {
  padding-left: 0.625rem !important; }

.u-pv-xsmall {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important; }

.u-ph-xsmall {
  padding-right: 0.625rem !important;
  padding-left: 0.625rem !important; }

.u-p-small {
  padding: 0.9375rem !important; }

.u-pt-small {
  padding-top: 0.9375rem !important; }

.u-pr-small {
  padding-right: 0.9375rem !important; }

.u-pb-small {
  padding-bottom: 0.9375rem !important; }

.u-pl-small {
  padding-left: 0.9375rem !important; }

.u-pv-small {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important; }

.u-ph-small {
  padding-right: 0.9375rem !important;
  padding-left: 0.9375rem !important; }

.u-p-medium {
  padding: 1.875rem !important; }

.u-pt-medium {
  padding-top: 1.875rem !important; }

.u-pr-medium {
  padding-right: 1.875rem !important; }

.u-pb-medium {
  padding-bottom: 1.875rem !important; }

.u-pl-medium {
  padding-left: 1.875rem !important; }

.u-pv-medium {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important; }

.u-ph-medium {
  padding-right: 1.875rem !important;
  padding-left: 1.875rem !important; }

.u-p-large {
  padding: 3.125rem !important; }

.u-pt-large {
  padding-top: 3.125rem !important; }

.u-pr-large {
  padding-right: 3.125rem !important; }

.u-pb-large {
  padding-bottom: 3.125rem !important; }

.u-pl-large {
  padding-left: 3.125rem !important; }

.u-pv-large {
  padding-top: 3.125rem !important;
  padding-bottom: 3.125rem !important; }

.u-ph-large {
  padding-right: 3.125rem !important;
  padding-left: 3.125rem !important; }

.u-p-xlarge {
  padding: 6.25rem !important; }

.u-pt-xlarge {
  padding-top: 6.25rem !important; }

.u-pr-xlarge {
  padding-right: 6.25rem !important; }

.u-pb-xlarge {
  padding-bottom: 6.25rem !important; }

.u-pl-xlarge {
  padding-left: 6.25rem !important; }

.u-pv-xlarge {
  padding-top: 6.25rem !important;
  padding-bottom: 6.25rem !important; }

.u-ph-xlarge {
  padding-right: 6.25rem !important;
  padding-left: 6.25rem !important; }


/*
/* ==========================================================================
   #FLEX UTILITIES
   ========================================================================== */
   .u-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  
  .u-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  
  .u-justify-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  
  .u-justify-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  
  .u-justify-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  
  .u-justify-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  
  .u-justify-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  
  .u-align-items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  
  .u-align-items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  
  .u-align-items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  
  .u-align-items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  
  .u-align-items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  
  .u-align-self-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  
  .u-align-self-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  
  .u-align-self-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  
  .u-align-self-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  
  .u-align-self-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; }
  
  .u-flex-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  
  .u-flex-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }

.u-block {
  display: block !important; }
        
.u-inline-block {
  display: inline-block !important; }
        
.u-inline {
  display: inline !important; }

  .u-h1 {
    font-size: 2.25rem; }
  
  .u-h2 {
    font-size: 1.75rem; }
  
  .u-h3 {
    font-size: 1.5rem; }
  
  .u-h4 {
    font-size: 1.25rem; }
  
  .u-h5 {
    font-size: 1.125rem; }
  
  .u-h6 {
    font-size: 1rem; }

/* SIDEBAR */

.o-page {
  position: relative;
  height: 100%; 
}

.o-page--center {
  padding-top: 6.25rem; }

  .o-page__card {
    width: 450px;
    margin: 0 auto 3.125rem; }
    @media (max-width: 768px) {
      .o-page__card {
        width: 95%; } }

/** 
* Horizontal Page Card
*
* Used with login-2 page.
*/
.o-page__card--horizontal {
width: 800px;
margin: 0 auto 3.125rem; }
@media (max-width: 992px) {
.o-page__card--horizontal {
width: 95%; } }

.contenedor-pos {
 display: flex;
 height: calc(100% - 53px);
  margin-left:78px;
  min-width: calc(100% - 78px);
  position: fixed;
}
.espaciado_sidebar{
  width: 10%;
  height: 100vh;
  margin: 0;
  padding: 0;
  min-height: 90% !important;
  
}
.c-shelf_line {
  padding: 3px;
  margin: 5px;
}


@media only screen and (min-width : 768px) {

  .form-group.c1,
  .form-group.c2{
    display:inline-block;
    width:48%;
    vertical-align: top;
  }

}

.container-right_sidebar {
  width: 207px;
  height: 100%;
  margin: 0;
  padding: 0;
  margin-left:18px;
}

.principal{
  width: calc(100% - 225px);
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}

.o-page__content {
  overflow: hidden;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 90%; 
}

  /* Header */
.c-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: sticky;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          top: 0;
          bottom: 0;
  width: 100%;
  min-width: 100%;
  height: 53px;
  min-height: 10%;
  padding: 8px 30px;
  border-bottom: 1px solid #313D4F;
  background-color: #273142; 
  z-index: 10;
}
  @media (max-width: 768px) {
.c-navbar {
padding: 0.625rem 0.9375rem; } } 

.c-navbar__brand {
display: inline-block;
vertical-align: center;
width: 125px;      
margin: 0 0 0 0; 
padding: 0;
}
@media (max-width: 768px) {
.c-navbar__brand {
margin-right: auto;
} } 
            
           
            
.c-space {
display: inline-block;
position: relative; } 

.circle {
  margin-left: 80%;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 36px;
  text-align: center;
  background: #1485db;
  z-index: 1000;
}

        
/* ==========================================================================
   #TOOLBAR
   ========================================================================== */
.c-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 10px;
  background-color: #1B2431;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07); }
  @media (max-width: 768px) {
      
      
      
.c-toolbar {
  padding: 20px 15px; } }

.c-toolbar__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  color: #fff;
  font-size: 24px; }
.c-toolbar__title.has-divider::after {
  display: block;
  width: 1px;
  height: 15px;
  margin: 0 13px;
  background-color: rgba(223, 227, 233, 0.363);
  content: " "; }

  .c-toolbar-meta {
    margin: 0;
    color: #7f8fa4;
    font-size: 14px;
  } 

.d-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 30px;
}

.c-toolbar__icon {
  display: block;
  color: #CED0DA;
  font-size: 18px; }
.c-toolbar__icon.is-active {
  color: #2ea1f8; }
.c-toolbar__icon.has-divider::after {
  margin-top: 12px;
  float: left;
  top: 0;
  width: 1px;
  height: 15px;
  margin: 0 13px;
  background-color: #7F8FA4;
  content: " "; }
  
  
  /**
 * Table Row Original Flex
 */
.c-table__row-original {
  border-top: 1px solid #313D4F;
  /* [1] */
  border-bottom: 1px solid #313D4F;
  /* [2] */ }
  .c-table__row-original:last-child {
    border-bottom: 0; }

  
  .c-table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }

  .table-cobro {
    display: table;
    align-items: start;
    margin:0;
    width: 100%;
    border-collapse: collapse; 
    min-height: 100%;
    max-height: 100%; 
    }

.contenedor-cobro {
  position: fixed;
  left: 34%;
  bottom: 0;
  width: 45%;
  display: flex;}

.tabla1{
  width: 50%;
  padding: 0;
  border-top:1px solid #313D4F;
  border-bottom:1px solid #313D4F;
  border-left:1px solid #313D4F;
  border-radius: 4px 0px 0px 4px;
  background-color: #273142;
  margin-top: 0 0 0.9375rem;}

.tabla2{
  display: block;
  width: 50%;
  padding: 0;
  min-height: 100%;
  max-height: 100%;
  border-top:1px solid #313D4F;
  border-bottom:1px solid #313D4F;
  border-right:1px solid #313D4F;
  border-radius: 0px 4px 4px 0px;
  background-color: #273142;
  padding-left: 1%;
  padding-right: 1%;}

.c-align_text {
clear: both;
text-align: center;
} 

.c-align_element-1 {
display:inline-block;
margin-right:10px; 
width:200px; 
} 

.c-align_element-2 {
display:inline-block; 
width:200px; 
} 

.c-align_element-3 {
display:inline-block;
margin-right:10px; 
width:200px; 
} 

.c-align_element-4 {
display:inline-block; 
width:200px; 
} 

.precio-align {
float: left;
}

.c-table-original {
display: table;
width: 100%;
max-width: 100%;
border-collapse: collapse;}

.c-table {
  width: 100.1%;
  min-width: 100.1%;
  max-width: 100.1%;
  border: 1px solid #313D4F;
  border-radius: 4px;
  background-color: #273142;
  table-layout: fixed;
  border-collapse: collapse;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  }

  .scroll-table-productos::-webkit-scrollbar {
    width: 6px;
    background-color: transparent; }
    .scroll-table-productos::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(127, 143, 164, 0.5); } 

  .carrito-vacio{
    height: calc(100% - 350px);
      overflow-y: hidden;
      overflow-x: hidden;
      margin-bottom: 6px;
      -moz-overflow-scrolling: touch;
      -o-overflow-scrolling: touch;
      -webkit-overflow-scrolling: touch;
      border: 1px solid #313D4F;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
    background-color: #273142;
    background-image: url("/img/carrito-vacio-2.png");
    background-repeat: no-repeat;
    background-position: center; 
  }

  @media only screen and (max-height: 670px) {
    /* For desktop: */
    .carrito-vacio {background-size: auto 80%}
}

  .fake-cell{
    height: 54px;
    border-bottom: 1px solid #313D4F;
  }

  .c-table-empty {
    width: 100.1%;
    height: 37px;
  min-width: 100.1%;
  max-width: 100.1%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    }

    .scroll-table-productos{
      height: calc(100% - 352px);
      overflow-y: auto;
      overflow-x: hidden;
      margin-bottom: 6px;
      -moz-overflow-scrolling: touch;
      -o-overflow-scrolling: touch;
      -webkit-overflow-scrolling: touch;
      border: 1px solid #313D4F;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
    background-color: #273142;
    
    }

.c-table--highlight tbody tr:hover {
background-color: rgba(230, 234, 238, 0.3);

}

.c-invoice {
position: relative;
padding: 6.25rem 6.25rem 1.875rem;
border: 1px solid #e6eaee;
border-radius: 4px;
background-color: #fff;
color: #354052;
-moz-box-shadow: 0 0 10px 1px rgba(53, 64, 82, 0.1);
-o-box-shadow: 0 0 10px 1px rgba(53, 64, 82, 0.1);
-webkit-box-shadow: 0 0 10px 1px rgba(53, 64, 82, 0.1);
box-shadow: 0 0 10px 1px rgba(53, 64, 82, 0.1); }
@media (max-width: 768px) {
.c-invoice {
padding: 1.875rem; } }

.c-invoice__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-o-box-pack: justify;
-moz-box-pack: justify;
-webkit-box-pack: justify;
box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 3.125rem; 
padding-bottom: 1.875rem;
border-bottom: 1px Solid #e6eaee;
}
@media (max-width: 768px) {
.c-invoice__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-o-box-orient: vertical;
-o-box-direction: normal;
box-orient: vertical;
box-direction: normal;
-ms-flex-flow: column;
flex-flow: column; } }      

.c-invoice__table {
width: 100%; }
.c-invoice__table .c-table {
margin-bottom: 0.625rem; }
@media (max-width: 768px) {
.c-invoice__table .c-table {
display: table;
width: 100%; } }

.c-invoice__brand {
margin-bottom: 1.875rem; }
@media (max-width: 768px) {
.c-invoice__brand {
margin: 0; } }

.c-invoice__brand-img {
max-width: 60px;
margin-bottom: 0.9375rem; }

.c-invoice__brand-name {
font-size: 1.5rem; }

.c-invoice__title {
margin-top: 3.75rem; }

.c-invoice__title h4 {
margin-bottom: 0.9375rem;
color: #9BA3A9;
}

.c-invoice__date {
color: #ffff; }

.buscador-agente{
  display:flex;
  width: 45%;
  height: auto;
  margin-left: 12px;
}

.buscador-agente-input{
  position: relative;
  width: 100%; 
}

.input_gemelos2 {
  position: relative;
}

.label-input{
  margin-right: 0.9375rem;
  margin-left: 1rem;
  margin-top: 8px;
  color: #7F8FA4;
  font-size: 1.125rem;
}

.buscador-cliente{
  display: flex;
  width: 50%;
  height: auto;
  margin-left: 12px;
}

.c-invoice__details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-o-box-pack: justify;
box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 1.25rem; 
padding-bottom: 1rem;
border-bottom: 1px solid #e6eaee;
}

.c-invoice__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-invoice__company-name {
margin-bottom: 0.9375rem;
font-size: 1.25rem; 
color: #9BA3A9;}

.c-invoice__company-address {
margin-bottom: 0.9375rem;
color: #ffff; 
text-align: right;
}

.left-table {
  display: table;
  width: 100%;
  max-width: 100%;
}

/**
* Footer
*/
.c-invoice__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-o-box-pack: justify;
box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 6.25rem;
padding-top: 1.875rem;
border-top: 1px solid #e6eaee; }
@media (max-width: 576px) {
.c-invoice__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-o-box-orient: vertical;
-o-box-direction: normal;
box-orient: vertical;
box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
text-align: center; } }

.c-invoice__footer-brand {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 576px) {
.c-invoice__footer-brand {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-o-box-orient: vertical;
-o-box-direction: normal;
box-orient: vertical;
box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: center;
-o-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }

.c-invoice__footer-brand img {
max-width: 30px;
margin-right: 0.625rem; }
@media (max-width: 576px) {
.c-invoice__footer-brand img {
margin-bottom: 0.625rem; } }   

.input_raro {
display: inline-block;
width: 95%;
height: 40px;
margin-top: 4px;

}
.c-add_client{
display: flex;  
padding: 0;
height: auto;
width: auto;
}

.c-btn--small {
padding: 0.25rem 1.125rem;
font-size: 0.75rem; 
}

.c-btn--small i {
margin-right: 5px;
}

.c-btn-base {
display: inline-block;
position: relative;
min-width: 40px;
min-height: 20px;
margin: 0;
padding: 0.5rem 0.5rem;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
border-radius: 4px;
color: #fff;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.4;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


.c-btn-add {
background: #39b54a;
background: -webkit-gradient(linear, left top, left bottom, from(#39b54a), to(#34aa44));
background: linear-gradient(to bottom, #39b54a, #34aa44);
border-color: #249533; 
border-top-left-radius: 0;
border-bottom-left-radius: 0;}
.c-btn-add:hover {
background: #34a544;
background: -webkit-gradient(linear, left top, left bottom, from(#34a544), to(#2f9a3e));
background: linear-gradient(to bottom, #34a544, #2f9a3e); }
.c-btn-add:focus {
background: #329e40;
background: -webkit-gradient(linear, left top, left bottom, from(#329e40), to(#2d933b));
background: linear-gradient(to bottom, #329e40, #2d933b); }

.c-btn--secondary {
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f4f7));
  background: linear-gradient(to bottom, #fff, #f2f4f7);
  border-color: #dfe3e9;
  color: #354052; }


.table_scroll{
overflow-y: auto;
height: 10%;
}

.c-table__title {
  width: 100%;
  height:48px;
  margin: 0;
  padding: 0;
  border: 1px solid #313D4F;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background-color: #273142;
  color: #354052;
  font-size: 24px;
  overflow: hidden;
}

.c-table__title_1 {
  display: flex;
  width: 100%;
  height:48px;
  margin: 0;
  margin-bottom: 6px;
  padding: 0;
  border: 1px solid #313D4F;
  border-radius: 4px;
  background-color: #273142;
  color: #354052;
  font-size: 21px;
  align-items: center;
}

.c-table__title small {
display: inline-block;
margin-left: 10px;
color: #7f8fa4;
font-size: 14px; }
.c-table__title small::before {
display: inline-block;
position: relative;
bottom: -2px;
width: 1px;
height: 14px;
margin-right: 12px;
background-color: #DFE3E9;
content: ""; }

.c-input-login {
display: block;
width: 100%;
margin: 0;
padding: 0.59375rem 0.9375rem;
-webkit-transition: all .3s;
transition: all .3s;
border: 1px solid #313D4F;
border-radius: 4px;
background-color: #fff;
color: #7F8FA4;
font-size: 0.875rem;
font-weight: 400;
resize: none;
}

.c-input {
display: block;
width: 100%;
margin: 0;
padding: 0.59375rem 0.9375rem;
-webkit-transition: all .3s;
transition: all .3s;
border: 1px solid #313D4F;
border-radius: 4px;
background-color: #222C3C;
color: #fff;
font-size: 0.875rem;
font-weight: 400;
resize: none; }
.c-input::-webkit-input-placeholder {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
color: rgba(53, 64, 82, 0.5);
font-weight: 400;
opacity: 1.0; }
.c-input:-ms-input-placeholder {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
color: rgba(53, 64, 82, 0.5);
font-weight: 400;
opacity: 1.0; }
.c-input::-ms-input-placeholder {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
color: rgba(53, 64, 82, 0.5);
font-weight: 400;
opacity: 1.0; }
.c-input::placeholder {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
color: rgba(127, 142, 164, 0.5);
font-weight: 400;
opacity: 1.0; }
.c-input:focus {
border-color: #2ea1f8;
outline: none; }
.c-input:focus::-webkit-input-placeholder {
opacity: 1.0; }
.c-input:focus:-ms-input-placeholder {
opacity: 1.0; }
.c-input:focus::-ms-input-placeholder {
opacity: 1.0; }
.c-input:focus::placeholder {
opacity: 1.0; }
.c-input.is-disabled, .c-input:disabled {
border-color: #2ea1f8;
background-color: #222C3C;
color: rgba(255, 255, 255);
cursor: not-allowed; }


.c-input-date {
  display: block;
  width: 100%;
  margin: 0;
  padding:0 !important;
  height: 42px;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #313D4F;
  border-radius: 4px;
  background-color: #222C3C;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  resize: none; }
  .c-input-date::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: rgba(53, 64, 82, 0.5);
  font-weight: 400;
  opacity: 1.0; }
  .c-input-date:-ms-input-placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: rgba(53, 64, 82, 0.5);
  font-weight: 400;
  opacity: 1.0; }
  .c-input-date::-ms-input-placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: rgba(53, 64, 82, 0.5);
  font-weight: 400;
  opacity: 1.0; }
  .c-input-date::placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: rgba(127, 142, 164, 0.5);
  font-weight: 400;
  opacity: 1.0; }
  .c-input-date:focus {
  border-color: #2ea1f8;
  outline: none; }
  .c-input-date::-webkit-datetime-edit { padding: 0; }
.c-input-date::-webkit-datetime-edit-fields-wrapper { color:#7f8fa4;margin-left: 36px; }
.c-input-date::-webkit-inner-spin-button { display: none; }
.c-input-date::-webkit-calendar-picker-indicator {
  content: '';
  color:rgba(0,0,0,0);
  display: block;
  background: url() no-repeat;
  background-size: 10%;
  width: 130px;
  height: 30px;
  position: absolute;
  transform: translateX(-2%);
  cursor: pointer;
}
.c-input-date::-webkit-clear-button
{
    display: none; /* Hide the button */
    -webkit-appearance: none; /* turn off default browser styling */
}

.c-input-2 {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.59375rem 0.9375rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #313D4F;
  border-radius: 4px;
  background-color: #222C3C;
  color: #7F8FA4;
  font-size: 0.875rem;
  font-weight: 400;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  resize: none; }
  .c-input-2::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: rgba(53, 64, 82, 0.5);
  font-weight: 400;
  opacity: 1.0; }
  .c-input-2:-ms-input-placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: rgba(53, 64, 82, 0.5);
  font-weight: 400;
  opacity: 1.0; }
  .c-input-2::-ms-input-placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: rgba(53, 64, 82, 0.5);
  font-weight: 400;
  opacity: 1.0; }
  .c-input-2::placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: rgba(127, 142, 164, 0.5);
  font-weight: 400;
  opacity: 1.0; }
  .c-input-2:focus {
  border-color: #2ea1f8;
  outline: none; }
  .c-input-2:focus::-webkit-input-placeholder {
  opacity: 1.0; }
  .c-input-2:focus:-ms-input-placeholder {
  opacity: 1.0; }
  .c-input-2:focus::-ms-input-placeholder {
  opacity: 1.0; }
  .c-input-2:focus::placeholder {
  opacity: 1.0; }
  .c-input-2.is-disabled, .c-input-2:disabled {
  border-color: #2ea1f8;
  background-color: #222C3C;
  color: rgba(255, 255, 255);
  cursor: not-allowed; }


.u-hidden {
display: none !important; }

.u-hidden-visually {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
border: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important; }

.c-btn--success {
background: #39b54a;
background: -webkit-gradient(linear, left top, left bottom, from(#39b54a), to(#34aa44));
background: linear-gradient(to bottom, #39b54a, #34aa44);
border-color: #249533; }
.c-btn--success:hover {
background: #34a544;
background: -webkit-gradient(linear, left top, left bottom, from(#34a544), to(#2f9a3e));
background: linear-gradient(to bottom, #34a544, #2f9a3e); }
.c-btn--success:focus {
background: #329e40;
background: -webkit-gradient(linear, left top, left bottom, from(#329e40), to(#2d933b));
background: linear-gradient(to bottom, #329e40, #2d933b); }

.c-btn {
display: inline-block;
position: relative;
max-width: 100%;
margin: 0;
padding: 0.5rem 1.25rem;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
border: 1px solid;
border-radius: 4px;
border-color: #1a91eb;
/* [1] */
color: #fff;
/* [1] */
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #2ea1f8;
background: -webkit-gradient(linear, left top, left bottom, from(#2ea1f8), to(#1990ea));
background: linear-gradient(to bottom, #2ea1f8, #1990ea);
/* [1] */ }
.c-btn:hover, .c-btn:focus {
outline: 0;
color: #fff;
text-decoration: none; }
.c-btn i {
position: relative;
bottom: -1px;
/* [2] */
font-size: 16px; }

.c-btn.is-disabled, .c-btn:disabled {
/* [4] */
border-color: #e6eaee;
background: #f5f8fa;
color: rgba(53, 64, 82, 0.5); }

.c-btn-base.is-disabled, .c-btn-base:disabled {
  /* [4] */
  border-color: #e6eaee;
  background: #f5f8fa;
  color: rgba(53, 64, 82, 0.5); }

.c-btn.is-disabled:hover, .c-btn.is-disabled:focus, .c-btn:disabled:hover, .c-btn:disabled:focus {
border-color: #e6eaee;
background: #f5f8fa;
color: rgba(53, 64, 82, 0.5);
cursor: not-allowed; }

.agregar-btn {
background: #2ea1f8;
background: -webkit-gradient(linear, left top, left bottom, from(#2ea1f8), to(#1990ea));
background: linear-gradient(to bottom, #2ea1f8, #1990ea);
border-color: #1a91eb;
}

.margin-btn-left {
margin-left: 690%;
}

.c-btn-cobro {
background: #39b54a;
background: -webkit-gradient(linear, left top, left bottom, from(#39b54a), to(#34aa44));
background: linear-gradient(to bottom, #39b54a, #34aa44);
border-color: #249533;
margin-left:80%;
height: 80%;
margin-top:0.6%;
text-transform: uppercase;
}
.c-btn-cobro:hover {
background: #34a544;
background: -webkit-gradient(linear, left top, left bottom, from(#34a544), to(#2f9a3e));
background: linear-gradient(to bottom, #34a544, #2f9a3e);
}

.c-btn-cobro:focus {
background: #329e40;
background: -webkit-gradient(linear, left top, left bottom, from(#329e40), to(#2d933b));
background: linear-gradient(to bottom, #329e40, #2d933b);
}

td {
padding: 0;
}

.c-btn--fullwidth {
width: 100%; } 

.c-table-responsive {
display: block;
width: 100%;
-webkit-overflow-scrolling: touch; }   

.c-table__head--slim-empty {
  padding: 0;
  background-color: #313D4F; 
  width: 100%;
  height:36px;
}

.c-table__head--slim-empty .c-table__cell {
padding: 10px 0 10px 0px; 
}

.c-table__head--slim {
padding: 10px;
height: 36px;
background-color: #313D4F; 
width: 100%
}

.a-table {
  display: table;
  width: 100%;
  max-width: 100%;
  border: 1px solid #E6EAEE;
  border-collapse: collapse;
  }

  .e-table__cell {
    color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
   }
    .c-table__cell:last-child {
      padding-right: 1.875rem; }

      .mt-21{
        margin-top:21.5px;
      }

/**
* Table Cell
*/
.c-table__cell-original {
padding: 12px 0 12px 18px;
color: #fff;
font-size: 0.875rem;
font-weight: 500;
text-align: left;
white-space: nowrap;
vertical-align: middle; }
.c-table__cell:last-child {
padding-right: 1.875rem; }

.c-align_right-money {
  display: inline-block;
  width: 175px;  
  padding: 12px 0 12px 18px;
  text-align: right;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  color: #fff;
}
.c-table__cell {
  display: inline-block;
color: #354052;
font-size: 0.875rem;
font-weight: 500;
vertical-align: middle; 
text-align: center;
}
.c-table__cell:last-child {
padding: 0;
}

.c-table__cell--head {
color: #7f8fa4;
font-size: 0.875rem;
font-weight: 500; 
padding: 10px;
}

.c-table__row {
display: flex;
flex-direction: row;
justify-content: space-around;
width: 100%;
empty-cells: show;
border-bottom: 1px solid #313D4F;
align-items: center; }

.c-table__row--success,
.c-table__row--danger,
.c-table__row--info,
.c-table__row--warning {
border-left: 3px solid; }

.c-table__row--success {
border-left-color: #1bb934; }

.c-table__row--danger {
border-left-color: #ed1c24; }

.c-table__row--info {
border-left-color: #2ea1f8; }

.c-table__row--warning {
border-left-color: #fd9a18; }

.c-media {
display: block; }
.c-media::after {
display: table !important;
clear: both !important;
content: "" !important; }

.o-media-1 {
display: block; }
.o-media-1::after {
display: table !important;
clear: both !important;
content: "" !important; }    
.o-media {
display: block;
overflow: hidden;
margin: 0;
padding: 4%;
width: 50%;
height: 100%; }

.o-media::after {
display: table !important;
clear: both !important;
content: "" !important; }

.o-media__img {
float: left; }

.o-media__img > img {
display: block;
height: 60%;
}

.o-media__body {
display: block;
overflow: hidden; }
.o-media__body,
.o-media__body > :last-child {
margin-bottom: 0; }

.c-media__body {
  display: block;
  }
  .c-media__body,
  .c-media__body > :last-child {
  margin-bottom: 0; }

.o-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }

.head-toolbar-title {
  color: #7f8fa4;
  font-size: .875rem;
}

.c-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 45px;
cursor: pointer; 
padding: 12px;}

.c-toggle.is-disabled {
cursor: not-allowed;
opacity: 0.5; }
.c-toggle.is-disabled .c-toggle__btn.is-active {
border-color: #E7E9ED;
background-color: #FAFBFC;
color: #565F6D; }

.c-toggle__btn {
width: 100%;
height: 40px;
-webkit-transition: all .3s;
transition: all .3s;
border: 1px solid #424b5a;
border-radius: 4px;
background-color: #313D4F;
color: #7F8FA4;
font-size: 1rem;
font-weight: 800;
text-align: center;
text-transform: uppercase;
cursor: inherit; }
.c-toggle__btn:nth-child(1) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.c-toggle__btn:nth-child(2) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.c-toggle__btn.is-active {
border-color: #249533;
background-color: #39B54A;
color: #fff; }

.c-toggle__btn_blue{
  width: 100%;
  height: 40px;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #424b5a;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; 
  background-color: #313D4F;
  color: #7F8FA4;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  cursor: inherit; }
  .c-toggle__btn_blue.is-active {
  background: rgba(25,145,235,.5);
  border-color: #1A91EB;
  color: #fff; }
  
.c-toggle__label {
font-size: 1rem;
width: 100%;
height: 45px;
line-height: 35px;
cursor: inherit; }

.c-toggle__input {
display: none;
width: 100%;
height: 100%; } 

.u-color-my-primary {
color: #7F8FA4 !important; }

.u-color-danger {
  color: #ed1c24 !important;
}

.u-color-warning {
  color: #fd9a18 !important; }

.u-color-white {
color: #fff !important; }  

.u-border-bottom {
border-bottom: 1px solid #313D4F !important; } 

.u-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }

.u-justify-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }

.u-align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }

.u-border-zero {
border: 0 !important; }

.u-border-top-zero {
border-top: 0 !important; }

.u-border-right-zero {
border-right: 0 !important; }

.u-border-bottom-zero {
border-bottom: 0 !important; }

.u-border-left-zero {
border-left: 0 !important; }         

.u-border-right {
border-right: 1px solid #313D4F !important; }

.u-boder-radius {
  border-radius: 4px !important;
}

.c-event {
  padding: 0.875rem;
  width:180px;
  border: 1px solid #313D4F;
  border-radius: 4px;
  background: #222C3C;
  margin-right: 0.625rem;
  cursor: pointer;
}
 
.c-event__img {
  background-color: white;
  position: relative;
  margin-bottom: 0.75rem;
  border-radius: 3px;
  overflow: hidden; 
  min-width: 100%;
  height: 102px;
  text-align: center;
}
.c-event__img > img {
    display: block;
    margin:auto;
    height: 100%; 
    min-width: auto;  
  }

.c-event__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
  padding: 0; 
    }
    
.c-event__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 500; 
  color: #fff;
  }
    
.c-event__place {
  display: block;
  margin: 0;
  color: #B7C0CD;
  font-size: 	0.875rem;
  font-weight: 600;
    }    

.c-project-card {
background-color: #222C3C;
overflow: hidden;
text-align: center;
width: 100%; 
}



.c-project-card-o {
  border: 1px solid #313D4F;
  border-radius: 4px;
  background-color: #222C3C;
  overflow: hidden; 
  padding: 12px;
}

.c-project-card-2 {
border: 1px solid #313D4F;
border-radius: 4px;
background-color: #222C3C;
overflow: hidden;
width: 60%;
margin: auto;
height: 75%;
padding: 12px;
}

.c-sizes_color {
padding: 0;
margin: 0;
}


.c-project-card__img {
display: block; }

.c-product-item  {
border-radius: 4px;
min-width: 100%;
} 

.c-project-card__head {
border-top: 1px solid #2A3547;
margin: 0;
padding: 0;
width: 100%;
}


.c-project-card__title {
float: left;
margin: 0;
font-size: 0.875rem; 
color: #fff;
padding: 8px;

} 

.c-project-card__info {
padding: 10px;
margin: 0 ;
color: #7F8FA4;
font-size: 0.75rem;
text-align: right;
}

.c-product-size__title {
float: left;
margin: 0;
font-size: 0.875rem; 
color: #EBCD63;
padding: 8px;

} 

.c-product-color__info {
padding: 12px;
margin: 0 ;
color: #7F8FA4;
font-size: 0.75rem;
text-align: right;
}

.c-product-id_title {
float: left;
font-size: 0.875rem; 
color: #fff;
margin-left: 9px;
padding: 0;

} 

.c-product-discount {
padding: 0;
margin-right: 10px;
color: #7F8FA4;
font-size: 0.75rem;
float: right;
}

.c-project-card__content {
width: 100%;
margin: 0;
}

.c-project-card__head-2 {
padding: 1.25rem 1.875rem;
border-bottom: 1px solid #313D4F; } 

.c-project-card__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0; }

.scroll-productos {
overflow-y: scroll; 
}

.c-post__submit {
margin: 0; }

.c-btn--info {
background: #2ea1f8;
background: -webkit-gradient(linear, left top, left bottom, from(#2ea1f8), to(#1990ea));
background: linear-gradient(to bottom, #2ea1f8, #1990ea);
border-color: #1a91eb;
margin-top: 1.5rem !important;
}
.c-btn--info:hover {
background: #1a98f7;
background: -webkit-gradient(linear, left top, left bottom, from(#1a98f7), to(#1485db));
background: linear-gradient(to bottom, #1a98f7, #1485db); }
.c-btn--info:focus {
background: #1094f7;
background: -webkit-gradient(linear, left top, left bottom, from(#1094f7), to(#137fd1));
background: linear-gradient(to bottom, #1094f7, #137fd1); } 

.c-btn--print {
background: #2ea1f8;
background: -webkit-gradient(linear, left top, left bottom, from(#2ea1f8), to(#1990ea));
background: linear-gradient(to bottom, #2ea1f8, #1990ea);
border-color: #1a91eb;
margin-top: 0.75rem !important;
}

.c-btn--print:hover {
background: #1a98f7;
background: -webkit-gradient(linear, left top, left bottom, from(#1a98f7), to(#1485db));
background: linear-gradient(to bottom, #1a98f7, #1485db); }
.c-btn--print:focus {
background: #1094f7;
background: -webkit-gradient(linear, left top, left bottom, from(#1094f7), to(#137fd1));
background: linear-gradient(to bottom, #1094f7, #137fd1); } 

.c-btn--primary {
  background: #475364;
  background: -webkit-gradient(linear, left top, left bottom, from(#273142), to(#273142));
  background: linear-gradient(to bottom, #273142, #273142);
  border-color: #505D71; 
  margin-top: 1.5rem !important;}
  .c-btn--primary:hover {
    background: rgba(25,145,235,.5);
    border-color: #1A91EB;
     }
  .c-btn--primary:focus {
    background: rgba(25,145,235,.5);
    border-color: #1A91EB;
   }

.c-panel {
height: 100vh;
min-width:100%;
margin: 0;
padding: 0.625rem;
border: 1px solid #313D4F;
border-top: 0;
background-color: #273142; }

.c-panel__title {
margin-bottom: 1.875rem;
font-size: 1rem; }

.c-panel__widget::after {
display: block;
height: 1px;
margin: 1.875rem 0;
background-color: #e6eaee;
content: " ";
opacity: 0.5; }

.c-panel__widget:last-child::after {
content: none; } 

.o-ratio {
  display: block;
  position: relative; }
  .o-ratio::before {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    /* [1] */
    content: ""; }

  .c-task {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6eaee;
    border-radius: 4px;
    background-color: #fff;
    cursor: -webkit-grabbing;
    overflow: hidden;
    width: 50%;
    height: 420px; 
    margin-top: auto;
    margin-bottom: auto;
  }  


.c-field {
position: relative;
width: 100%; }

.align-c-field {
  display: inline-block;
  width: 50%;
  padding: 12px 30px;
}

.c-field__label {
display: block;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin: 0 0 0.3125rem 0;
color: #7f8fa4;
font-size: 0.875rem;
font-weight: 400; } 


.c-cobro_label {
display: block;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin: 0 0 0.3125rem 0;
color: #7f8fa4;
font-size: 0.875rem;
font-weight: 400;;
}

.c-field.has-addon-left, .c-field.has-addon-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }

.c-field.has-addon-left > .c-field__addon {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.c-field.has-addon-left > .c-input {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.c-field.has-addon-right > .c-field__addon {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.c-field.has-addon-right > .c-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.c-field.has-icon-left > .c-field__icon, .c-field.has-icon-right > .c-field__icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);

color: rgba(127, 142, 164, 0.5);
font-size: 1.125rem; }
.c-field.has-icon-left > .c-input  {
padding-left: 40px; }
.c-field.has-icon-left > .c-field__icon {
left: 15px; }
.c-field.has-icon-right > .c-input {
padding-left: 40px; }
.c-field.has-icon-right > .c-field__icon {
left: 11px; }

.c-field--inline {
  float: left;
  margin-left: 13.5px;
  margin-right: 13.5px;
width:calc(100% - 506px); }

.c-date-inline {
  float: left;
  width: 140px;
}

.c-field--inline-2 {
  width: 270px; }
  @media (max-width: 768px) {
  .c-field--inline-2 {
  width: 100%; } }

.c-field__addon {
background: #FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F4F7));
background: linear-gradient(to bottom, #FFF, #F2F4F7);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-preferred-size: 2.625rem;
flex-basis: 2.625rem;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #dfe3e9;
border-radius: 4px;
color: #CED0DA;
font-size: 1.125rem;
text-align: center; }

.c-field__message {
display: inline-block;
margin: 0 0.3125rem 0 0;
padding: 0;
color: rgba(53, 64, 82, 0.5);
font-size: 0.75rem; }

.c-field__message > i {
margin-right: 0.3125rem; }


.c-field.has-icon-left > .c-input-2  {
  padding-left: 40px; }

.c-card {
  position: relative;
  border: 1px solid #313D4F;
  border-radius: 4px;
  background-color: #222C3C; }

.c-list-container {
  border-bottom: 1px solid #313D4F;
  width: 100%;
  height: 100px;
  padding-bottom: 5px;
  clear: both !important;
  display: table;
}
.o-card {
  position: relative;
  border-radius: 4px;
}
.c-margin-head {
  display: flex; 
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .c-table-responsive .c-table {
    display: block;
    overflow-y: hidden;
}

.container-size-child {
width: 200px;
height: 120px; 
}
.container-size-child > img {
width: 100%;
height: auto;
}

.c-search-result {
position: relative;
margin-bottom: 1.875rem;
padding: 1.25rem;
border: 1px solid #e6eaee;
border-radius: 4px;
background-color: #fff; }  

.option-search {
width: 100%;
padding: 7%;
background-color: #fff;
z-index: 900;
cursor: pointer;
}
.c-state_search {
  float: left;
  width: 50%;
}

.u-search_container {
  width: 36%;
  margin-top: 36px;
  position: absolute;
  border-radius: 4px;
  background-color: #FFF;
  z-index: 1000;
  overflow: auto;
}

.c-card--responsive {
overflow: auto;}     

.c-card__login {
padding: 0;
background-color: #222C3C; 
border-radius: 4px;
}

.u-text-center {
  overflow: hidden;
text-align: center !important; }

.c-card__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: -35px;
right: 0;
left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 70px;
height: 50px;
margin: 0 auto;
border-radius: 100%;
background: #222C3C;
}

.c-card__body {
padding: 1.875rem; }

/* ==========================================================================
#BUTTON GROUP
========================================================================== */
/**
* A series of buttons grouped together on a single line.
*/
.c-btn-group {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.c-btn-group > .c-btn:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.c-btn-group > .c-btn:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.c-btn-group > .c-btn:not(:first-child):not(:last-child) {
border-radius: 0; }
.c-btn-group > .c-btn + .c-btn {
border-left: 0; }

.c-btn-group.with-button .c-btn {
display: block;
position: absolute;
right: 0;
top: 0;
height: 100%;
color: #137fd1;
fill: #1bb934;
background-color: #1B2431;
border: none;
}



/**
* Force button group to take full width.
*/
.c-btn-group--fullwidth {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%; }
.c-btn-group--fullwidth > .c-btn {
width: 100%; }  


.c-scroll-product {
position: absolute;  
height: calc(100vh - 139px);
border-right: 1px solid #313D4F;
overflow-y: scroll; 
overflow-x:hidden;
width:190px;
}
.c-scroll-product::-webkit-scrollbar {
width: 6px;
background-color: transparent; }
.c-scroll-product::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: rgba(127, 143, 164, 0.5); } 

.left-half {
float: left;
width: 50%;
min-height: 100%;
margin: 0;
border-right: 1px solid #313D4F;
}

.left-half-2 {
  float: left;
  width: 100%;
  min-height: 100%;
  margin: 0;
  }

.right-half {
float: left;
width: 50%;
height: 100%;
margin: 0;
overflow: hidden;
}

.line-item {
color: #7f8fa4;
font-size: 0.875rem;
float: left;
margin-left: 12px;
margin-top: 7px;
}

.result-item {
float: right;
color: #fff;
margin-right: 3%;
margin-top: 2%;
}

.results-border-bottom {
width: 100%;
height: 33px;
border-bottom: 1px solid #313D4F;
padding: 0;
margin: 0;
}

.c-price {
text-align: right !important;
color: #fff;
padding: 0;
font-size: 1.375rem;
margin-right: 1rem;
margin-bottom: 1%;
} 

.payment-list {
display: inline-block; 
height: 100%;
}

.u-text-bold {
font-weight: 600 !important; }       

.u-color-success {
color: #fff !important; } 

.u-color-successful {
color: #1bb934 !important;
}

.u-color-warning {
color: #fd9a18 !important; }

.u-bg-cliente {
border-color: #39B54A !important;
background: #249533 !important; }

.u-text-right {
text-align: right !important; }

.u-text-left {
text-align: left !important; }

.u-text-xsmall {
  font-size: 0.75rem !important; }

.u-text-large {
  font-size: 1rem !important; }

.u-price {
margin: 0;
padding: 22px;
text-align: left;
color: #fff !important;
}    

.u-color-b-titles {
color: #7f8fa4 !important; 
}

.my-align {
display: flex;
align-items: center;
}

.c-h3 {
color: #7f8fa4;
font-size: 0.875¡rem;
font-weight: 200;
margin-bottom: 6%
}

.c-h4 {
color: #7f8fa4;
font-size: 1.125rem;
font-weight: 500;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
}

.borrarItem{
  cursor: pointer;
  font-size: 1.125rem;
  color: #7f8fa4;
}

.close-item {
  width: 40px;
  margin-right: 26px;
}

.c-sidebar {
position: fixed;
height: calc(100% - 53px);
width: 60px;
overflow: hidden;
z-index: 2; 
background-color: #222C3C;
-webkit-transition: width 0.2s;
transition: width 0.2s;
}

.c-sidebar:hover{
width: 160px;
-webkit-transition: width 0.2s;
transition: width 0.2s;
}


.c-sidebar__item {
position: relative;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
border-bottom: 1px solid #2a3547;
}

.c-sidebar__item.is-open {
background-color: #1D2531;
-webkit-box-shadow: inset 3px 0 0 0 #00A8FF;
box-shadow: inset 3px 0 0 0 #00A8FF; 
margin: 0 auto;
list-style: none;
min-width: 760px;}

.c-sidebar__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s;
transition: background-color .2s;
color: #B7C0CD;
font-size: .875rem; 
margin: 0 auto;
height: 65px;
list-style: none;
min-width: 760px;}
.c-sidebar__link.is-active {
background-color: #1D2531;
margin: 0 auto;
height: 65px;
list-style: none;
min-width: 760px;
}
.c-sidebar__link:hover {
background-color: #1D2531;
-webkit-box-shadow: inset 3px 0 0 0 #00A8FF;
box-shadow: inset 3px 0 0 0 #00A8FF;
color: #fff;
text-decoration: none; 
}

.c-sidebar__brand-img {
padding-left: 82px;  
display: inline-block;
height: 40px;
margin-right: 0.625rem; }


.c-sidebar__icon {
display: block;
min-width: 60px;
padding: 15px 0;
font-size: 20px;
text-align: center; }


.container-product_child {
width: 100%;
height: 80%;
}

.dropdownCerrarSesion{
position: relative;
display: inline-block;
padding: 0;
width: 10%;
}
.dropdownCerrarSesion-contenido {
width: 9.375rem;
top: 100%;
padding: 5%;
right: 0;
display: none;
position: absolute;
border-radius: 4px;
text-align: left;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdownCerrarSesion:hover .dropdownCerrarSesion-contenido{
display: block;
}

.c-dropdown__item {
  display: block;
  padding: 0.5rem 0.9375rem;
  border-bottom: 1px solid #dfe3e9;
  color: #354052;
  font-size: 0.875rem;
  font-weight: 400; }
.c-dropdown__item:hover {
    background-color: #f2f4f7;
    color: #2ea1f8;
    text-decoration: none; }
.c-dropdown__item:last-child {
    border-bottom: 0;
 }

.c-margin-title {
margin-left: 10% !important;
}

.c-quantity {
width:100%;
margin-left: 9% !important;
margin-right: 20%;
}

.tabbed {
width: auto;
margin: auto;
}

.tabbed > input {
display: none;
}

.tabbed label {
display: flex;
float: left;
padding: 0.75rem;
margin-top: 31px;
width: 24%;
margin-right: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
font-size: 14px;
color:#7f8fa4;
background: #273142;
transition: background-color .4s;
cursor: pointer;
transition: color .15s ease-in-out;

}

.tabbed > label:hover,
.tabbed > input:checked + label {
display: flex;
justify-content: space-around;  
color: #dfe3e9;
margin-top: 25px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: #222C3C;
border-top: 1px solid #313D4F;
border-left: 1px solid #313D4F;
border-right: 1px solid #313D4F;
font-size: 18px;
transition: background-color .4s;
cursor: pointer;
transition: color .15s ease-in-out;
}

.tabs {
clear: both;
position: relative; 
border-top: 2px solid #222C3C; 
transition: color .15s ease-in-out;
}

.tabs > div {
position: absolute;
opacity: 0;
transition: opacity 0;
transform: translateY(6px);
}

#tab-nav-1:checked ~ .tabs > div:nth-child(1),
#tab-nav-2:checked ~ .tabs > div:nth-child(2),
#tab-nav-3:checked ~ .tabs > div:nth-child(3),
#tab-nav-4:checked ~ .tabs > div:nth-child(4), .tabs{
opacity: 1;
transform: translateY(0px);
padding: 20px; 
width: 100%;
background: #222C3C;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: 1px solid #313D4F;
border-right: 1px solid #313D4F;
border-left: 1px solid #313D4F;
cursor: pointer;
}

.container-efectivo {
display: inline-block;
width: 553px;
background: #222C3C;
border-right: 1px solid #313D4F;
border-left: 1px solid #313D4F;
border-bottom: 1px solid #313D4F;
border-top: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;  
}

.container-tarjeta {
display: inline-block;
width: 553px;
padding: 20px 30px;
background: #222C3C;
border-right: 1px solid #313D4F;
border-left: 1px solid #313D4F;
border-bottom: 1px solid #313D4F;
border-top: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;  
}

.center {
display: flex;  
width: 100%;
display: -webkit-flex;
display: -webkit-flex; /* Safari */
-webkit-justify-content: center; /* Safari 6.1+ */
justify-content: center;
}

.input-centrado {
display: -webkit-flex;
display: flex;
display: -webkit-flex; /* Safari */
-webkit-justify-content: center; /* Safari 6.1+ */
display: flex;
justify-content: center;
width: 100%
}

.u-ml-cantida {
margin-left: 17% !important;
}

.c-btn--pills {
background: #39b54a;
background: -webkit-gradient(linear, left top, left bottom, from(#475364), to(#273142));
background: linear-gradient(to bottom, #39b54a, #34aa44);
border-color: #249533; 
width: 100%;
margin: auto;
padding: 1%;
}
.c-btn--pills:hover {
background: #34a544;
background: -webkit-gradient(linear, left top, left bottom, from(#34a544), to(#39b54a));
background: linear-gradient(to bottom, #39b54a, #34aa44); 
text-decoration: none;
}
.c-btn--pills:focus {
background: #329e40;
background: -webkit-gradient(linear, left top, left bottom, from(#329e40), to(#2d933b));
background: linear-gradient(to bottom, #329e40, #2d933b); }

.payment-head {
margin-left: 12px;
margin-top: 25%;
}

.leftColHeader {
margin: 0;
padding: 0;
background-color: #2A3546;
border: 1px solid #313D4F; 
}

.leftColHeader-puntos {
margin: 0;
background-color: #2A3546;
}

.tipo-pago{
margin: 0;
display:inline-block; 
padding:0;
color: #7f8fa4;
}

.c-close {
  top: 0.75rem;
  right: 1rem; 
  margin-right: auto;
  padding: 12px;}

.pago-realizado {
float: right;
margin-right: 12px;
color: #fff;
}

.u-text-danger {
color: #ed1c24 !important; }

.u-text-white {
color: #fff; }  


.b-table {
  display: table;
  width: 30%;
  max-width: 100%;
  border: 1px solid #E6EAEE;
  border-collapse: collapse;
  bottom: 70px;
  position: absolute;
}

.c-spaces{
  height: 50px;
  display: block;
  position: relative
}

.faltante {
font-weight: 500;  
float: right;
margin-right: 18px;
margin-top: 6px;
color: #ed1c24;
}

.price-list {
margin-left: 55%;
margin-bottom: 6px;
color: #fff;
font-weight: 500;
align-items: center;
}

.c-panel_client {
margin-top: 3%;
padding: 108px 30px;
border: 1px solid #313D4F;
border-radius: 4px;
background-color: #273142;
color: #354052;
}

.boton-productohijo{
background: #39b54a;
background: -webkit-gradient(linear, left top, left bottom, from(#39b54a), to(#34aa44));
background: linear-gradient(to bottom, #39b54a, #34aa44);
border-color: #249533;
padding:0;
width: 70px;
margin-left:88%;
height: 80%;
margin-top:0.6%;
}

.c-h1 {
margin: auto;
padding-bottom: 10px; 
}
.field-select {
margin: auto;
overflow: hidden;
}

.field-select-1 {
margin: auto;
overflow: hidden;
}

.c-selected {
position: relative;
display: block;
margin: 4px 0 8PX;
margin-bottom: 20px;
border-radius: 4px;
background: #273142;
border: solid 1px #313D4F;
}

.c-selected select {
height: 40px;
margin-bottom: 0;
line-height: 20px;
padding: 6px;
padding-left: 15px;
border:0;background:transparent;
-webkit-appearance: none;
border-radius: 4px;
font-size: 0.875rem;
font-weight: 400;
color: #7F8FA4;
width: 100%;
}

.c-selected select:focus{
border-color: #2ea1f8;
outline: none;
box-shadow:0 0 0px 1px #2ea1f8,inset 0 0 1px #2ea1f8;
}

.c-selected-icon {
font-weight: normal;
font-style: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
font-size:14px;
color:#A8AAB7;
position:absolute;
right:11px;
top:12px;
pointer-events:none;
}

.c-arrow_down {
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-size:14px;
  color:#A8AAB7;
  position:absolute;
  right:11px;
  top:12px;
  pointer-events:none; 
}

.u-border-left {
border-left: 1px solid #313D4F !important;
display: block;
position: relative;
}

.boton1-footer-confirmacion{
  width: 15%;
  float: left;
}
.boton2-footer-confirmacion{
  width: 16%;
  float: left;
}

.espaciado-boton-footer-confirmacion{
  min-width: 69%;
  float: left;
  border:1px solid #1b2431;
}

.icono-confirmacion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: -35px;
right: 0;
left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 70px;
height: 70px;
margin: 0 auto;
border-radius: 100%;
color: #fff;
font-size: 1.75rem;
background: #39b54a;}

 .fecha-confirmacion{
   float: left;
   width: 50%;
 }

 .idticket-confirmacion{
   float: left;
   width: 50%;
}

.p-space {
  display: table-cell;
  vertical-align: middle;
}

.espaciado-fecha-confirmacion{
  min-width: 50%;
  float: left;
  border:1px solid #1b2431;
}

.espaciado-cantidades-confirmacion{
  float: left;
  min-width: 50%;
  border: 1px solid #1b2431;
}

.img-tabla-productos{
  height: 48px;
  width: 76px;
  padding: 0;
  border-radius: 4px;
  background-color: white;
}

.img-tabla-productos > img{
  height: 100%;
}

/* ==========================================================================
   #MODAL 
   ========================================================================== */

.inputChangeCantidad{
height: 36px;
border: 0;
border-radius: 4px;
background-color: #546A8F;
color: white;
text-align: center;
}

.modal_c-card {
position: relative;
border: 1px solid #e6eaee;
border-radius: 4px;
background-color: #fff;
}

.c-modal--xlarge .c-modal__dialog {
max-width: 750px; }

.c-modal--huge .c-modal__dialog {
max-width: 950px; }    

.c-modal__body {
padding: 1.875rem;
background-color: #1B2431;
overflow: hidden;
}

.c-modal__cobro {
display: flex;
margin: auto;
background-color: #1B2431;
overflow: hidden;
}

.c-modal__close--absolute {
position: absolute;
top: 1.875rem;
right: 1.875rem;
z-index: 500; }
@media (max-width: 768px) {
.c-modal__close--absolute {
top: 0.9375rem; } }  

.c-modal__title {
margin: 0;
color: #fff;
font-size: 1.125rem; }

.c-modal__close {
color: #fff;
font-size: 1.125rem;
cursor: pointer;
opacity: 0.8; }
.c-modal__close:hover {
color: #fff; }


.c-modal__content {
width: 100%;
border-radius: 4px;
outline: 0;
overflow: hidden;
margin: 0;
}

.c-modal__content-2 {
position: relative;
width: 100%;
border-radius: 4px;
outline: 0;
overflow: hidden; }
      
      
    .c-modal__header {
    background: #354052;
    background: -webkit-gradient(linear, left top, left bottom, from(#354052), to(#313D4F));
    background: linear-gradient(to bottom, #354052, #313D4F);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 1.875rem; }
    
    .footer-modal-cobro{
    width: 100%;
    height: 10%;
    background-color: #222C3C;
    border: 1px solid #313D4F;
    }
    
   /** Partes de Modal para borrar **/

   .content-container-modal-omni {
    background-color: #1B2431;
    width: 70%;
    height: 590px;
    overflow: hidden;
    padding: 20px;
   }

    .ticket-modal-cobro {
    background-color: #222C3C;
    float: left;
    width: 30%;
    height: 590px;
    overflow: hidden;
    padding-bottom: 100px;
    }
    
    .pagos-modal-cobro{
      display: block;
      overflow: hidden;
    }
    
    .tabla-pagos-modal-cobro{
    position: absolute;  
    margin: auto;  
    padding: 3.75rem 3.75rem 1.875rem;
    }
    
               
.contenido-modal-productohijo {
width: 100%;
height: 60%;
padding: 0;
margin:0;
}
.header-modal-productohijo{
width: 100%;
height: 20%;
background-color: #354052;
border: 1px solid #313D4F;
}
  
.footer-modal-productohijo{
width: 100%;
height: 20%;
background-color: #222C3C;
border: 1px solid #313D4F;
}

.caja-modal-productohijo {
border: 1px solid #00A8FF;
width: 90%;
height: 85%;
margin-top: 7.5%;
padding: 0;
border-radius: 4px 4px 4px 4px;
background-color: #222C3C;
border: 1px solid #313D4F;
}

.espaciado-modal-productohijo{
margin:0;
padding: 0;
width: 100%;
height: 15%;
}

.container-img-modal-productohijo{
margin: auto;
padding: 10px;
width: 50%;
border: 3px solid green;
}

.caja-img-modal-productohijo{
display: block;
margin: auto;
padding: 10px;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 4px;
}

.img-modal-productohijo {
display: block;
margin: auto;
padding: 10px;
background-color: #fff;
border-radius: 4px;
}

.form-modal-productohijo{
width: 50%;
height: 100%;
float: left;
margin: 0;
padding: 0;
background: #222C3C;
}

.c-modal__subheader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 30px;
background-color: #1B2431;
color: #fff; }
.c-modal__subheader p {
color: inherit; }

.c-modal__footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: white;
text-align: center;
padding: 1rem 1.875rem;
border-top: 1px solid #313D4F;
background-color: #273142;
}


.c-modal__footer-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
  align-content: center;
-webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
-webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
padding: 0.9375rem 1.875rem;
border-top: 1px solid #313D4F;
background-color: #354052; }    
    
    

.header-modal-confirmacion{
  margin: 0;
  padding: 0;
  height: 0;
  width: 100%;
  background-color: rgba(0,0,0,0);
}

.contenido-modal-confirmacion{
  margin-top: 35px !important;
  padding: 1.5625rem 1.875rem;
  width: 100%;
  height: 80%;
  background-color: #354052;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.footer-modal-confirmacion{
  margin: 0;
  padding: 0;
  height: 10%;
  width: 100%;
  background-color: #222C3C;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.boton-modal-confirmacion{
margin: 9px;
width: 200px;
}

.cambio-modal-confirmacion{
float: left;
width: 25%;
}

.container-modal-confirmacion{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0);
}
  

.main_ticket {
  width: 100%;
  height: 132px;
  margin: 0;
  padding: 0;
  margin-bottom: 6px;
}

.c-modal__dialog {
position: relative;
max-width: 550px;}

.c-modal.fade .c-modal__dialog {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
    

.head-title-info {
 float: left;
  color: #7f8fa4;
  font-size: .875rem;
  margin-top: 8px;
}

.head-title-info-1 {
  float: left;
   color: #7f8fa4;
   font-size: .875rem;
   margin-top: 8px;
 }

 .head-title-info-2 {
  float: left;
   color: #7f8fa4;
   font-size: .875rem;
   margin-top: 8px;
 }

 .head-title-info-3 {
  float: left;
   color: #7f8fa4;
   font-size: .875rem;
   margin-top: 8px;
 }

.c-fileitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.9375rem 0;
  border-bottom: 1px solid #e6eaee; }
  .c-fileitem:first-child {
    padding-top: 0; }
  .c-fileitem:last-child {
    padding-bottom: 0;
    border-bottom: 0; }

.c-fileitem__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.c-fileitem__img {
  margin-left: calc((90% - 98px) / 2);
  margin-top: 22.5px;
  width: 62px;
  height: 45px;
  border-radius: 4px;
  overflow: hidden; 
  background-color: white;
  text-align: center;
}
  .c-fileitem__img > img {
    text-align: center;
    height: 100%; 
  }

.c-fileitem__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #354052;
  font-weight: 600; }
  .c-fileitem__name > img {
    margin-right: 8px; }

.c-fileitem__date {
  color: #7f8fa4;
  font-size: 0.875rem; }
  .c-fileitem__date i {
    margin: 0 5px; }

.c-scroll-tickets {
      height: calc(100% - (69px + 90px));
      border-right: 1px solid #313D4F;
      overflow-y: auto; }
.c-scroll-tickets ::-webkit-scrollbar {
    width: 6px;
    background-color: transparent; }
.c-scroll-tickets::-webkit-scrollbar-thumb {
    border-radius: 6px;
        background-color: rgba(127, 143, 164,0.5); }

.c-state-container {
  position: relative;
  padding: 12px;
  align-items: center;
  cursor: pointer;
  }      
  .selected-ticket{
    border: 1px solid #5897fb !important;
  }

.c-state {
  position: relative;
  padding: 0.75rem;
  border-radius: 4px;
  height: 105px;
} 

.c-state--success {
  background-color: #222C3C;
  border: 1px solid #68707D;
  }
.c-state-container :hover {
  border: 1px solid #5897fb;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none; 
}

.c-state__title {
  margin: 0;
  margin-bottom: 4px;
  color: #7f8fa4;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  opacity: 1.0; 
  pointer-events: none;}

  .c-state__ticket {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 6px;
    pointer-events: none;  
  }

  .c-state__ticket_number {
    position: absolute;
    top: 30%;
    right: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    pointer-events: none;
  }


.u-text-mute {
color: #7f8fa4 !important; }

.c-cliente__user-meta {
margin: 0 0 6px;
font-size: 12px; 
pointer-events: none;} 
      
.c-user-meta {
  position: absolute;
  margin: auto;
  font-size:12px;
  right: 11px;
  top: 56px;
  pointer-events: none;
}

.c-state__total {
  color: #7F8FA4;
  font-weight: 600;
  pointer-events: none;
}

.c-state__price {
  position: absolute;
  right: 12px;
  top: 78px;
  color: #7F8FA4;
  font-weight: 600;
  font-size: 0.875rem;
  pointer-events: none;
}

.head-title {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

.method-title {
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #313D4F;      
}

.c-method__total {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.method-list {
  padding: 0 10px 0 10px;
  color: #354052;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  color: #fff;
    }
.method-pay {
  margin-left: auto;}

.total-method {
  float: right;
  width: 100px;
  text-align: right;
  font-weight: 600;
  color: #1A91EB;
  font-size: 1rem;
}

.pay-space {
  display: inline-block;
  width: 100px;
  text-align: right;
  padding: 3px 0 3px 0;
  margin-bottom: 2px;
}

.loadingTicket{
  margin-top:37.5%;
  margin-left:37.5%;
}

.c-info-ticket {
  width: calc(100% - (0px + -17px));
  overflow: hidden;
}

.boxes{
  float: left;
  height: 34px;
}

.name-product {
 position: relative;
 line-height: 1; 
 white-space: pre-wrap;
 margin-top: 23px; 
 margin-left: -11px;
} 

.o-code_id {
  line-height: 1.3;
  padding: 2px 0;
  margin: 20px auto;
  margin-left: 20px;
}

/**
 * Corte de Caja
 */

 .main-corte {
   display: flex;
   justify-content: center;
   position: absolute;
   height: 74px;
   width: calc(100vw - 60px);
   z-index: 300;
   margin-left: 60px;
 }

.trueCorteParcial{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color:white;
  background: rgba(25,145,235,.5);
  border-color: #1A91EB;
}

.falseCorteParcial {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #7c8ca5;
  border-color: #313d4f;
  background: #222C3C;
}

.trueCorteTotal {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color:white;
  background: rgba(25,145,235,.5);
  border-color: #1A91EB;
}

.falseCorteTotal {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #7c8ca5;
  border-color: #313d4f;
  background: #222C3C;
}

.corte-ask_btn {
height: 40px;
width: 87px;
border-radius: 4px;
border: 0;
color: white;
margin-top: 24px;
font-size: 0.875rem;
font-weight: 400;
}

.btn-delete_corte {
 margin-top: 23px;
 margin-bottom: 30px; 

}

.u-width-4 {
  width: 4px !important; }

.u-width-82 {
  width: 82px;
}
.u-width-108 {
  width: 108px;
}

.c-row_product {
  width: 15%;
  color: #fff;
  margin: 10px;
  text-align-last: center;
  line-height: 18px;
}

.c-width_calc {
  width: calc((100% - 502px) / 2);
}

.c-width_calc-2 {
  width: calc((100% - 502px) / 25);
}
.u-width-66 {
  width: 66px;
}

/* ==========================================================================
  #Register Card Info 
   ========================================================================== */
  .reg-card {
    position: relative;
    height: 135.5px;
    margin-bottom: 1.875rem;
    padding: 0.9375rem;
    border-radius: 4px; }
  
    .reg-card__title {
    color: #fff;
    font-size: 0.75rem;
    text-transform: uppercase;
    opacity: 0.7; 
    margin-top: 3px;
  }

    .reg-card__store {
    color: #fff;
    font-size: 1.5625rem;
    font-weight: 400;
    }
  
    .reg-card__number {
    width: 100%;
    display: block;
    margin: 5px 0 20px 0;
    color: #fff;
    font-size: 1.625rem;
    font-weight: 400; }
  
    .reg-card__status {
    margin: 0;
    padding: 0.625rem 0 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase; 
    position: absolute;
    top:100px;
    width: 140px;
  }
  
  /**
   * 1. Equals padding of `.reg-card`.
   */
   .reg-card__indicator {
    display: inline-block;
    position: absolute;
    top: 0.625rem;
    right: 0.9375rem;
    color: #fff;
    font-size: 30px;
    opacity: 0.2; }
    .reg-card__indicator > i {
      display: block; }

      /* Style variants
   ========================================================================== */

.reg-card,
.reg-card--info {
  /* [1] */
  background-color: #3B517C; }

.reg-card--store {
  background-color: #286aa6; }

.reg-card--warning {
  background-color: #DA932C; }

.reg-card--danger {
  background-color: #D65B4A; }

  .head__list {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 0 auto;
  }

    .head__list_total {
      display: flex;
      flex-direction: column;
      justify-content: space-around ;
      height: 100px;
    }

.head__title  {
  width: 150px;
} 

.head__title-reg{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 25px 25px;
  font-size: 1.125rem;
  text-align:right;
  color: #7f8fa4;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
}

.c_pay-method-1 {
  display: flex;
  padding: 25px 25px;
  font-size: 1.125rem;
  color: #7f8fa4;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  margin-left: -18px;
}

.c-expected {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 25px;
  font-size: 1.125rem;
  text-align:right;
  color: #7f8fa4;
  font-weight: 500;
  width: 100px;
  margin-left: 30px;
}


.c-real {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 25px;
  font-size: 1.125rem;
  text-align:right;
  color: #7f8fa4;
  font-weight: 500;

  width: 100px;
  margin-left: 30px;
}

.c-variance {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 25px;
  font-size: 1.125rem;
  text-align:right;
  color: #7f8fa4;
  font-weight: 500;
  width: 100px;
  margin-left: 22px;
}

.head__title-method {
  font-size: 1.125rem;
  color: #fff;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  width: 100px;
  text-align: left;
}

.head__title-gap {
  margin-left: 36px;
  width: 100px;
  font-size: .875rem;
  font-weight: 500;
  color: #7f8fa4;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
}


.head__title-cash {
  display: inline-block;
  width: 100px;
  color: #fff;
  font-size: .875rem;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle; 
  margin-left: 28px;
}

.head__title-real {
  display: flex;
  text-align: right;
  max-width: 50%;
  margin-left: 65px;
  white-space: nowrap;
  vertical-align: middle;
  -ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
}

.c-withdraw {
  display: flex;
  max-width: 50%;
  padding: auto;
  white-space: nowrap;
  vertical-align: middle;
  -ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
}

.c-withdraw__price {
  position: absolute;
  padding: 26px 5px;
  left: 50%;
}

.head__title-total {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  width:100px;
  margin-left: 30px;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle; 
}

.head__title-warn {
  font-size:  0.9375rem;
  font-weight: 500;
  width: 100px;
  text-align:right;
  white-space: nowrap;
  margin-left: 70px;
}

.head-container {
  display: flex;
  justify-content: space-between;
}

.withdraw_title {
  padding: 25px 30px;
  align-items: stretch; /* Default */
  color: #7F8FA4;
  font-size: 24px;
  text-align: left;
  font-weight: 500;
}

.t-withdraw_title{
  display: flex;
  flex-wrap: nowrap;
  color: #7F8FA4;
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: right;
  margin-left: 24px;
}

.t-withdraw_price {
  color: #B7C0CD;
  font-size: 24px;
  font-weight: 500;
  text-align: right;
  margin-left: 15px;overflow: hidden;
  white-space: nowrap;
}


.amount-title {
  padding: 25px 30px;
  align-items: stretch; /* Default */
  color: #CAD6E2;
  font-size: 24px;
  text-align: right;
  font-weight: 500;
}

.cash-register_btn {
  margin-top: 4rem !important;

}
.u-bg-money {
  border-color: #313D4F !important;
  background: #222C3C !important; }
 
.actions-ticket1{
  border:1px solid #313d4f; 
  width:36.25px; 
  height:42px; 
  float:left;
  cursor:pointer; 
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  color:white;
  display:flex;
  justify-content:center;
  align-items:center;
}

.actions-ticket2{
  border-top:1px solid #313d4f; 
  border-bottom:1px solid #313d4f; 
  border-right:1px solid #313d4f; 
  width:36.25px; 
  height:42px; 
  float:left;
  cursor:pointer;
  color:white;
  display:flex;
  justify-content:center;
  align-items:center;
}

.actions-ticket3{
  border-top:1px solid #313d4f; 
  border-bottom:1px solid #313d4f; 
  border-right:1px solid #313d4f; 
  width:36.25px; 
  height:42px; 
  float:left;
  cursor:pointer; 
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  color:white;
  display:flex;
  justify-content:center;
  align-items:center;
}

.actions-ticket1:hover{
  color:white;
  background: rgba(25,145,235,.5);
  border-color: #1A91EB;
}

.actions-ticket2:hover{
  color:white;
  background: rgba(25,145,235,.5);
  border-left: 1px solid #1A91EB;
  border-top:1px solid #1A91EB; 
  border-bottom:1px solid #1A91EB; 
  border-right:1px solid #1A91EB; 
}

.actions-ticket3:hover{
  color:white;
  background: rgba(25,145,235,.5);
  border-color: #1A91EB;
}

.validar {
  margin: 0 0 0.3125rem 0;
  color: #7f8fa4;
  font-size: 0.875rem;
  font-weight: 400;;
}
.u-p-normal {
  padding: 12px !important;
}

.u-ml-xxlarge {
  margin-left: 160px !important;
}
.c-tooltip {
  position: relative; }
  .c-tooltip::after {
    position: absolute;
    max-height: 5rem;
    padding: 0.625rem 0.9375rem;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: 4px;
    background-color: #353C48;
    color: #fff;
    -moz-box-shadow:    inset 0 0 10px #313D4F;
    -webkit-box-shadow: inset 0 0 10px #313D4F;
    box-shadow:         inset 0 0 10px #313D4F;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    content: attr(aria-label);
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: 200;}
  .c-tooltip::before {
    position: absolute;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border: 6px solid transparent;
    content: " ";
    opacity: 0;
    visibility: hidden; }
  .c-tooltip:hover::before, .c-tooltip:hover::after {
    opacity: 1;
    visibility: visible; 
}

.c-tooltip--top::after {
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -12px);
          transform: translate(-50%, -12px); }
    
.c-tooltip--top::before {
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-top-color: #353C48; }

.u-display_none {
  display: none !important;
}

.c-add_client__2 {
  display: table-cell;
  vertical-align: middle;
}

.pagosContainerCobro{
  overflow-y:auto; 
  height:237px;
}

.pagosContainerCobros::-webkit-scrollbar {
  width: 6px;
  background-color: transparent; }
  .pagosContainerCobro::-webkit-scrollbar-thumb {
  border-radius: 6px;
}
/* CLASES TOTAL */
.u-pl-total {
  padding-left: 4.25rem !important; } 

.total-cobro {
  width: 50%;
  max-width: 100%;
  padding: 0.9375rem !important;
  margin-bottom: 1.875rem !important;
  margin-left: auto !important;
  margin-right: 15px;
}  

.container-box-total {
  padding: 0;
  border: 1px solid #313D4F;
  border-radius: 4px 4px 4px 4px;
  background-color: #222C3C;
  width: 580px;
  height: 100%;
  overflow: hidden;
  }

  .c-total {
    color: #fff;
    text-align: right !important;
    padding: 12px;
    font-size: 1.375rem;
    margin-right: 2px;
  }
  
  .total-modal-confirmacion{
    float: left;
    width: 25%;
    }

  /* CLASES CORTE DE CAJA */  

.box-cut_alert {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #313d4f;
  background-color: #273142;
  width: 814px;
  color: white;
  overflow: hidden;
  padding: 12px;
  height: 74px;
  position: fixed;
  bottom: 0;
}
  
.c-corte-container {
  width: 100%;
}

.c-final_main {
  height: calc( 100% - 126px);
  width: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.c-final-side {
  width: 75%;
  height: 100%;
  background-color: #273142;
  float: left; }

  .c-fina-summary {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid  #313d4f;
  }
  .c-final_summary_title {
    width: 100%;
    border-bottom: 1px solid #313d4f;
    padding: 16px;}

.instance_corte {
  width: 100%;
  height: 70px;
  border: 1px solid #313D4F;
  background-color: #273142;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
} 

.instance-title {
  width: 249px;
  height: 36px;
  margin-top: 17px;
  margin-left: calc((100% - 294px)/2);
}

.parcial-container {
display: flex;
align-items: center;
justify-content: center;  
height: 75%;
width: 100%;
}

.parcial-head {
  margin-top: 32.5px;
  margin-bottom: 32.5px;
  height: 188px;
  width: 75%;
  border: 1px solid #313D4F;
  border-radius: 4px;
}

.parcial-note {
    width: 25%;
    background-color: #323c4c;
    float: left;
    padding: 12px;
  }

  .stuffing {
    width: 614px;
    border-bottom: 1px solid #313d4f;
    padding: 16px;
  }

  .c-stuffing {
    width: 100%;
    padding: 12px;
    margin: 4px;
    margin-top: 10px;
  }

  .c-note {
    height:214px; }
  
  .c-real-input {
    width: 80px;
    text-align: right;
  } 
  
  /* Historial de Tickets */

.historialTicketsContainer{
  margin-left: 60px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  width: calc(100vw - 60px);
  height: calc(100vh - 57px);
  }
  
.historialTicketsContainer2{
  margin-left: 60px;
  padding-left: calc((100% - 874px) / 2);
  padding-right: calc((100% - 874px) / 2);
  padding-bottom: 18px;
  width: calc(100vw - 60px);
  height: 715px;
  }
  
.tablaHistorialTickets{
  border: 1px solid #313D4F;
  border-radius: 4px;
  background-color: #273142;
  color: #354052;
  height: calc(100% - 61px);
  }
  
.inputsTablaHistorialTickets{
  padding-top: 14.5px;
  height: 67px;
  width:100%;
    }
.headerTablaHistorialTickets{
  height: 34px;
  width:100%;
  background-color: #313d4f;
    }
.contenedorLadosTablaHistorialTickets{
  height: calc(100% - 101px);
  width:100%;
    }
  
.izquierdaTablaHistorialTickets{
  overflow-y: scroll;
  float: left;
  height: 100%;
  width:244px;
}

.table-container {
  height: 54px;
  width: 82px;
  padding: 3px;
  margin-left: 26px;
}
.delete-container {
  width: 40px;
  margin-right: 26px;
}
  
.izquierdaTablaHistorialTickets::-webkit-scrollbar {
  width: 6px;
  background-color: transparent; }
.izquierdaTablaHistorialTickets::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(127, 143, 164,0.5); }
  
.derechaTablaHistorialTickets{
  float: left;
  height: 100%;
  width:calc(100% - 244px);
    }
  
.derechaTopTablaHistorialTickets::-webkit-scrollbar {
  width: 6px;
  background-color: transparent; }
  .derechaTopTablaHistorialTickets::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(127, 143, 164, 0.5); } 
  
.derechaTopTablaHistorialTickets{
  height: calc(100% - 164px);
  width: 100%;
  background-color: #222c3c;
    }
  
.derechaBottomTablaHistorialTickets{
  height: 164px;
  width: 100%;
    }
  
.tablaCobroDetalleHistorialTickets{
  margin-top: 15px;
  margin-left: calc((100% - 409px) - 15px);
  height: 134px;
  width: 409px;
    }
  
.izquierdaTablaCobroDetalleHistorialTickets{
  float: left;
  width: 204.5px;
  height: 134px;
  background-color: #222c3c;
  border: solid 1px #313d4f;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
    }
  
.derechaTablaCobroDetalleHistorialTickets{
  float: left;
  width: 204.5px;
  height: 134px;
  background-color: #222c3c;
  border-right: solid 1px #424954;
  border-top: solid 1px #424954;
  border-bottom: solid 1px #424954;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  }

  .h-empty-state {
    height: 244px;
    width: 556px;
    background-color: #222c3c;
    border-radius: 4px;
    background-image: url("/img/historial-vacio.png");
    background-repeat: no-repeat;
    background-position: center; 
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  }

.t-ml_13 {
  margin-left: 13.5px !important;}

.c-divider_ticket {
padding-top: 12px;
float: left;
}

.t-mt-xsmall {
  margin-top: 3px !important;
}
.t-ht {
  height: 42px !important;
}

.action-ticket_container {
  height: 42px;
  width: 145px;
  float: left;
}

.header-ticker_title {
  width: 244px;
  float: left;
  padding-left: 17px;
}

.name-titles {
  width: calc(100% - 244px);
  float:left;
}

  /* END Historial de Tickets */


.container-monedero {
  display: flex;
  justify-content: center;
  border: solid 1px #313d4f;
  background-color: #1B2431;
  border-radius: 4px;
  padding: 6px; 
}
.main-monedero {
  height: 270px;
  width: 570px;
}
.container-submit_monedero {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 35px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.m-btn_space {
  width: 150px;
  height: 36px;
}

.cantidad_pos{
  border:1px solid #1a91eb;
  border-radius: 4px;
  width: 60px;
  padding: 6px;
  margin-right: 12px; 
}

.cantidad_pos:hover{
  cursor: pointer;
}

.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 28px;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  max-width: 80%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #414f63;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.orange .circle {
  stroke: #ff902a;
}


.percentage {
  fill:#7f8fa4;
  font-family: sans-serif;
  font-size: 10px;
  text-anchor: middle;
}

.contenedor-barra{
  height: 40px;
  width: 18px;
  display: flex;
  align-items: flex-end;
}
@keyframes algo{
  from{
    height: 0;
  }
}

.barra{
  animation-name: algo;
  animation-duration: 1s;
  border-top-left-radius: 1.7px;
  border-top-right-radius: 1.7px;
}

.header-tabla-ventas-agentes{
  display: flex;
  flex-direction: row;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-around;
  padding: 10px;
  border-bottom: 1px solid #313D4F;
  margin: 0;
  height: 50px;
}

.row-tabla-ventas-agentes{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 10px;
}

.row-tabla-ventas-agentes:hover{
  background-color: #222c3c;
}

.body-tabla-ventas-agentes{
  width:100%;
}

.titulo-header-tabla-ventas{
  font-size: 11.2px;
  color:white;
}

.celda-tabla-ventas-agentes{
  height: 50px;
  display:flex;
  color:white;
  padding: 12px
}

.celda-agente {
  margin-left: 90px;
  color: white;
  padding: 12px;
}

.celda-total {
  margin-left: 70px;
}

.celda-piezas {
  margin-left: 46px;
  color: white;
  padding: 12px;
}
.sales-base {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.body-tabla-ventas-agentes::-webkit-scrollbar {
  width: 6px;
  background-color: transparent; 
}
  .body-tabla-ventas-agentes::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(127, 143, 164, 0.5); 
} 

.circulo-tabla-agentes{
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color:#286aa6;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 17px;
}

.fl-jc_c{
  display: flex;
  justify-content: center;
}

.fl-ai_c{
  display: flex;
  align-items: center;
}

.fl{
  display: flex;
}

.mr-9{
  margin-right: 9px;
}

.c_p{
  cursor: pointer;
}

.contenedor-info-agente{
  display: flex;
  flex-direction: row;
}

.c-agent_name {
  display: inline-block;
  color: white;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 150px;
}

.circle-button{
  border:0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #0c73c1;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
}

.circle-button:disabled{
  background-color: #313D4F;
  border: 1px solid #354052;
  cursor: not-allowed;
}

.control-group {
  text-align: center;
  padding: 10px;
  width: 100%;
  margin-top: 22px;
}

.control {
  display:block;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px;
}

.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #39b54a;
}

.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
}

.container-az{ 
  display: flex;
  position: sticky;
  justify-content: center;
  width: 100%;
  height: 42px;
  bottom:0
}

.actionzone {
  border: 1px solid #364357;
  border-radius: 4px;
  background: #313D4F;
  bottom: 174px;
  width: 558px;
  height: 42px;
  padding: 0 9px 0 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-btn--small {
  padding: 0.25rem 1.125rem;
  font-size: 0.75rem; }

  
  .triangle-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #222c3c;
  }


.tooltip-graficas{
  display: flex;
  justify-content: center;
  align-items: center; 
  flex-direction: column; 
  width: 100%;
  height: 100%;
}

.container-ventas{
  margin-left: 60px; 
  width: calc(100vw - 60px);
  overflow-y: auto;
}

.container-ventas::-webkit-scrollbar {
  width: 6px;
  background-color: transparent; }
  .container-ventas::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(127, 143, 164, 0.5); } 

  .subcontainer-ventas{
    margin-left:calc((100% - 880px) / 2); 
    width: 880px;
    overflow-y: auto;
  }
  
  .subcontainer-ventas::-webkit-scrollbar {
    width: 6px;
    background-color: transparent; }
    .subcontainer-ventas::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(127, 143, 164, 0.5); } 


    body::-webkit-scrollbar {
      width: 6px;
      background-color: transparent; }
      body::-webkit-scrollbar-thumb {
      border-radius: 6px;
      background-color: rgba(127, 143, 164, 0.5); } 


.inventario-productos-container{
  height:100%;
  width:calc(100% - 270px);
  display:flex; 
  flex-Wrap:wrap; 
  overflow-y:auto; 
  justify-content:space-around;
}

.inventario-productos-container::-webkit-scrollbar {
  width: 6px;
  background-color: transparent; }
  .inventario-productos-container::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(127, 143, 164, 0.5); } 


/* ==========================================================================
   #Inventario 
   ========================================================================== */

   .c-stock {
    margin-bottom: 1.875rem;
    padding: 0.9375rem;
    border: 1px solid #313D4F;
    border-radius: 4px;
    background-color: #273142;
  }

  .c-stock__cover {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    font-size: 0;
    overflow: hidden;
    margin-bottom: .625rem;
    border: 1px solid #e6eaee;
    border-radius: 4px;
    background-color: #fff;
  }

  .c-stock__info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   top: -0.9375rem;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
   padding-bottom: 0.9375rem;
   border-bottom: 1px solid #313D4F;
  }

  .c-stock__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
    width: 500px; 
    text-align: left;  
  }

  .c-stock__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #FFF;
    left: 0px;
    width: 100%
  }

  .c-stock__name {
    display: block;
    color: #7F8FA4; }
    .c-stock__name i {
      margin-right: 0.625rem;
    }

.c-stock__actions {
   margin-left: 217px;
   position: relative;
   bottom: 0;
   top: 24px;
   }
 .c-stock__actions a {
   -webkit-transitions: opacity 0.3s;
   transition: opacity 0.3s;
   color: #313D4F;
   opacity: .5; }
   .c-stock__actions a:last-child {
   margin-left: 0.3125rem; }
     .c-stock__actions a:hover {
       opacity: 1;}

.c-board__btn {
 display: block;
 position: absolute;
 bottom: -16px;
 left: 16px;
 width: 32px;
 height: 32px;
 border-radius: 100%;
 color: #fff;
 font-size: 0.875rem;
 line-height: 32px;
 text-align: center;
 z-index: 200;
 background: #2ea1f8;
 background: -webkit-gradient(linear, left top, left bottom, from(#2ea1f8), to(#1990ea));
 background: linear-gradient(to bottom, #2ea1f8, #1990ea); }
 .c-board__btn:hover {
   color: #fff;
  }


.c-stock__footer {
 margin-top: -56px;
 margin-right: 10px;
 float: right;
 }    
.c-stock__status {
 margin-top: 14px;
 font-size: 0.875rem; 
 float:right;}

 .c-stock__selects {
   display: flex;
   justify-content: space-between;
   flex-flow: column wrap;
   width: 48.5%;
 }
   .c-pull-right {
     margin-top: -57px;
     float: right;
     width: 50%; }
 
.c-project {
margin-bottom: 1.875rem;
padding: 0.625rem 0.625rem 20px;
border: 1px solid #313D4F;
border-radius: 4px;
background: #273142; 
width: 300px;
height: fit-content;
}

.c-fixed_container{
 position: relative;
 height: 100%;
 width: 100%;
}
   
     
.c-project__img {
 position: relative;
 margin-bottom: 0.75rem;
 border-radius: 4px;
 overflow: hidden; 
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 1.25rem;
 width: 100%;
 height: 50%;
background-color: #fff;}
   .c-project__img > img {
     display: block; 
     border-radius: 4px;
    height: 200px;} 

.c-project__title {
 margin-top: 1.25rem;
 font-size: 1rem;
 font-weight: 500;
 color: #fff; 
 height: auto;
 width: 80%;
 height: 22%;
 display: flex;
 flex: 1 0 auto;
 flex-direction: column;
 min-height: 90px;
}
     
.c-project__status {
 display: block;
 margin: 0;
 color: #7F8FA4;
 font-size: 0.75rem; 
 margin-top: 8px;}
       
.u-text-bold {
 font-weight: 600 !important; }
       
.c-selected_2 {
position: relative;
margin: 2px;
border-radius: 4px;
background: #273142;
border: solid 1px #313D4F;
}

.c-selected_2 select {
margin-top: -1px;  
margin-bottom: 0;
line-height: 20px;
padding: 6px;
border:0;background:transparent;
-webkit-appearance: none;
border-radius: 4px;
font-size: 0.875rem;
font-weight: 400;
color: #7F8FA4;
width: 100%;
}



.c-selected_2 select:focus{
border-color: #2ea1f8;
outline: none;
box-shadow:0 0 0px 1px #2ea1f8,inset 0 0 1px #2ea1f8;
}

.c-selected_2-icon {
font-weight: normal;
font-style: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
font-size:14px;
color:#A8AAB7;
position:absolute;
right:11px;
top:12px;
pointer-events:none;}

.name_store {
  display:inline-block;
  margin-top: 7px;
  height: 38px;
  align-items: center;
}

.title_store {
color: white;
font-size: 20px;
}

.store_name {
  display: flex;
  margin-bottom: 0.625rem;
  color: #7f8fa4;
}

.sales_table {
display: table;
width: 100%;
max-width: 100%;
border: 1px solid #313d4f;
border-radius: 4px;
background-color: #273142;
margin-bottom: 10px;
}

.seleccionar-tienda-container-omni {
  width: 100%;
  height: 100%;
  display: flex;
}

.seleccionar-tienda-omni {
  width: 25%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
}

.seleccionar-tienda-inputs-box-omni {
  display: inline-block;
  padding: 20px 30px;
  background-color: #252c42;
  border: 1px solid #313D4F;
  border-radius: 4px;
}

.seleccionar-tienda-inputs-box-space-omni {
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  max-height: 120px;
}

.seleccionar-tienda-inputs-box-space-omni:hover{
  cursor: pointer;
  background-color: #20263a;
}

.seleccionar-tienda-resultados-omni {
  width: 75%;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
}

.seleccionar-tienda-resultados-contain-omni {
  height: 400px;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  color: white;
}

.seleccionar-transporte-resultados-contain-omni {
  height: 400px;
  width: 50%;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  color: white;
}

.seleccionar-tienda-resultados-title-omni {
  color: #7f8fa4;
  margin: 10px;
  font-size: 20px;
}

.loading-container{
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pestañas-pagos-omni{
  display: flex;
  align-items: flex-end;
}


.pestaña-pagos-omni {
  width: 134px;
  height: 50px;
  border:1px solid #313d4f;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 0;
  background-color: #273142;
  padding: 17px;
  color: white;
  display: flex;
  justify-content: space-between;
  text-transform: capitalize;
  margin: 0 2.5px;
}

.pestaña-pagos-omni:hover{
  background-color: rgba(255, 255, 255, 0.05);
  cursor: pointer;
}

.pestaña-pagos-omni-active {
  width: 150px;
  height: 55px;
  border:1px solid #313d4f;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 0;
  background-color: #273142;
  padding: 17px;
  color: white;
  display: flex;
  justify-content: space-between;
  text-transform: capitalize;
  margin: 0 2.5px;
}

.pagos-omni-container {
  width: 520px;
  height: 344px;
  background-color: #273142;
  border:1px solid #313d4f;
  border-top: 0;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.pagos-omni-title {
  padding: 14px 0;
}

.primer-pestaña-omni{
  margin: 0 2.5px 0 0;
}

.pago-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: white;
}

.crear-pedido-boton{
  width: 150px;
  margin: 10px;
  height: 50px;
}

.test-inputs {
  width: 150px;
  margin: 10px;
  height: 50px;
}

.prepago-container {
  flex-direction: column;
  justify-content: space-evenly;
}

.input-link:disabled {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.59375rem 0.9375rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #313D4F;
  border-radius: 4px;
  background-color: #fff;
  color: #7F8FA4;
  font-size: 0.875rem;
  font-weight: 400;
  resize: none;
}

.input-link {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.59375rem 0.9375rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #313D4F;
  border-radius: 4px;
  background-color: #fff;
  color: #7F8FA4;
  font-size: 0.875rem;
  font-weight: 400;
  resize: none;
}

.direcciones-list-container {
  overflow: scroll;
  height: 500px;
}

.crear-dir-btn {
  margin: 20px;
  width: 120px;
  height: 40px;
}

.seleccionar-direccion-container{
  width: 50%;
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.inputs-cotainer-crear-dir{
  display: flex;
  justify-content: space-around;
}

.inputs-cotainer-crear-dir input {
  margin: 5px;
}

.crear-dir-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 25px;
  width:50%;
}

.crear-dir-container button {
  margin: 5px;
  width: 190px;
}

.admin-container{
  height: calc(100vh - 53px);
  width: calc(100vw - 60px);
  margin-left: 60px;
  padding: 20px;
}

.admin-input-container{
  margin: 10px 0;
}

.admin-checkbox-container{
  display: flex;
  justify-content: center;
  align-items: center;
}

.admin-checkbox-container label {
  margin-top: 0;
}

.admin-input-container .c-input {
  margin-top:10px;
}

.admin-checkbox {
  transform: scale(2);
}

.admin-input-container textarea{
  height: 150px;
}

.pestañas-content {
  height: 420px;
  background-color: #273142;
  border:1px solid #313d4f;
  border-top: 0;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.pestaña-omni {
  width: 134px;
  height: 50px;
  border:1px solid #313d4f;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 0;
  background-color: #273142;
  padding: 17px;
  color: white;
  text-transform: capitalize;
}

.pestaña-omni:hover{
  background-color: rgba(255, 255, 255, 0.05);
  cursor: pointer;
}

.pestaña-omni-active {
  width: 150px;
  height: 55px;
}

.transporte-selecto {
  border: 1px solid #1a91eb;
}

.esperando-pago{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  font-size: 18px;
  color: #1a91eb;
  text-align: center;
}

.esperando-pago-liga{
  text-align: center;
    width: 500px;
    height: 80px;
    margin-top: 20px;
    padding: 25px;
}

.pedidos-card { 
  border: 1px solid white; 
  margin: 5px; 
  color: white;
  width: 250px;
  padding:10px;
  border-radius: 20px;
}

.pedidos-card:hover {
  cursor: pointer;
}

.page-container {
  margin-left: 60px;
  padding: 20px;
}

.pedido-pendiente {
  color: white;
}