/* ============================================
   Utility Classes para reemplazar estilos inline
   CSP Migration - Fase 2
   ============================================ */

/* Display */
.hidden { 
    display: none; 
}
.visible { 
    display: block; 
}

/* Spacing */
.reset-spacing { 
    padding: 0; 
    margin: 0; 
}
.no-margin { 
    margin: 0; 
}
.no-padding { 
    padding: 0; 
}
.margin-top-5 { 
    margin-top: 5px; 
}
.margin-left-10 { 
    margin-left: 10px; 
}

/* Borders */
.no-border-bottom { 
    border-bottom: 0; 
}
.no-list-style { 
    list-style: none; 
}

/* Width/Height */
.width-auto { 
    width: auto; 
}
.width-220 { 
    width: 220px; 
    height: auto; 
}

/* Layout específico para boxes */
.box-pub-no-border { 
    border-bottom: 0; 
}
.box-pub-content {
    width: 220px;
    height: auto;
    margin: 5px 0 0 12px;
}
.box-pub-content-alt {
    width: 220px;
    height: auto;
    margin: 0 0 0 12px;
}

/* Text styles comunes - Títulos rojos */
.text-title-red {
    margin: 0;
    color: #be0b0b;
    font-size: 18px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    font-weight: normal;
}

.text-title-red-alt {
    color: #be0b0b;
    font-size: 18px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin: 0;
    font-weight: normal;
}

/* Text styles - Subtítulos azules */
.text-subtitle-blue {
    margin-top: 5px;
    color: #21436d;
    font-size: 12px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    font-weight: bold;
}

/* Text styles - Cuerpo gris */
.text-body-gray {
    margin-top: 5px;
    color: #2e2e2e;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    margin-bottom: 0;
    font-weight: normal;
}

/* Slider específico */
.slider-container {
    padding: 0;
    margin: 0;
}

.slider-image {
    width: 740px;
    height: 309px;
}

/* Height específico */
.height-50 {
    height: 50px;
}

/* Clear */
.clear-both {
    clear: both;
}

/* Height específico */
.height-10 {
    height: 10px;
}

/* Float y margin específico */
.float-left-margin-top {
    float: left;
    margin-top: -14px;
    margin-left: 3px;
}

/* Error field styles */
.error-field-red {
    background-color: #ffebee;
    border: 1px solid #f44336;
    color: #c62828;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
}

/* Color error red (#900) */
.color-error-red {
    color: #900;
}

/* Display none específico */
.display-none {
    display: none;
}

/* Width específico */
.width-100 {
    width: 100%;
}

/* Cursor pointer */
.cursor-pointer {
    cursor: pointer;
}

/* Margin específico */
.margin-left-30 {
    margin-left: 30px;
}

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

/* List margin/padding */
.list-margin-padding {
    margin: 5px 0 0 18px;
    padding: 0;
}

/* Display grid */
.display-grid {
    display: grid;
}

/* Flexbox */
.flex-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Contact box específico */
.contact-box {
    width: 238px;
    height: 62px;
    background-color: #f8e5e5;
    color: #edc0c0;
    margin-top: 5px;
    border: 1px solid #e49999;
}

.contact-box-text {
    color: #be0b0b;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    text-indent: 5px;
    margin-bottom: 0;
}

.contact-box-link {
    color: #be0b0b;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.contact-box-text-indent {
    text-indent: 5px;
    margin: 0;
}

/* Required field asterisk */
.required-asterisk {
    color: red;
}

/* Flex utilities */
.flex-1-right {
    flex: 1;
    text-align: right;
}

/* Loader styles */
.loader-overlay {
    position: absolute;
    z-index: 33;
    top: 0;
    left: 0;
    background: url(css/images/hoteles/contentPattern.png) repeat top left;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    display: none;
}

.loader-image {
    margin-top: 74px;
}

.loader-label {
    color: #000 !important;
}

/* Width utilities */
.width-60 {
    width: 60%;
}

.width-37 {
    width: 37%;
}

.width-45-5 {
    width: 45.5%;
}

/* Display grid with width */
.display-grid-60 {
    display: grid;
    width: 60%;
}

.display-grid-37 {
    display: grid;
    width: 37%;
}

.display-grid-45-5 {
    display: grid;
    width: 45.5%;
}

