:root {
  --deepblue: #001227;
  --blue: #003a63;
  --blue60: #5c7f98;
  --blue30: #a1b2bf;
  --blue10: #ededed;
  --redDark: #7e0e12;
  --red: #e31b23;
  --red60: #e46c72;
  --red30: #e6a9ac;
  --white: #ffffff;
  --green: #008230;
  --gray: #333333;
  --warning:#8F520A;
  --gray100: #B0B0B0;
  --gray200: #676767;
  --gray300: #4F4F4F;
  --gray350: #504E4E;
  --bluebtn: #027bc7;
  --lighblue:#027BC7;
  --strongblue:#003A63;
  --greywhite: #ffffff80;
  --warmyellow: #D97706;
  --lightyellow: #EAB308;
  --standardyellow: #F59E0B;
  --space: 15px;
  --gap: 8px;
  --gap30: 30px;
  --text-font-size: 14px;
  --text-font-size-2: 20px;
  --text-line-height: 16px;
  --title-font-size: 26px;
}

@font-face {
  font-family: "Nexa-Bold";
  src: url("../css/fonts/Nexa-Bold.eot");
  src: url("../css/fonts/Nexa-Bold.eot?#iefix") format("embedded-opentype"),
    url("../css/fonts/Nexa-Bold.woff2") format("woff2"),
    url("../css/fonts/Nexa-Bold.woff") format("woff"),
    url("../css/fonts/Nexa-Bold.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Inter";
  src: url("../css/fonts/inter-variablefont_slnt.wght.ttf")format("truetype");  
}

body {
  display: block;
  font-family: "Inter";
  font-style: normal;
  margin: 0;
}

.font-inter {
  font-family: "Inter";
}

h1, h2, h3, h4, h5, h6{
  margin: 0px;
  font-family: "Nexa-Bold", Arial, Helvetica, sans-serif;
}


h1{
  font-size: 30px;
  line-height: 32px !important;
}
h2{
  font-size: 28px;
  line-height: 30px !important;
}
h3{
  font-size: 24px;
  line-height: 26px !important;
}
h4{
  font-size: 20px;
  line-height: 22px !important;
}
h5{
  font-size: 18px;
  line-height: 20px !important;
}
h6{
  font-size: 16px;
  line-height: 18px !important;
}

.fav-blue button{
  background-color: var(--blue) !important;
}
.fav-blue button:hover{
  background-color: var(--deepblue) !important;
}

.oj-disabled.fav-blue button{
  background-color: var(--lightGray) !important;
}
.oj-disabled.fav-blue button:hover {
  background-color: var(--lightGray) !important;
}

#tableLDDestinos .oj-table-column-header-text{
color: var(--blue) !important;
font-weight: 900;
font-size: 16px;
line-height: 20px;
}
.m-p-tituloPrimario{
 margin: 0 0;
 padding: 0 0;
} 
.m-p-tituloSecundario{
 margin: 0 0;
 padding: 0.3rem 0;
} 

#tableLDDestinos td{
vertical-align: bottom !important;
}
.display-grid{
display: grid;  
}
.display-none{
  display: none;
}
.vertical-align-bottom{
vertical-align: bottom !important;
} 
.size-bottom{
  width: 100%;
  max-width: 60% !important;
  border: 1px solid gray;
  min-width: 60% !important;;
  border-radius: 10px; 
} 
#loaderpage {
  width: 100%;
  z-index: 10000;
  position: fixed;
  background-color: var(--blue);
  
}
#loaderProgresBar {
  width: 100%;
  z-index: 10000;
  position: fixed;
  background-color: var(--blue);
  
}
/*----------------inicio del loader--------*/
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
* .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.vertical-align-text-top{
vertical-align: text-top !important;
}

.padre_loading_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  color: var(--white);
}
.box_loading_1 {
  background-color: var(--blue);
  color: white;
  height: 80px;
  width: 80px;
}

/*-----------------------------------------FIN  loader-----------------*/

.fuente-cuenta-existente{
  border-top: 1px solid #c7c7c7;
    font-size: 22.3px;
    line-height: 40px;
    font-weight: 780;
    justify-content: center;
    text-align: center;
    padding: 0.5rem 3rem;
    height: 200px;
    display: flex;
    align-items: center;
}

.justify-content-end{
  justify-content: end !important;
}
a {
  cursor: pointer;
}

.odcs-auto-focus:focus {
  outline: 0;
}

.odcs-behind-header {
  top: -58px;
  margin-bottom: -58px;
}

.odcs-header-padding {
  padding-top: 58px;
}

.odcs-flex-column-stretch {
  display: flex;
  flex: 1 0 auto;
}

oj-vb-content > oj-module {
  display: flex;
  flex-direction: column;
  height: 100% !important;
}

#vbRouterContent > oj-module {
  display: flex;
  flex-direction: column;
  height: 100% !important;
}

/* --- Root page Header Styles ---------------------------------------------- */

.odcs-header {
  height: 58px;
  background: #003a63;
  box-shadow: 0 8px 8px rgba(50, 50, 71, 0.08),
    0 8px 16px rgba(50, 50, 71, 0.06);
  padding: 6px 8px;
}

.odcs-header-text,
.odcs-menu-header-outer {
  color: white;
  cursor: pointer;
}

.odcs-header-link {
  color: white;
}

.odcs-header-icon {
  color: white;
  margin: 9px 9px 9px 0;
  cursor: pointer;
}

.odcs-header-item,
.odcs-menu-header-inner {
  color: white;
  padding: 0;
  position: inherit; /*trlative work fine  inherit no*/
  top: -20px;
}

.catalogo_paises_style,
#catalogo_paises_style {
  position: relative; /*trlative work fine  inherit no*/
  top: -10px;
}

.odcs-header-item:after {
  background-color: #ffffff;
  bottom: -8px;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 0;
  left: 50%;
  cursor: pointer;
}

.odcs-header-item a:hover,
.odcs-header-item a:focus {
  text-decoration: none;
}

.odcs-header-text:hover .odcs-header-item:after {
  width: 0%;
  transition: 0.3s ease all;
}

.odcs-header-item,
.odcs-header-item a {
  color: rgba(255, 255, 255, 1);
}

.odcs-menu-header-inner {
  cursor: pointer;
  font-size: 1.14286rem;
}

/* Styling for Drop Down Menu Button in Header */

.odcs-menu-header-outer:hover .odcs-menu-header-inner:after {
  width: 50%;
  transition: 0.3s ease all;
}

.odcs-menu-header-inner:after {
  background-color: #ffffff;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 0;
  left: 50%;
}

.odcs-header-menu-button.oj-button.oj-default.oj-button-half-chrome
  .oj-button-button,
.odcs-header-menu-button.oj-button.oj-active.oj-button-half-chrome
  .oj-button-button,
.odcs-header-menu-button.oj-button.oj-hover.oj-button-half-chrome:not(.oj-active)
  .oj-button-button,
.odcs-header-menu-button.oj-button.oj-selected.oj-hover.oj-button-half-chrome:not(.oj-disabled)
  .oj-button-button,
.odcs-header-menu-button.oj-button.oj-selected.oj-button-half-chrome:not(.oj-disabled)
  .oj-button-button,
.odcs-header-menu-button.oj-button.oj-disabled.oj-button-half-chrome
  .oj-button-button,
.odcs-header-menu-button.oj-button.oj-disabled.oj-selected.oj-button-half-chrome
  .oj-button-button {
  background-color: transparent;
  border-color: transparent;
  color: white;
}

.navbar-menu-buttom {
  background-color: transparent;
  border-color: transparent;
  color: white;
}

.title-font-size {
  font-size: var(--title-font-size);
}

.text-fontSize {
  font-size: var(--text-font-size);
}

.font-size-1 {
  font-size: var(--text-font-size);
}

.font-size-2 {
  font-size: var(--text-font-size-2);
}

.text-font-size {
  font-size: var(--text-font-size);
}

.text-lineHeight {
  line-height: var(--text-line-height);
}

.text-gray300 {
  color: var(--gray300);
}


.odcs-footer-panel-website {
  background-color: transparent;
  border: none;
}

.odcs-footer {
  font-size: 12px;
  opacity: 1;
  border: none;
  padding-left: 15%;
  padding-right: 15%;
}

.odcs-footer-panel {
  background-color: transparent;
  border: none;
}

.odcs-footer-panel a {
  cursor: pointer;
}

.odcs-footer-panel-md {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #e0e1e1;
  max-width: 18%;
}

.footer-elements {
  display: block;
  padding: 20px;
}

.footer-elements-bold {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

/* --- Root page Footer Styles - END ---------------------------------------- */

/* --- Page margins and contents -------------------------------------------- */

.odcs-page-margin-start,
.odcs-page-margin-end {
  width: 5%;
}

.odcs-page-margin-start-2x,
.odcs-page-margin-end-2x {
  width: 10%;
}

.odcs-horizontal-padding {
  padding-left: 5%;
  padding-right: 5%;
}

.odcs-page-content {
  width: 90%;
}

.odcs-page-content-height {
  height: 475px;
}

.odcs-page-content-margin-2x {
  max-width: 80%;
}

.odcs-content-75percent-width {
  padding: 0;
  width: 75vw;
}

.odcs-content-85percent-width {
  padding: 0;
  width: 85vw;
}

.odcs-content-full-width {
  padding: 0;
  width: 100vw;
}

.odcs-text-faint {
  color: rgba(124, 114, 134, 1);
}

.odcs-text-thick,
.odcs-km-popular-articles .odcs-list-view-primary-field,
.odcs-text-thick:active,
.odcs-km-popular-articles .odcs-list-view-primary-field:active {
  font-size: larger;
  font-weight: 500;
}

.odcs-text-align-center {
  text-align: center;
  display: flex;
  justify-content: center;
}

/* --- Text styles - END ---------------------------------------------------- */

/* --- JET overrides -------------------------------------------------------- */

.odcs-combobox-full-width .oj-combobox,
.odcs-select-full-width .oj-select,
.odcs-select-full-width .oj-searchselect,
.odcs-inputtext-full-width .oj-inputtext {
  max-width: 100%;
}

.odcs-combobox-min-width .oj-combobox,
.odcs-select-min-width .oj-select,
.odcs-select-min-width .oj-searchselect,
.odcs-inputtext-min-width .oj-inputtext {
  min-width: 240px;
}

/* --- JET overrides - END -------------------------------------------------- */

/* --- Miscellanea ---------------------------------------------------------- */

.odcs-form-search-button {
  width: 20px;
  padding-left: 6px;
  padding-right: 6px;
}

.odcs-chat-icon {
  color: rgba(0, 0, 0, 0.3);
}

.odcs-tabs {
  font-size: large;
  text-align: center;
  cursor: pointer;
  background-color: rgba(245, 245, 245, 1);
}

.odcs-tabs-top-panel {
  padding-top: 1em;
}



/* Styling for the odcs clickable components, e.g. links in list views */

.odcs-clickable,
a:active.odcs-clickable {
  color: #0572ce;
  cursor: pointer;
}

/* Styling for the odcs clickable components in detail header view */

.odcs-clickable-detail-view,
a:active.odcs-clickable-detail-view {
  color: #0572ca;
  cursor: pointer;
}

/* Styling for the odcs upload icon */

.odcs-upload-icon-color {
  color: rgb(154, 154, 154);
}

/* Styling for the detail table row text */

.odcs-detail-table-row {
  padding-top: 0.5em;
}

.odcs-detail-table-row-primary-text {
  font-weight: 500;
}

.odcs-detail-table-row-secondary-text {
  font-weight: 100;
}

.odcs-detail-table-row-tertiary-text {
  font-size: small;
  font-weight: 100;
}

/* Styling for the odcs clickable on hover e.g. to apply an underline */

.odcs-clickable:hover {
  text-decoration: underline;
}

/* Styling for the odcs clickable detail view on hover e.g. to apply an underline */

.odcs-clickable-detail-view:hover {
  text-decoration: underline;
}

/* Styling for edit file description button */

.odcs-sr-file-description-edit-button {
  padding-left: 1em;
}

.odcs-sr-file-description-edit-toolbar {
  padding-left: 1em;
}

/* Styling for SR details page enabling height: 100% for the dialog body content element and its children */

.odcs-dialog-content .oj-dialog-content *,
.odcs-dialog-content .oj-dialog-content {
  height: 100%;
}

/* Styling for WO details page enabling height: 97% for the dialog body content element and its children. Validation takes another 3% of the area*/

.odcs-msg-dialog-content .oj-dialog-content *,
.odcs-msg-dialog-content .oj-dialog-content {
  height: 97%;
}

/* Styling for SR details page actions dialog used to stop a needless overflow in the add message dialog that would cause a scroll bar to show */

.odcs-sr-detail-dialog-body {
  overflow: hidden;
}

/* Styling for text in attachment dropzone on service request details page */

.odcs-oj-attachment-file-picker-dropzone {
  justify-content: center;
  text-align: center;
  width: 100%;
}

/* Styling for progress indicators */

.odcs-progress {
  padding-top: 1em;
  padding-bottom: 1em;
}

/* --- Miscellanea - END ---------------------------------------------------- */

/* =============================================================================
      Component-specific styles
     ========================================================================== */

/* --- Title-subtitle section ----------------------------------------------- */

.odcs-page-title {
  margin: 10px 0 0 0;
  padding: 0;
}

.odcs-page-subtitle {
  padding: 0;
}

/* --- Title-subtitle section - END ----------------------------------------- */

/* --- ODCS list view component styles -------------------------------------- */

/* Generic list styles */

.odcs-list-view-primary-field,
a:active.odcs-list-view-primary-field {
  font-size: larger;
  font-weight: 700;
}

.odcs-list-view-secondary-field,
a:active.odcs-list-view-secondary-field {
  font-size: large;
  font-weight: 500;
}

.odcs-list-view-primary-sm-field,
a:active.odcs-list-view-primary-sm-field {
  font-weight: 700;
}

.odcs-list-view-secondary-sm-field,
a:active.odcs-list-view-secondary-sm-field {
  font-weight: 500;
}

.odcs-list-view-warning-icon-color {
  color: rgb(193, 94, 94);
}

.odcs-list-view-icon-color {
  color: rgb(128, 128, 128, 1);
}

.odcs-list-view-control-label {
  font-weight: 700;
}

.odcs-list-view-control-padding {
  padding-right: 1rem;
}

/* Styles for list with no separators */

.odcs-list-no-separator .oj-listview {
  border-style: none;
  border: none;
}

.odcs-list-small-padding .oj-listview-item {
  padding: 0.25rem;
}

.odcs-list-no-separator .oj-listview-item {
  border-color: transparent !important;
  background-size: 0;
}

/* --- ODCS list view component styles - END -------------------------------- */

/* --- ODCS summary panel --------------------------------------------------- */

.odcs-summary-panel {
  background-color: rgba(245, 245, 245, 1);
  padding-top: 0.5em;
}

.odcs-summary-panel-h2 {
  font-weight: 500;
}

.odcs-summary-panel-h3 {
  font-weight: 300;
}

.odcs-summary-label {
  padding-top: 0.7em;
  font-size: small;
  font-weight: 500;
}

.odcs-summary-field {
  font-weight: 700;
  padding-bottom: 0.5em;
}

.odcs-summary-value {
  font-size: small;
  font-weight: 400;
}

/* --- ODCS summary panel - END --------------------------------------------- */

/* --- Option card (and menu) ----------------------------------------------- */

.odcs-option-card-menu {
  padding: 0 25px;
}

.odcs-option-card-icon-btn-blue button {
  background: var(--strongblue) !important;
  color: var(--white) !important;
  border-radius: 24px !important;
  height: 48px;
  width: 48px;
}

.odcs-option-card-icon-btn-blueL button {
  background: var(--bluebtn);
  color: var(--white) !important;
  border-radius: 24px !important;
  height: 40px;
  width: 40px;
}

.odcs-option-card-icon-btn-red button {
  background: var(--lighblue) !important;
  color: var(--white) !important;
  border-radius: 24px !important;
  height: 48px;
  width: 48px;
}

.icon-card-btn {
  color: white !important;
}

.odcs-option-card {
  width: 50%;
  padding: 22px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  margin-bottom: 0;
}

.odcs-option-card > .oj-flex-item {
  width: 100%;
  /* For IE11 compatibility, otherwise text doesn't wrap */
}

.odcs-option-card-icon {
  height: 102px;
  width: 102px;
  font-size: 70px;
  border: 0;
  color: #b4b4b4;
  text-align: center;
}

.odcs-value-item {
  font-weight: 600;
  font-size: 14px;
  font-family: inter;
}

.odcs-option-card-title {
  text-align: center;
  margin: 0;
}

.odcs-option-card-description {
  text-align: center;
  font-size: 16px;
  padding: 10px 0;
}

.odcs-option-card-action-info {
  text-align: center;
  font-size: 20px;
  margin: 0;
  padding: 10px 0;
}

.odcs-option-card-action-trigger {
  text-align: center;
  font-size: 20px;
  margin: 0;
  padding: 10px 0;
}

.odcs-hero-image {
  background-image: url("../images/odcs-hero-image.jpg");
  padding-top: 50px;
  padding-bottom: 5px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.odcs-hero-image-text-box {
  background-color: rgba(0, 0, 0, 0.3);
  border: 0;
  border-radius: 5px;
  margin-top: 21px;
}

.odcs-hero-image-small {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.16),
      rgba(0, 0, 0, 0.16)
    ),
    url("../images/odcs-hero-image.jpg");
  background-repeat: no-repeat;
  background-size: auto 160%;
  background-position: top right;
  background-color: #f0f0f0;
  position: relative;
}

