.user-logged-out .content-header{
  position: absolute;
}
.user-logged-out.path-frontpage .content-header{
  display: none;
}
.user-logged-out .content-header .region-navigation ul li a{
  background-color: #24919D;
  float: left;
  padding: 5px 30px;
  color: white;
  border-radius: 6px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  transition: all 0.3 ease;
  margin: 30px 5px;
}
.user-logged-out .content-header .region-navigation ul li a:hover{
  background-color: #81C342;
}
.user-logged-out .content-page{
  max-width: 1024px;
  margin: 0 auto;
}
.user-logged-out .content-page .region-content{
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  align-items: center;
  min-height: calc(100vh - 200px);
}
.user-logged-out .content-page .region-content #block-login,
.user-logged-out.path-user  .content-page .region-content #block-rio-content{    
  float: right;
  width: 50%;
  padding-top: 140px;
}
.user-logged-out .content-page .region-content #block-login #edit-actions{
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}
.user-logged-out.path-user .content-page .region-content #block-rio-content #edit-actions{
  width: 100%;
  text-align: center;
}
.user-logged-out .content-page .region-content #block-login .description,
.user-logged-out.path-user .content-page .region-content #block-rio-content .description{
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
}
.user-logged-out.path-user .content-page .region-content #block-rio-content .user-pass .title{
  text-align: center;
  margin-bottom: 20px;
}
.user-logged-out.path-frontpage .content-page .region-content #block-login .form-item--name{
  margin-bottom: 20px;
}
.user-logged-out .content-page .region-content #block-rio-imagenlogin{
  float: left;
  width: 50%;
}
.user-logged-out .content-page .region-content #block-rio-imagenlogin .field--name-field-image img{
  margin: 0 auto;
  width: auto;
  height: 100%;
  z-index: 1;
  object-fit: cover;
  max-height: 150px;
  margin-top: 100px;
}
.page-node-type-purchase-points form .layout-node-form .layout-region--node-main .field--name-title,
.page-node-type-purchase-points form .layout-form .layout-region--node-main .field--name-title,
.-node-add-purchase_points form .layout-node-form .layout-region--main .field--name-title,
.-node-add-purchase_points form .layout-form .layout-region--main .field--name-title
{
  width: 50%;
}
.views-element-container .view-content .views-row .views-field-field-movement-type{
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
.movement-in{
  background-image: url('../images/ic_play_green.png');
}
.movement-out{
  background-image: url('../images/ic_play_red.png');
}
.views-element-container .view-content .views-row:first-child .views-field-field-movement-type{
  background-image: none;
}
.views-element-container .view-content .views-row .views-field-field-movement-type .field-content{
  color: transparent;
  font-size: 1px;
  min-width: 24px;
  min-height: 24px;
}

.views-element-container .view-content .views-row .views-field-nothing-1 .field-content .approve,
.views-element-container .view-content .views-row .views-field-views-conditional-field .field-content .approve
{
  color: rgb(131, 195, 66);
}
.views-element-container .view-content .views-row .views-field-views-conditional-field .field-content .reject{
  color: red;
}

.views-element-container .view-content .views-row .views-field-views-conditional-field .field-content a:hover{
  /*font-family: 'MontserratBold', sans-serif;;*/
}

.path-node .app-functions-reject-movement,
.path-node .app-functions-approve-movement,
.path-node .app-functions-change-waybill
{
  box-shadow: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}
.path-node .app-functions-reject-movement .approve strong,
.path-node .app-functions-approve-movement .approve strong,
.path-node .app-functions-change-waybill .approve strong
{
  color: #FF6D09;
  font-style: italic;
}
.path-node .app-functions-reject-movement .reject strong,
.path-node .app-functions-approve-movement .reject strong,
.path-node .app-functions-change-waybill .reject strong
{
  color: red;
  font-style: italic;
}
.path-node .app-functions-reject-movement .actions-container,
.path-node .app-functions-approve-movement .actions-container,
.path-node .app-functions-change-waybill .actions-container
{
  float: left;
  width: 100%;
  margin: 20px 0;
} 
.path-node .app-functions-reject-movement .actions-container input,
.path-node .app-functions-reject-movement .actions-container a,
.path-node .app-functions-approve-movement .actions-container input,
.path-node .app-functions-approve-movement .actions-container a,
.path-node .app-functions-change-waybill .actions-container input,
.path-node .app-functions-change-waybill .actions-container a
{
  float: left;
}
.path-node .app-functions-reject-movement .actions-container input,
.path-node .app-functions-approve-movement .actions-container input,
.path-node .app-functions-change-waybill .actions-container input
{
  width: auto;
  height: auto;
  min-width: 150px;
}
.path-node .app-functions-reject-movement .actions-container a,
.path-node .app-functions-approve-movement .actions-container a,
.path-node .app-functions-change-waybill .actions-container a
{
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  background-color: #FF6D09;
  font-family: 'MontserratMedium', sans-serif;
  margin: 0;
  transition: all 0.5s ease, color 0.5s ease;
  color: white;
  padding: 12px 20px;
  margin-right: 10px;
  min-width: 150px;
  text-align: center;
}
.path-frontpage .view-display-id-block_1,
.path-frontpage .view-display-id-block_2{
  border-radius: 14px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  overflow-x: hidden;
  margin-bottom: 50px;
}
.path-frontpage .view-display-id-block_1{
  border-radius:14px;
}
.path-frontpage .views-element-container .view-content {
  box-shadow: none;
  margin-bottom: 0px;
}
.path-frontpage .views-exposed-form{
  box-shadow: none;
  display: block;
  float: left;
  border: none;
  padding: 0;
  margin-top: 0;
  width: 100%;
}
.path-frontpage #block-rio-page-title{
  display: none
}
.path-frontpage .views-exposed-form h2{
  font-family: 'MontserratMedium', sans-serif;
  font-size: 35px;
  margin: 0;
}
.path-frontpage .views-exposed-form form .form-actions,
.path-frontpage .views-exposed-form form .form-item{
  float: left;
}
.path-frontpage .views-exposed-form form .form-actions .button{
  float: left;
  width: 130px;
  padding: 0;
}
.path-frontpage .views-exposed-form form .form-actions #edit-reset{
  background-color: #FF6D09;
  margin-left: 10px;
}
.block-views-blockbalance-graph-block-1 .view-display-id-block_1 .view-content,
.block-views-blockbalance-graph-block-2 .view-display-id-block_2 .view-content{
  display: block;
} 
.block-views-blockbalance-graph-block-1 .view-display-id-block_1 .view-content .wiews-row,
.block-views-blockbalance-graph-block-2 .view-display-id-block_2 .view-content .views-row{
  float: left;
  width: 100%;
}
.block-views-blockbalance-graph-block-1 .view-display-id-block_1 .view-content .views-field,
.block-views-blockbalance-graph-block-2 .view-display-id-block_2 .view-content .views-field{
  width: 100%;
  float: left;
} 
.block-views-blockbalance-graph-block-1 .view-display-id-block_1 .view-content .views-row:first-child,
.block-views-blockbalance-graph-block-2 .view-display-id-block_2 .view-content .views-row:first-child{
  background: none;
}
.block-views-blockbalance-graph-block-1 .view-display-id-block_1 .view-content .clon,
.block-views-blockbalance-graph-block-2 .view-display-id-block_2 .view-content .clon{
  display: none;
}
.block-views-blockbalance-graph-block-1 .view-display-id-block_1 .view-content .views-row:first-child .views-field .field-content,
.block-views-blockbalance-graph-block-2 .view-display-id-block_2 .view-content .views-row:first-child .views-field .field-content{
  display: block;
  float: left;
}
.block-views-blockbalance-graph-block-1 .view-display-id-block_1 .view-content .views-row .views-field .views-label,
.block-views-blockbalance-graph-block-2 .view-display-id-block_2 .view-content .views-row .views-field .views-label{
  float: left;
  width: auto;
  display: block;
  margin-left: 40px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.page-node-type-terms form .layout-node-form .layout-region--node-main .form-wrapper,
.page-node-type-policy form .layout-node-form .layout-region--node-main .form-wrapper,
.page-node-type-terms form .layout-form .layout-region--main .form-wrapper,
.page-node-type-policy form .layout-form .layout-region--main .form-wrapper
{
  width: 100%;
}
.page-node-type-terms form .layout-node-form .layout-region--node-main .form-wrapper #edit-body-0-format,
.page-node-type-policy form .layout-node-form .layout-region--node-main .form-wrapper #edit-body-0-format,
.page-node-type-terms form .layout-form .layout-region--main .form-wrapper #edit-body-0-format,
.page-node-type-policy form .layout-form .layout-region--main .form-wrapper #edit-body-0-format
{
  display: none;
}

.page-node-type-terms #block-rio-content article .node__content .field,
.page-node-type-policy #block-rio-content article .node__content .field{
  width: 100%;
}