/* Margin and display combinations */
.margin-right-20-hidden {
    margin-right: 20px;
    display: none;
}

/* Margin left specific */
.margin-left-27 {
    margin-left: 27px;
}

.margin-top-74 {
    margin-top: 74px;
}

/* Line height */
.line-height-18 {
    line-height: 18px;
}

/* Padding top */
.padding-top-20 {
    padding-top: 20px;
}

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

.margin-bottom-15 {
    margin-bottom: 15px;
}

/* Max width/height */
.max-width-100-height-50 {
    max-width: 100px;
    max-height: 50px;
}

/* Float left specific */
.float-left-height-20 {
    float: left;
    height: 20px;
    position: relative;
    width: 740px;
}

/* Border styles */
.border-bottom-1 {
    border-bottom: 1px solid #CDCDCD;
}

.border-top-0 {
    border-top: 0px !important;
}

/* Text decoration */
.text-decoration-none {
    text-decoration: none;
}

/* Display utilities */
.display-inline-block {
    display: inline-block;
}

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

/* Width utilities */
.width-80-important {
    width: 80% !important;
}

.width-50 {
    width: 50px;
}

/* Padding utilities */
.padding-left-1rem {
    padding-left: 1rem;
}

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

.padding-left-1-5rem {
    padding-left: 1.5rem;
}

/* Visibility */
.visibility-hidden {
    visibility: hidden;
}

/* Display flex with margin bottom */
.display-flex-margin-bottom {
    display: flex;
    margin-bottom: 8px;
    align-items: baseline;
}

/* Display grid align center */
.display-grid-align-center {
    display: grid;
    align-items: center;
    margin-left: 10px;
}

/* Display grid justify start */
.display-grid-justify-start {
    display: grid;
    justify-content: start;
    margin-left: 10px;
    width: auto;
}

/* Display flex width inherit */
.display-flex-width-inherit {
    display: flex;
    width: inherit;
    align-items: center;
}

/* Width auto */
.width-auto {
    width: auto;
}

/* Width 50 percent */
.width-50-percent {
    width: 50%;
}

/* Width 100px */
.width-100px {
    width: 100px;
}

/* Text transform */
.text-lowercase {
    text-transform: lowercase;
}

/* Font size 13px */
.font-size-13px {
    font-size: 13px;
}

/* Textarea médico - estilos específicos */
.textarea-medico {
    width: 640px;
    max-width: 640px;
    height: 50px;
    border: solid 2px #d0d0d0;
    margin: 10px 0 20px 0;
    margin-top: 10px;
}

/* Row margin bottom 20px */
.row-margin-bottom-20px {
    margin-bottom: 20px;
}

/* Cursor pointer */
.cursor-pointer {
    cursor: pointer;
}

/* Margin right 20px */
.margin-right-20px {
    margin-right: 20px;
}

/* Font size 14pt */
.font-size-14pt {
    font-size: 14pt;
}

/* Margin top 74px */
.margin-top-74px {
    margin-top: 74px;
}

/* Color black important */
.color-black-important {
    color: #000 !important;
}

/* Display flex justify space between */
.display-flex-justify-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Flex 1 text align right */
.flex-1-text-align-right {
    flex: 1;
    text-align: right;
}

/* Slider container */
.slider-container {
    padding: 0;
    margin: 0;
}

/* Slider image */
.slider-image {
    width: 740px;
    height: 309px;
}

/* Height 50px */
.height-50px {
    height: 50px;
}

/* Clear both */
.clear-both {
    clear: both;
}

/* Box pub - estilos para boxes de publicidad */
.box-pub-no-border {
    border-bottom: 0;
}

.box-pub-content {
    width: 220px;
    height: auto;
    margin: 5px 0 0 12px;
}

.box-pub-content-no-top {
    width: 220px;
    height: auto;
    margin: 0 0 0 12px;
}

/* Text styles para boxes de publicidad */
.text-title-red {
    margin: 0;
    color: #be0b0b;
    font-size: 18px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    font-weight: normal;
}

.text-subtitle-blue {
    margin-top: 5px;
    color: #21436d;
    font-size: 12px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    font-weight: bold;
}

.text-body-gray {
    margin-top: 5px;
    color: #2e2e2e;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    margin-bottom: 0;
    font-weight: normal;
}