.odcs-hero-image-text-box-small {
  padding: 34px 20px 18px 26px;
  max-width: 720px;
  background-color: transparent;
  border: 0;
}

.odcs-hero-image-text {
  color: rgba(255, 255, 255, 1);
  font-size: 4vw;
  text-align: center;
}

.odcs-hero-input .oj-combobox {
  max-width: 100%;
  /* Needs to override default .oj-combobox max-width */
}

.odcs-hero-input .oj-combobox-choice {
  background-clip: border-box;
}

.odcs-home-section-title {
  width: 100%;
}

.odcs-sign-up-warning-panel {
  background-color: #fceddc;
  border: 0;
  border-radius: 5px;
  margin-top: 21px;
}

@media screen and (max-width: 767px) {
  .odcs-home-section-title {
    font-size: 2.42857rem;
  }
}

@media screen and (min-width: 768px) {
  .odcs-home-section-title {
    font-size: 3.5vw;
    line-height: 3.2vw;
  }

  .odcs-homepage-left-box {
    padding: 0 10px 20px 0;
  }

  .odcs-homepage-right-box {
    padding: 0 0 20px 10px;
  }

  /* Reduced height 'border' to separate boxes on homepage */
  .odcs-homepage-left-box:after {
    background-color: #e0e1e1;
    top: 20%;
    content: "";
    display: block;
    height: 60%;
    position: absolute;
    width: 1px;
    right: 50%;
  }
}

oj-list-view.odcs-home-visual-navigator ul.oj-listview-group {
  justify-content: center;
}

li.oj-listview-item.odcs-home-visual-navigator-card {
  border-radius: 5px;
  background: #fffd;
}

.odcs-home-visual-navigator-card-icon {
  color: #b4b4b4;
}

.odcs-home-body-content {
  padding: 0 9%;
}

.odcs-list-icon {
  width: 36px;
  text-align: center;
}

/* Styling for KM collapsible filter header*/

.odcs-collapsible-filter {
  color: #eaf0f2;
  font-size: small;
  padding: 0;
}

.odcs-home-page-skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000000;
  color: white;
  padding: 8px;
  z-index: 100;
}

.odcs-home-page-skip-link:focus {
  top: 0;
}

/* --- Support (home) page - END -------------------------------------------- */

/* Styling for KM article pieces, e.g. to control padding around the pieces */

.odcs-km-article-piece {
  padding-bottom: 1em;
}

/* Styling for KM article pieces headers */

.odcs-km-article-piece-header {
  font-size: large;
  font-weight: 500;
}

/* Article rating info related styling */

.odcs-km-article-heading {
  display: inline;
}

.odcs-km-article-rating-separator {
  color: #999;
}

/* Article feedback section related */

.odcs-km-article-feedback-section {
  font-size: 1.3em;
}

.oj-button.oj-disabled.odcs-km-article-rating-five-star,
.oj-button.oj-disabled.odcs-km-article-rating-yes-no {
  margin-bottom: 15px;
}

.oj-button.oj-disabled.odcs-km-article-rating-five-star .oj-button-button,
.oj-button.oj-disabled.odcs-km-article-rating-yes-no .oj-button-button {
  height: 32px;
}

.oj-button.oj-disabled.odcs-km-article-rating-five-star .oj-button-button {
  background-color: #008000;
  color: #fff;
  font-weight: 500;
  border-color: transparent;
}

.b-radius-6 {
  border-radius: 6px;
}
.oj-button-button-white {
  background-color: #fff;
  color: #027bc7;
  outline: 1px solid #027bc7;
  font-weight: 500;
  border-color: transparent;
  border-radius: 6px;
}
.oj-button.oj-disabled.odcs-km-article-rating-yes-no .oj-button-icon,
.oj-button.oj-disabled.odcs-km-article-rating-yes-no .oj-button-button {
  background-color: #fff;
  color: #000;
}

.odcs-knowledge-article-message,
.odcs-knowledge-article-thanks-message {
  font-weight: bold;
}

.odcs-knowledge-article-message.value-mode {
  font-size: 1.3em;
}

.odcs-knowledge-article-thanks-message {
  color: #6aad74;
}

.odcs-km-current-rating,
.odcs-km-current-rating oj-rating-gauge,
.odcs-km-current-rating oj-button {
  display: inline-block;
}

/* --- "Contact us" page ---------------------------------------------------- */

#odcs-contact-us-page {
  background: linear-gradient(#f5f5f5 55%, #ffffff 45%);
}

#odcs-contact-us-title-section {
  padding: 20px;
}

/* --- "Contact us" page - END ---------------------------------------------- */

/* --- "Sign up" page ------------------------------------------------------- */

#odcs-sign-up-page {
  margin-top: -58px;
  /* top and padding to set image behind header */
  padding: 58px 0 0 0;
  /*background-image: url("../images/odcs-sign-up-image.jpg");*/
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#odcs-sign-up-content {
  padding: 36px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

/* --- "Sign up" page - END ------------------------------------------------- */

/* --- "Sign in" page ------------------------------------------------------- */

#odcs-sign-in-page {
  margin-top: -58px;
  /* top and padding to set image behind header */
  padding: 58px 0 0 0;
  /*background-image: url("../images/odcs-sign-in-image.jpg");*/
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#odcs-sign-in-content {
  padding: 36px 0;
}

/* --- "Sign up" page - END ------------------------------------------------- */

/* --- "Error" page ---------------------------------------------------------*/

.odcs-error-title-header {
  font-size: large;
  font-weight: 500;
}

/* -- "Error" page - END ----------------------------------------------------*/

/* --- IDCS Forms ------------------------------------------------------- */

.odcs-login-info {
  padding: 20px;
}

.section-password{
  background-color: var(--blue10);
  display: grid;
  place-content: center;
  height: 100vh;
}
.align-text-password{
  max-width: 20rem !important;
  text-align: center;
  font-size: 16px;
}
.password-box{
  margin: 1rem;
  background: var(--white);
  color: var(--blue) !important;
  max-width: 30rem;
  font-size: 1rem;
  border: none;
  padding: 1.5rem !important;
  box-shadow: 0px 8px 28px -6px rgb(24 39 75 / 12%), 0px 18px 88px -4px rgb(24 39 75 / 14%);
}

.oj-panel.odcs-login-panel {
  padding: 0;
}

.oj-panel.odcs-login-panel,
.oj-panel.odcs-change-password-panel,
.oj-panel.odcs-forgot-password-panel,
.oj-panel.odcs-reset-password-panel {
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.odcs-login-forgot-password,
.odcs-back-to-login {
  text-align: right;
  font-size: 0.85em;
}

/* Hide superflous info for password policy violation messages */


/* --- IDCS Forms - END ------------------------------------------------------- */

/* --- Work Order --------------------------------------------------------------*/

.odcs-hr-panel {
  background-color: #e0e1e1;
  margin: 2px 0;
}

/* --- Work Order - END -------------------------------------------------------*/

/*  ------------------------------- TOTEM CSS -----------------------------------*/

/** webshell */

.logo-cargo {
  height: inherit;
  width: auto;
}

#logo:hover {
  cursor: pointer;
}

.icon-hover :hover {
  cursor: pointer;
}

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

.menu-header {
  flex-basis: calc(65%);
}

/** Portal */

.header-white {
  background-color: white;
}