.path-node #block-rio-content article .node__content .field--name-field-rejection-reason{
  width: 100%;
}
/*.path-node #block-rio-content article .node__content .field--name-field-payments{
  width: 100%;
}*/
.path-node #block-rio-content article .node__content .field--name-field-payments article{
  width: auto;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0 5px;
}
.path-node #block-rio-content article .node__content .field--name-field-payments article h2{
  display: none;
}
.path-node #block-rio-content article .node__content .field--name-field-payments article .node__content{
  margin: 0;
}
.path-node #block-rio-content article .node__content .field--name-field-payments article .node__content .field{
  width: auto;
  padding: 0;
}
.path-node #block-rio-content article .node__content .field--name-field-payments article .node__content .field--name-field-payment-type{
  margin-right: 5px;
}
.path-inventario .messages--error,
.path-saldo .messages--error
{
  display: none;
}

article.profile {
  width: 900px;
  margin: 0 auto;
}
.button-edit-profile a{
  width: auto;
  height: auto;
  margin-top: 20px;
}
.button-edit-profile a:hover{
  color: white;
}
#edit-field-purchase-points--wrapper{
  width: 100%;
}
#edit-field-purchase-points--wrapper #edit-field-purchase-points .form-type--checkbox{
  float: left;
  margin-right: 10px;
}
#edit-field-purchase-points--wrapper #edit-field-purchase-points .form-type--checkbox input{
  margin: 0;
  margin-right: 5px;
}