.text-title-red-no-margin {
    color: #be0b0b;
    font-size: 18px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin: 0;
    font-weight: normal;
}

/* Margin left 10px */
.margin-left-10px {
    margin-left: 10px;
}

/* Width 280px */
.width-280px {
    width: 280px;
}

/* Margin 0 0 15px */
.margin-bottom-15px {
    margin: 0 0 15px;
}

/* Float left height 20px */
.float-left-height-20px {
    float: left;
    height: 20px;
    position: relative;
    width: 740px;
}

/* Margin top 15px */
.margin-top-15px {
    margin-top: 15px;
}

/* Width 180px */
.width-180px {
    width: 180px;
}

/* Max width 100px max height 50px */
.max-width-100px-max-height-50px {
    max-width: 100px;
    max-height: 50px;
}

/* Max width 202px max height 154px */
.max-width-202px-max-height-154px {
    max-width: 202px;
    max-height: 154px;
}

/* Position relative margin left 12px important */
.position-relative-margin-left-12px {
    position: relative !important;
    margin-left: 12px !important;
}

/* Clear both */
.clear-both-important {
    clear: both;
}

/* Border bottom 1px solid CDCDCD */
.border-bottom-1px-solid {
    border-bottom: 1px solid #CDCDCD;
}

/* Border top 0 important */
.border-top-0-important {
    border-top: 0px !important;
}

/* List style circle */
.list-style-circle {
    list-style: circle;
}

/* Color white */
.color-white {
    color: #FFF;
}

/* Margin bottom 15px */
.margin-bottom-15px-only {
    margin-bottom: 15px;
}

/* Float left margin top -14px margin left 3px */
.float-left-margin-top-neg {
    float: left;
    margin-top: -14px;
    margin-left: 3px;
}

/* Position absolute z-index 33px - loader overlay */
.loader-overlay {
    position: absolute;
    z-index: 33px;
    top: 0;
    left: 0;
    background: url(css/images/hoteles/contentPattern.png) repeat top left;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    display: none;
}

/* Layout height matching - Para igualar altura de columnas */
.layout-height-match {
    /* Esta clase se aplicará dinámicamente con JS cuando sea necesario */
    /* La altura se establecerá mediante CSS variable o data attribute */
}

/* Width 239px height auto position relative float left */
.width-239px-height-auto {
    width: 239px;
    height: auto;
    position: relative;
    float: left;
}

/* Clear both float left position relative width 100% */
.clear-both-float-left-width-100 {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
}

/* Width auto */
.width-auto {
    width: auto;
}

/* Body margin 0 padding 0 */
.body-no-margin-padding {
    margin: 0;
    padding: 0;
}

/* Display block background color white color red */
.panel-destiny {
    display: block;
    background-color: #FFF;
    color: #DF0303;
}