.botones-portal {
  width: 100%;
  height: 7.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.botonFacturar {
  width: 100%;
  height: 7.5rem;
  display: flex;
  margin-top: 50px;
  justify-content: flex-end;
}

.botones-modal-unificado {
  width: 100%;
  height: 7.5rem;
  display: grid;
  justify-content: center;
  align-items: center;
}

.botones-contenedor {
  width: 95%;
  height: 100%;
  align-items: center;
}
.contenedorBtn {
  width: 95%;
  height: 100%;
  align-items: center;
}
.span-badge-redondo{
    border-radius: 50px;
}
.onebottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.firstonebottom {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}

.onebottomEnd {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.twobottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.bottomFacturacion {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}

.section-list {
  height: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-portal {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nuevoCliente-main-section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.section-signature {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.signature-container {
  /*display: flex;*/
  flex-wrap: wrap;
  justify-content: center;
  margin: 10px;
  flex-direction: column;
}
.signature-path {
  width: 100%;
  height: 100%;
  align-items: center;
  margin: auto;
  flex-direction: column;
}
.button-signature {
  margin: auto;
  /* display: flex;*/
}

.column-portal {
  flex-direction: column;
}

.section-list-contenedor {
  height: 100%;
  padding: 1rem 0;
  width: 95%;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
}

.section-list-contenedor-solo-un-titulo {
  padding: 2rem 0;
  width: 95%;
  display: flex;
  justify-content: flex-start;
}

.section-list-90 {
  height: 100%;
  width: 95%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}

.section-list-80 {
  width: 80%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.section-list-contenedor-row {
  height: 100%;
  padding: 0;
  width: 95%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
.section-signature-row {
  width: 90%;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 15px;
  margin-bottom: 15px;
}

.seccion-terminos {
  height: 100%;
  padding: 0;
  width: 95%;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
}

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

.formCotizador-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}

.menu-list {
  display: flex;
  align-items: center;
  justify-content: first baseline;
}

.train-list {
  display: flex;
  align-items: center;
  justify-content: first center;
  flex-wrap: wrap;
}

.train-list-item {
  width: 40rem;
}


.height20 {
  height: 20rem;
}

.height100 {
  height: 100% !important;
}

.t-p {
  padding: 0;
  margin: 1rem 0;
}

.form-portal {
  display: flex;
  align-items: stretch;
  justify-content: first center;
}

.form-portal-row {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.form-portal-item {
  flex-basis: 15rem;
}

.form-portal-item-10 {
  flex-basis: 12rem;
}

.box-type-date {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: stretch;
}

.calendar {
  height: 32.5rem;
}

.maptype {
  width: 100%;
  height: 30vh;
}

.confir-combo {
  flex-basis: calc(49.5%);
  min-width: 0.5rem;
}

.ojData div {
  flex-basis: calc(100%);
}

.autoCenter {
  margin-left: 4rem;
  margin-right: 4rem;
}

/** Portal */

#errorTable {
  overflow-y: scroll;
}

table {
  border-collapse: inherit !important;
  border-spacing: 0;
}

/* GENERAL */

/* guia colores */

.black {
  color: #333333;
}

.white {
  color: #fff;
}

.blue {
  color: #003a63;
}
.Lblue {
  color: #027bc7 !important;
}

.red {
  color: var(--red);
}

.orange {
  color: #e86c45;
}

.green {
  color: #008230;
}
.red {
  color: #e31b23;
}

.error {
  color: #e86c45;
}

.light-gray{
  color: var(--gray200);
}

.bluebtn {
  color: var(--bluebtn);
}


.bold {
  font-weight: bold;
  font-family: "Nexa-Bold", Arial, Helvetica, sans-serif;
}

/* centrar texto */

.center {
  text-align: center;
}

/* Boxes */

.box {
  background: #ffffff;
  padding: 24px;
}

.box.grey {
  background: #f2f2f2;
}

.box.border-blue {
  border: 1px solid #003a63;
}

.box.border-red {
  border: 1px solid var(--red);
}

.box-white {
  background-color: white;
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
  padding: var(--space);
}
.box-white-confirm{
  background-color: white;
  padding: var(--space);
}

.box-white-no-padding {
  background-color: white;
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
}

.typeofservice {
  background-color: white;
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
}

/* Buttons */



.btn.light-blue button {
  background: #809cb1 !important;
}

.btn.red button {
  background: var(--red) !important;
}

.btn.light-red button {
  background: var(--red60) !important;
}

.btn.disable button {
  background: #e6e6e6 !important;

  color: #b3b3b3 !important;
}

.btn.green button {
  background: #008230 !important;
}

.btn.error button {
  background: var(--red) !important;
}

.btn.dark button {
  background: #4f4f4f !important;
}

.btn.dark-light button {
  background: #bdbdbd !important;
}





.not-limit-width {
  max-width: none !important;
}

.all-width {
  width: 100%;
}

.space {
  /* margin: .5rem .5rem 0 0; */
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.download-link {
  color: black;
}

body {
  background-color: #f2f2f2 !important;
}




.btn-home button {
  background: var(--red) !important;
  color: #ffffff !important;
  border-color: var(--red) !important;
  width: 100%;
}

.btn-home :hover {
  background-color: var(--redDark);
  cursor: pointer;
}

.btn-blue button {
  background: var(--blue) !important;
  border-color: var(--blue) !important;
}

.btn-blue :hover {
  background-color: var(--deepblue);
  cursor: pointer;
}

.btn-home .oj-button-text {
  white-space: initial;
}

.btn-home button:hover {
  -webkit-transition: all 0.4s ease !important;
  transition: all 0.4s ease !important;
  top: -2px !important;
  box-shadow: 0 5px 5px rgba(50, 50, 71, 0.09), 0 4px 8px rgba(50, 50, 71, 0.07) !important;
}

.btn-rounded button {
  border-radius: 20px !important;
  height: 40px !important;
  width: 40px !important;
}

/*
  #ui-id-8:hover {
    background: #f2f2f300 !important;
  } */


.no-padding {
  padding: 0 !important;
  margin: 0 !important;
}

.h3-regular {
  line-height: 29px;
  letter-spacing: 0;
  text-align: center;
  color: White;
}



.centimetroscubicos {
  margin-left: 10px;
}

.hola {
  /* frase: ¡Buenos días, @Name! */
  line-height: 24px;
  color: white;
}

.saldo {
  line-height: 26px;
  color: white;
}

.navlist-container {
  background: #333333;
  height: 100%;
}

#cotizador a {
  color: var(--blue);
}

.sidenav {
  height: 100%;
  width: 320px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
}
.notifications {
  height: 100%;
  width: 25%;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  overflow-x: hidden;
  transition: 0.5s;
  background: rgba(14, 14, 14, 0.6);
}
.register {
  height: 100%;
  width: 45%;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  overflow-x: hidden;
  transition: 0.5s;
  background: var(--white);
}
.sigue-envio {
  background-color: var(--blue);
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
}

.sidenav a {
  text-decoration: none;
  display: block;
  transition: 0.3s;
  color: var(--white); 
}

/*
  .sidenav a:hover {
    color: #252525 !important;
  } */

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#navbar-home {
  background: var(--blue);
  height: 70px;
  width:  calc(100% - 300px);
  z-index: 999;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  position: fixed; 
  
}

#second-navbar-website {
  background: rgba(0, 0, 0, 0.5);
  height: 100px;
  width: 100%;
  z-index: 999;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

#navbar-website {
  background: var(--gray);
  height: 2.5rem;
  width: 100%;
  z-index: 999;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  padding: 0rem 2rem 0rem 0.5rem;
}

/*-----------------Caroussel-----------------------------------*/

* {
  box-sizing: border-box;
}


img {
  vertical-align: middle;
}

/* Slideshow container */

.slideshow-container {
  position: relative;
  height: 30.938rem;
  margin: 0.625rem;
  width: 18.625rem;
}

.website-slideshow-container {
  position: absolute;
  width: 100%;
  height: 55%;
}

/* Next & previous buttons */

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */

.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */

.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active,
.dot:hover {
  background-color: #717171;
}

/* Fading animation */

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

.ocultar-filtros{
  display: none;
}
.row-buttoms{
    display: grid;
    grid-template-columns: 25% 75%;
    grid-gap: 20px;
    height: 50px;
}

.fuente-inventarios{
    font-weight: 700;
    font-size: 34px;
    line-height: 42px;
    padding: 0px;
}
.fuente-marcador-inventarios{
    font-weight: 700;
    font-size: 48px;
    line-height: 42px;
    padding: 0px;
}
.line-top-inventarios{
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: var(--deepblue);
    height: 180px;
}
.parrafo-buscar-inventario {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 16px;
    color: #4f4f4f;
    padding: 0;
}
.subcontainer-superior-inventarios{
    display: grid;
    grid-template-columns: 80% 20%;
}
/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {
  .prev,
  .next,
  .text {
    font-size: 11px;
  }

  /*------------------------------Open SideNav----------------------*/
  .open-mySidenav {
    width: 100%;
    display: inline-flex;
    z-index: 3000;
    transition: 0.5s;
  }

  .open-overlay-sidenav {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    width: 55%;
    display: block;
  }

  .open-main {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }
  
  /*------------------------------Close SideNav----------------------*/
  .close-overlay-sidenav {
    display: none;
  }

  .close-mySidenav {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }

  .close-main {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }

  .close-sidenav {
    display: inline-flex;
    width: 100%;
    transition: 0.5s;
  }
  /*-------------------NOTIFICATIONS----------------*/
  /*------>>> OPEN  <<<-----*/
  .open-myNotifications {
    width: 100%;
    display: inline-flex;
    z-index: 3000;
    transition: 0.5s;
    background-color: rgba(14, 14, 14, 0.6);
    background-blend-mode: multiply;
  }

  .open-overlay-notifications {
    height: 100%;
    background: rgba(14, 14, 14, 0.6);
    background-blend-mode: multiply;
    width: 55%;
    display: block;
  }

  .open-main-notifications {
    margin-right: 0rem;
    height: 100%;
    transition: 0.5s;
  }
  /*------>>> CLOSE  <<<-----*/
  .close-overlay-notifications {
    display: none;
  }
  .close-myNotifications {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }

  .close-main-notifications {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }

  .close-notifications {
    display: inline-flex;
    width: 100%;
    transition: 0.5s;
  }
  /*------------------------*/
  /*--------AUTO REGISTRO---*/
  .open-myRegister {
    width: 100%;
    display: inline-flex;
    z-index: 3000;
    transition: 0.5s;
    /* background-color: rgba(14, 14, 14, 0.6);*/
    background-blend-mode: multiply;
  }
  .close-myRegister {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }
  .open-overlay-myRegister {
    height: 100%;
    /*background: rgba(14, 14, 14, 0.6);*/
    background-blend-mode: multiply;
    width: 65%;
    display: block;
  }
  .close-overlay-myRegister {
    display: none;
  }
  .open-main-myRegister {
    margin-right: 0rem;
    height: 100%;
    transition: 0.5s;
  }
  .close-main-myRegister {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }
  .close-register {
    display: inline-flex;
    width: 100%;
    transition: 0.5s;
  }
}

.dots-parent {
  font-size: 15px;
  padding: 0 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

.dots-parent-website {
  font-size: 15px;
  position: relative;
  width: 100%;
  text-align: center;
}

.slideshow-title {
  font-size: 15px;
  position: relative;
  width: 100%;
  text-align: center;
}

.oj-navigationlist-listview {
  overflow: hidden !important;
  font-weight: bold;
  font-family: "Nexa-Bold", Arial, Helvetica, sans-serif;
}

.activos-div {
  background: white;
  height: 100%;
  width: 98%;
  margin-left: 15px;
  margin-top: 25px;
  border-radius: 10px;
}

html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines {
  border-right: 0 !important;
}

html:not([dir="rtl"])
  .oj-table-grid-display
  .oj-table-column-header-cell.oj-table-vgrid-lines,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-vgrid-lines {
  border-right: 0 !important;
}

.input-xl {
  height: 3.42857rem;
}

.input-xl .oj-text-field-container {
  height: 100% !important;
}

.oj-inputdatetime-calendar-clock-icon,
.oj-inputdatetime-calendar-icon,
.oj-inputdatetime-time-icon {
  color: Black !important;
}

.nombre-distribucion {
  width: 95% !important;
}

@media only screen and (max-width: 600px) {
  .nombre-distribucion {
    width: 100% !important;
  }
.grupo-filtros{
    display: grid;
  }
  /* .row-buttoms {
    background-color: yellow;
    display: grid;
    grid-template-columns: auto; 
    
}
 .size-buttoms-inventario{
    max-width: 100%;
    min-width: 100%;
} */
}

.card-confirmacion {
  padding: 22px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-bottom: 0;
}

.input-lg {
  height: 3rem;
}

.input-lg .oj-text-field-container {
  height: 100% !important;
}

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#odcs-forgot-password-link {
  font-weight: 600;
  text-decoration: underline;
}

#odcs-user-sign-up-link {
  color: #ffffff !important;
  font-weight: 600;
  font-size: 1rem;
}

#odcs-sign-in-form-box {
  background: rgb(14 14 14 / 79%);
  background-blend-mode: multiply;
  padding: 2rem !important;
  width: 350px;
}

.odcs-forgot-password-panel {
  background: rgba(14, 14, 14, 0.6);
  /*rgba(51, 51, 51, 0.9);*/
  color: #ffffff !important;
  font-size: 1rem;
  border: none;
}

.title-password {
  color: var(--deepblue);
  font-size: 20px;
  margin-bottom: 1rem !important
}

#odcs-fp-form-layout label {
  /*color: #FFFFFF !important;*/
  font-size: 1rem;
}

#odcs-username-label {
  color: #ffffff !important;
  font-size: 1rem;
}

#odcs-back-to-login-link {
  color: #fff !important;
  text-decoration: underline;
  font-size: 1rem;
}

#odcs-sign-up-form-box {
  background: rgba(14, 14, 14, 0.6);

  color: #ffffff !important;
  font-size: 1rem;
  border: none;
}

.margin-right {
  margin-right: 49px;
}

#button-modal .oj-button-label {
  margin-left: 5px;
}

.oj-label {
  color: var(--blue);
}

#labelTotal {
  color: var(--blue) !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 22px !important;
}

#textTotal {
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 22px !important;
}

oj-dialog#dialogoEditar {
  z-index: 2000;
}

.div-servicio {
  height: 2.5rem;
  background: var(--blue);
  display: flex;
  align-items: center;
  padding: 1rem;
}

.tipo-servicio-box {
  margin-bottom: 10px;
}

.titulo-servicio {
  color: #ffffff;
}

#destinatarioForm div label {
  color: var(--lighblue) !important;
}

#tablaPaginada table thead th {
  border-top: 2px solid var(--blue);
  border-bottom: 2px solid var(--blue);
}

#remitenteConfirmacion {
  min-width: 200px;
}

#destinatarioForm {
  min-width: 200px;
}

#datosPaquetesConfirmacion {
  min-width: 200px;
}

#fechaPagoConfirmacion {
  min-width: 200px;
}

#terminosConfirmacion {
  min-width: 200px;
  border: none !important;
}

#botonesConfirmacion {
  min-width: 200px;
  border: none !important;
}

.blue-header thead.oj-table-header {
  border-bottom: 1px solid var(--blue) !important;
  border-top: 1px solid var(--blue) !important;
}


#return-btn-form {
  width: 137px !important;
}

.p-description {
  padding: 20px 0;
  font-size: 20px;
}

.img-boxes {
  width: 225px;
  height: 155px;
}

.center-text {
  text-align: center;
}

.tex-area-lista {
  width: 953px !important;
}

.a-empaques {
  margin-left: 5px;
}

#contenedotestmain {
  width: 100% !important;
  height: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

#vbRouterContent .oj-complete #form-empaques {
  width: 100% !important;
}

.favoritos-tarjeta {
  color: var(--blue);
}

.space-top-cotizador {
  margin-top: 15px;
}

/** css para el homepage */
.section-homepage {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* imagen para el homepage*/
.div-image-homepage {
  background-image: url(../images/img-landing-gt.png);
  background-position: center center;
  background-size: cover;
}

.container-home-card-slider {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: calc(45%);
  min-width: 28rem;
  max-width: 37rem;
  margin-top: 2rem;
  height: auto;
}

.home-card-main {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  background: rgba(14, 14, 14, 0.6);
  background-blend-mode: multiply;
  margin: 1rem;
  padding: 2rem;
  height: auto;
}


.div-buttons-card-home {
  margin: 1.2rem 0;
  height: 4rem;
  width: 100%;
  max-width: 80%;
  flex-shrink: 1;
}

/** fin css para el homepage */

.all-height {
  height: 100%;
}

/** css para el sidebar */
.logo-div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  height: 10rem;
  flex-direction: column;
}

.image-logo-sidebar {
  max-width: 12rem;
  margin: auto;
}

/* fin css sidebar */