.app-functions-create-sale-form #create-customer-container .create-customer-fields-wrapper{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999999999;
}
.app-functions-create-sale-form #create-customer-container .create-customer-fields-wrapper .create-customer-form-fields{
  background-color: white;
  float: right;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  max-width: 512px;
  position: absolute;
  right: 0;
  top: 0.5%;
  bottom: 0.5%;
  background-image: url(../images/home-card-footer.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 406px 133px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 99%;
}
.app-functions-create-sale-form #create-customer-container .create-customer-fields-wrapper .create-customer-form-fields .create-customer-hide-form{
  background-color: white;
  color: transparent;
  width: 25px;
  height: 25px;
  float: left;
  padding: 0;
  margin: 0;
  background-image: url('../images/cancel.png');
  background-position: center;
  background-size: 25px;
  background-repeat: no-repeat;
  border-radius: 25px;
  margin: 11px;
  transition: all 0.5s ease;
}
.app-functions-create-sale-form #create-customer-container .create-customer-fields-wrapper .create-customer-form-fields h5{
  float: left;
  width: 100%;
  font-size: 31px;
  line-height: 33px;
  font-weight: normal;
  margin: 10px 30px;
}
.app-functions-create-sale-form #create-customer-container .create-customer-fields-wrapper .create-customer-form-fields h5 strong{
  font-family: 'MontserratBold', sans-serif;
}
.app-functions-create-sale-form #create-customer-container .create-customer-fields-wrapper .create-customer-form-fields .form-item{
  float: left;
  width: -webkit-fill-available;
  margin: 7px 20px;
}
.app-functions-create-sale-form #create-customer-container .create-customer-fields-wrapper .create-customer-form-fields .create-customer-submit-form{
  margin:20px;
  margin-top: 50px;
  width: -webkit-fill-available;
}
.app-functions-create-sale-form .claro-autocomplete{
  width: 100%;
}
.app-functions-create-sale-form #edit-client{
  float: left;
  border: none;
  box-shadow: none;
  background: none;
  margin: 0;
} 
.app-functions-create-sale-form #edit-client .fieldset__wrapper{
  margin: 0;
}
.app-functions-create-sale-form #edit-client .fieldset__wrapper #edit-header{
  display: flex;
  margin-top: 30px;
}
.app-functions-create-sale-form #edit-client .fieldset__wrapper #edit-header .label{
  flex:1;
  font-family: 'MontserratBold', sans-serif;
}
.app-functions-create-sale-form #edit-client .fieldset__wrapper #edit-header .value{
  flex: 10;
  margin: 0 5px;
}
.app-functions-create-sale-form #edit-client .fieldset__wrapper #edit-show-customer-data{
  background: none;
  box-shadow: none;
  color: #FF6D09;
  height: auto;
  padding: 0;
  flex: 1;
  padding-bottom: 10px;
  text-decoration: underline;
}
.app-functions-create-sale-form #edit-client span{
  font-family: 'MontserratBold', sans-serif;
}
.app-functions-create-sale-form #edit-client #customer-info-container{
  margin-top: 0px;
}
.app-functions-create-sale-form #edit-client #customer-info-container .customer-info-wrapper{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.app-functions-create-sale-form #edit-client #customer-info-container .customer-info-wrapper .customer-info-data-wrapper {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  max-width: 768px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
  max-height: calc(100vh - 20px);
  padding-bottom: 50px;
}
.app-functions-create-sale-form #edit-client #customer-info-container .customer-info-wrapper .customer-info-data-wrapper .hide-info-container{
  background-color: white;
  color: transparent;
  width: 25px;
  height: 25px;
  float: left;
  padding: 0;
  margin: 0;
  background-image: url(../images/cancel.png);
  background-position: center;
  background-size: 25px;
  background-repeat: no-repeat;
  border-radius: 25px;
  margin: 11px;
  transition: all 0.5sease;
}
.app-functions-create-sale-form #edit-client #customer-info-container .customer-info-wrapper .customer-info-data-wrapper h5{
  float: left;
  width: 100%;
  font-size: 31px;
  line-height: 33px;
  font-weight: normal;
  margin: 0px;
  text-align: center;
  margin-bottom: 30px;
}
.app-functions-create-sale-form #edit-client #customer-info-container .customer-info-wrapper .customer-info-data-wrapper h5 strong{
  font-family: 'MontserratBold', sans-serif;
}
.app-functions-create-sale-form #edit-client #customer-info-container .customer-info-wrapper .customer-info-data-wrapper .form-item{
  float: left;
  margin-block: 0;
  margin: 10px 50px;
  width: -webkit-fill-available;
}
.app-functions-create-sale-form #edit-client #customer-info-container .customer-info-wrapper .customer-info-data-wrapper .info-field{
  float: left;
  width: 100%;
  margin: 5px 50px;
}
.app-functions-create-sale-form #edit-client #customer-info-container .customer-info-wrapper .customer-info-data-wrapper .remove-customer{
  background: none;
  box-shadow: none;
  width: auto;
  color: #FF6D09;
  float: right;
  min-height: auto;
  height: auto;
  padding: 0 50px;
} 
.app-functions-create-sale-form #edit-client #customer-info-container .customer-info-wrapper .customer-info-data-wrapper .form-item label{
  display: block;
}
.app-functions-create-sale-form #edit-client #customer-info-container .info-field{
  margin-bottom: 5px;
  display: flex;
}
.app-functions-create-sale-form #edit-client #customer-info-container .info-field strong{
  font-family: 'MontserratBold', sans-serif;
  margin-right: 5px;
}
.app-functions-create-sale-form #edit-products{
  float: right;
  width: 100%;
  min-height: 312px;
} 
.path-nuevo-combo .app-functions-create-sale-form #edit-products{
  float: none;
  width: 100%;
  max-width: 900px;
  min-height: 312px;
  margin: 0 auto;
} 
.path-nuevo-combo .app-functions-create-sale-form .form-item--kit-name{
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.app-functions-create-sale-form #edit-products #edit-kit-link{
  margin-top: 10px;
  float: left;
  color: #FF6D09;
  padding-right: 30px;
  background-image: url('../images/add.png');
  background-size: 20px;
  background-position: right;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  font-size: 15px;
}
.app-functions-create-sale-form #edit-products #edit-kit-link:hover{
 
  font-size: 15.5px;
}
.app-functions-create-sale-form #edit-products span{
  font-family: 'MontserratBold', sans-serif;
}
.app-functions-create-sale-form #edit-products .product-empty {
  font-size: 18px;
  text-align: center;
  margin-top: 50px;
  max-width: 300px;
  margin: 30px auto;
  font-family: 'MontserratMedium', sans-serif;
}
.app-functions-create-sale-form #edit-products .products-list-container{
  margin-top: 20px;
  display: table;
  width: 100%;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container{
  display: table-row;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .product-attribute{
  display: table-cell;
  font-size: 14px;
  padding: 7px 0;
  text-align: center;
  border-bottom: solid 0.06px rgba(0, 0, 0, 0.1);
  max-width: 200px;
  vertical-align: middle;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .product-attribute .main{
  font-family: 'MontserratMedium', sans-serif;
  font-size: 13px;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .product-attribute .secondary{
  font-size: 12px;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .product-attribute input{
  min-height: auto;
  padding: 0;
  min-width: auto;
  padding-left:10px;
  text-align: center;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .product-attribute input:disabled{
  color: var(--color-text);
  -webkit-text-fill-color: var(--color-text);
  background: white;
  font-size: 14px;
  border:none
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .product-attribute .form-type--number{
  width: auto;
  padding: 0;
  width: 90px;
  margin: 0 auto;
  position: relative;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .product-attribute .form-type--number::before{
  content: '';
  width: 15px;
  height: 12px;
  background-color: red;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 5px 0 0;
  pointer-events: none;
  background-image: url('../images/ic_arrow_up.png');
  background-position: center;
  background-size: 9px;
  background-repeat: space;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .product-attribute .form-item--disabled::before{
  content: none;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .product-attribute .form-type--number::after{
  content: '';
  width: 15px;
  height: 12px;
  background-color: red;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0 0 5px 0;
  pointer-events: none;
  background-image: url('../images/ic_arrow_down.png');
  background-position: center;
  background-size: 9px;
  background-repeat: space;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .product-attribute .form-item--disabled::after{
  content: none;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .product-attribute.label{
  font-family: 'MontserratBold', sans-serif;
}
.app-functions-create-sale-form #edit-products .products-list-container .product-container .button{
  width: 30px;
  height: 30px;
  padding: 0px;
  color: transparent;
  background-image: url('../images/ic_delete.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
}
.app-functions-create-sale-form #edit-products .order-footer{
  display: flex;
  padding: 20px 40px;
  align-items: center;
  position: fixed;
  bottom: 0;
  background: rgba(255,255,255,0.85);
  width: 79.5%;
  left: 0;
  border: var(--details-border-size) solid var(--details-border-color);
  border-radius: var(--base-border-radius);
  box-shadow: var(--details-box-shadow);
}
#app-functions-transfer-inventory-form #edit-products .products-list-container{
  margin-top: 20px;
  display: table;
  width: 100%;
}
#app-functions-transfer-inventory-form #edit-products .products-list-container .product-container{
  display: table-row;
}
#app-functions-transfer-inventory-form .product-container .product-attribute{
  display: table-cell;
  font-size: 14px;
  padding: 7px 0;
  text-align: center;
  border-bottom: solid 0.06px rgba(0, 0, 0, 0.1);
  max-width: 200px;
  vertical-align: middle;
}
#app-functions-transfer-inventory-form .product-container .product-attribute input{
  min-height: auto;
  padding: 0;
  min-width: auto;
  padding-left:10px;
  text-align: center;
}
#app-functions-transfer-inventory-form .product-container .product-attribute .form-element--type-number{
  width: auto;
  padding: 0;
  width: 90px;
  margin: 0 auto;
  position: relative;
}
#app-functions-transfer-inventory-form .product-container .product-attribute .form-element--type-number::before{
  content: '';
  width: 15px;
  height: 12px;
  background-color: red;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 5px 0 0;
  pointer-events: none;
  background-image: url('../images/ic_arrow_up.png');
  background-position: center;
  background-size: 9px;
  background-repeat: space;
}
#app-functions-transfer-inventory-form .product-container .product-attribute .form-element--type-number::after{
  content: '';
  width: 15px;
  height: 12px;
  background-color: red;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0 0 5px 0;
  pointer-events: none;
  background-image: url('../images/ic_arrow_down.png');
  background-position: center;
  background-size: 9px;
  background-repeat: space;
}
#app-functions-transfer-inventory-form .product-container .button{
  width: 30px !important;
  min-width: auto !important;
  height: 30px;
  padding: 0px;
  color: transparent;
  background-image: url('../images/ic_delete.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
}
.path-nuevo-combo .app-functions-create-sale-form #edit-products .order-footer{
  width: 100%;
}
.path-nuevo-combo .app-functions-create-sale-form #edit-products .order-footer .form-item{
  width: 49%;
  float: left;
}
.path-nuevo-combo .app-functions-create-sale-form #edit-products .order-footer .form-item--list-products-footer-total{
  float: right;
}
.path-nuevo-combo .app-functions-create-sale-form #edit-products .order-footer #edit-list-products-footer-total{
  float: left;
}
.path-nuevo-combo .app-functions-create-sale-form #edit-products .order-footer #edit-list-products-footer-confirm-products{
  width: auto;
  margin-left: 20px;
  margin-top: 25px;
  float: right;
}
.app-functions-create-sale-form #edit-products .order-footer .order-total{
  display: flex;
  flex: 1;
  align-items: end;
}
.app-functions-create-sale-form #edit-products .order-footer .order-total .label{
  font-family: 'MontserratBold', sans-serif;
  margin-right: 5px;
}
.app-functions-create-sale-form #edit-products .order-footer .order-total .value{
  margin-right: 10px;
  font-size: 40px;
  line-height: 1;
}
.app-functions-create-sale-form #edit-products .order-footer .button{
  width: auto;
}
.app-functions-create-sale-form #edit-products .order-footer .confirm-products{
  box-shadow: none;
  background-color: transparent;
  color: #FF6D09;
  text-decoration: underline;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields
{
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  max-width: 768px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('../images/home-card-footer.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 406px 133px;
  overflow: auto;
  max-height: calc(100vh - 20px);
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .payment_methods .payment_method .form-item,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .payment_methods .payment_method .form-item
{
  width: 50%;
  margin: 0;
  margin-bottom: 20px;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .payment_methods .payment_method .form-item select,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .payment_methods .payment_method .form-item select
{
  margin-right: 6px;
  width: -webkit-fill-available;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .payment_methods .payment_method .form-item input,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .payment_methods .payment_method .form-item input
{
  margin-left: 6px;
  width: -webkit-fill-available;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .confirm-order-hide-form,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .confirm-order-hide-form
{
  background-color: white;
  color: transparent;
  width: 25px;
  height: 25px;
  float: left;
  padding: 0;
  margin: 0;
  background-image: url('../images/cancel.png');
  background-position: center;
  background-size: 25px;
  background-repeat: no-repeat;
  border-radius: 25px;
  margin: 11px;
  transition: all 0.5s ease;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields h5,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields h5
{
  float: left;
  width: 100%;
  font-size: 31px;
  line-height: 33px;
  font-weight: normal;
  margin: 0px ;
  text-align: center;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields h5 strong,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields h5 strong
{
  font-family: 'MontserratBold', sans-serif;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .form-item,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .form-item
{
  float: left;
  width: -webkit-fill-available;
  margin: 7px 20px;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .parcial_payment,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .parcial_payment
{
  float: left;
  width: 100%;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .parcial_payment .form-item,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .parcial_payment .form-item
{
  margin: 0;
  width: 50%;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .parcial_payment .form-item select,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .parcial_payment .form-item select
{
  width: -webkit-fill-available;
  margin-left: 20px;
  margin-right: 5px;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .parcial_payment .form-item label,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .parcial_payment .form-item label
{
  float: left;
  margin: 5px 20px;
  margin-top: 10px;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .parcial_payment .form-item input,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .parcial_payment .form-item input
{
  width: -webkit-fill-available;
  margin-right: 20px;
  margin-left: 5px;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .order-total,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .order-total
{
  font-size: 22px;
  text-align: center;
  margin: 30px 0;
  font-family: 'MontserratBold', sans-serif;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .cash-payment-form-fields .order-total,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .cash-payment-form-fields .order-total
{
  text-align: left;
  margin: 30px;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .cash-payment-form-fields .order-total .value,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .cash-payment-form-fields .order-total .value
{
  font-size: 30px;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .cash-payment-form-fields .order-total #cash-back,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .cash-payment-form-fields .order-total #cash-back
{
  font-size: 70px;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .order-total .label,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .order-total .label
{
  font-family: 'MontserratMedium', sans-serif;
  font-size: 20px;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .confirm-order-submit-form,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-payment-container .confirm-order-fields-wrapper .confirm-order-form-fields .confirm-order-submit-form
{
  margin:20px;
  margin-top: 50px;
  width: -webkit-fill-available;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .form-radios,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #cash-paymnet-container .confirm-order-fields-wrapper .confirm-order-form-fields .form-radios
{
  display: flex;
  justify-content: space-between;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .form-radios .form-type--radio {
  position: relative;
  width: 32%;
  margin: 10px 0;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .form-radios .form-type--radio label{
  position: absolute;
  top: 0;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  padding-top: 17px;
  text-align: center;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .form-radios .form-type--radio input{
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: solid 0.1px #c1c1c1;
  width: -webkit-fill-available;
  min-height: 50px;
  margin: 0;
  padding: 0;
  top: 25px;
  border-radius: 5px;
  margin: 0 3px;
  transition: all 0.3s ease;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .form-radios .form-type--radio input:checked,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .form-radios .form-type--radio input:hover
{
  background-color: rgb(16, 147, 92);
  background-image: none;
}
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .form-radios .form-type--radio input:checked + label,
.user-logged-in.path-nueva-venta .content-main .region-content .app-functions-create-sale-form #confirm-order-container .confirm-order-fields-wrapper .confirm-order-form-fields .form-radios .form-type--radio input:hover + label
{
  color: white;
}

.path-inventario .form-item--field-product-target-id-verf,
.path-mi-inventario .form-item--field-product-target-id-verf,
.path-mi-inventario .form-item--field-product-target-id-verf-1,
.path-inventario .form-item--field-product-target-id-verf-1,
.path-mi-inventario .form-item--field-product-target-id-verf-2,
.path-inventario .form-item--field-product-target-id-verf-2,
.path-mi-inventario .form-item--field-product-target-id-verf-3,
.path-inventario .form-item--field-product-target-id-verf-3,
.path-inventario .form-item--field-production-date-value-1
{
  display: none;
}
.view-categories-product .view-header{
  display: flex;
  margin-bottom: 20px;
}
.view-categories-product .view-header div{
  margin: 0 5px;
}
#app-functions-load-product-form .download a{
  color: #F7A928;
  text-decoration: underline;
  font-family: 'MontserratMedium', sans-serif;
  font-size: 18px;
  transition: all 0.3s ease;
}

#app-functions-load-product-form .download a:hover{
  color: #FF6D09;
}

#app-functions-load-product-form  .form-managed-file__main{
  display: block;
}
#app-functions-load-product-form  .form-element--type-file {
  width: auto;
}
#app-functions-load-product-form .remove-button{
  background-color: red;
  width: auto;
  height: 40px;
}

#app-functions-load-product-form .button{
  width: auto;
  margin-top: 20px;
}

#app-functions-transfer-inventory-form{
  max-width: 900px;
  border-radius: 14px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  width: 100%;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0;
}

#app-functions-transfer-inventory-form .layout-node-form 
{
  display: block;
  margin: 0 30px;
}
#app-functions-create-sale-form .layout-node-form{
  max-width: 900px;
  border-radius: 14px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  width: 100%;
  margin-bottom: 50px;
  padding: 30px;
}
#app-functions-transfer-inventory-form .layout-node-form .subscribe-message,
#app-functions-create-sale-form .layout-node-form .subscribe-message,
#node-movements-form .layout-form .subscribe-message
{
  margin-top: 50px;
}
#app-functions-transfer-inventory-form .layout-node-form .subscribe-link-container,
#node-movements-form .layout-form .subscribe-link-container
{
  text-align: right;
}
#app-functions-create-sale-form .layout-node-form .subscribe-link-container{
  margin-top: 20px;
  text-align: right;
}
#app-functions-load-product-form .layout-node-form .subscribe-link-container{
  margin-top: 20px;
}
#app-functions-transfer-inventory-form .layout-node-form .subscribe-link,
#app-functions-create-sale-form .layout-node-form .subscribe-link,
#app-functions-load-product-form .layout-node-form .subscribe-link,
#node-movements-form .layout-form .subscribe-link
{
  color: #FF6D09;
  font-weight:bolder;
  transition: all 0.3s ease;
}
#app-functions-transfer-inventory-form .layout-node-form .subscribe-link:hover,
#app-functions-create-sale-form .layout-node-form .subscribe-link:hover,
#app-functions-load-product-form .layout-node-form .subscribe-link:hover,
#node-movements-form .layout-form .subscribe-link:hover
{
  font-size: 16.5px;
}
#app-functions-transfer-inventory-form .layout-node-form .form-item{
  margin-bottom: 0px;
}
#app-functions-transfer-inventory-form .layout-node-form .form-item .claro-autocomplete{
  display: block;
} 
#app-functions-transfer-inventory-form .layout-node-form .actions{
  margin-top: 50px;
  display: flex;
  justify-content: flex-end;
}
#app-functions-transfer-inventory-form .layout-node-form .button{
  width: auto;
  min-width: 200px;
  margin-right: 20px;
}
.app-functions-create-sale-form #create-product-container .create-product-fields-wrapper{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999999999;
}
.app-functions-create-sale-form #create-product-container .create-product-fields-wrapper .create-product-form-fields{
  background-color: white;
  float: right;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  max-width: 512px;
  position: absolute;
  right: 0;
  top: 0.5%;
  bottom: 0.5%;
  background-image: url(../images/home-card-footer.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 406px 133px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 99%;
}
.app-functions-create-sale-form #create-product-container .create-product-fields-wrapper .create-product-form-fields .create-product-hide-form{
  background-color: white;
  color: transparent;
  width: 25px;
  height: 25px;
  float: left;
  padding: 0;
  margin: 0;
  background-image: url('../images/cancel.png');
  background-position: center;
  background-size: 25px;
  background-repeat: no-repeat;
  border-radius: 25px;
  margin: 11px;
  transition: all 0.5s ease;
}
.app-functions-create-sale-form #create-product-container .create-product-fields-wrapper .create-product-form-fields h5{
  float: left;
  width: 100%;
  font-size: 31px;
  line-height: 33px;
  font-weight: normal;
  margin: 10px 30px;
}
.app-functions-create-sale-form #create-product-container .create-product-fields-wrapper .create-product-form-fields h5 strong{
  font-family: 'MontserratBold', sans-serif;
}
.app-functions-create-sale-form #create-product-container .create-product-fields-wrapper .create-product-form-fields .form-item{
  float: left;
  width: -webkit-fill-available;
  margin: 7px 20px;
}
.app-functions-create-sale-form #create-product-container .create-product-fields-wrapper .create-product-form-fields .create-product-submit-form{
  margin:20px;
  margin-top: 50px;
  width: -webkit-fill-available;
}
#app-functions-create-sale-form .products-list-container .product-container .product-attribute label{
  display: none;
}
.path-node form .layout-node-form .layout-region--node-main .field--name-field-app-goals #edit-field-app-goals,
.path-node form .layout-form .layout-region--main .field--name-field-app-goals #edit-field-app-goals
{
  float: left;
  margin-left: 25px;
  margin-top: 10px;
}
.path-node form .layout-node-form .layout-region--node-main .field--name-field-is-test #edit-field-is-test-value,
.path-node form .layout-form .layout-region--main .field--name-field-is-test #edit-field-is-test-value
{
  float: left;
  margin-left: 0px;
  margin-right: 5px;
}
.path-node form .layout-node-form .layout-region--node-main .field--name-field-is-test #edit-field-is-test-value--description,
.path-node form .layout-form .layout-region--main .field--name-field-is-test #edit-field-is-test-value--description
{
  float: left;
  width: 100%;
  margin-left: 0px;
}

.-user-login .content-header,
.-user-password .content-header{
  position: relative;
  display: none
}

.-user-register .content-header{
  position: relative;
  float: left;
  background: transparent;
  box-shadow: none;
  width: 100%;
  margin-top: 100px;
}
.-user-register .content-header #block-rio-site-branding img{
  width: 300px;
  height: auto;
}
.-user-register .content-main{
  width: 100%;
}
.-user-register.path-user .content-page .region-content #block-rio-content{
  width: 100%;
  padding-top: 0;
}
.-user-register.path-user form .layout-node-form #edit-account .form-item--mail{
  width: 100%;
}