/* Content width 990px margin 0 auto height auto text align left max height 180px overflow y auto */
.content-destiny {
    width: 990px;
    margin: 0 auto;
    height: auto;
    text-align: left;
    max-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* Clearfix para bloques flotantes en content-destiny */
.content-destiny::after {
    content: "";
    display: table;
    clear: both;
}

/* Width 100% margin 0 auto height 25px display block line height 25px text indent 10px font weight bold */
.header-destiny {
    width: 100%;
    margin: 0 auto;
    height: 25px;
    display: block;
    line-height: 25px;
    text-indent: 10px;
    font-weight: bold;
}

/* Height 100px */
.height-100px {
    height: 100px;
}

/* Height 100px important */
.height-100px-important {
    height: 100px !important;
}

/* Width 239px height auto position relative float left */
.width-239px-height-auto {
    width: 239px;
    height: auto;
    position: relative;
    float: left;
}

/* Clear both float left position relative width 100% */
.clear-both-float-left-width-100 {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
}

/* Width auto */
.width-auto {
    width: auto;
}

/* ============================================
   Flexbox y Grid - CSP Migration Fase 2 Continuación
   ============================================ */

/* Display flex con align-items center */
.display-flex-align-center {
    display: flex;
    align-items: center;
}

/* Display flex con width inherit y align-items center */
.display-flex-width-inherit-align-center {
    display: flex;
    width: inherit;
    align-items: center;
}

/* Display flex justify-content space-between align-items center */
.display-flex-justify-space-between-align-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Display flex align-items center justify-content space-between */
.display-flex-align-center-justify-space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Display flex flex-direction column */
.display-flex-column {
    display: flex;
    flex-direction: column;
}

/* Display inline-flex align-items center */
.display-inline-flex-align-center {
    display: inline-flex;
    align-items: center;
}

/* Display inline-flex flex-direction row-reverse */
.display-inline-flex-row-reverse {
    display: inline-flex;
    flex-direction: row-reverse;
}

/* Display grid justify-content start margin-left 10px width auto */
.display-grid-justify-start-ml-10-width-auto {
    display: grid;
    justify-content: start;
    margin-left: 10px;
    width: auto;
}

/* Flex 1 text-align right */
.flex-1-text-align-right {
    flex: 1;
    text-align: right;
}

/* Margin right 20px */
.margin-right-20px {
    margin-right: 20px;
}

/* Margin top 74px */
.margin-top-74px {
    margin-top: 74px;
}

/* Color black important */
.color-black-important {
    color: #000 !important;
}

/* Width 50% */
.width-50 {
    width: 50%;
}

/* Clear both important */
.clear-both-important {
    clear: both !important;
}

/* Width 696px important */
.width-696px-important {
    width: 696px !important;
}

/* Vertical align middle */
.vertical-align-middle {
    vertical-align: middle;
}

/* Height 33px */
.height-33px {
    height: 33px;
}

/* Color error red (#900) */
.color-error-red {
    color: #900;
}

/* Width 990px margin 0 auto height auto text-align left color */
.content-width-990px {
    width: 990px;
    margin: 0 auto;
    height: auto;
    text-align: left;
    color: #383020;
}

/* Position relative float left width 210px height auto */
.position-relative-float-left-width-210px {
    position: relative;
    float: left;
    width: 210px;
    height: auto;
}

/* Position relative float left width 210px height auto margin 0 0 0 10px */
.position-relative-float-left-width-210px-ml-10 {
    position: relative;
    float: left;
    width: 210px;
    height: auto;
    margin: 0 0 0 10px;
}

/* Position relative float left width 220px height auto */
.position-relative-float-left-width-220px {
    position: relative;
    float: left;
    width: 220px;
    height: auto;
}

/* Position absolute z-index 999 top 55px left 128px height auto width auto */
.position-absolute-z-999-top-55-left-128 {
    position: absolute;
    z-index: 999;
    top: 55px;
    left: 128px;
    height: auto;
    width: auto;
}

/* Font weight bold */
.font-weight-bold {
    font-weight: bold;
}

/* Margin left 80px */
.margin-left-80px {
    margin-left: 80px;
}

/* Margin left 80px important */
.margin-left-80px-important {
    margin-left: 80px !important;
}

/* Width 20% float left */
.width-20-float-left {
    width: 20%;
    float: left;
}

/* Width 60% float left */
.width-60-float-left {
    width: 60%;
    float: left;
}

/* Width 50% clear both */
.width-50-clear-both {
    width: 50%;
    clear: both;
}

/* Float left */
.float-left {
    float: left;
}

/* Float right */
.float-right {
    float: right;
}

/* Padding top 0px */
.padding-top-0 {
    padding-top: 0px;
}

/* Clear both */
.clear-both {
    clear: both;
}

/* Color red */
.color-red {
    color: red;
}

/* Width 50px */
.width-50px {
    width: 50px;
}

/* Visibility hidden */
.visibility-hidden {
    visibility: hidden;
}

/* Margin left 0 */
.margin-left-0 {
    margin-left: 0;
}

/* Width 329px */
.width-329px {
    width: 329px;
}

/* Width 344px margin-left 25px */
.width-344px-ml-25 {
    width: 344px;
    margin-left: 25px;
}

/* Height 35px */
.height-35px {
    height: 35px;
}

/* Padding left 1rem padding top 1rem */
.padding-left-1rem-top-1rem {
    padding-left: 1rem;
    padding-top: 1rem;
}

/* Padding left 1.5rem */
.padding-left-1-5rem {
    padding-left: 1.5rem;
}

/* Width inherit */
.width-inherit {
    width: inherit;
}

/* Letter spacing 0.2px */
.letter-spacing-0-2px {
    letter-spacing: 0.2px;
}

/* Width 528px important */
.width-528px-important {
    width: 528px !important;
}

/* Width 32px height 32px float right */
.width-32px-height-32px-float-right {
    width: 32px;
    height: 32px;
    float: right;
}

/* Width 100% height 250px */
.width-100-height-250px {
    width: 100%;
    height: 250px;
}

/* Width 528px important */
.width-528px-important {
    width: 528px !important;
}

/* Width 32px height 32px float right */
.width-32px-height-32px-float-right {
    width: 32px;
    height: 32px;
    float: right;
}

/* Width 100% height 250px */
.width-100-height-250px {
    width: 100%;
    height: 250px;
}

/* Text title red alt */
.text-title-red-alt {
    margin: 0;
    color: #be0b0b;
    font-size: 18px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    font-weight: normal;
}

/* Text subtitle blue */
.text-subtitle-blue {
    margin-top: 5px;
    color: #21436d;
    font-size: 12px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    font-weight: bold;
}

/* Text body gray */
.text-body-gray {
    margin-top: 5px;
    color: #2e2e2e;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    margin-bottom: 0;
    font-weight: normal;
}

/* Margin left 10px */
.margin-left-10px {
    margin-left: 10px;
}

/* Letter spacing 0.2px */
.letter-spacing-0-2px {
    letter-spacing: 0.2px;
}

/* Box pub no border */
.box-pub-no-border {
    border-bottom: 0;
}

/* Slider image */
.slider-image {
    width: 740px;
    height: 309px;
}

/* Width 280px */
.width-280px {
    width: 280px;
}

/* Width auto */
.width-auto {
    width: auto;
}

/* List style circle */
.list-style-circle {
    list-style: circle;
}

/* List style none */
.list-style-none {
    list-style: none;
}

/* Separador contenido margin */
.separador-contenido-margin {
    margin: 0 0 15px;
}

/* Float left margin top negative margin left */
.float-left-margin-top-neg-ml-3 {
    float: left;
    margin-top: -14px;
    margin-left: 3px;
}

/* Width 80% important */
.width-80-important {
    width: 80% !important;
}

/* Border 1px solid black */
.border-1px-solid-black {
    border: 1px solid #000;
}

/* Margin top 0px important */
.margin-top-0px-important {
    margin-top: 0px !important;
}

/* Margin top 0px */
.margin-top-0px {
    margin-top: 0px;
}

/* Vertical align super */
.vertical-align-super {
    vertical-align: super;
}

/* Width 100% */
.width-100 {
    width: 100%;
}

/* Height auto important */
.height-auto-important {
    height: auto !important;
}

/* Height 10px */
.height-10px {
    height: 10px;
}

/* Cursor pointer */
.cursor-pointer {
    cursor: pointer;
}

/* Margin top 15px */
.margin-top-15px {
    margin-top: 15px;
}

/* Line height 38px */
.line-height-38px {
    line-height: 38px;
}

/* Width 48% float left */
.width-48-float-left {
    width: 48%;
    float: left;
}

/* Margin 0 0 0 30px */
.margin-0-0-0-30px {
    margin: 0 0 0 30px;
}

/* Position relative float left */
.position-relative-float-left {
    position: relative;
    float: left;
}

/* Width unset important margin right 25px */
.width-unset-important-margin-right-25px {
    width: unset !important;
    margin-right: 25px;
}

/* Template Franjas - Autenticación */
.width-390px-height-124px-float-left-margin-10px-0px-10px-12px-important-border-right-F96556 {
    width: 390px;
    height: 124px;
    float: left;
    margin: 10px 0px 10px 12px !important;
    border-right: 1px solid #F96556;
}

.width-367px-important {
    width: 367px !important;
}

.width-564px-height-124px-position-relative-float-left-margin-10px-0-0-16px {
    width: 564px;
    height: 124px;
    position: relative;
    float: left;
    margin: 10px 0 0 16px;
}

.position-relative-float-left-display-block-height-auto {
    position: relative;
    float: left;
    display: block;
    height: auto;
}

.position-relative-float-left-width-210px-height-25px-line-height-25px {
    position: relative;
    float: left;
    width: 210px;
    height: 25px;
    line-height: 25px;
}

.position-relative-float-left-width-210px-height-25px-line-height-25px-margin-0-0-0-10px {
    position: relative;
    float: left;
    width: 210px;
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 10px;
}

.position-relative-float-left-display-block-height-auto-margin-0-0-10px-width-100 {
    position: relative;
    float: left;
    display: block;
    height: auto;
    margin: 0 0 10px;
    width: 100%;
}

.position-relative-float-left-width-105px-height-29px-margin-0 {
    position: relative;
    float: left;
    width: 105px;
    height: 29px;
    margin: 0;
}

.position-absolute-top-0px-left-0px-cursor-pointer {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.position-relative-float-left-display-block-height-auto-margin-top-4px {
    position: relative;
    float: left;
    display: block;
    height: auto;
    margin-top: 4px;
}

.color-383020-important-margin-left-1px {
    color: #383020 !important;
    margin-left: 1px;
}

.position-absolute-top-5px-left-79px-width-0px-height-0px {
    position: absolute;
    top: 5px;
    left: 79px;
    width: 0px;
    height: 0px;
}

.visibility-hidden {
    visibility: hidden;
}

/* Templates Products - Estilos comunes */
.width-270px {
    width: 270px;
}

.width-300px {
    width: 300px;
}

.border-1px-solid-D1E0E3-clear-both-width-124px-height-30px-text-center-line-height-28px {
    border: 1px solid #D1E0E3;
    clear: both;
    width: 124px;
    height: 30px;
    text-align: center;
    line-height: 28px;
}

/* Evento Logistica y Variantes Precios */
.width-10-important {
    width: 10% !important;
}

.width-20-important {
    width: 20% !important;
}

.width-25-important {
    width: 25% !important;
}

.width-30-important {
    width: 30% !important;
}

.width-40-important {
    width: 40% !important;
}

.width-45-important {
    width: 45% !important;
}

.min-height-auto-important {
    min-height: auto !important;
}

.min-height-150px-important {
    min-height: 150px !important;
}

.color-FFF {
    color: #FFF;
}

.margin-top-2rem {
    margin-top: 2rem;
}

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

.padding-right-1rem {
    padding-right: 1rem;
}

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

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

/* Error Pages - Development Mode */
.color-17a2b8 {
    color: #17a2b8;
}

.background-d1ecf1-padding-20px-margin-20px-0-text-left-border-left-4px-solid-17a2b8 {
    background: #d1ecf1;
    padding: 20px;
    margin: 20px 0;
    text-align: left;
    border-left: 4px solid #17a2b8;
}

.color-0c5460 {
    color: #0c5460;
}

.color-0c5460-margin-top-0 {
    color: #0c5460;
    margin-top: 0;
}

.color-0c5460-font-family-monospace-white-space-pre-wrap-word-break-break-word {
    color: #0c5460;
    font-family: monospace;
    white-space: pre-wrap;
    word-break: break-word;
}

.color-999-font-size-12px {
    color: #999;
    font-size: 12px;
}

.color-dc3545 {
    color: #dc3545;
}

.background-f8d7da-padding-20px-margin-20px-0-text-left-border-left-4px-solid-dc3545 {
    background: #f8d7da;
    padding: 20px;
    margin: 20px 0;
    text-align: left;
    border-left: 4px solid #dc3545;
}

.color-721c24 {
    color: #721c24;
}

.color-721c24-margin-top-0 {
    color: #721c24;
    margin-top: 0;
}

.color-721c24-font-family-monospace-white-space-pre-wrap-word-break-break-word {
    color: #721c24;
    font-family: monospace;
    white-space: pre-wrap;
    word-break: break-word;
}

.color-ff9800 {
    color: #ff9800;
}

.background-fff3cd-padding-20px-margin-20px-0-text-left-border-left-4px-solid-ffc107 {
    background: #fff3cd;
    padding: 20px;
    margin: 20px 0;
    text-align: left;
    border-left: 4px solid #ffc107;
}

.color-856404 {
    color: #856404;
}

.color-856404-margin-top-0 {
    color: #856404;
    margin-top: 0;
}

.color-856404-font-family-monospace-white-space-pre-wrap-word-break-break-word {
    color: #856404;
    font-family: monospace;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Height 20px important - Para calendarios */
.height-20px-important {
    height: 20px !important;
}

/* Cursor pointer - Para elementos clickeables */
.cursor-pointer {
    cursor: pointer !important;
}

/* Font size 12px important - Para texto de monto pagado */
.font-size-12px-important {
    font-size: 12px !important;
}