/*  css detalle recogida */
.section-center {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.container-detalle-recogida {
  display: flex;
  padding: 5%;
  justify-content: center;
  align-content: center;
  flex-direction: row;
}

.container-detalle-recogida-datos {
  display: flex;
  padding: 5%;
  justify-content: space-between;
  flex-direction: column;
}

.div-remitente {
  width: 100%;
  margin-bottom: 0.625rem;
  padding: 1.5rem;
  background: #ffffff;
}

.div-destinatario {
  width: 100%;
  padding: 1.5rem;
  background: var(--white);
}

.container-direccion {
  display: flex;
  align-items: stretch;
}

.combo-direccion {
  flex-grow: 15;
}

.div-favoritos {
  flex-grow: 2;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.container-items2 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
}

.container-tipoD-zona {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.container-item-column {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: column;
}

.container-add-favoritos {
  display: flex;
  justify-content: flex-end;
}

.container-siguiente {
  display: flex;
  padding: 5%;
  justify-content: flex-end;
  flex-direction: row;
}

.div-space {
  margin-bottom: 0.313rem;
  margin-top: 0.313rem;
}

.size-combo {
  width: 49.5%;
}
.size-inputC {
  width: 59%;
}

.recogida-card-title {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

/* fin css detalle-recogida */

/** css cotizador pagina principal */
.container-cotizador {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.container-cotizador-datos-recogida {
  display: flex;
  padding: 5%;
  justify-content: space-between;
  flex-direction: column;
}

/* fin css cotizador pagina principal */

/*  css mantenimineto favoritos */
.section-lista-direcciones {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  padding: 4%;
}

/* fin css mantenimineto favoritos */

/* css lista de distribucion mantenimiento paquete */
.div-botones-favoritos {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

/* fin css lista de distribucion mantenimiento paquete */

/* css comprobandte lista distribuion */
.container-pdf-rastrear-guia {
  display: flex;
  padding: 5%;
  justify-content: space-between;
  flex-direction: column;
}

.container-element-center {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  margin: 1rem;
  padding: 2rem;
  border: 1px solid var(--blue);
  background-color: var(--white);
}

/** fin css comprobante lista distribucion */

/** css cotizador portal **/

.div-container-destino-origen {
  display: flex;
  justify-content: space-between;
}

/** fin css cotizador portal **/

.div-with-two-elements {
  display: flex;
  justify-content: space-between;
}

.half-width {
  flex-basis: calc(49.5%);
}
.margin-1{
  /* margin: auto 1rem; */
}

/* ---------------------------------FIN TOTEM CSS---------------------------------*/

/*---------------------------------Media queries----------------------*/

@media (min-width: 300px) {
  .justify-content-center{
    justify-content: center;
  }
  .align-items-center{
    align-items: flex-start;
  }
  .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
  .grid-btn {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
    /* grid-template-columns: 300px 260px; */
  }
 .flex-direcion-column{
    flex-direction: column;
  }
  .p {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }

  .small {
    /* Paragraphs/Paragraph - Tiny - 14px - L */
    font-size: 0.75rem;
    line-height: 1.5rem;
  }


  .section-parent-w100 {
    height: 30vh;
  }

  .section-parent-w100-contact {
    height: 30vh;
  }

  .section-parent-w100-contact-cotizador {
    height: 30vh;
  }
  .section-parent-w100-contact-trabaja {
    height: 30vh;
  }
  .section-parent-w100-services {
    height: auto;
  }

  .width50 {
    flex-basis: calc(100%);
    min-width: 18.75rem;
    border-bottom: 1px solid #c7c7c7;
  }
/* TIPO DE ENTREGA */
   .seccionTipoEntrega{
    display: flex;
    justify-content: space-around;
    gap: calc( var(--space)*1.25);
  }
  /* Search de tabla destinatarios en LD */

  .seccion-search-tabla-desti{
    text-align: center;
    min-width: 100px;
  }
  
  .LD-searchDest{
    gap: calc( var(--space)*1.25); 
    flex-direction: row; 
    display: flex; 
    justify-content: space-around;
  }
/* FIN search */



  .transparent-card {
    /* display: none; */
    height: auto;
    flex-direction: column;
    position: relative;
  }

  .container-main {
    flex-direction: row;
    width: 100%;
  }

  .heightmain {
    height: 42vh;
  }

  .transparent-card-content {
    width: 95%;
  }

  .card-service-main img {
    height: 2rem;
    width: 2rem;
  }

  .card-service-main {
    flex-basis: calc(90%);
    height: auto;
    padding: 2rem;
  }

  .buttons-section {
    flex-direction: column;
  }

  .dots-parent-website {
    bottom: 1.5rem;
  }

  .slideshow-title {
    bottom: 10.5rem;
  }

  .button-contact {
    flex-direction: column;
  }

  #filtrosPaginaPrincipal {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .slider-container {
    flex-direction: column;
    width: 100%;
  }

  .footerContent {
    display: none;
  }

  .footerImg {
    width: 12.5rem;
  }

  .quienes-somos-title {
    padding-left: 5%;
    padding-right: 5%;
  }

  .servicios-container .card-serv {
    min-width: 15rem;
    height: auto;
  }

  .w-30 {
    flex-basis: 100%;
  }

  .width-30 {
    flex-basis: 100%;
  }
  .wi-30 {
    flex-basis: 100%;
  }
  .wi-20 {
    flex-basis: 100%;
  }

  .train a {
    display: none;
  }

  .b-contacto {
    flex-basis: calc(100%);
    margin-top: 1rem;
  }
  .overflow-hidden{
    overflow: hidden;
  }

  #navbar-home {
    background: var(--blue);
    height: 70px;
    width: 100%;
  }

  #saldo-navbar {
    display: none;
  }

  #option-saldo {
    display: block;
  }

  .odcs-header-text {
    margin-left: 0.5rem;
    width: 75%;
  }

  /*------------------------------Open SideNav----------------------*/
  .open-mySidenav {
    width: 100%;
    display: inline-flex;
    z-index: 3000;
    transition: 0.5s;
  }

  .open-overlay-sidenav {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    width: 55%;
    display: block;
  }

  .open-main {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }
  /*------------------------------Close SideNav----------------------*/
  .close-overlay-sidenav {
    display: none;
  }

  .close-mySidenav {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }

  .close-main {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }

  .close-sidenav {
    display: inline-flex;
    width: 100%;
    transition: 0.5s;
  }
  /*-------------------NOTIFICATIONS----------------*/
  /*------>>> CLOSE  <<<-----*/
  .close-overlay-notifications {
    display: none;
  }
  .close-myNotifications {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }

  .close-main-notifications {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }

  .close-notifications {
    display: inline-flex;
    width: 100%;
    transition: 0.5s;
  }

  /*--------AUTO REGISTRO---*/

  .close-myRegister {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }

  .close-overlay-myRegister {
    display: none;
  }

  .close-main-myRegister {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }
  .close-register {
    display: inline-flex;
    width: 100%;
    transition: 0.5s;
  }

  #overlay-sidenav h1 {
    margin-left: 40px;
    margin-top: 40px;
    color: #ffff;
    font-size: 38px;
  }

  .navlist-container {
    background: #333333;
    height: 100%;
    width: 65%;
  }

  #open-nav-icon {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .oj-tabbar-element {
    flex-direction: column;
  }
  .justify-content-center{
    justify-content: center;
  }
  .align-items-center{
    align-items: flex-start;
  }
 
  .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item-content {
    padding: 0;
  }
  .logoDiv {
    height: 4rem;
    width: 100%;
    background-color: white;
  }
  .bnt-inicio {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .accordion {
    width: 100%;
  }

  .contact-box2 {
    flex-basis: 100%;
  }
  .textTrabaja {
    font-size: 1.5rem;
    font-weight: 600;
  }
  .letter-size {
    font-size: calc(1rem + 1vw);
  }
  .calendar {
    flex-direction: column;
  }
  .container-modalPais {
    flex-direction: column;
    z-index: 999;
  }
  .flags {
    flex-direction: column;
  }

  .page-navbar-conten-2 {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .page-navbar-conten-1 {
    width: 90%;
  }

  .icon-bell {
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
    min-width: 21px;
    margin-left: 10px; /*1rem 16px*/
    position: relative;
  }
}

@media (min-width: 635px) {
.flex-direcion-column{
  flex-direction: column;
}

.grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  
}
  .grid-btn{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
  .grid-btn {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
  .flags {
    flex-direction: row;
  }

  .container-modalPais {
    flex-direction: column;
    z-index: 999;
  }

  .calendar {
    flex-direction: column;
  }
  .letter-size {
    font-size: calc(1rem + 1vw);
  }
  .container-main {
    flex-direction: row;
    width: 100%;
  }

  .card-service-main img {
    height: 3.5rem;
    width: 3.5rem;
  }

  .card-service-main {
    flex-basis: calc(32% - 1rem);
    height: 30rem;
    min-width: 15rem;
    padding: 0.5rem;
  }

  .servicios-container .card-serv {
    min-width: 12rem;
    height: 40rem;
  }

  .button-contact {
    flex-direction: column;
  }

  #saldo-navbar {
    display: none;
  }

  #option-saldo {
    display: block;
  }

  #open-nav-icon {
    margin-right: 1rem;
    width: 1%;
    margin-left: 1rem;
  }

  /*------------------------------Open SideNav----------------------*/
  .open-mySidenav {
    width: 100%;
    display: inline-flex;
    z-index: 3000;
    transition: 0.5s;
  }

  .open-overlay-sidenav {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    width: 55%;
    display: block;
  }

  .open-main {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }
  /*------------------------------Close SideNav----------------------*/
  .close-overlay-sidenav {
    display: none;
  }

  .close-mySidenav {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }

  .close-main {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }

  #overlay-sidenav h1 {
    margin-left: 40px;
    margin-top: 40px;
    color: #ffff;
    font-size: 38px;
  }

  .navlist-container {
    background: #333333;
    height: 100%;
    width: 45%;
  }
  /*-----------------------NOTIFICATIONS-----------------------*/
  /**/
  .close-overlay-notifications {
    display: none;
  }

  .close-myNotifications {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }

  .close-main-notifications {
    margin-right: 0rem;
    height: 100%;
    transition: 0.5s;
  }

  /*--------AUTO REGISTRO---*/

  .close-myRegister {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }

  .close-overlay-myRegister {
    display: none;
  }

  .close-main-myRegister {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }
  .close-register {
    display: inline-flex;
    width: 100%;
    transition: 0.5s;
  }

  #overlay-notifications h1 {
    margin-right: 40px;
    margin-top: 40px;
    color: #ffff;
    font-size: 38px;
  }

  .navlist-container-notification {
    background: rgba(14, 14, 14, 0.8);
    height: 100%;
  }
}
 .grid-2-columns{
   display: grid;
   grid-template-columns: 1fr;
   align-items: center;
   grid-gap: 10px;
  }
@media (min-width: 935px) {
    .width50 {
    flex-basis: calc(100%);
    min-width: 18.75rem;
    border-bottom: 1px solid #c7c7c7;
  }
  .grid-2-columns{
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
    grid-gap: var(--space); 
  }
  
}

.line-top {
  border-top: 2px solid #c4c4c4;
  box-shadow: 2px 2px 5px #c4c4c4;
}

.lightblue{
  color:var(--lighblue);
}

.strongblue {
  color: var(--strongblue);
}

.underline {
text-decoration: underline
}

.parrafo-elige-tipo-pieza{
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  display: flex;
  height: 28px;
  align-items: end;
   color:var(--strongblue);
}
.centrar-texto{
  text-align: center;
}
.parrafo-buscar-cliente {
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 16px;
  color: #4f4f4f;
}

.estilo-fuente-parrafos h5{
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color:var(--strongblue);
  padding: inherit;
  margin: 0 0;
}
.margin-1{
margin: 0.4rem 0;
}

.margin-side-radios-buttoms{
  margin: 0 0.2rem;
}
.padding-left-02{
 padding-left: 0.2rem;
 text-indent: 0.1rem; 
}
.padding-left-01{
 padding-left: 0.4rem;
}
.estilo-fuente-parrafos div h5{
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color:var(--strongblue);
  padding: inherit;
  margin: 16px 4px;;
  
}
.flex-direction-row{
  flex-direction: row;
}
.flex-direction-colum{
  flex-direction: column;
}
.margin-auto{
  margin: auto;
}
.fuente-radio-buttom{
font-style: normal;
font-weight: 900;
font-size: 16px;
line-height: 18px;
  color:var(--strongblue);
}
.display-contests{
  display: contents;
}

@media (max-width: 780px) {
  .pageWidth-80{
    width: 100% !important;
  }
}

  .font-bold {
    font-weight: bold;
    font-family: "Nexa-Bold", Arial, Helvetica, sans-serif;
  }


/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (min-width: 780px) {
   .flex-direcion-column{
    flex-direction: column;
  }
  .grid-btn{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    grid-gap: 10px;
  }
  /* Text */
  /* Titulares estilo bold y Light, solo cambia el font-weight, light= usar clase light */
  /* Colores= usar las clases anteriores */
  p {
    font-size: 1.125rem;
    line-height: 3 rem;
  }

  .grid {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
  }

  .grid-btn {
    display: grid;
    grid-gap: 10px;
    /* grid-template-columns: 300px 260px; */
  }
  .odcs-header-text {
    margin-left: 0.5rem;
    width: 100%;
  }

  .small {
    /* Paragraphs/Paragraph - Tiny - 14px - L */
    font-size: 14px;
    line-height: 22px;
    color: #000000;
  }



  .slideshow-container {
    width: 28.125rem;
  }

  .container-detalle-recogida-datos {
    flex-direction: row;
  }

  .div-remitente {
    width: 29.25rem;
  }

  .div-destinatario {
    width: 29.25rem;
  }

  /* TEST*/
  .container-test {
    flex-direction: column;
  }

  .container2-test {
    flex-direction: column;
  }

  .slider {
    flex-direction: column;
  }

  .slider-container {
    flex-direction: column;
    width: 90%;
  }

  .servicios-container {
    flex-direction: column;
  }

  .container-pdf-rastrear-guia {
    flex-direction: row;
  }
  .flex-direcion-column{
    flex-direction: column;
  }
  .contact-section {
    flex-direction: column;
  }
  .container-trabaja {
    flex-direction: column;
  }
  .section-parent-w100 {
    height: 60vh;
  }

  .section-parent-w100-contact {
    height: 60vh;
  }

  .section-parent-w100-contact-cotizador {
    height: 60vh;
  }
  .section-parent-w100-contact-trabaja {
    height: 60vh;
  }
  .section-parent-w100-services {
    height: 70vh;
  }

  .width50 {
    flex-basis: calc(45%);
    min-width: 18.75rem;
    border-bottom: 1px solid #c7c7c7;
  }
  

  .container-main {
    flex-direction: row;
    width: 90%;
  }

  .transparent-card {
    display: flex;
  }

  .heightmain {
    height: 75vh;
  }

  .transparent-card-content {
    width: 50%;
  }

  .card-service-main img {
    height: 5.6rem;
    width: 5.6rem;
  }

  .card-service-main {
    flex-basis: calc(32% - 1rem);
    height: 30rem;
    min-width: 18rem;
    padding: 2rem;
  }

  .dots-parent-website {
    bottom: 3.125rem;
  }

  .slideshow-title {
    bottom: 12.5rem;
  }

  .buttons-section {
    flex-direction: row;
  }

  .button-contact {
    flex-direction: row;
  }

  #filtrosPaginaPrincipal {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 80px !important;
  }

  .footerContent {
    display: flex;
  }

  .footerImg {
    width: 25rem;
  }

  .quienes-somos-title {
    padding-left: 20%;
    padding-right: 20%;
  }

  .servicios-container .card-serv {
    min-width: 20rem;
    height: 38.75rem;
  }
  .w-350 {
    width: 350px;
  }

  .mw-350 {
    max-width: 350px;
  }

  .w-550 {
    width: 550px;
  }
  
  .w-30 {
    flex-basis: calc(32% - 0.5rem);
    /* margin-right: 1rem; */
  }

  .width-30 {
    flex-basis: calc(20% - 0.5rem);
    margin-right: 1rem;
    margin-top: 0.5rem;
  }

  .wi-30 {
    flex-basis: calc(32% - 0.5rem);
    /*margin-right: 1rem;*/
  }
  .wi-20 {
    flex-basis: calc(24% - 0.5rem);
  }

  .w-min-weight {
    min-width: 15rem;
  }

  .train a {
    display: inherit;
  }

  .b-contacto {
    flex-basis: calc(49% - 1rem);
  }

  #saldo-navbar {
    display: block;
  }

  /*------------------------------Open SideNav----------------------*/
  .open-mySidenav {
    width: 300px;
    z-index: 0;
    transition: 0.5s;
  }

  .open-overlay-sidenav {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    width: 55%;
    display: none;
    transition: 0.5s;
  }

  .open-main {
    margin-left: 300px;
    height: 100%;
    transition: 0.5s;
  }
  /*------------------------------Close SideNav----------------------*/
  .close-overlay-sidenav {
    display: none;
  }

  .close-mySidenav {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }

  .close-main {
    margin-left: 0rem;
    height: 100%;
    transition: 0.5s;
  }

  .navlist-container {
    background: #333333;
    height: 100%;
    width: 100%;
  }

  .transparent-card {
    /* display: none; */
    height: 6.25rem;
    flex-direction: row;
    position: absolute;
  }
  .oj-tabbar-element {
    flex-direction: row;
  }

  .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item-content {
    padding: 0.5rem 1.07143rem 4px;
  }

  .logoDiv {
    height: 6.25rem;
    width: 6.25rem;
  }
  .bnt-inicio {
    margin-right: 2rem;
    margin-bottom: 0;
  }
  .contact-box2 {
    flex-basis: 70%;
  }

  .accordion {
    width: 70%;
  }
}