.view-orders .views-field .view-content{
  margin:0 20px;
  box-shadow: none;
}

.path-movil .content-header{
  background: none;
  position: relative;
  float: none;
  height: auto;
  width: 100%;
  box-shadow: none;
  margin-top: 15px;
}
.path-movil .content-header #block-rio-site-branding img{
  width: 200px;
  height: auto;
}
.path-movil .content-middle{
  width: 100%;
  margin-top: 15px;
}
.path-movil .page-title {
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
  font-family: "Roboto", Sans-serif;
  font-size: 35px;
  line-height: 1;
  margin-top: 10px;
  color: #FF6D09;
}
.path-movil .content-main{
  width: 100%;
}
.path-movil .content-main .view-mobile-banner .slick-slide .slide__media{
  width: 90px;
  margin: 0 auto;
}
.path-movil .views-element-container .view-content{
  box-shadow: none;
  display: block;
  margin-bottom: 0px;
}
.path-movil .content-main .view-mobile-banner .slick-slide .slide__caption .views-field-title{
  color: #000000;
  font-family: "Roboto", Sans-serif;
  font-size: 27px;
  font-weight: 500;
  font-style: normal;
  line-height: 26px;
  text-align: center;
}
.path-movil .content-main .view-mobile-banner .slick-slide .slide__caption .views-field-body{
  color: #000000;
  font-family: "Roboto", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  line-height: 24px;
  text-align: center;
}
.path-movil #block-rio-content{
  margin: 0 auto;
  width: 100%;
  max-width: 510px;
}
.path-movil #block-movil{
  margin: 0 auto;
  width: 100%;
  max-width: 510px;
  text-align: center;
}
.path-movil #block-movil h2{
  color: #000000;
  font-family: "Roboto", Sans-serif;
  font-size: 42px;
  font-weight: 100;
  line-height: 1.2em;
}
.path-movil #block-movil h2 strong{
  color: #FF6D09;
}
.path-movil #block-movil p{
  color: var(--e-global-color-secondary);
  font-family: "Roboto", Sans-serif;
  font-size: 23px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.1em;
}
.path-movil #block-movil p strong{
  color: #F7A928;
}
.path-movil #block-movil .buttons{
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}
.path-movil #block-movil .buttons a{
  transition: all 0.3s ease;
}
.path-movil #block-movil .buttons a:hover{
  transform: scale(1.1);
}
.path-movil.user-logged-out .content-page .region-content{
  display: block;
}
.user-logged-out.path-frontpage #block-login .item-list{
  display: none;
}
#block-subscription, 
#block-subscription-user-limit,
#block-subscription-provider-limit,
#block-subscription-customer-limit,
#block-subscription-branch-office-limit
{
  position: absolute;
  z-index: 1000;
  max-width: 180px;
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
#block-subscription .popup-message,
#block-subscription-user-limit .popup-message,
#block-subscription-provider-limit .popup-message,
#block-subscription-customer-limit .popup-message,
#block-subscription-branch-office-limit .popup-message
 {
  background-color: #000;
  border: 1px solid #ccc;
  color:#ccc;
  font-size: 14px;
  line-height: 18px;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  hyphens: none;
  text-align: center;
}

#block-subscription .popup-message a, 
#block-subscription-user-limit .popup-message a, 
#block-subscription-provider-limit .popup-message a, 
#block-subscription-customer-limit .popup-message a, 
#block-subscription-branch-office-limit .popup-message a 
{
  color: #F7A928;
  transition: all 0.3s ease;
}

#block-subscription .popup-message a:hover,
#block-subscription-user-limit .popup-message a:hover,
#block-subscription-provider-limit .popup-message a:hover,
#block-subscription-customer-limit .popup-message a:hover,
#block-subscription-branch-office-limit .popup-message a:hover
{
  font-size: 14.5px;
  color: #FF6D09;
}

.page-node-type-plan #block-rio-content article .node__content .field{
  width: 100%;
}
.page-node-type-plan #block-rio-content article .node__content .field--name-field-features .field__item{
  margin-bottom: 10px;
  padding-left: 30px;
  background-image: url('../images/arrow.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.page-node-type-plan #block-rio-content article .node__content .prices {
  display: flex;
  justify-content: space-around;
  background-color: aliceblue;
  margin-bottom: 30px;
  padding: 10px 0;
  border-radius: 10px;
}
.page-node-type-plan #block-rio-content article .node__content .prices .item .discount{
  display: flex;
}
.page-node-type-plan #block-rio-content article .node__content .prices .item .discount .value{
  background-color: green;
  min-width: 70px;
  margin-left: 10px;
  color: white;
  border-radius: 100px;
  text-align: center;
}
.page-node-type-plan #block-rio-content article .node__content .prices .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-node-type-plan #block-rio-content article .node__content .prices .item .values{
  display: flex;
}
.page-node-type-plan #block-rio-content article .node__content .prices .item .values .value{
  font-weight: 100;
  text-decoration: line-through;
  color: #F7A928;
  margin-right: 10px;
}
.page-node-type-plan #block-rio-content article .node__content .prices .item .values .new-value{
  font-weight: bolder;
  color: #FF6D09;
}