#radioSetPersona label {
  color: white !important;
}

#radioPersonaLabel {
  color: white !important;
}


/* --- bell ---------------------------------------------- */

.sp-header {
  display: flex;
  align-items: center;
}

.icon-bell {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: cover;
  /*min-width: 24px;*/
  margin-left: 1rem;
  position: relative;
}

.icon-bell-completed {
  background-image: url(../images/icon-bell-completed.svg);
}

.icon-bell-notification {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 3px;
  border-radius: 20px;
  height: 22px;
  width: 22px;
  background-color: #d63031;
  color: white;
  text-align: center;
  /*left: 60px;*/
  border-color: #d63031;
  border-style: solid;
  border-width: 2px;
}

/**END BELL*/

@media (max-width: 800px) {
  .titulo-saludo {
    display: none;
  }
}

.cambio-saldo {
  width: 10rem;
}

/** utilidades**/

.t-underline {
  text-decoration-line: underline;
}

.ws-nowrap {
  white-space: nowrap;
}


.letter-space-1 {
  letter-spacing: -0.02em;
}

.line-height-18 {
  line-height: 18px;
}

.line-height-32 {
  line-height: 32px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-32 {
  font-size: 32px;
}

.mb-s {
  margin-bottom: var(--gap);
}
.mb-1 {
  margin-bottom: var(--space);
}
.mb-2 {
  margin-bottom: calc(var(--space)*2);
}
.mb-3 {
  margin-bottom: calc(var(--space)*3);
}
.mb-6 {
  margin-bottom: calc(var(--space)*6);
}
.mb-75 {
  margin-bottom: 75px;
}

.mt-s {
  margin-top: var(--gap);
}
.mt-1 {
  margin-top: var(--space);
}
.mt-2 {
  margin-top: calc(var(--space)*2);
}
.mt-20 {
  margin-top: 20px;
}
.mt-3 {
  margin-top: calc(var(--space)*3);
}

.mr-s {
  margin-right: var(--gap);
}
.mr-1 {
  margin-right: var(--space);
}
.mr-2 {
  margin-right: calc(var(--space)*2);
}
.mr-3 {
  margin-right: calc(var(--space)*3);
}

.pt-s {
  padding-top: var(--gap);
}
.pt-1 {
  padding-top: var(--space);
}
.pt-2 {
  padding-top: calc(var(--space)*2);
}
.pt-3 {
  padding-top: calc(var(--space)*3);
}
.pt-4 {
  padding-top: calc(var(--space)*4);
}
.pt-130 {
  padding-top: 130px;
}
.pt-150 {
  padding-top: 130px;
}
.pb-s {
  padding-bottom: var(--gap);
}
.pb-1 {
  padding-bottom: var(--space);
}
.pb-2 {
  padding-bottom: calc(var(--space)*2);
}
.pb-3 {
  padding-bottom: calc(var(--space)*3);
}

.pl-s {
  padding-right: var(--gap);
}

.pr-s {
  padding-right: var(--gap);
}
.scroll-overflow{
  overflow: scroll;
}

.hidden-scroll-overflow{
  overflow: hidden;
}


.uppercase{
  text-transform: uppercase;
}

.color-greywhite {
  color: var(--greywhite);
}
.font-white {
  color: var(--white);
}
.color-grey350 {
  color: var(--grey350);
}
.color-blue {
  color: var(--blue);
}
.font-normal {
  font-style: normal;
}
.font-w400 {
  font-weight: 400;
}
.font-w500 {
  font-weight: 500;
}
.font-w600 {
  font-weight: 600;
}

.align-items-start{
  align-items: self-start;
}
.padding {
  padding: var(--space);
}
.padding-7{
  padding: 7px;
}

.paddig-5 {
  padding: 0.5rem 0;
}
.margin-bottom-10{
  margin-bottom: 10px;
}
.margin-left-3{
  margin-left: 3px;
}
.padding-left-8x{
  padding-left: var(--oj-core-spacing-8x);
}
.padding-right-8x{
  padding-right: var(--oj-core-spacing-8x);
}
.margin-top-9x{
  margin-top: var(--oj-core-spacing-9x);
}
.margin-botton-5x{
  margin-bottom: var(--oj-core-spacing-5x);
}
.margin-bottom-3x{
  margin-bottom: var(--oj-core-spacing-3x);
}
.cr-v {
  color: var(--white);
}

.flex {
  display: flex;
}
.grid {
  display: grid;
}

.grow-1{
  flex-grow: 1;
}

.flex-input {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: stretch;
}

.center-item {
  justify-content: center;
}

.line-shadow{
  box-shadow: inset 0px -1px 0px #797979;
  overflow: hidden;
}

.line-shadow:last-child{
  box-shadow: none;
}

.box-sadow{
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
}

.flex-justify-start {
  justify-content: flex-start;
}

.flex-justify-center {
  justify-content: center;
}

.flex-justify-end {
  justify-content: flex-end;
}

.flexend {
  justify-content: flex-end;
}

.flexstart {
  justify-content: flex-start;
}

.flex-start {
  justify-content: flex-start;
}

.column-flex {
  flex-direction: column;
}

.flex-column {
  flex-direction: column;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-shrink-1 {
  flex-shrink: 1;
}

.flex-row {
  flex-direction: row;
}

.row-flex {
  flex-direction: row;
}

.between {
  justify-content: space-between;
}
.flex-end {
  justify-content: flex-end;
}
.flex-justify-between {
  justify-content: space-between;
}

.flex-justify-evenly {
  justify-content: space-evenly;
}

.flex-justify-around {
  justify-content: space-around;
}

.evenly {
  justify-content: space-evenly;
}

.spacearound {
  justify-content: space-around;
}

.wrap {
  flex-wrap: wrap;
}

.align-top {
  align-items: flex-start;
}

.aling-center {
  align-items: center;
}
.aling-strech{
  align-items: stretch;
}

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

.flex-align-stretch {
  align-items: stretch;
}

.flex-align-start {
  align-items: flex-start;
}

.flex-align-end {
  align-items: flex-end;
}

.center-text {
  text-align: center;
}

.align-self-end {
  align-self: flex-end;
}
.align-self-strech{
  align-self: stretch;
}

.flex-align-self-end {
  align-self: flex-end;
}

.flex-align-self-start {
  align-self: flex-start;
}

.flex-item-1-1 {
  flex: 1 1 calc(50% - 1rem);
}

.flex-row-gap {
  gap: var(--space);
}

flex-grow-1{
  flex-grow: 1;
}

.flex-gap {
  gap: var(--space);
}
.gap-2 {
  gap: calc( var(--space)*1.25) ;
}
.gap-10 {
  gap: 10px;
}
.gap-40 {
  gap: 40px;
}

.flex-centered-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex-centered-column-loader {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex-centered-row {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: stretch;
}

.min-width-input {
  min-width: 350px;
}

.flex-item-1-1 {
  flex: 1 1 calc(50% - 1rem);
}

.m-top {
  margin-top: var(--space);
}

.padding-left {
  padding-left: var(--space);
}

.padding-right {
  padding-right: var(--space);
}

.m-top3 {
  margin-top: 3rem;
}

.no-m-top {
  margin-top: 0px;
}

.m-botton {
  margin-bottom: var(--space);
}

.m-botton3 {
  margin-bottom: 3rem;
}

.no-m-botton {
  margin-bottom: 0px;
}
.margin-left-15{
  margin-left: 15px;
}

.margpadd-0 {
  padding: 0 0;
  margin: 0 0;
}

.m-right {
  margin-right: 1rem;
}
.m-rightDoble {
  margin-right: 2rem;
}
.m-left {
  margin-left: 1rem;
}
.m-all {
  margin: 1rem;
}

.vh-100 {
  height: 100vh;
}

.h-100 {
  height: 100%;
}

.h-inherit {
  height: inherit;
}

.b-r {
  border-right: 2px solid #e0e0e0;
}

.b-l {
  border-left: 2px solid #e0e0e0;
}

text {
  font-size: 1.2rem;
  font-weight: 600;
}

.w-50 {
  flex-basis: calc(50% - 1rem);
}
.w-40 {
  width: 40%;
}

.w-95 {
  width: 95%;
}

.w-90 {
  width: 95%;
}

.w--90 {
  width: 90%;
}
.w-10 {
  width: 10%;
}
.w-100 {
  width: 100%;
}
.w-300 {
  width: 300px;
}
.w-320 {
  width: 320px;
}
.w-50 {
  width: 50%;
}
.wi-30 {
  width: 30%;
}
.w-60 {
  width: 60%;
}
.w-70{
  width: 70%;
}
.w--50 {
  width: 50%;
}

.w-25 {
  width: 25%;
}

.wi-20 {
  width: 20%;
}

.h-50 {
  height: 50%;
}
.h-100 {
  height: 100%;
}
.gap05 {
  gap: 0.5rem;
}
.float-r {
  float: right;
}
.b-radius-6 {
  border-radius: 6px;
}

.bg-white {
  background-color: var(--white);
}

.bg-strongblue {
  background-color: var(--strongblue);
}

.blackground-lightblue {
  background-color: #f3f2fd;
}

.blackground-white {
  background-color: var(--white);
}

.blackground-gray {
  background-color: #333333;
}

.shadow-box {
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
}

.p-all {
  padding: var(--space);
}

.p-left {
  padding-left: 1rem;
}

.p-all-2 {
  padding: calc(var(--space) * 1/2) ;
}

.p-top {
  padding-top: 1rem;
}
.p-bottom {
  padding-bottom: 1rem;
}

.hidden {
  display: none;
}

.textalignleft {
  text-align: left;
}

.textAlignCenter {
  text-align: center;
}

.heightbutton {
  height: 3rem;
}

.relative{
  position: relative;
}

.display-flex-test {
  display: flex;
  justify-content: center;
  align-content: center;
}

.column {
  flex-direction: column;
  justify-content: center;
  align-content: stretch;
}

.section-services {
  width: 100%;
  height: 43.75rem;
  display: flex;
  justify-content: center;
  align-content: center;
}

.container {
  width: 90%;
  display: flex;
  flex-direction: column;
  padding: 5%;
  justify-content: center;
  align-content: center;
}

.tittle-web {
  color: white;
  text-align: center;
}

.p-wrap {
  display: flex;
  justify-content: center;
  align-content: center;
}

.p-web {
  text-align: center;
  color: white;
  flex-basis: 60rem;
}

.button-red-principal {
  border: 1px solid var(--red);
  color: #ffffff;
  background-color: var(--red);
  font-size: 1rem;
  height: 3rem;
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
}

.button-red-principal:hover {
  background-color: var(--redDark);
  cursor: pointer !important;
}

.button-blue {
  border: 1px solid var(--blue);
  color: var(--blue);
  background-color: #f4f2fd;
  font-size: 1rem;
  height: 3rem;
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
}

.button-blue:hover {
  background-color: #dcdae9;
  cursor: pointer;
}

.container-main-parent {
  display: flex;
  justify-content: center;
  width: 100%;
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.container-main {
  display: flex;
  justify-content: center;
  max-width: 1200px;
  flex-wrap: wrap;
}

.card-service-main {
  margin: 2rem 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
}

.contact-box {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  text-align: center;
  flex-wrap: wrap;
  margin: 2rem 1rem 6rem 1rem;
}

.cardDiv {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

.spaceDiv {
  display: block;
  height: 3rem;
}

.button-contact {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.div-image-services {
  background-image: url(../images/img-services.png);
  background-position: center center;
  background-size: cover;
}

/** servicios-cards**/

.box-s100 {
  width: 90%;
}

.strip-card-fill {
  background-color: var(--red);
  height: 30rem;
  margin: 0;
  flex-shrink: 1;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 1rem;
  max-width: 25rem;
}

.search-parent {
  display: flex;
  align-items: center;
  /*background-color: white;*/
  border-radius: 5px;
  height: 2.75rem;
}

.img-search {
  height: 1.5rem;
  width: 1.5rem;
  align-self: center center;
  margin-right: 1rem;
}

.search-parent input {
  background-color: white;
  border: white 1px solid;
  border-radius: 5px;
  height: 2rem;
  border: 0;
  box-sizing: border-box;
  border-radius: 2px;
  color: white;
  font-weight: 600;
  padding: 0.5rem;
  width: 100%;
}

.s-c {
  height: 19rem;
  background-color: var(--red);
  width: 100%;
}

.s-text {
  color: white;
  text-align: center;
  padding: 0.5rem;
}

.s-1 {
  background-image: url(../images/carrusel.png);
  background-position: center center;
  background-size: contain;
}

.s-2 {
  background-image: url(../images/carruseL2.png);
  background-position: center center;
  background-size: cover;
}

.slider-services {
  width: 100%;
  margin: auto;
  overflow: hidden;
}

.slider-services ul {
  display: flex;
  padding: 0;
  width: 300%;
  animation: cambio 15s infinite alternate;
}

.slider-services :hover {
  animation-play-state: paused;
  cursor: pointer;
}

.slider-services li {
  width: 100%;
  list-style: none;
}

.slider-card {
  width: 100%;
  height: 30rem;
  display: flex;
  justify-content: space-around;
  align-content: center;
}

.cs-blue {
  background-color: #333333;
}

.cs-red {
  background-color: #333333;
}

.cs-yellow {
  background-color: #333333;
}

@keyframes cambio {
  0% {
    margin-left: 0%;
  }

  33% {
    margin-left: 0%;
  }

  40% {
    margin-left: -100%;
  }

  66% {
    margin-left: -100%;
  }

  75% {
    margin-left: -200%;
  }

  100% {
    margin-left: -200%;
  }
}

.slider-content {
  width: 32%;
  background-color: #333333;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: solid 1px white;
}

.img-slider {
  height: 50%;
  background-image: url(../images/serivicos1.png);
  background-position: center center;
  background-size: cover;
}

.text-slider {
  color: white;
  margin: 1rem;
}

.text-slider h3 {
  color: white;
  margin: 0rem;
}

/* SLIDER MAIN PAGE */




.container-test {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  flex-direction: row;
  flex-wrap: wrap;
}

.sigue-envio-cover {
  background-color: var(--blue);
  box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
}

.container-child-Segunda-Seccion {
  height: 27rem;
  padding: 2.5rem;
  margin: 1rem;
  flex-basis: calc(33.3% - 2rem);
  display: flex !important;
}

.div-Child-Content {
  text-align: center !important;
}

.input-test {
  box-sizing: border-box !important;
  border: 1px solid rgba(102, 102, 102, 0.24) !important;
  width: 20rem !important;
  height: 3.125 !important;
}

.button-TEST {
  border: 1px solid var(--red);
  color: var(--red);
  background-color: #fdf6f2;
  font-size: 1rem;
  height: 3rem;
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
  margin-top: 1rem;
  width: 20rem;
  padding: 1.25rem 1.5rem;
  margin-bottom: 0.25rem;
  vertical-align: middle;
  text-align: center !important;
}

.servicios-Test {
  background-color: #333333;
  padding-top: 1.25rem;
  text-align: center;
}

.somos-CoverTest {
  position: absolute;
  width: 100%;
  object-fit: cover;
}

.container2-test {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  flex-direction: row;
  flex-wrap: wrap;
}

.container2-childTEST2 {
  width: 100%;
  display: flex;
  text-align:  center;
  flex-wrap: wrap;
}

.cover-Test {
  background-image: url(../images/serivicos1-min.png);
  background-position: center center;
  background-size: cover;
}

.quienes-somos-titleTEST {
  position: relative;
  text-align: center;
  padding-left: 25%;
  padding-right: 20%;
  padding-top: 5%;
  height: 555px;
}

.content-somos {
  flex-wrap: wrap;
}

/*   PAGINA SECUNDARIA SERVICOS*/

.servicios-container {
  margin-top: 0.938rem;
  justify-content: center;
  width: 100%;
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.text-servicios {
  text-align: center;
}

.cards-servicios {
  width: 90%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
  max-width: 1200px;
}
/*
  .cards-servicios-2 {
    width: 90%;
    display: flex;
    justify-content: center;
    
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: auto;
    background-color: green;
  }
  
  
  .servicios-container .card-serv-2{
    flex-basis: calc(32% - 1rem);
    min-width: 20rem;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-direction: column;
    background: #4F4F4F;
    box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
    flex: 1;
    margin: 0 0.625rem;
    height: 576px;
    margin-bottom: 15px;
  } 
  */

.servicios-container .card-serv {
  flex-basis: calc(32% - 1rem);
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  background: #4f4f4f;
  box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
  flex: 1;
  margin: 0 0.625rem;
  margin-bottom: 1rem;
}
.margin-b-1rem{
  margin-bottom: 1rem;
}
.title-serv {
  color: #fffefe;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin: 1rem;
}

.title-serv h3 {
  color: #fffefe;
}

.card-serv .content-serv p {
  color: #fffefe;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  display: flex;
  margin-top: 0.625rem;
  line-height: 1.6;
}

.card-serv-item {
  min-height: 200px;
  max-height: 200px;
}

.dialog-max-height-content {
  max-height: 300px;
}

.button-section {
  display: flex;
  justify-content: center;
}

/*imágenes de la página secundaria de servicios*/
.img-serv {
  background-position: center center;
  background-size: cover;
  height: 40%;
}

.estandar {
  background-image: url(../images/f-estandar.jpg);
}

.comprobante {
  background-image: url(../images/comprobante.jpg);
}

.sameDay {
  background-image: url(../images/f-mdia.jpg);
}

.cod {
  background-image: url(../images/cod-11.jpg);
}

.correspondencia {
  background-image: url(../images/correspondencia.jpg);
}

.collect {
  background-image: url(../images/f-collect-min.jpg);
}

.internacional {
  background-image: url(../images/internacional.jpg);
}

.full {
  background-image: url(../images/f-administrativo.jpg);
}

.retorno {
  background-image: url(../images/retorno.jpg);
}

.guia {
  background-image: url(../images/coguia.jpg);
}

.complementario {
  background-image: url(../images/fotos-12.jpg);
}

.servicios-button {
  margin: 20px;
}

.servicios-buttonCOD {
  margin-top: 18px;
}

.servicios-button-margin-co {
  /* margen para el button del servicio correspondencia*/
  margin-top: 51px;
}

.servicios-button-margin-inter {
  /* margen para el button del servicio internacional*/
  margin-top: 94px;
}

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

/*SLIDER STYLE*/
.slider-container {
  display: flex;
  justify-content: center;
  align-content: center;
  background: rgba(51, 51, 51, 0.9);
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1200px;
}

.titulos {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  align-content: center;
}

.cards {
  width: 100%;
  text-align: center;
  /* background: rgba(51, 51, 51, 0.9);*/
  background: #4f4f4f;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.slides {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  background: rgba(51, 51, 51, 0.9);
  /* overflow-x: auto;*/
}

.slides > div {
  scroll-snap-align: start;
  flex-shrink: 0;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  display: flex;
  justify-content: center;
  background: rgba(51, 51, 51, 0.9);
}

.slider-container .card {
  flex-shrink: 1;
  margin: 1rem 0.625rem;
  background: #4f4f4f;
  box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
  flex-basis: 30%;
  min-width: 270px;
}

.slider-container .card .img {
  height: 200px;
  width: 100%;
}

.slider-container .card .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.slider-container .card .content {
  padding: 10px 20px;
}

.card .content .title {
  color: #fffefe;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  margin-top: 0.625rem;
}

.card .content p {
  color: #fffefe;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  display: flex;
  margin-top: 0.625rem;
  line-height: 1.6;
}

.section-href {
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.slider-container > a:focus {
  background: #000;
}

.slider-container > a:active {
  top: 0.063rem;
}

.slider-container > a {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  background: white;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 1rem;
  position: relative;
}

.buttons-section {
  width: 60%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.button-left-margin {
  margin-left: 3.125rem;
}

.button-rigth-margin {
  margin-left: 3.125rem;
}

.button-size {
  width: 20.028rem;
}

.oj-button-xl :hover {
  /*HOVER PARA EL BOT[ON DE LOGIN]*/
  cursor: pointer !important;
}
.oj-button {
  vertical-align: inherit;
}

.cotizador-espace-bw {
  justify-content: space-between;
}

/*CONTACTENOS */

.contact-section {
  width: 100%;
  justify-content: center;
  align-content: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0.625rem;
}

.contact-section-child {
  justify-content: center;
  align-content: center;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  /*  background-color: white;*/
}

.contact-box2 {
  background-color: white;
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.contenido {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 10px;
}

.align-button-contacto {
  justify-content: center;
  align-content: center;
}

.input-size {
  size: 50;
}

.contact-m {
  margin: 0.625rem;
}

#paginaPrincipalLink {
  color: #ffffff !important;
  font-weight: 400;
  text-decoration: underline;
}

#CambiarContrasennaIniciarSesionLink {
  color: #0096ff !important;
}

#descargarTerminos {
  color: #0096ff !important;
}

.accordion {
  background-color: #ccc;
  color: #444;
  cursor: pointer;
  padding: 18px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active,
.accordion:hover {
  background-color: #a3a3a3;
}

.panel {
  width: 70%;
  padding: 0 18px;
  display: none;
  align-content: left;
  justify-content: flex-start;
  overflow: hidden;
  background-color: white;
}

.colorLi {
  color: black;
}

.cursor {
  cursor: pointer !important;
}

/*TRABAJA CON NOSOTROS*/

.section-parent-w100-contact-trabaja {
  background-image: url(../images/cargoIMGtrabaja.jpg);
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.modal {
  border-radius: 2px !important;
}

#lsita-distribucion {
  margin-top: 0.625rem;
}
.oj-table .oj-table-data-cell.oj-selected {
  background-color: rgb(0 0 0 / 15%) !important;
}

.oj-table .oj-table-data-cell.oj-focus {
  background-color: rgb(0 0 0 / 15%) !important;
}

.oj-table .oj-table-data-cell.oj-hover {
  background-color: rgb(0 0 0 / 10%) !important;
  cursor: pointer;
}

#btnDescargarFila img {
  cursor: pointer;
}

html:not([dir="rtl"])
  .oj-table-column-header-cell.oj-table-sort
  .oj-table-column-header-text {
  padding-right: 0 !important;
}

.oj-web-applayout-header-title {
  line-height: 1 !important;
}
.oj-web-applayout-max-width {
  max-width: 100% !important;
}
/*------------------------------------------------------FIN PARTE TEST--------------------------------- */

.boton-direcciones {
  display: flex;
  justify-content: center;
  height: 7.5rem;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  /*width: 100%;
    height: 7.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;*/
}

.boton-contenedor {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/*POP UP*/
.container-modalPais {
  display: flex;
  background: linear-gradient(180deg, #161616 0%, rgba(71, 71, 71, 0.19) 100%),
    #003a63;
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
}

.contenedor-flags {
  display: flex;
  /*justify-content: space-between;*/
  justify-content: space-between;
  align-items: center;
}
.flags {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

/*AJUSTAR TAMAÑO MODAL CONFIRMAR UBICACION*/
#oj-dialog--ConfirmUbicacion {
  width: 30vw; /*50*/
  height: 55vh;
}


/*SHELL CHANGE*/
/*crear un div para tomar menu y page*/
.page-shell {
  position: relative;
  height: 100%;
  width: auto;
}
.pageWidth-100 {
  width: 100% !important;
}
.pageWidth-80 {
  width: calc(100% - 300px);
}

/*clase para oj-vb-content*/
.page-render {
  height: inherit;
}

.page-height {
  height: 100%;
}
.page-navbar {
  position: absolute;
}

.page-navbar-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-navbar-conten-1 {
  width: 50%;
  display: flex;
}
.page-navbar-conten-2 {
  width: 10%;
  display: flex;
  align-items: center;
}

/*clase para oj-vb-content*/
.page-margin-top {
  height: 70px;
  width: 70px;
  visibility: hidden;
  display: block;
}
.page-margin-top p {
  margin-bottom: 60px;
}

/*notificaciones*/
.notification-request {
  font-size: 1rem;
  padding: 0;
  margin: 0;
}

.notification-title {
  padding: 0;
  margin: 0;
}

.notification-container {
  padding: 10px 10px 0;
}

/*------------------------------*/
.demo-controls {
  padding-bottom: 1rem;
}

.demo-switch {
  margin-left: 2rem;
}

.demo-padding {
  padding: 1rem;
}

/*Drawers*/
.demo-drawer-header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 145px 10px 0;
}

.border-ico-close-register {
  border: 0.6px solid #B0B0B0;
}

.generico {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30vh;
  width: 30vh;
}
.generico2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
#oj-dialog-Paquete-Recolectado-Cliente {
  width: 30vw; /*50*/
  height: 40vh;
}
#oj-dialog-recibir-piloto {
  width: 30vw; /*50*/
  height: 30vh;
}
#oj-dialog-confirm {
  width: 30vw; /*50*/
  height: 30vh;
}
#oj-dialog-OpcionesReporte {
  width: 40vw; /*50*/
  height: 45vh;
}

html:not([dir="rtl"]) .oj-button-text-icon-end .oj-button-text,
html:not([dir="rtl"]) .oj-buttonset .oj-button-text-icon-end .oj-button-text {
  padding: 0 0 0 0;
}

html:not([dir="rtl"]) .oj-sm-margin-4x {
  margin: auto;
}
.oj-panel.odcs-login-panel,
.oj-panel.odcs-change-password-panel,
.oj-panel.odcs-forgot-password-panel,
.oj-panel.odcs-reset-password-panel {
  margin-left: auto;
  /* margin-right: auto; */
  overflow: visible;
}

/* #oj-dialog-Detalle {
  width: 90%; 
  height: 60vh;
}
*/


@media (min-width: 780px) {
  #oj-dialog-Detalle {
    width: 60%; /*50*/
    height: 60vh;
  }
  #oj-dialog-VerDetalles {
    width: 35; /*50*/
    height: 55vh;
  }

  #oj-dialog-Info {
    width: 40vw; /*50*/
    height: 40vh;
  }
}


#oj-dialog-generarReporte {
  width: 40vw; /*50*/
  height: 40vh;
}

.dialog-VerDetalles {
  width: 40vw; /*50*/
  height: 40vh;
}
#oj-dialog-Info {
  width: 40vw; /*50*/
  height: 40vh;
}

#oj-dialog-actualizar {
  /*MARI FISCALIZADO*/
  width: 40vw; /*50*/
  height: 50vh;
}
#oj-dialog-cancelar {
  /*Manager solicitudes*/
  width: 36vw; /*50*/
  height: 30vh;
}
#oj-dialog-VerGuiaOriginalF {
  width: 40vw; /*50*/
  height: 40vh;
}
.video-category-section {
  width: 95%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  align-items: center;
}

.video-card-section {
  width: 95%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: space-around;
  flex-flow: row wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.odcs-form-box a {
  color: black;
}
.video-card {
  padding: 15px;
  width: 30%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  background: #dcdcdc;
  gap: 12px;
  box-shadow: 4px 4px 4px rgb(0 0 0 / 25%);
}

.video-card p {
  width: 90%;
  margin: 0;
  flex-grow: 3;
  font-size: 1.2rem;
}

.video_card_imagen {
  width: 90%;
  height: max(15rem, 15vw);
  object-fit: cover;
  background-color: var(--deepblue);
}

.video-card-max {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  background: #dcdcdc;
  gap: 12px;
  flex-direction: column;
  align-content: stretch;
  justify-content: flex-start;
  align-items: center;
}

.video-card-max iframe {
  min-height: 65vh;
  width: 100%;
}

.filtrar-tutoriales-boton button {
  background: #387bc7 !important;
}

.filtrar-tutoriales-contenedor {
  width: 75%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  padding: 2rem 0;
}

.combo-input-busqueda-videos {
  flex-grow: 2;
}

.input-busqueda-videos {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}

.boton-input-busqueda-videos {
  height: 2.7rem;
  width: 15rem;
  /* flex-grow: 1; */
}

.titulo-categoria {
  display: block;
  border-bottom: 2px solid;
  border-color: #dcdcdc;
  font-size: 1.5rem;
  padding: 0 0;
  margin: 1.5rem 0;
  width: 95%;
  color: var(--blue);
}

.card-max-description {
  width: 90%;
  min-height: 17vh;
  white-space: pre-wrap;
  text-align: justify;
  text-justify: inter-word;
}

@media only screen and (max-width: 900px) {
  .video-card {
    width: 45%;
  }
  .notification-title {
    justify-content: center;
    align-items: stretch;
  }
  .close-myRegister {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }
}

@media only screen and (max-width: 450px) {
  .video-card {
    width: 90%;
  }
  .close-myRegister {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }
}

@media only screen and (max-width: 680px) {
  .input-busqueda-videos {
    flex-direction: column;
  }
  .filtrar-tutoriales-contenedor {
    justify-content: center;
    align-items: stretch;
  }
  .filtrar-tutoriales-contenedor h1 {
    text-align: center;
  }
  .notification-title {
    justify-content: center;
    align-items: stretch;
  }
  .demo-drawer-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 145px 10px 0;
  }
  .register {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: 0.5s;
    display: flex;
    justify-content: flex-end;
  }
  .close-myRegister {
    width: 0px;
    display: inline-flex;
    transition: 0.5s;
  }
}
@media only screen and (max-width: 1300px){
.subcontainer-superior-inventarios{
  display: grid;
  grid-template-columns: auto;
}
.line-top-inventarios{
  border-left-color: var(--white);
  height: auto;
}

}
.tutorial_max_contenido {
  width: 90%;
  min-height: 25vh;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1.5rem;
  padding-top: 1rem;
}