.page-node-type-plan #block-rio-content article .action{
  float: right;
  margin: 20px 0;
}

.page-node-type-plan #block-rio-content article .action a{
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  background-color: #F7A928;
  font-family: 'MontserratMedium', sans-serif;
  margin: 0;
  transition: all 0.5s ease;
  color: white;
  padding: 10px;
}

.page-node-type-plan #block-rio-content article .action a:hover{
  background-color: #FF6D09;
  color: white;
}
#block-rio-whatsapp {
  position: fixed;
  bottom: 45px;
  right: 20px;
  z-index: 11;
  width: 70px;
  height: 70px;
  transition: transform 0.5s ease;
}
#block-rio-whatsapp:hover {
  transform: translateX(-0.75%) scale(1.05);
}
.path-planes #block-rio-content {
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.path-planes #block-rio-content .app-functions-plan-form{
  float: left;
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 30px;
}
.app-functions-plan-form #edit-prices{
  display: flex;
  justify-content: space-around;
}
.app-functions-plan-form .trial{
  font-family: 'MontserratMedium', sans-serif;
  color: #FF6D09;
}
.app-functions-plan-form .features{
  margin-top: 30px;
}
.app-functions-plan-form #edit-prices .form-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.app-functions-plan-form #edit-prices .form-type--radio input{
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: solid 0.1px #c1c1c1;
  width: -webkit-fill-available;
  min-height: 50px;
  margin: 0;
  padding: 0;
  top: 25px;
  border-radius: 5px;
  margin: 0 3px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.app-functions-plan-form #edit-prices .form-type--radio input:checked{
  background-color:#c1c1c1;
  background-image: none;
}
.app-functions-plan-form #edit-prices .form-type--radio label {
  position: absolute;
  top: 0;
  z-index: 1;
  margin: 0;
  padding: 0;
  padding-top: 8px;
  text-align: center;
}
.app-functions-plan-form #edit-prices .form-item .discount {
  display: flex;
  justify-content: center;
}
.app-functions-plan-form #edit-prices .form-item .values {
  display: flex;
  justify-content: center;
}
.app-functions-plan-form #edit-prices .form-item .discount .value {
  background-color: green;
  min-width: 70px;
  margin-left: 10px;
  color: white;
  border-radius: 100px;
  text-align: center;
}
.app-functions-plan-form #edit-prices .form-item .values .value {
  font-weight: 100;
  text-decoration: line-through;
  color: #F7A928;
  margin-right: 10px;
}
.app-functions-plan-form #edit-prices .form-item .values .new-value {
  font-weight: bolder;
  color: #FF6D09;
}
.app-functions-plan-form .feature {
  margin-bottom: 10px;
  padding-left: 30px;
  background-image: url('../images/arrow.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.app-functions-plan-form #edit-submit{
  float: right;
  margin: 20px 0;
  width: auto;
}

#app-functions-plan-checkout-form{
  border-radius: 14px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 30px;
  width: 100%;
  float: left;
}

#app-functions-plan-checkout-form #edit-checkout{
  display: flex;
}

#app-functions-plan-checkout-form #edit-checkout #edit-purchase-summary{
  flex: 0.9;
}
#app-functions-plan-checkout-form #edit-checkout #edit-purchase-summary h5{
  margin: 0;
  margin-bottom: 20px;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card-form{
  flex: 1;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card-form h5{
  margin: 0;
  margin-bottom: 20px;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card-form #edit-cancel{
  width: auto;
  background-color: transparent;
  box-shadow: none;
  color: #FF6D09;
  text-decoration: underline;
  padding: 0;
  float: right;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card{
  flex: 1;
  align-self: flex-end;
  background: #f8f7f7;
  padding: 0 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card #edit-card-id .form-item{
  display: flex;
  align-items: center;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card .label{
  flex: 1;
  font-size: 18px;
  font-weight: bolder;
  margin-top: 10px;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card #edit-card-id{
  margin-left: 30px;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card #edit-card-id .form-item input{
  margin: 0;
  margin-right: 10px;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card #edit-card-id .form-item label .cards{
  display: flex;
  align-items: center;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card #edit-card-id .form-item label .cards .brand{
  height: 40px;
  margin-right: 10px;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card #edit-card-id .form-item label .cards img{
  height: 40px;
}
#app-functions-plan-checkout-form #edit-checkout #edit-card #edit-change{
  width: auto;
  background-color: transparent;
  box-shadow: none;
  color: #FF6D09;
  text-decoration: underline;
  padding: 0;
  margin-left: 10px;
  align-self: flex-end;
}
#app-functions-plan-checkout-form #edit-checkout .form-wrapper strong{
  font-weight: bolder;
  color: #000;
}
#app-functions-plan-checkout-form #edit-checkout .total{
  margin-top: 20px;
  
}
#app-functions-plan-checkout-form #edit-checkout .total .label{
  color: #FF6D09;
}
#app-functions-plan-checkout-form #edit-checkout .total .value{
  color: #000;
  font-size: 18px;
}
#app-functions-plan-checkout-form #edit-checkout .form-wrapper .form-wrapper{
  display: flex;
  align-items: center;
  margin-top: 5px;
}
#app-functions-plan-checkout-form #edit-checkout .form-wrapper .form-wrapper .label{
  flex: 1;
}
#app-functions-plan-checkout-form #edit-checkout .form-wrapper .form-wrapper .value{
  flex: 0.7;
}
#app-functions-plan-checkout-form #edit-checkout .form-wrapper .form-wrapper .form-item--card-month{
  margin-right: 5px;
}
#app-functions-plan-checkout-form #edit-checkout .form-wrapper .form-wrapper .form-item--card-year{
  margin-left: 5px;
}
#app-functions-plan-checkout-form #edit-checkout .form-wrapper .form-wrapper .form-item--card-cvc{
  margin-left: 20px;
}