.tutorial_max_contenido .contenido_heading h1 {
  margin: 0;
  padding: 0;
  text-align: center;
}

.tutorial_max_contenido p {
  margin: 0;
  text-align: justify;
  text-justify: inter-word;
}

.contenido_heading {
  width: 100%;
  gap: 1.5rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.contenido_heading button {
  align-self: flex-start;
}

.contenido_heading oj-button {
  width: 15rem;
  align-self: flex-end;
}

@media only screen and (max-width: 500px) {
  .contenido_heading {
    flex-direction: column-reverse;
    justify-content: stretch;
  }
}

.descarga_contendedor {
  width: 90%;
}

.modalIntentos {
  width: 550px;
}
.checkNotify {
  float: right;
  display: flex;
}

#paging {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.total_resultados_tabla {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #e0e1e1;
  padding: 0 7px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem;
  line-height: 2.5rem;
}
/*----------------*/
.bannerColor {
  box-shadow: 4px 4px 4px rgb(0 0 0 / 25%);
  background-color: #434343;
  height: 10rem;
  width: 100%;
}

.absolute {
  position: relative;
  z-index: 3;
  /*width: 80%;*/
}
.conteiner-message {
  /*contenedor principal*/
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

.message-section-padre {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
}
.elements-of-message-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 70px;
}
.header-message-section {
  display: flex;
  align-items: center;
  justify-content: center;
}
.warningColor {
  color: white;
  margin: 0 0 0 10px;

  /* font-size: 1.3rem;*/
}
.message-content-section {
  display: flex;
  float: right;
  flex-wrap: wrap-reverse;
}
.icon-close :hover {
  cursor: pointer;
  background-color: #221f1f;
}
#icon-close-register :hover {
  cursor: pointer;
  background-color: #f2eae8;
}
.section-message-warning {
  margin-bottom: 1rem;
  color: white;
  overflow: hidden;
}
.close-message-section {
  width: 0px;
  height: 0%;
  /* display: inline-flex;*/
  transition: 0.5s;
}

.close-overlay-maintenance {
  display: none;
}
.close-main-maintenance {
  margin-bottom: 0rem;
  height: 100%;
  transition: 0.5s;
}

.close-maintenance {
  display: inline-flex;
  width: 100%;
  transition: 0.5s;
}
.warning-section {
  margin-left: 5px;
  margin-top: 1px;
}
.marcar-todo {
  cursor: pointer;
  text-decoration: underline;
  margin: 10px;
}

.tablaTarjetasPago {
  min-height: 350px;
  overflow-x: auto;
}

/*Profile*/

.row-profile {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

.box-profile {
  padding: 1rem;
  max-width: 1200px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.box-profile div {
  border-bottom: var(--blue30) 1px solid;
}
.box-profile div:last-child {
  border-bottom: none;
}
.label-profile {
  color: var(--blue60);
  text-transform: uppercase;
  font-size: 14px;
}

.data-profile {
  color: var(--gray);
  text-transform: uppercase;
  font-size: 14px;
}
.subtitle-caex {
  color: var(--blue);
  font-size: 20px;
}
.box-tarjetas {
  padding: 1rem;
  max-width: 1200px;
}
.btn-hide {
  color: #0096ff;
}
.link-profile {
  text-decoration-line: underline;
  margin-bottom: 1rem;
}

.box-addCard {
  width: 80%;
  max-width: 600px;
  height: 80vh;
}

.line-profile {
  border-top: var(--blue60) 1px solid;
}

/*-------CLASES NUEVO ENVIO----*/
.header-envio {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.mainTitle-envio {
  font-size: 26px;
}

.subTitle-envio {
  font-size: 20px;
}
.Title-envio {
  font-size: 22px;
}
.mediumText-envio {
  font-size: 18px;
}

.border-envio {
  padding: 1rem;
}
.radio-envio {
  font-size: 16px;
  color: var(--blue) !important;
}

.space-envio {
  margin-bottom: 10px;
}

.a-envio {
  text-decoration: underline;
  font-size: 16px;
}
.datosEnvio {
  min-width: 300px;
  margin-top: 10px;
}

.br-envio {
  width: 100%;
  margin-top: 10px;
  padding: 1rem 0;
  border-top: #c4c4c4 solid 1px;
}

.leyenda-envio {
  color: rgb(112, 112, 112);
  margin-bottom: 1rem;
  font-size: 10px;
  text-transform: uppercase;
}
.servicio-envio {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.help-envio {
  font-size: 18px;
  color: var(--blue);
}
.costo-envio {
  flex-direction: column;
}
.costo-total-envio {
  color: var(--blue);
  font-size: 20px;
  min-width: 15rem;
}

.btn-envio {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.container-recepcion {
  margin-bottom: var(--space);
}
.counter-preimpresas {
  margin-top: var(--space);
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  background: #ffffff;
  box-shadow: -2px 0px 0px rgba(0, 0, 0, 0.25);
}

.counter-preimpresas h2 {
  font-size: 160px;
}

.input-recepcion {
  margin-top: var(--space);
  width: calc(100% - 200px);
  padding-right: 20px;
}
.odcs-noAccount-label {
  color: #ffffff;
  font-weight: 600;
  text-decoration: underline;
}

hr.login-decoration {
  border: 1px solid var(--gray100);
}

hr.hr-confirm-decoration {
  border: 1px solid var(--strongblue);
}

.auto-registro {
  height: 100%;
  width: 50%;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  overflow-x: hidden;
  transition: 0.5s;
}

.fragments-container {
  padding: 16px;
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08),
    10px 10px 16px rgba(50, 50, 71, 0.06);
}

.register-main-content {
  flex-direction: column;
  display: flex;
  padding: 16px;
  gap: 10px;
  margin-top: 30px;
  opacity: 0;
  max-width: 450px;
  width: 100%;
  transition: opacity 1s ease-in;
}
.title-create{
  display: flex;
  justify-content: space-between;
}

.title-service{
  width: 100%;
  font-size: 26px;
}

.create-box {
  width: 70%;
  max-width: 600px;
}

.subTitle-service{
  width: 100%;
  font-size: 18px;
}

.form-caex {
  margin-top: var(--space);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--space);
  row-gap: var(--space);
}
@media only screen and (max-width: 1000px) {
  /* .row-buttoms {
    display: grid;
    grid-template-columns: auto;   
    grid-gap: inherit;
    height: fit-content;
  }
 .size-buttoms-inventario{
    max-width: 100%;
    min-width: 100%;
  }
  .form-inventarios-agencia {
    grid-template-columns: repeat(1, 1fr) !important;
} */
}
@media only screen and (max-width: 1100px) {
  .form-caex {
    grid-template-columns: repeat(3, 1fr);
  }
   .titulo-saludo{
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .form-caex {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 450px) {
  .form-caex {
    grid-template-columns: repeat(1, 1fr);
  }
  .buttonset {
    flex-direction: column;
  }
  .buttonset span {
    padding: 0px !important;
  }
  .btn-mobile{
    width: 100% !important;
  }


}
@media  (max-width: 1000px) and (min-width: 700px){
  .form-inventarios-agencia{
  grid-template-columns: repeat(1, 1fr) !important;
  }
 .row-buttoms {
    grid-template-columns: auto;
    height: 150px;
  }
}
@media  (max-width: 1200px) and (min-width: 1000px){
  .size-buttons {
    width: 100% !important;
}
  .row-buttoms {
    grid-template-columns: auto;
    height: 150px;
  }
  .size-buttons{
  width: 100% !important;
  }
  .form-inventarios-agencia{
  grid-template-columns: repeat(2, 1fr) !important;
  }

  .seccion-search-tabla-desti{	
    text-align: center;	
  }
}
@media  (max-width: 700px) and (min-width: 300px){
  .grupo-filtros {
    display: grid;
}
  .form-inventarios-agencia{
  grid-template-columns: repeat(1, 1fr) !important;
  }
  .row-buttoms{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    grid-gap: unset;
  }
  .size-buttons {
    width: 100% !important;
}
}
  .form-inventarios-agencia{
  display: grid;
  grid-template-columns: 25% 25%;
  column-gap: var(--space);
  row-gap: var(--space);
  }
.linea-divider {
  box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.25);
  background-color: var(--white);
  margin-bottom: var(--space);
  padding-bottom: var(--space);
}


.agencia-checkbox {
  display: flex;
  justify-content: flex-start;
}

.margin-div-mensaje-pago {
  margin-bottom: 15px;
}

#showSeleniumTestName {
  position: fixed;
  bottom: 85%;
  right: 15%;
  width: 300px;
  border: 3px solid #73AD21;
  background-color: #73AD21;
  z-index: 5000;
}

.sign-box {
  height: 300px;
}

.sign-firm {
  height: 100%;
  object-fit: contain;
  border: 1.5px solid #646464;
}
.cod-box {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  object-fit: contain;
}

.first-div {
  margin: 1.5rem auto 1.5rem auto;
  background-color: white;
}

.second-div {
  margin: 1.5rem auto 1.5rem auto;
}

.modal-size {
  height: auto;
  min-height: 50%;
  min-width: 50%;
}

.button-width {
  width: 15rem;
}

.color-red {
  color: red;
}

.round-50 {
  border-radius: 50px;
}

.btn-efectivo-inventario{
  width: 400px;
}

.barcode{
  justify-content: space-between;
  flex-wrap: wrap;
}

.modalDetalle {
  min-height: 555px;
}
.loaderClass{
  margin-top: 1rem;
  max-width: 500px;
  text-align: center;
}
.footer-tarjetas {
  padding-left: 6px;
  padding-right: 30px;
  padding-bottom: var(--space);
}

/*ENVIO*/


.w-400 {
  min-width: 400px;
}

.h-90 {
  height: 90px;
}

.mh-98 {
  min-height: 98px;
}

.mh-80 {
  min-height: 80px;
}

#map {
  min-height: 400px;
  width: 100%;
}

#map2 {
  min-height: 400px;
  width: 100%;
}

.flex-gap {
gap: var(--space);
}

.bso-entrega .oj-button-button{
  border: none !important;
  border-radius: 0px;
  /* background: white; */
}

.b-container{
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.btnTipoEntrega{
  padding: 0px 0px !important; 
  margin: 0px 0px !important; 
  border: none !important;
}

.mx-420 {
  max-width: 420px;
}
.switchSameDay{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.switchSameDay p{
  font-size: 16px;
  color: var(--oj-core-text-color-primary);
  margin-left: 16px;
}
.warning-letter{
  color: var(--warning);
}
/* ******************* CSS PARA LA SECCION DE SAMEDAY ******************** */

.box-tipo-entrega{
  
  height: 100%;
  justify-content: center;    
  align-items: center;
  flex-direction: column;
  border-radius: 6px;
}

.box-tipo-entrega button div span{
  width: 100%;
}

.oj-disabled#btnMD button div span div h3{
  color: var(--blue30) !important;
}
.oj-disabled#btnMD button div span div h6{
  color: var(--blue30) !important;
}
.oj-disabled#btnMD button div span{
  color: var(--blue30) !important;
}


#btnOD span{
  padding: 0px !important;
}

#btnMD span{
  padding: 0px !important;
}

#seccionTipoServicio{
  min-width: 460px;
}

.div-tipoEntrega-info span{
  font-size:24px; 
  margin: 12px 0px!important;
}

.div-tipoEntrega-info{
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.div-tipoEntrega-info h3, h6{
  white-space: initial;
  padding: 0px;
}


 /* icono de check en la esquina superior que aparece al seleccionar un tipo de entrega */
.check-btn-selec{
  background: green; 
  border-radius: 50px;
  padding: 4px; 
  color: white; 
  text-align: center;  
  float: right;  
  width: 1.2rem !important;
  height: 1.2rem;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

/* icono de check en la esquina superior que aparece al seleccionar un tipo de entrega */
.check-btn-selec-red{
  background-color: var(--red); 
  border-radius: 50px;
  padding: 4px; 
  color: white; 
  text-align: center;  
  float: right;  
  width: 1.2rem !important;
  height: 1.2rem;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.red-letter-sameday{
  color: var(--red);
}
.margin-top-1{
  margin-top: 1rem;
}

.divider{
  border-top: 1px solid var(--blue30);
}


@media (max-width: 930px) {
  .width50 {
    flex-basis: calc(100%); 
    min-width: 18.75rem;
  }

  .seccionTipoEntrega{
    flex-direction: column;
    width: 50%;
  }  
  .box-tipo-entrega{
    width: 100%;
  }

  /* Search de tabla destinatarios en LD //flex-direction: column; */
  .LD-searchDest{
    width: 90%;
    gap: calc(var(--space)*0.25);
    justify-content: center;
    text-align: center;
  }

}

.oj-message-detail {
  --oj-user-assistance-inline-font-size: 14px;
}

.oj-message {
  --oj-user-assistance-inline-font-size: 14px;
}

.oj-user-assistance-inline-container {
  --oj-user-assistance-inline-font-size: 14px;
}

.oj-message span {
  font-size: var(--oj-user-assistance-inline-font-size) !important;
  max-width: 450px;
}

.oj-message-status-icon {
  line-height: calc(var(--oj-user-assistance-inline-font-size) * 1.2) !important;
}

.triangulo-top-rigth {
  width: 0;
  height: 0;
  border-right: 50px solid #05AC43;
  border-top: 50px solid #05AC43;
  border-left: 50px solid transparent;
  border-bottom: 50px solid transparent;
  top: 0;
  right: 0;
}

.descuento-text{
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 7px;
  color: #F2F2F2;
  transform: rotate(45deg);
  font-family: Nexa-Bold;
}

.botton-0{
  bottom: 0;
}
.left-0{
  left: 0;
}

.botton-3{
  bottom: -3px;
}
.left-15{
  left: -15px;
}
.padding-1{
  padding: 1rem;
}
.m-top-7{
  margin-top: 7px;
}
.w-15{
  width: 15rem;
}
.m-top-1{
  margin-top: 1px;
}
.m-top-5{
      margin-top: 5px;
}
#fechaPagoConfirmacion2{
  display: block;
  padding: 0px;
}

#costo-regular{
  color: #858788;
  font-size: 16px;
  font-style: normal;
  font-family: 'Nexa-Bold';
  text-decoration: line-through;
}
#descuento{
  color: #05AC43;
  font-size: 15px;
  font-style: normal;
  font-family: 'Nexa-Bold';
}
#precio-final{
  color: #003A63;
  font-size: 20px;
  font-style: normal;
  font-family: 'Nexa-Bold';
}
.flex-row-gap30{
  gap: var( --gap30); 
}
.border-radius6{
  border-radius: 6px;
}
.border-radius12{
  border-radius: 12px;
}
.position-r{
  position: relative;
}
.float-rigth{
  float: right;
}
.position-a{
  position: absolute;
}
.border-r-6{
  border-radius: 0 6px 0 0;
}
.min-width-8{
  min-width: 0.5rem;
}
.train-envio{
  background-color: var(--white);
  box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
  position: fixed;
  top: 68px;
  z-index: 1;
  padding: 1rem 3rem;
  font-weight: bold;
  font-family: "Nexa-Bold", Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 767px) {
  .train-envio{
    background-color: var(--white);
    box-shadow: 0px 10px 10px rgba(50, 50, 71, 0.08), 10px 10px 16px rgba(50, 50, 71, 0.06);
    position: fixed;
    top: 68px;
    z-index: 1;
    padding: 1rem 0.25rem;
  }
}