#app-functions-plan-checkout-form #edit-submit{
  width: auto;
  margin-top: 50px;
}
.path-suscripcion #block-rio-page-title
{
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.path-suscripcion #block-rio-content{
  max-width: 500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#app-functions-subscription-form {
  border-radius: 14px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 30px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
#app-functions-subscription-form .name{
  color: #FF6D09;
  font-weight: bolder;
  font-size: 18px;
}
#app-functions-subscription-form #edit-price{
  display: flex;
  margin-top: 50px;
  border-bottom: 1px #ccc solid;
  padding: 10px 0;
}
#app-functions-subscription-form #edit-price .label{
  margin-right: 5px;
}
#app-functions-subscription-form #edit-price .value{
  font-weight: bolder;
  color: #000;
}
#app-functions-subscription-form #edit-card{
  display: flex;
  margin-bottom: 10px;
  border-bottom: 1px #ccc solid;
  padding: 10px 0;
  align-items: center;
}
#app-functions-subscription-form #edit-card .label{
  flex: 1;
}
#app-functions-subscription-form #edit-card .brand{
  height: 40px;
  margin-right: 10px;
}
#app-functions-subscription-form #edit-card .brand img{
  height: 40px;
}
#app-functions-subscription-form #edit-next-payment{
  display: flex;
}
#app-functions-subscription-form #edit-next-payment .label{
  flex:1
}
#app-functions-subscription-form #edit-submit{
  width: auto;
  margin-top: 50px;
  align-self: flex-end;
}

#app-functions-subscription-form .cancel-confirm-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

#app-functions-subscription-form .cancel-confirm-wrapper #cancel-confirm-fields{
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  max-width: 500px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('../images/home-card-footer.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 406px 133px;
  overflow: auto;
  max-height: calc(100vh - 20px);
  padding: 30px 50px;
  text-align: center;
}
#app-functions-subscription-form .cancel-confirm-wrapper #cancel-confirm-fields h4{
  margin: 0;
  margin-bottom: 40px;
  text-align: center;
  font-size: 31px;
  line-height: 33px;
}
#app-functions-subscription-form .cancel-confirm-wrapper #cancel-confirm-fields .actions{
  display: flex;
  justify-content: space-between;
}
#app-functions-subscription-form .cancel-confirm-wrapper #cancel-confirm-fields input{
  width: auto;
  padding: 0 10px;
  height: 40px;
}
#app-functions-subscription-form .cancel-confirm-wrapper #cancel-confirm-fields #edit-accept{
  background-color: transparent;
  color: #FF6D09;
  text-decoration: underline;
  padding: 0;
  box-shadow: none;
}
#app-functions-subscription-form .cancel-confirm-wrapper #cancel-confirm-fields .description{
  color: #FF6D09;
  text-align: center;
  font-size: 18px;
}
#app-functions-subscription-form .cancel-confirm-wrapper #cancel-confirm-fields .explanation{
  margin-top: 20px;
  margin-bottom: 50px;
  text-align: justify;
}
#app-functions-subscription-form #edit-canceled{
  background-color:#262A36;
  border-radius: 10px;
  padding: 20px;
  line-height: 20px;
  text-align: justify;
  color: #fff;
  margin-bottom: 10px;
}
#app-functions-subscription-form #edit-canceled input{
  margin-top: 20px;
  height: 35px;
  padding: 0 10px;
}