.table-container{
  width: 100%;
  max-height: 785px;
  overflow: hidden;
}

.form-ld{
  border: 2px solid var(--lighblue);
  background-color: var(--blue10);
  border-radius: var(--space);
  width: 60vw;
}
.form-ld-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: calc(var(--space)/2);
  row-gap: calc(var(--space)/2);
}

.t-LD{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}


@media screen and (max-width: 1000px) {
  .form-ld-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media screen and (max-width: 780px) {
  .form-ld{
    width: 80vw;
  }
  .form-ld-grid{
    grid-template-columns:repeat(1, 1fr);
  }
  #seccionTipoServicio{
    min-width: 200px;
  }
  /* .t-LD{
    flex-direction: column;
  } */
}

@media screen and (min-width: 850px) {
  #divRemiDest {
    flex-direction: row;
  }
}

@media screen and (max-width: 320px) {
  .t-LD{
    flex-direction: column;
  }
}

.btn-home-outline button {
  border: 1px solid var(--white) !important;
  color: var(--white) !important;
}

.btn-home-outline button:hover{
  border: 1px solid var(--white) !important;
  color: var(--white) !important;
  background-color: hsla(0, 0%, 36%, 0.7);
  background-blend-mode: multiply;
}


.oj-table-scroller {
      overflow-y: auto !important;
}


/* Modal error LD DESTI SAMEDAY */
.modal-errorSD-size{
  width: 90%;
  height: 750px;
  border-radius: 16px;
  padding: 36px 20px 10px 20px; 
}

.sBody .table-container {
  max-height: 530px; 
}

.sBody .table-container .oj-table-column-header-text{
  color: var(--blue) !important;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
}

.sBody .table-container td{
  vertical-align: bottom !important; 
}

.float-right{
  float: right;
}

.s-titleError{
  background: #FFEBE8; 
  border-radius: 60px; 
  padding: 5px 10px 5px 10px; 
}

.p-titleError{
  font-size: 16px; 
  line-height: 21px;
}

.promoTitulo {
  max-width: 70%;
}

.pdf_spinner {
 width: 100px;
 height: 100px;
 animation: spinner-y0fdc1 2s infinite ease;
 transform-style: preserve-3d;
}

.pdf_spinner > div {
 background-color: rgba(0,77,255,0.2);
 height: 100%;
 position: absolute;
 width: 100%;
 border: 2px solid var(--lighblue);
}

.pdf_spinner div:nth-of-type(1) {
 transform: translateZ(-50px) rotateY(180deg);
}

.pdf_spinner div:nth-of-type(2) {
 transform: rotateY(-270deg) translateX(50%);
 transform-origin: top right;
}

.pdf_spinner div:nth-of-type(3) {
 transform: rotateY(270deg) translateX(-50%);
 transform-origin: center left;
}

.pdf_spinner div:nth-of-type(4) {
 transform: rotateX(90deg) translateY(-50%);
 transform-origin: top center;
}

.pdf_spinner div:nth-of-type(5) {
 transform: rotateX(-90deg) translateY(50%);
 transform-origin: bottom center;
}

.pdf_spinner div:nth-of-type(6) {
 transform: translateZ(50px);
}

@keyframes spinner-y0fdc1 {
 0% {
  transform: rotate(45deg) rotateX(-25deg) rotateY(25deg);
 }

 50% {
  transform: rotate(45deg) rotateX(-385deg) rotateY(25deg);
 }

 100% {
  transform: rotate(45deg) rotateX(-385deg) rotateY(385deg);
 }
}

.estilo-btns-edicion-listas{
display: flex; flex-direction: row; justify-content: flex-end;
}

.section-list-contenedor-desktop {
  height: 100%;
  padding: 1.5rem 0;
  width: 95%;
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
}
@media screen and (max-width: 1120px) {
  .section-list-contenedor-desktop {
    flex-direction: column;
  }
}
/*Subloader en Commprobante de guias*/
.loader-container {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 100vh;
}
.loader-truck {
  /* margin: 0 7rem; */
  width: 100px;
  height: 100px;
  background-image: url(../images/blueTruck.png);
  background-size: cover;
  animation: move-truck 4s infinite linear;
}
.loader-truck-static {
  width: 100px;
  height: 100px;
  background-image: url(../images/blueTruck.png);
  background-size: cover;
  animation: arrive-truck 3s ease-out forwards;
}

@keyframes arrive-truck {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  70% {
    transform: translateX(calc(42vw - 50px)); /* Moves towards center */
    opacity: 1;
  }
  80% {
    transform: translateX(calc(42vw - 48px)); /* Very small bounce */
  }
  90% {
    transform: translateX(calc(42vw - 50px)); /* Return to exact center */
  }
  100% {
    transform: translateX(calc(42vw - 50px)); /* Stay in place */
  }
}


@keyframes move-truck {
  from {
    transform: translateX(0);
  }
  to {
   transform: translateX(calc(100vw - 100px));
 
  }
}
/*Fin Subloader en Commprobante de guias*/

/*Autocomplete*/

.inputSearchDisable{
cursor: not-allowed;
background-color: rgb(229, 229, 229) !important; 
}

.pac-container {
   box-shadow: none !important;
  z-index: 10000;
  background-color: #fff;
  position: absolute;
  width: 300px;
  max-height: 400px;
  overflow-y: auto;
  border-radius: 2px;
  margin-top: 10px;
}
.pac-container.pac-logo{
  /* top: 294px !important; */
  width: 663px !important;
}
.pac-item {
  cursor: pointer;
  padding: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
}

.pac-item:hover {
  background-color: #f5f5f5;
}
span.pac-item-query{
 font-size:  15px !important; 
}
.pac-item-selected,
.pac-item-selected:hover {
  background-color: #e5e5e5;
}


.saldoInvalid-popup {
  width: 25rem;
}
.demo-panel-progress {
  width: 12.5rem;
  height: 12.5rem;
  padding: 0;
}

.demo-width {
  width: 20rem;
}
.margin-b-1{
  margin-bottom: 1rem;
  font-size: 20px;
  font-weight: 700;
}

.landing-blue-column {
  width: calc(419 / 1440 * 100%);
  min-width: 419px;
  display: none;
}

.landing-logo-red {
  display: block;
}

.login-subtitles-containers {
  justify-content: center;
}

@media (min-width: 791px) {
  .landing-blue-column {
    display: flex;
  }
  .landing-logo-red {
    display: none
  }
  .login-subtitles-containers {
    justify-content: start;
  }
}

#odcs-sign-in-username, #odcs-sign-in-password {
  --oj-text-field-border-color: #B0B0B0;
  --oj-text-field-text-color: #262626;
  --oj-html-font-family: 'Inter'
}

#icon-close-register {
  --oj-train-label-font-weight: Normal;
}

#login-container {
  width: 95%;
}

@media (min-width: 360px) {
  #login-container {
    width: auto;
  }
}

#palomita {
  transform: translatey(0px);
  -webkit-animation: pigeon 6s ease-in-out infinite;
          animation: pigeon 5s ease-in-out infinite;
}

@-webkit-keyframes pigeon {
  100% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-15px);
  }
  0% {
    transform: translatey(0px);
  }
}

@keyframes pigeon {
  100% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-15px);
  }
  0% {
    transform: translatey(0px);
  }
}


/*Estilos ara loader ellipse, cuando el  saldo viene undefined*/
#saldoIsPrepago {
      display: -webkit-inline-box;
}

.loaderEllipse {
  margin: 1px auto 0;
  width: 40px;
  text-align: center;
}

.loaderEllipse > div {
  width: 8px;
  height: 8px;
  background-color: white;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loaderEllipse .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loaderEllipse .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* The actual popup */
.popup-copied {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popuptext { 
  visibility: hidden;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -75px;
  padding: 2px 1rem;
}

/* Popup arrow for copied message */
.popuptext::after { 
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.show {
  visibility: visible;
 -webkit-animation: fadeIn 1s; /* Fade in and fade out animations */
  animation: fadeIn 1s;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

@keyframes fadeOut {
  from {opacity: 1;}
  to {opacity: 0;}
}


/********************** MULTICODIGO **********************/

.modalSaldoMulti{
  border-radius: 16px; 
  padding: 20px 20px 10px 20px;
}

#sideNavList {
  overflow-y: auto;
}

/********************** XUMTECH TECHNOLOGIES **********************/

.xum-absolute {position: absolute;}
.xum-relative {position: relative;}

.xum-left-0 {left: 0;}
.xum-right-0 {right: 0;}
.xum-bottom-0 {bottom: 0;}
.xum-top-0 {top: 0;}

.xum-h-full {height: 100%;}
.xum-h-95 {height: 95%;}
.xum-h-94 {height: 94%;}
.xum-h-93 {height: 93%;}
.xum-h-92 {height: 92%;}
.xum-h-91 {height: 91%;}
.xum-h-90 {height: 90%;}
.xum-h-80 {height: 80%;}
.xum-h-48px {height: 80px;}

.xum-flex {display: flex;}
.xum-flex-col {flex-direction: column;}
.xum-justify-items-center {justify-items: center;}
.xum-justify-items-end {justify-items: end;}
.xum-items-center {align-items: center;}
.xum-items-end {align-items: flex-end;}
.xum-flex-wrap {flex-wrap: wrap;}

.xum-gap-0-5 {gap:0.5rem;}
.xum-gap-1 { gap: 1rem; }
.xum-gap-2 { gap: 2rem; }
.xum-gap-3 { gap: 3rem; }
.xum-gap-4 { gap: 4rem; }
.xum-gap-5 { gap: 5rem; }
.xum-gap-6 { gap: 6rem; }
.xum-gap-7 { gap: 7rem; }
.xum-gap-8 { gap: 8rem; }
.xum-gap-9 { gap: 9rem; }
.xum-gap-10 { gap: 10rem; }

.xum-mt-0 { margin-top: 0; }
.xum-mt-0-5 { margin-top: 0.125rem; }
.xum-mt-1 { margin-top: 0.25rem; }
.xum-mt-1-5 { margin-top: 0.375rem; }
.xum-mt-2 { margin-top: 0.5rem; }
.xum-mt-2-5 { margin-top: 0.625rem; }
.xum-mt-3 { margin-top: 0.75rem; }
.xum-mt-3-5 { margin-top: 0.875rem; }
.xum-mt-4 { margin-top: 1rem; }
.xum-mt-5 { margin-top: 1.25rem; }
.xum-mt-6 { margin-top: 1.5rem; }
.xum-mt-7 { margin-top: 1.75rem; }
.xum-mt-8 { margin-top: 2rem; }
.xum-mt-9 { margin-top: 2.25rem; }
.xum-mt-10 { margin-top: 2.5rem; }
.xum-mt-11 { margin-top: 2.75rem; }
.xum-mt-12 { margin-top: 3rem; }
.xum-mt-14 { margin-top: 3.5rem; }
.xum-mt-16 { margin-top: 4rem; }
.xum-mt-20 { margin-top: 5rem; }

.xum-padding-top-70 {padding-top: 70px;}
.xum-cursor-pointer {cursor: pointer;}

.xum-p-10 {padding: 40px;}
.xum-font-weight {font-weight: 600; font-size: 14px;}

.xum-w-max{width: 100%;}
.xum-h-max{height: 100%;}
.xum-w-90{width: 90%;}
.xum-w-80{width: 80%;}
.xum-w-75{width: 75%;}
.xum-w-70{width: 70%;}
.xum-w-65{width: 65%;}
.xum-w-60{width: 60%;}

.border-1 {border: solid 1px red;}
.xum-z-index-1000 {z-index: 1000;}

.xum-gap-0 { gap: 0; }
.xum-gap-1 { gap: 0.25rem; /* 4px */ }
.xum-gap-2 { gap: 0.5rem; /* 8px */ }
.xum-gap-3 { gap: 0.75rem; /* 12px */ }
.xum-gap-4 { gap: 1rem; /* 16px */ }
.xum-gap-5 { gap: 1.25rem; /* 20px */ }
.xum-gap-6 { gap: 1.5rem; /* 24px */ }
.xum-gap-7 { gap: 1.75rem; /* 28px */ }
.xum-gap-8 { gap: 2rem; /* 32px */ }
.xum-gap-9 { gap: 2.25rem; /* 36px */ }
.xum-gap-10 { gap: 2.5rem; /* 40px */ }
.xum-gap-11 { gap: 2.75rem; /* 44px */ }

.xum-text-white{color: white;}
.xum-text-blue{color:var(--lighblue)}
.xum-text-lightyellow {color:var(--lightyellow)}

.xum-text-10{font-size: 10px;}
.xum-text-11{font-size: 11px;}
.xum-text-12{font-size: 12px;}
.xum-text-13{font-size: 13px;}
.xum-text-14{font-size: 14px;}
.xum-text-15{font-size: 15px;}
.xum-text-16{font-size: 16px;}

.table-freeze-overlay {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.3);
  z-index: 9999;
  cursor: not-allowed;
}