#app-functions-subscription-form .cancel-confirm-wrapper #cancel-confirm-fields .cancel-accept{
  background-color: white;
  color: transparent;
  width: 25px;
  height: 25px;
  float: left;
  padding: 0;
  margin: 0;
  background-image: url(../images/cancel.png);
  background-position: center;
  background-size: 25px;
  background-repeat: no-repeat;
  border-radius: 25px;
  margin: 11px;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: 0;
}

#app-functions-subscription-form .cancel-confirm-wrapper #cancel-confirm-fields .continue-accept{
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
  padding: calc(var(--space-m) - 1px) calc(var(--space-l) - 1px) !important;
  width: auto;
  height: 50px;
  background-color: #F7A928 !important;
  color: white !important;
  text-decoration: none !important;
  margin: 0 auto;
}

#app-functions-inventory-form #edit-apply, #app-functions-inventory-form #edit-reset{
  width: auto;
  margin: 0 10px;
  margin-top: 26px;
}
#app-functions-inventory-form #charge-inventory-button{
  width: auto;
  height: auto;
}
.path-ajustar-inventario .layout-form .layout-region--main #edit-submit{
  width: auto;
  float: right;
  margin-top: 50px;
}
.path-ajustar-inventario .layout-form .layout-region--main .form-item--qty{
  float: left;
  width: 100%;
  margin-top: 20px;
}
#edit-download-csv{
  width: auto;
}
.back-container{
  margin-bottom: 20px;
}
.view-inventory-graph .view-footer a{
  color: #F7A928;
  float: left;
  padding: 10px;
}
.view-inventory-graph .view-footer a:hover{
  color: #FF6D09;
}
.path-caja form .layout-node-form .label.user{
  color: #FF6D09;
  font-family: 'MontserratBold', sans-serif;
}
.path-caja form .layout-node-form #edit-option-selected{
  display: flex;
  margin-top: 30px;
  margin-bottom: 50px;
}
.path-caja form .layout-node-form #edit-option-selected .title{
  margin: 0;
}
.path-caja form .layout-node-form #edit-option-selected .button{
  width: auto;
  height: auto;
  padding: 0;
  margin-left: 10px;
  height: 30px;
  background: none;
  box-shadow: none;
  color: #FF6D09;
  text-decoration-line: underline;
}
.path-caja form .layout-node-form #edit-payment-tabs{
  margin-bottom: 20px;
}
.path-caja form .layout-node-form #edit-payment-tabs .title{
  font-family: 'MontserratBold', sans-serif;
  margin-bottom: 5px;
}
.path-caja form .layout-node-form #edit-payment-tabs .button{
  width: auto;
  height: 35px;
  padding: 0 10px;
  margin-right: 10px;
  background: #FF6D09;
}
.path-caja form .layout-node-form #edit-payment-tabs .inactive{
  background: #c1c1c1;
  color: #000;
  font-family: 'MontserratRegular', sans-serif;
}
.path-caja form .layout-node-form #edit-payment-tabs .inactive:hover{
  color: #FFF;
  background: #FF6D09;
}
.path-caja form .layout-node-form .form-actions{
  margin-top: 50px;
  justify-content: flex-end;
}
.path-caja form .layout-node-form .form-actions .button{
  width: auto;
  float:right;
  margin-block: 0;
}
.path-caja form .layout-node-form #edit-payment-information{
  margin-bottom: 50px;
}
.path-caja form .layout-node-form #edit-payment-information .data-container {
  display: flex;
}
.path-caja form .layout-node-form #edit-payment-information .data-container .label{
  color: #FF6D09;
  margin-right: 10px;
}
.path-caja form .layout-node-form #edit-payment-information .data-container .label.total{
  font-family: 'MontserratBold', sans-serif;
  margin-top: 10px;
}
.path-caja form .layout-node-form #edit-payment-information .data-container .value.total{
  font-family: 'MontserratBold', sans-serif;
  margin-top: 10px;
}
.path-caja form .layout-node-form #mismatch-message{
  margin-top: 10px;
}
.path-caja form .layout-node-form #mismatch-message.success{
  color: green;
}
.path-caja form .layout-node-form #mismatch.success{
  color: green;
}
.path-caja form .layout-node-form #mismatch-message.wrong{
  color: red;
}
.path-caja form .layout-node-form #mismatch.wrong{
  color: red;
}
.app-functions-totalizer-form .header{
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
.app-functions-totalizer-form .header .button{
  width: auto;
  margin-left: 20px;
}
.app-functions-totalizer-form .payments{
  display: flex;
  margin-top: 20px;
  text-align: center;
}
.app-functions-totalizer-form .payments .payment {
  margin: 0 10px;
}
.app-functions-totalizer-form .payments .payment .name{
  background-color: #c1c1c1;
  padding: 5px 10px;
  text-align: center;
  border-radius: 5px;
}
.app-functions-totalizer-form .payments .payment .label{
  color: #FF6D09;
  margin-top: 5px;
}
.app-functions-totalizer-form .totals{
  display: flex;
  margin: 20px 0;
}
.app-functions-totalizer-form .totals .out{
  margin: 0 20px;
}
.app-functions-totalizer-form .totals .label{
  color: #FF6D09;
  font-family: 'MontserratBold', sans-serif;
}
.app-functions-totalizer-form .totals .value{
  font-family: 'MontserratBold', sans-serif;
  margin-bottom: 40px;
}
.app-functions-totalizer-form h5{
  margin: 0;
}
#inventory-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  margin: var(--space-m) 0;
  list-style: none;
  text-align: center;
  font-weight: bold;
}
#inventory-pager .pager-link{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-inline-size: 2rem;
  block-size: 2rem;
  padding-inline: 0.5rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #55565B;
  border-radius:1rem;
  background:#FFF;
  line-height: 1;
}
#inventory-pager .active{
  color:#FFF;
  border: 0.125rem solid transparent;
  background:#003ECC;
}
#inventory-pager .pager-link:hover{
  color:#55565B;
  background:#E5EDFF;
}
.path-crear-producto form .layout-form .layout-region--main .button{
  width: auto;
  margin-top: 20px;
}
.path-gestor-productos .view-products-manager .view-header {
  flex-direction: row;
  display: flex;
}
.path-gestor-productos .view-products-manager .view-header div{
  margin-right:20px;
}

.path-nueva-venta #block-content-editor-collaborator-menu,
.path-nueva-venta #block-content-editor-menu {
  margin-bottom: 50px;
}
.app-functions-totalizer-form{
  margin-top: 30px;
}

.path-inventario .form-item--title-1, .path-inventario .form-item--title-2,
.path-mi-inventario .form-item--title-1, .path-mi-inventario .form-item--title-2
{
  display: none;
}