@charset "UTF-8";

/* Fonts */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Extra Light'), local('Montserrat-ExtraLight'),
    url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 300;
    src: local('Montserrat Extra Light Italic'), local('Montserrat-ExtraLightItalic'),
    url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Light'), local('Montserrat-Light'),
    url('../fonts/Montserrat-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
    url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local('Montserrat'), local('Montserrat-Regular'),
    url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 500;
    src: local('Montserrat Italic'), local('Montserrat-Italic'),
    url('../fonts/Montserrat-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('../fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
    url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
    url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
    url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
    url('../fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 800;
    src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
    url('../fonts/Montserrat-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
    url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 900;
    src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBold'),
    url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('../fonts/Material Icons'),
    local('../fonts/MaterialIcons-Regular'),
    url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(../fonts/MaterialIcons-Regular.woff) format('woff'),
    url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Pangea Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/pangea-icon-extra.ttf); /* For IE6-8 */
    src: local('../fonts/Pangea Icons'),
    local('../fonts/pangea-icon-extra'),
    url('../fonts/pangea-icon-extra.ttf') format('truetype');
}

:focus {
    outline: none
}
/*Placeholder styles*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #fff;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color:    #fff;
}
::placeholder { /* Most modern browsers support this now. */
    color:    #fff;
}
/* ESTILOS GENERALES */

a {
    text-decoration: none
}
body {
    background: #FFF;
    color: var(--text);
}
.content img {
    width: 540px
}
article img {
    margin-top: 7px;
    width: 100%;
    object-fit: cover;
}
{
    margin: 0 auto;
    width: 1020px;
    overflow: hidden;
    padding: 0 15px 0 20px;
    box-shadow: 0 0 10px 0 #969696
}
/*Estilos para flotar*/
.flo-l {
    float: left;
}
.flo-r {
    float: right;
}
.flo-n {
    float: none !important;
}
#lateralSearch {
    float: left;
    width: 226px
}
#packageSearchForm .p1,
#searchForm .p1,
#searchPackageAvailForm .p1 {
    margin-top: 9px
}
.selectDistribution {
    min-width: 54px
}
.valign-top {
    vertical-align: top;
}
.valign-middle {
    vertical-align: middle;
}
.valign-bottom {
    vertical-align: bottom;
}
/*Align styles*/
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-justify {
    text-align: justify !important;
}
/*Position styles*/
.position-relative{
    position: relative;
}
.position-absolute{
    position: absolute;
}
.position-fixed{
    position: fixed;
}
.notCancellable {
    color: #fa9506;
    font-weight: 700;
}
.notCancellableRed {
    color: var(--warning) !important;
    font-weight: 600;
}
.content-header-login {
    height: 100px;
    font-size: 11px;
    color: #666;
}
.padding5 {
    padding: 5px;
}
.padding10 {
    padding: 10px;
}
.padding20 {
    padding: 20px !important;
}
.padding22 {
    padding: 22px;
}
.padding25 {
    padding: 25px !important;
}
.paddingLeft0 {
    padding-left: 0;
}
.paddingLeft5 {
    padding-left: 5px;
}
.paddingLeft25 {
    padding-left: 25px;
}
.paddingLeft40 {
    padding-left: 40px;
}
.paddingLeft35 {
    padding-left: 18px!important;
    font-size: 13px;
}
.paddingLeft10 {
    padding-left: 10px!important;
}
.paddingLeftRight4 {
    padding-right: 4px !important;
    padding-left: 4px !important;
}
.paddingRight5 {
    padding-right: 5px;
}
.paddingRight10 {
    padding-right: 10px;
}
.paddingRight25 {
    padding-right: 25px;
}
.paddingRight40 {
    padding-right: 40px;
}
.paddingTop10 {
    padding-top: 10px;
}
.paddingBottom0 {
    padding-bottom: 0 !important;
}
.paddingBottom10 {
    padding-bottom: 10px;
}
.paddingBottom20 {
    padding-bottom: 8px;
}
.paddingBot20 {
    padding-bottom: 20px;
}
.paddingTop20 {
    padding-top: 20px;
}
.paddingTop25 {
    padding-top: 25px;
}
.paddingTop30 {
    padding-top: 30px;
}
.paddingVert10 {
    padding-bottom: 10px!important;
    padding-top: 10px!important;
}
.paddingVert5 {
    padding-bottom: 5px!important;
    padding-top: 5px!important;
}
.padding-none {
    padding: 0!important;
}
.margin-none {
    margin: 0!important;
}
.margin20 {
    margin: 20px!important;
}
.marginRight0 {
    margin-right: 0px;
}
.marginRight5 {
    margin-right: 5px
}
.marginRight10 {
    margin-right: 10px !important;
}
.marginRight15 {
    margin-right: 15px;
}
.marginRight20 {
    margin-right: 20px
}
.marginLeft5 {
    margin-left: 5px
}
.marginLeft10 {
    margin-left: 10px
}
.marginLeft20 {
    margin-left: 20px
}
.marginLeft30 {
    margin-left: 30px
}
.marginLeft40 {
    margin-left: 40px
}
.marginLeft50 {
    margin-left: 50px
}
.marginTopAuto {
    margin-top: auto !important;
}
.marginTop5 {
    margin-top: 5px;
}
.marginTop10 {
    margin-top: 10px !important;
}
.marginTop20 {
    margin-top: 20px
}
.marginTop30 {
    margin-top: 30px
}
.marginTop40 {
    margin-top: 40px
}
.marginTop50 {
    margin-top: 50px
}
.marginBottom50 {
    margin-bottom: 50px
}
.marginBottom40 {
    margin-bottom: 40px
}
.marginBottom30 {
    margin-bottom: 30px
}
.marginBottom20 {
    margin-bottom: 20px
}
.marginBottom15 {
    margin-bottom: 15px;
}
.marginBottom10 {
    margin-bottom: 10px
}
.marginBottom5 {
    margin-bottom: 5px
}
.marginBottom0 {
    margin-bottom: 0!important
}
.marginHor10 {
    margin-left: 10px!important;
    margin-right: 10px!important
}
.height130 {
    height: 130px
}
.height65 {
    height: 65px
}
.wd470 {
    width: 470px!important
}
.wd550 {
    width: 550px!important
}
.wd650 {
    width: 650px!important
}
.wd40pc {
    width: 40%!important;
}
.wd50pc {
    width: 50%!important
}
.wd60pc {
    width: 60%!important;
}
.wd100pc {
    width: 100%!important
}
.wd25pc {
    width: 25% !important;
}
.wd33pc {
    width: 33% !important;
}
.maxWd200 {
    max-width: 200px;
}
.maxWd750 {
    max-width: 750px!important
}
.maxWd750,
.maxWd1250 {
    overflow-x: auto;
    min-width: 550px
}
.maxWd1250 {
    max-width: 1250px!important
}
.fsize12 {
    font-size: 12px
}

.fsize18 {
    font-size: 18px
}

.okOperative {
    background-image: url(../img/okBlack.png)
}
.koOperative,
.okOperative {
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: text-top
}
.koOperative {
    background-image: url(../img/koBlack.png)
}
.modal {
    position: relative;
    margin: 5% auto;
    width: 825px;
    height: 647px
}
.cover {
    width: 100%;
    height: 100%;
    top: -200px;
    left: -300px
}
.cover,
.imgClaim {
    position: absolute
}
.imgClaim {
    left: 58px;
    bottom: 53px;
    border-radius: 0 0 5px 5px;
    overflow: hidden
}
.imgClaim img {
    width: 709px;
    height: 362px
}
.loader {
    position: relative;
    float: right;
    margin: 160px 110px 0 0;
    font-size: 16px;
    color: #4f4f4f;
    top: 20px;
    font-weight: 700
}
.loader img,
.loader p,
.loader span {
    display: inline;
    vertical-align: middle
}
.loader img {
    padding-right: 15px;
}

.loader2 {
    position: relative;
    padding: 160px 110px 60px 110px;
    font-size: 16px;
    color: #4f4f4f;
    top: 0px;
    font-weight: 700;
    height: 100%;
    width: 100%;
    right: 0px;
}

.loader2 .loadAnim {
    position: relative;
    display: block;
    top: 50%;
    left: 50%;
    z-index: 1000;
    transform: translate(-50%, -50%);
}

.loader2 .fromtext {
    position: absolute;
    display: block;
    top: 186px;
    left: 60px;
    overflow: hidden;
    width: 704px;
    height: 400px;
    z-index: 900;
}

.web {
    margin: 0 auto;
    text-align: left;
    width: 100%
}
.phone {
    font-size: 20px
}
.selector-de-idiomas {
    width: 72px;
    font-size: 10px;
    position: absolute;
    margin-top: -25px;
    margin-left: 184px
}
#locale {
    margin-left: 532px;
    margin-top: 5px
}
div.columna1 {
    color: #003d68;
    font-size: 10pt
}
#privateMenuForm .columna1 a,
#privateMenuForm .columna2 a {
    line-height: 36px;
    width: 20%;
    box-sizing: border-box;
    margin-left: 30px
}
#privateMenuForm .columna1 a:first-of-type {
    margin-left: 10px!important
}
#privateMenuForm strong {
    font-family: 'Montserrat';
    font-size: 12pt;
    margin-bottom: 4px
}
#distribution,
#edades_0 {
    display: inline-block;
    width: 100%
}
#lateralSearch {
    background: #f0f0f0;
    color: #003d68!important;
    margin-top: 3px;
    padding-bottom: 20px
}
#lateralSearch button:first-child {
    background-color: #003d68
}
#lateralSearch h4 {
    font-size: 12pt;
    text-align: left;
    color: #003d68!important;
    font-family: 'Montserrat';
    margin-top: 15px;
    line-height: 0
}
#lateralSearch h4,
#lateralSearch p {
    color: #878787;
    line-height: 5px
}
.ui-toolbar-group-left {
    margin-top: 28px
}
.ui-toolbar-group-left a {
    font-size: 12px;
    margin-right: 10px;
    color: #fff!important
}
/*Specific content styles without lateralSearch and with mainSearch*/
#mainSearch +  > #content{
    width: 100%;
    max-width: 1180px;
    margin: 0 auto 100px;
}
#lateralSearch + #content{
    width: 77%;
    margin-left: 3%;
}
#content_content {
    padding: 0!important
}
a b {
    font-size: 50px
}
a #links03 {
    width: 170px
}
.phone {
    font-weight: 700
}
/*booking*/
.messageContinueReading {
    color: #fc993c;
}
#booking-price {
    margin: 10px 20px 10px 0;
}
#booking-price {
    font-size: 16px;
    text-align: right;
}
.reserva-button {
    margin-right: 3px
}
.imprimirbono-button {
    margin-right: 20px
}
td table {
    border: 0
}
fieldset,
legend {
    position: relative
}
legend {
    top: -20px;
    left: -12px;
    color: #003d68
}
/*Parches*/

.background_tabs {
    background-color: #fff!important;
    border-bottom: 1px solid #ccc!important;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    background-color: #fff!important;
    border: 1px solid #ccc!important;
    border-bottom: transparent!important;
    margin-left: -3px
}
.precio {
    margin-left: -13px;
    overflow: hidden;
    padding: 0;
    position: relative;
    height: inherit;
    min-height: 170px
}
#contentComponentDialog .precio {
    margin-left: 5px!important
}
.markedproduct {
    background: silver
}

.precio .price span {
    font-size: 23px;
    font-weight: bolder;
    /*margin-right: 9px*/
}
.precio .price span span {
    font-size: 12px
}
.product-card .product-main-content {
    padding: 20px;
    position: relative;
    display: flex;
    flex-flow: column;
    flex: 1;
}
.product-card .product-main-content > * {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.product-card .product-main-content > * + * {
    margin-top: 5px;
}
.product-card .product-main-content.lodging-main-content .amenities-wrapper:not(:empty){
    padding: 8px 15px 0 0;
}
.product-card .product-main-content .title {
    font-weight: 600;
    font-size: 18px;
    margin: 0 5px 3px 0;
}
.product-card .product-main-content a.title{
    color: var(--main-light-color);
}
.product-card .tags {
    margin-top: 10px;
}
.reduced-varieties {
    margin: 5px 0;
}
[id$='labelDiscountInfoBL']{
    position: relative;
    width: 20px;
    cursor: pointer;
    display: inline-block;
}
[id$='labelBreakdownsInfo'],
[id$='labelCancelInfoBLTransfer'],
[id$='labelCancelInfoBL'],
[id$='labelCancelInfoTransfer'],
[id$='labelCancelInfo'],
[id$='labelDiscountsInfo']{
    position: relative;
    width: 20px;
    margin-left: 6px;
    cursor: pointer;
    display: inline-block;
}
[id$='labelBreakdownsInfo']::before,
[id$='labelCancelInfoBLTransfer']::before,
[id$='labelCancelInfoBL']::before,
[id$='labelCancelInfoTransfer']::before,
[id$='labelCancelInfo']::before,
[id$='labelDiscountsInfo']::before,
.icon-info:before {
    content: "info_outline";
    font-family: "Material Icons";
    vertical-align: middle;
    font-size: 20px;
    transition: var(--soft-transition);
    color: var(--text);
}
[id$='labelBreakdownsInfo']:hover::before,
[id$='labelCancelInfoBLTransfer']:hover::before,
[id$='labelCancelInfoBL']:hover::before,
[id$='labelCancelInfoTransfer']:hover::before,
[id$='labelCancelInfo']:hover::before,
[id$='labelDiscountsInfo']:hover::before,
.icon-info:hover:before {
    color: var(--text-grey);
}
.tittleComponent {
    color: #4bb9dc
}
.tagQuality.ui-widget {
    padding: 3px 10px;
    background: crimson;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
}
.ratingWrapper {
    display: inline-block;
    white-space: nowrap;
}
.ratingWrapper > label{
    display: inline-block;
}
.starRatingOn::before {
    content: "star";
    font-family: "Material Icons";
    font-size: 18px;
    color: #fc932c;
    float: left;
}
.starRatingOff::before {
    content: "star";
    font-family: "Material Icons";
    font-size: 18px;
    color: #cecece;
    float: left;
}
.keyRatingOn::before {
    content: "vpn_key";
    font-family: "Material Icons";
    font-size: 18px;
    color: #7a7a7a;
    float: left;
    transform: rotate(45deg);
}
.keyRatingOff::before {
    content: "vpn_key";
    font-family: "Material Icons";
    font-size: 18px;
    color: #cfcfcf;
    float: left;
    transform: rotate(45deg);
}
.name {
    color: #6f6f6e;
    font-size: 10pt;
}
.padding_no {
    padding: 0!important
}
.margin_top {
    margin-top: 20px!important
}
.btn_tarifas {
    background-image: url(../img/specialServices.png)!important;
    background-repeat: no-repeat!important;
    color: #ffb75c!important;
    font-size: 9pt;
    display: inline-block;
    background-size: contain;
    margin-top: 10px;
    padding: 4px 0 4px 16px
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #003d68
}
.confirm_hotel {
    float: right;
    width: 150px;
    margin-bottom: 20px
}
.precio .colum_left a {
    background-image: url(../img/map.png);
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding-left: 20px;
    width: 20px;
    background-position: top;
    background-repeat: no-repeat;
    height: 40px;
    margin-bottom: -20px
}
.precio .colum_left a.zoom-in,
.precio .colum_left a.zoom-out{
    width: 34px;
    height: 24px;
    background: none;
    position: relative;
    padding-right: 10px;
}
.precio .colum_left a.zoom-in:before{
    font-family: "Material Icons";
    font-size: 24px;
    content: "add_circle";
    color: #003d68;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    line-height: 24px;
}
.precio .colum_left a.zoom-out:before{
    font-family: "Material Icons";
    font-size: 24px;
    content: "remove_circle";
    color: #003d68;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    line-height: 24px;
}
.precio .colum_left a:hover {
    margin-top: 0
}
.colum_left a {
    color: #4d95cc;
    text-decoration: none;
    font-size: 10pt!important
}
div.ui-outputpanel.ui-widget.colum_left>a {
    margin-top: 100px!important
}
.content_restult {
    margin-bottom: 10px;
    padding-bottom: 20px
}
#lodgpostFilterForm .ui-button {
    background-image: url(../img/ico_delete.png)!important
}
#lodgpostFilterForm .check {
    background-image: url(../img/ico_check.png)!important
}

.loadingIndicator{
    position: absolute;
    display: none;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 10px;
    padding: 7px;
    background-image: url('../img/loadingIndicator.svg');
    width: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    transition: .2s all ease-in-out;
}
.loadingComboListIndicator{
    position: absolute;
    display: none;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 30px;
    padding: 7px;
    background-image: url('../img/loadingIndicator.svg');
    width: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    transition: .2s all ease-in-out;
}
#mainSearch table[id^='searchForm'] td:nth-child(6){
    position: relative;
}
/* Input form main Search */
span.mainSearch_input > input,
button.fakeButton.ui-button,
button[id$="transportCabins"] {
    font-size: 15px;
    outline: none;
    line-height: 16px;
    font-weight: normal;
    color: var(--text);
    background: #fff;
    border: 4px transparent;
    border-radius: 6px;
    padding: 6px 12px 6px 45px;
    height: 44px;
    text-align: left;
    width: 100%;
    position: relative;
    display: block;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.mainSearch-form .mainSearch_input.location,
.mainSearch-table .mainSearch_input.durations {
    height: 44px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.mainSearch-form .mainSearch_input.location .ui-selectonemenu-label,
.mainSearch-table .mainSearch_input.durations .ui-selectonemenu-label {
    line-height: 0.8;
}
button.fakeButton.ui-button{
    text-transform: initial;
    min-height: fit-content;
    border: 1px solid #ccc;
}
/*Fake button as input*/
button.fakeButton.ui-button > span{
    padding: 0;
}
button.fakeButton.ui-button:hover{
    background: #fff;
}
/*Icons's inputs main Search*/
span.mainSearch_input:before,
button[id$="lodgingPersons"]:before,
button[id$="transportCabins"]:before,
.dateCustom:before{
    font-family: 'Material Icons';
    color: var(--text-grey);
    position: absolute;
    padding: 10px;
    font-size: 24px;
    line-height: 25px;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    text-transform: lowercase;
    pointer-events: none;
}


/* Dialog - Distribution lodging */

.dialog-panel {
    position: absolute !important;
    left: auto !important;
    top: 55px !important;
    right: 0 !important;
    min-width: 720px;
}

.dialog-panel .ui-dialog-titlebar {
    display: none !important;
}

.dialog-panel .ui-dialog-content {
    padding: 0 !important;
    overflow: hidden !important;
}


/* Dialog - Distribution lodging */

.dialog-panel.dialog-panel-paxs {
    padding: 20px;
    width: 100% !important;
    min-width: auto;
    right: initial;
}

.dialog-panel.dialog-panel-paxs .column-control {
    width: 100%;
}

.dialog-panel.dialog-panel-paxs table td {
    vertical-align: middle;
}

.dialog-panel.dialog-panel-paxs .flightForm-input-label {
    padding-right: 50px;
    display: block;
    font-size: 15px;
}

.dialog-panel.dialog-panel-paxs .ui-new-input {
    max-width: 250px;
}

[id$='lodgingPersonsDlg_modal'],
[id$='transportCabinsDlg_modal']{
    background: none !important;
}
span.mainSearch_input.location:before{
    content: "location_on";
}
.dateCustom:before{
    content: "event";
}
button[id$="lodgingPersons"]:before,
button[id$="transportCabins"]:before{
    content: "supervisor_account"
}
/*Hide buttons calendar default*/
span.ui-calendar.dateCustom > button,
body .daterangepicker .input-mini,
.daterangepicker{
    display: none;
}
/*Datepicker CLIENT (Override)*/
.daterangepicker{
    box-shadow: 0px 2px 6px rgba(0,0,0,.23);
    padding: 10px !important;
}
.daterangepicker table{
    border-collapse: inherit;
    border-spacing: 0px 1px;
    font-size: 13px;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td{
    padding: 0;
    border-radius: 0 !important;
    vertical-align: middle;
}
.daterangepicker .calendar td {
    border-radius: 3px !important;
    font-size: 15px;
    width: auto;
    height: auto;
    padding: 8px;
}
.daterangepicker th{
    background: transparent !important;
    color: var(--text-grey);
    font-weight: 400;
    font-size: 14px;
    height: 32px !important;
    cursor: default !important;
}
.daterangepicker th.month {
    font-weight: 600;
    font-size: 18px;
    color: var(--dark);
    text-transform: capitalize;
}
.daterangepicker .calendar .today {
    color: var(--accent-color);
}
.daterangepicker td.in-range:not(.off) {
    background-color: var(--second-color) !important;
    color: #FFF !important;
    border-radius: 0 !important;
}
.daterangepicker td.start-date:not(.end-date) {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.daterangepicker td.end-date:not(.start-date),
.daterangepicker td.end-date.in-range:not(.off) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
}
.daterangepicker td.start-date.end-date {
    border-radius: 50% !important;
}
.daterangepicker td.active:not(.off),
.daterangepicker td.active:not(.off):hover {
    background-color: var(--main-color) !important;
    color: #FFF !important;
}
.daterangepicker td.available:hover {
    background-color: var(--accent-color) !important;
    color: #FFF !important;
}
.daterangepicker.ltr .calendar.left:not(.single) {
    padding-right: 10px !important;
}
.daterangepicker.ltr .calendar.right {
    padding-left: 10px !important;
}
.daterangepicker .calendar tr:first-child th:first-child:before,
.daterangepicker .calendar tr:first-child th:last-child:before {
    font-family: "Material Icons";
    text-transform: lowercase;
    font-size: 26px;
    color: var(--dark);
    border-radius: 50%;
    cursor: pointer;
}
.daterangepicker .calendar tr:first-child th.available:first-child:hover:before,
.daterangepicker .calendar tr:first-child th.available:last-child:hover:before {
    background-color: var(--grey-bg);
    box-shadow: 0 0 0 4px var(--grey-bg);
}
.daterangepicker .calendar tr:first-child th:not(.available):first-child:before,
.daterangepicker .calendar tr:first-child th:not(.available):last-child:before {
    visibility: hidden;
}
.daterangepicker .calendar tr:first-child th:first-child:before {
    content: "keyboard_arrow_left";
}
.daterangepicker .calendar tr:first-child th:last-child:before{
    content: "keyboard_arrow_right";
}
/* Hide duplicate navigation (prev/next) */
.daterangepicker .calendar.left:not(.single) tr:first-child th:last-child:before,
.daterangepicker .calendar.right:not(.single) tr:first-child th:first-child:before {
    content: none;
}
.daterangepicker .calendar.left:not(.single) tr:first-child th:last-child,
.daterangepicker .calendar.right:not(.single) tr:first-child th:first-child {
    cursor: default;
}
.daterangepicker .calendar .off.available {
    visibility: hidden;
    pointer-events: none;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
    text-decoration: none !important;
    color: #d2d2d2 !important;
}
.daterangepicker .ranges {
    display: none;
}
.mainSearch_input,
#mainSearch table[id^='searchForm'] > tbody > tr > td > span > input{
    width: 100%;
    position: relative;
    display: block;
}
button.ui-widget.ui-button:not(.fakeButton)[id$="searchButtonService"] {
    height: 44px;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    margin-right: auto;
    display: block;
    border-radius: 25px;
    font-size: 14px;
}
.titulo {
    margin-left: 0px!important;
    font-size: 20px;
    margin-bottom: 21px!important
}
.titular {
    color: #003d68;
    font-size: 17px;
    margin-left: 13px
}
.paxes-icn-calendario {
    margin-right: 32px
}
.paxes-icn-calendario-input {
    width: 145px!important
}
.reserva-de-alojamiento input {
    width: 180px
}
.messagess input {
    width: 100px!important;
    min-width: 100px!important
}
#lateralSearch #lateralSearch_content div form#searchForm div.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all {
    padding-right: 20px
}
#lateralSearch #lateralSearch_content div form#searchForm div.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.selectDistribution {
    padding-right: 0
}
.ui-chkbox-box {
    background-color: #fff!important
}
#bookingServices ul li {
    float: left;
    width: 100%;
}
#bookingServices ul {
    padding: 0;
    float: left;
    display: block
}
#bookingServices {
    float: left;
}
#bookingServices > div{
    margin: 7px 0px;
    float: left;
}
#booking-actions {
    float: left;
    margin-left: 16px
}
#postSearch tr {
    background-color: transparent!important
}
#postSearch table label,
#postSearch tr {
    font-weight: 400!important
}
.reserva-de-alojamiento tr {
    background-color: transparent!important;
    font-weight: 400!important
}
.reserva-de-alojamiento table label {
    font-weight: 400!important
}
.busqueda-noches-label {
    background-image: url(../img/dropdown-icon.png)!important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    color: #878787!important;
    height: 50px;
    margin-left: 10px;
    margin-top: -1px!important;
    width: 50px;
    background-position: 0;
    font-size: .8em!important;
    padding-left: 20px
}
.busqueda-noches-input {
    width: 43px!important;
    min-width: 43px!important;
    float: left
}
.ui-picklist-list .ui-state-hover {
    color: #026890
}
.ui-chkbox .ui-state-focus {
    background-color: #fff!important
}
#ui-datepicker-div {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.colView1 {
    font-weight: 700
}
.colView1,
.colView2 {
    width: 250px
}
.paddDiv>div {
    padding: 0!important
}
#lodgpostFilterForm .ui-chkbox-box {
    background-color: #fff
}
#lodgpostFilterForm .ui-button {
    background: none repeat-x scroll 50% 50% #79c9ec
}
#lodgpostFilterForm .check {
    background-color: #ff9f19;
    background-image: url(../img/ico_check.png);
    background-repeat: no-repeat;
    margin: 0
}
#lodgpostFilterForm .btnCheckImg span {
    background: none
}
.tdmsgcol1 {
    width: 125px
}
.tdcol1 {
    width: 110px
}
.paxCalendar input {
    width: 145px
}
.pick2 .ui-picklist-target-controls {
    margin: 29px 0 0 -2px!important
}
.textRight {
    text-align: right;
}
.textCenter {
    text-align: center;
}
.textRight label {
    display: initial !important;
    float: none !important;
}
.paxesTable a {
    color: #ff9f19
}
#changePass input,
#newUsersForm input {
    min-height: 23px;
    width: 380px
}
#loginPanel button:hover {
    background-color: #a16510!important
}
.adultAge {
    display: inline-block;
    position: relative;
}
.semibold {
    font-weight: 600;
}
.bold {
    font-weight: 700;
}
.ui-selectonemenu-items-wrapper {
    min-width: 50px;
}
.ui-autocomplete-panel table td span.entity {
    font-weight: 600;
    float: right;
    font-size: 12px;
    margin-right: 20px;
}
tr.ui-autocomplete-item > td.CITY:before,
tr.ui-autocomplete-item > td.ZONE:before,
tr.ui-autocomplete-item > td.LODGING:before,
tr.ui-autocomplete-item > td.POI:before,
tr.ui-autocomplete-item > td.TRAIN_STATION:before,
tr.ui-autocomplete-item > td.TRANSPORT_STOP:before,
tr.ui-autocomplete-item > td.PORT:before,
tr.ui-autocomplete-item > td.AIRPORT:before {
    font-family: "Material Icons";
    right: 0;
    position: absolute;
    font-size: 22px;
    padding: 0px 8px;
}
tr.ui-autocomplete-item > td.CITY:before {
    content: "location_city";
}
tr.ui-autocomplete-item > td.AIRPORT:before {
    content: "local_airport";
}
tr.ui-autocomplete-item > td.PORT:before {
    content: "directions_boat";
}
tr.ui-autocomplete-item > td.TRANSPORT_STOP:before {
    content: "directions_bus";
}
tr.ui-autocomplete-item > td.TRAIN_STATION:before {
    content: "train";
}
tr.ui-autocomplete-item > td.LODGING:before {
    content: "hotel";
}
tr.ui-autocomplete-item > td.POI:before,
tr.ui-autocomplete-item > td.ZONE:before {
    content: "location_on";
}
tr.ui-autocomplete-item > td.COUNTRY {
    background-image: url(../img/country.png)
}
tr.ui-autocomplete-item > td.CITY,
tr.ui-autocomplete-item > td.COUNTRY,
tr.ui-autocomplete-item > td.AIRPORT,
tr.ui-autocomplete-item > td.ZONE {
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-size: 25px;
    position: relative;
    padding: 10px 20px !important;
    width: 40px;
    font-size: 15px;
}
.suggestDestinationSearch table {
    background-color: #fff!important;
    border: 0!important
}
.ui-blockui-content {
    top: 236.5px!important;
    position: fixed
}
.ui_tpicker_hour_slider,
.ui_tpicker_minute_slider {
    background-color: #fff
}


/* Autocomplete -  Destination */

.autocomplete-destination-panel .ui-autocomplete-group.ui-widget-header {
    display: none;
}

.autocomplete-destination-panel {
    min-width: 450px;
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type:before {
    font-family: "Material Icons";
    font-size: 24px;
    padding: 0 15px 0 0;
    display: inline-block;
    vertical-align: middle;
    /* Reset default values */
    position: initial;
    top: initial;
    right: initial;
    bottom: initial;
    background-image: none;
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.CITY:before,
.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.ZONE:before,
.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.CITYZONE:before {
    content: "location_on";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.COUNTRY:before {
    content: "language";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.POI:before {
    content: "place";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.AIRPORT:before {
    content: "flight";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.LODGING:before {
    content: "hotel";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.EXCURSION:before,
.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.LANDTOUR:before {
    content: "directions_walk";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.SERVICE:before {
    content: "local_activity";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.TICKET:before {
    content: "local_play";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.HEALTH_BEAUTY:before {
    content: "spa";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.SNOW:before {
    content: "ac_unit";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.INSURANCE:before {
    content: "security";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.PORT:before {
    content: "directions_boat";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.TRAIN_STATION:before {
    content: "train";
}

.autocomplete-destination-panel tr.ui-autocomplete-item .autocomplete-type.TRANSPORT_STOP:before {
    content: "directions_bus";
}

.autocomplete-destination-panel .autocomplete-type.LODGING .autocomplete-type-name {
    display: none; /* Hide*/
}

.autocomplete-destination-panel .autocomplete-name {
    vertical-align: middle;
    display: inline-block;
    font-size: 15px;
    padding-right: 15px;
    font-weight: 600;
}

.autocomplete-destination-panel .autocomplete-name-alt {
    margin-left: -15px;
}

.autocomplete-destination-panel .autocomplete-type-name {
    color: var(--text-grey);
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
}


/*ofertas*/

.icons_circuitos {
    position: absolute;
    z-index: 2;
    width: 68px;
    height: 66px;
    left: 347px;
    top: 10px
}
.oferta_texto_masinfo_banner {
    font-size: 20px;
    margin-left: 5px;
    margin-top: -20px
}
.fechas {
    left: 20px;
    position: absolute;
    top: 28px
}
.content_precio {
    display: block;
    margin-top: 19px;
    width: 400px
}
.desde {
    margin-left: 20px;
    margin-top: -10px
}
.contratar {
    background-color: #ff9f19;
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: 700;
    padding: 5px;
    text-align: center;
    width: 120px
}
.descubre_beneficios {
    color: #002856;
    float: left;
    padding: 5px
}
.descubre_beneficios,
.descubre_beneficios a {
    text-decoration: underline
}
/*Ficha paquete*/

.detalle_paquete {
    background-color: #eff1ee!important
}
.detalle_paquete .item {
    background-color: #fff!important;
    padding: 20px;
    width: 745px;
    float: left;
    margin-bottom: 20px;
    position: relative;
    color: #777;
    font-family: 'Montserrat';
    font-size: 12px
}
.detalle_paquete .item .titular_text_gris {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}
.detalle_paquete .item .img_item {
    float: left;
    width: 130px
}
.detalle_paquete .item .text_item {
    float: right;
    width: 610px;
    text-align: left
}
.detalle_paquete .item .text_item .tit_text_item {
    float: left;
    width: 610px;
    text-align: left;
    color: #117bbd;
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}
.detalle_paquete .item .text_item .copy_text_item {
    float: left;
    width: 610px;
    text-align: left
}
.detalle_paquete .item .precio_text_item {
    color: #e98a13;
    font-family: 'Montserrat';
    font-size: 20px;
    position: absolute;
    right: 50px;
    text-align: right;
    top: 20px;
    width: 300px
}
.oferta_texto_destacada_2 {
    background-image: url(../img/background_white.png);
    background-repeat: repeat-x;
    height: 70px;
    position: absolute;
    top: 200px;
    width: 426px
}
.oferta_texto_h2_2 {
    color: #002856;
    font-size: 16px;
    line-height: 14px;
    margin-left: 20px;
    margin-top: 8px;
    width: 405px
}
#content_2 {
    overflow: hidden;
    position: relative;
    color: #fff!important;
    min-height: 453px;
    border-bottom: 4px solid #ff9f19;
    width: 765px;
    float: left
}
#content_2_content {
    padding: 0;
    margin: 0 auto
}
form#hotelResult .resultPanels .ui-paginator {
    border: 0!important
}
form#transportResult .ui-paginator {
    /*background-color: #f0f0f0!important;*/
    border: 0!important
}
/*Cambios paquetes**/

#resultList .box {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 10px 15px
}
#panelDistribution fieldset {
    border: medium none
}
#resultList table {
    table-layout: auto
}
.packageResults .companyImage {
    width: 60px
}
.transferPackageText {
    font-size: .9em;
    padding-left: 5px;
    padding-right: 10px
}
#postFiltersDialog .ui-button {
    background: #003d68!important;
    padding: 6px;
    float: right;
    display: block;
    border-radius: 0;
    border: 0;
    font-size: 15px;
    height: 30px;
    font-family: 'Montserrat'
}
#postFiltersDialog h4 {
    font-size: 16px;
    font-family: 'Montserrat';
    margin-top: 0;
    line-height: 0
}
#postFiltersDialog h4,
#postFiltersDialog p {
    color: #888;
    line-height: 5px
}
#contentComponentDialog .pack_content {
    margin: 0 auto;
}
#contentComponentDialog .pack_content .component-selected-info-wrapper{
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 140px;
}
.pckgModal {
    top: 218px
}
#contentComponentDialog .confirm_hotel {
    max-width: 215px
}
#searchContent .tabla_precios {
    width: 480px!important
}
#contentComponentDialog .desc,
#contentComponentDialog .name,
#contentComponentDialog .tittle {
    width: 540px
}
#packpostFilterForm .ui-icon.ui-icon-triangle-1-s {
    background-image: none!important
}
#packpostFilterForm .ui-accordion-header {
    width: 146px!important
}
.dateRoute {
    font-weight: 700;
    font-size: 1.2em
}
#lbDetailSearch .widget-book {
    background: none repeat scroll 0 0 #eff1ee!important
}
#lbDetailSearch .widget-book-content {
    background: none repeat scroll 0 0 #fff
}
.max-component-width {
    max-width: 290px
}
.peopleBreakdown {
    font-size: 14px
}
.peopleBreakdown .bdAges {
    clear: both;
    float: left
}
.peopleBreakdown .bdAgesDetail {
    display: block;
    float: left;
    clear: left;
    font-size: 12px
}
.peopleBreakdown .bdPrice,
.peopleBreakdown .bdSubTotalPrice {
    display: block;
    float: right;
    clear: right;
    margin-right: 11px
}
.peopleBreakdown .bdSubTotalPrice {
    border-top: solid;
    margin-top: 6px;
    border-width: 1px
}
.peopleBreakdown .bdTotalPrice {
    display: block;
    float: right;
    margin-right: 11px;
    font-weight: 700;
    padding-top: 17px
}
.peopleBreakdown .infoMessage {
    float: left;
    font-size: 9px;
    padding: 22px 0 0 3px;
    display: block
}
.peopleBreakdown .bdTotalPrice02 {
    display: block;
    float: right;
    margin-right: 11px;
    font-weight: 400;
    color: #023672;
    font-size: 2em
}
.peopleBreakdown .bdSeparator {
    clear: both;
    border-bottom: 1px solid #4bb9dc;
    padding-top: 11px;
    margin-bottom: 10px
}
.bg-grey {
    background: none repeat scroll 0 0 #eff1ee
}
.no-padding-ul ul {
    padding-left: 0
}

#extraInfoTemplatePackage .ui-state-disabled {
    opacity: 1!important
}
#extraInfoTemplatePackage .ui-autocomplete {
    display: inline-table!important
}
#extraInfoTemplatePackage .buscador-de-reservas label {
    padding-left: 10px;
    padding-top: 5px
}
#extraInfoTemplatePackage a {
    color: #ff9f19;
    text-decoration: underline
}
.cleanBooking {
    font-weight: 700;
    font-size: 16px
}
.component-selected {
    border-top: 4px solid #cb7f14;
    border-right: 4px solid #cb7f14;
    border-bottom: 10px solid #cb7f14;
    border-left: 4px solid #cb7f14;
    margin-top: 10px!important
}
.component-selected-info {
    display: flex;
    justify-content: space-between;
}
.tagsProduct:first-child:before {
    content: "A" "ñ" "adir m" "á" "s:";
    margin-right: 10px;
    font-weight: 700;
    color: #003d68!important
}
.tagsProduct1 {
    clear: both;
    color: #003d68!important;
    position: absolute;
    right: 10px;
    bottom: 10px
}
.tagsProduct a {
    color: #ff9f19!important
}
.overflowHidden {
    overflow: hidden
}
.titlePackRelated {
    display: block;
    font-size: 1.8em;
    font-weight: 400;
    color: #4bb9dc
}
.tagsProductPack {
    float: right;
    margin: 5px 0
}
.seatsStyleList ul li {
    display: inline
}
#extraInfo input {
    min-width: 0!important
}
.seatsStyleList ul {
    padding: 0 5px 15px;
    white-space: nowrap;
    width: 0
}
#extraInfo .reserva-de-alojamiento input {
    width: auto!important
}
.blue-title {
    color: #003d68;
    margin-top: 5px;
    display: table;
    vertical-align: middle;
}
.blue-title > * {
    display: table-cell;
    vertical-align: middle;
}
.imgTrans {
    padding-left: 10px;
    vertical-align: middle
}
#transferPanel .reserva-de-alojamiento input {
    min-height: 23px;
    width: 180px!important;
    margin-bottom: 0!important
}
#transferPanel .reserva-de-alojamiento .ui-autocomplete-input {
    width: 166px!important
}
#transferPanel .reserva-de-alojamiento .ui-autocomplete-dropdown {
    padding: 0;
    width: 28px!important
}
#transferPanel .reserva-de-alojamiento .ui-autocomplete-dropdown .ui-icon-triangle-1-s {
    height: 16px;
    width: 16px
}
.maxht200OverflowyAuto {
    max-height: 200px!important;
    overflow-y: auto
}
.maxht400OverflowyAuto {
    max-height: 400px!important;
    overflow-y: auto
}
.maxht500OverflowyAuto {
    max-height: 500px!important;
    overflow-y: auto
}
.maxht600OverflowyAuto {
    max-height: 600px!important;
    overflow-y: auto
}
.maxht700OverflowyAuto {
    max-height: 700px!important;
    overflow-y: auto
}
.tbl-data-transport table {
    table-layout: auto
}
.toupper {
    text-transform: uppercase
}
.link-pkg {
    cursor: pointer;
    text-decoration: underline
}
.physicalMapDialog ul {
    padding-left: 0
}
.physicalMapDialog input {
    min-width: 0
}
.tabViewFilters h3 {
    width: 160px!important
}
.tabViewFilters .ui-icon-triangle-1-s {
    margin-top: 4px!important;
    top: 0!important
}
.border-black {
    border-color: #000!important
}
#extraInfoTemplatePackage ul {
    padding-left: 0
}
.seat-bookable {
    cursor: pointer
}
.componentePaquete {
    margin-bottom: 10px
}
.tituloComponentePaquete {
    border-bottom: 1px solid #003d68;
    font-size: 11pt;
    margin-bottom: 10px;
    margin-top: 20px;
    color: #003d68;
    background-color: #ececec
}
.tituloComponentePaquete img {
    margin: 2px 10px;
    vertical-align: middle
}
#policyRates {
    padding: .5em 1em
}
#policyRates .policyRates {
    background: #9c9b9b none repeat scroll 0 0!important;
    color: #fff;
    padding: 5px 5px 5px 9px;
    text-transform: uppercase;
    width: 100%;
    margin-left: -14px
}
.font-title-selection {
    font-weight: 700;
    font-size: 1.2em
}
.lineItineraries ul {
    padding-left: 0!important
}
.physicalMapDialog input {
    height: 15px!important;
    width: 40px!important;
    padding: 2px
}
.physicalMapDialog .ui-dialog-content {
    background: #fff none repeat scroll 0 0
}
.link-orange {
    text-decoration: underline;
    color: #ff9f19!important
}
.ui-state-highlight .ui-icon {
    background-image: url(/b2b/javax.faces.resource/images/ui-icons_f5e175_256x240.png.jsf?ln=primefaces-start)
}
.pkg-noresult-text {
    padding-top: 100px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    width: 100%;
}
.pkg-noresult-btn {
    padding-top: 20px;
    text-align: center
}
.double-column {
    -webkit-column-count: 2;
    column-count: 2
}
.double-column,
.triple-column {
    text-transform: capitalize;
    color: #696c64;
    font-size: 13px;
    padding: 3px
}
.triple-column {
    -webkit-column-count: 3;
    column-count: 3
}
.quad-column {
    -webkit-column-count: 4;
    column-count: 4;
    text-transform: capitalize;
    color: #696c64;
    font-size: 13px;
    padding: 3px
}
.tariffConditions {
    padding-left: 20px;
    text-decoration: underline;
    color: #002856
}
.ui-treenode-leaf-icon{
    display: none !important;
}
.tariffSeparator {
    clear: both;
    border-bottom: 1px solid #4bb9dc;
    padding-top: 11px;
    margin-bottom: 10px
}
.pkgComponentList ul {
    padding: 0!important
}
.panel_black {
    background-image: url(../diadelabuelo/img/background_white.png);
    background-repeat: repeat-x;
    height: 70px;
    position: absolute;
    top: 243px;
    width: 426px;
    z-index: 10
}
.panel_black .content_precio,
.panel_black .fechas {
    float: left;
    display: block;
    width: 90%;
    margin-top: 10px
}
.mainSearch-form p span button:last-of-type {
    background-color: #003d68!important;
    margin-bottom: 10px;
    float: left;
    width: 100%!important
}
.mainSearch-form p span button:last-of-type:hover {
    background-color: #4d95cc!important
}
#packageSearchForm .ui-selectmanymenu {
    background: #4bb9dc none repeat scroll 0 0!important;
    color: #fff
}
#packageSearchForm .ui-selectmanymenu .ui-chkbox {
    padding-right: 5px
}
#packageSearchForm .ui-selectmanymenu .ui-state-hover {
    background: #4bb9dc none repeat scroll 0 0!important;
    color: #fff
}
#packageSearchForm .ui-selectmanymenu .ui-state-hover span {
    background: #fff;
    color: #fff
}
#searchPackageAvailForm .ui-selectmanymenu {
    background: #4bb9dc none repeat scroll 0 0!important;
    color: #fff
}
#searchPackageAvailForm .ui-selectmanymenu .ui-chkbox {
    padding-right: 5px
}
#searchPackageAvailForm .ui-selectmanymenu .ui-state-hover {
    background: #4bb9dc none repeat scroll 0 0!important;
    color: #fff
}
#searchPackageAvailForm .ui-selectmanymenu .ui-state-hover span {
    background: #fff;
    color: #fff
}
input[type=text].bookable {
    background-color: #fff!important
}
input[type=text].booked {
    background-color: #c3d9ff!important
}
input[type=text].notBookable {
    color: #36393d;
    background-color: #36393d!important
}
div.cabeceraPaquetes div.imgCabecera div#detailComponent div.flo-l h1 {
    font-size: 25px;
    margin-top: -1px;
    color: #003d68!important;
    max-width: 355px
}
div#detailComponent div.flo-l {
    height: 25px
}
#lodgpostFilterForm .ui-button {
    background-color: transparent!important;
    background-image: url(../img/ico_delete.png);
    background-repeat: no-repeat;
    margin: 0
}
div#hotelResult {
    background-color: #000
}
.diferencialPrice {
    font-weight: normal;
    font-size: 13px;
    margin-top: 3px;
}
#confirmarHotel>div#suplementos {
    margin-bottom: 0
}
p span.observaciones {
    font-size: 15px;
    display: block;
    margin-bottom: 20px;
    margin-left: -9px;
    color: #6f6f6f
}
p span.bold {
    display: block;
    margin-bottom: 5px!important;
    color: #003d68
}
div.content_content.ui-widget-content {
    color: #6f6f6e!important
}
div.content_content div[id^=j_] {
    margin-top: 10px!important
}
div#content_content.ui-panel-content.ui-widget-content div[id^=j_]>div>p:first-child>span {
    color: #003d68;
    font-weight: bolder
}
.ui-panel .ui-panel-titlebar {
    background: #003d68!important;
    border: 0 none!important;
    margin: 0 -2px;
    padding: 1.5em 1em .3em;
    color: #fff;
    width: 95%;
    height: 20px;
    line-height: 3px!important
}
.ui-grid-col-4 {
    padding-left: 2px;
    width: 33.33333% !important;
}
.ui-datagrid-column {
    padding: 5px
}
/* ------ LOGIN SCREEN ------- */
#content_login .ui-widget-header {
    background: none!important;
    border: none!important
}
form#loginForm div[id*=loginForm] .ui-widget-header {
    background-color: inherit !important;
    border: none;
}
form#loginForm div[id*="loginForm:loginError"] .ui-widget-header {
    background-color: var(--accent-color) !important;
}
form#loginForm div[id*="loginForm:accessDenied"] .ui-widget-header {
    background-color: var(--accent-color) !important;
}

/* ------- HEADER -------- */
/* -------- ZONA DE LOGIN DE USUARIO --------- */
/* --- nombre de usuario --- */

#logout,
#logout a {
    color: #003d68
}
#logout a:hover {
    color: #4d95cc;
    font-weight: 700
}
/* --- Nombre de la agencia --- */

#headerAgency {
    max-width: 280px;
    display: inline-block;
    vertical-align: middle
}
/* --- Teléfono de atención agencias --- */

#clientservice {
    font-size: 11px;
    position: absolute;
    top: 20px;
    left: 340px;
    text-align: left;
    min-width: 300px
}
#clientservice>p:first-child {
    font-size: 13px;
    text-align: left;
    margin-bottom: 4px
}
#clientservice>br {
    display: none
}
#clientservice img {
    display: inherit
}
#login_text {
    margin-bottom: 20px
}
#infoHeader {
    position: relative;
    font-size: 11px;
    line-height: 14px;
    margin-right: 3px;
    color: #003d68;
    text-align: right
}
/* ------- MENÚ DEL SITE -------- */
#optionsMenu .ui-menubar .ui-menuitem {
    width: 22%;
    margin: 0;
    padding: 0
}
#optionsMenu .ui-menu .ui-menuitem-text {
    float: none;
    text-align: center;
    box-sizing: border-box;
    height: 100%;
    display: inline-block;
    height: 300px;
    position: relative;
}
#optionsMenu .ui-menu ul.ui-menu-list {
    color: #000;
    padding: 0;
    margin: 0;
    box-sizing: border-box
}
#optionsMenu .ui-menu ul.ui-menu-list li.ui-menuitem {
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center
}
#optionsMenu .ui-menu ul.ui-menu-list li.ui-menuitem:hover {
    background-color: #fff;
    color: #fff
}
#optionsMenu .ui-menu ul.ui-menu-list li.ui-menuitem a.ui-menuitem-link {
    color: #003d68;
    min-width: 22%!important;
    height: 100%;
    padding: 17px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    font-size: 19px;
    width: 100%;
}
#optionsMenu .ui-menu ul.ui-menu-list>:first-child {
    width: 12%;
    margin: 0 auto!important;
    padding: 0!important
}
#optionsMenu a[id*=option5] {
    background: url(../img/home70x70.png) no-repeat 50%;
    background-size: 35px;
    border-left: 0 solid #fff!important;
    margin: 20px
}
#optionsMenu a[id*=option5] span {
    display: none
}
.ui-tieredmenu .optionsMenu {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 4px 0;
    background-color: #fff;
    min-width: 173.5px;
    text-align: center;
}
.ui-tieredmenu .ui-menuitem-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: background 0.2s, color 0.2s;
    border-radius: 4px;
}
.ui-tieredmenu .ui-menuitem-link:hover {
    background-color: #f5f7fa;
    color: #005bbb;
}
.ui-tieredmenu .item-activo {
    background-color: #005bbb !important;
    color: #fff !important;
}
.ui-tieredmenu .optionsMenu .ui-state-disabled .ui-menuitem-link {
    color: #aaa !important;
    cursor: not-allowed;
    background: none !important;
}
#optionsMenu .item-activo {
    background-color: #d8d8d8
}
#optionsMenu li a span.ui-menuitem-text {
    height: inherit!important
}
#optionsMenu [id*=option5][class*=hover] {
    background-color: #fff;
    background-image: url(../img/home70x70.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.submenu-white .ui-menu-child {
    background:#ffffff !important;
}
/* --------- MENÚ PRIVADO DE AGENCIAS -------- */

#privateBookingSearch,
#privateMenu {
    color: #fff
}
#privateMenu .columna1,
#privateMenu .columna2 {
    float: left
}
#privateMenu a:hover {
    color: #4d95cc
}
#privateMenuForm {
    width: 1013px;
    height: 90px;
    margin-top: -20px;
    background: #003d68
}
#privateMenuForm .columna1 br,
#privateMenuForm .columna1 strong,
#privateMenuForm .columna2 strong {
    display: none
}
#privateMenuForm a {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 12pt;
    text-decoration: none;
    line-height: 0;
    color: #003d68
}
#privateBookingSearch {
    line-height: 36px;
    box-sizing: border-box;
    float: right
}
#privateBookingSearch strong {
    display: none
}
#privateMenuForm button {
    margin-top: 10px;
    padding: 7px;
    background-color: #ff9f19;
    color: #fff;
    margin-right: 207px;
    font-size: 12pt;
    height: 31px
}
#price-item {
    font-weight: 700;
    font-family: 'Montserrat';
}
.carrito .options {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding: 10px 0 0
}
.carrito .total {
    color: #696c64
}
.carrito img {
    float: right;
    margin: 1px 0 2px 3px
}
.carrito .item {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding: 10px 0 0
}
.mostrarCarrito {
    cursor: pointer
}
#mostrarCarritoItems ul {
    padding: 0
}
/*------------PANEL CONTROL -------------*/

#users {
    background-position: 10px 10px;
    background-size: 20px 20px;
    margin: 56px 0 0 -10px;
    min-height: 106px;
    width: 197px
}
#users,
#usersmin {
    background-color: #fff;
    background-repeat: no-repeat;
    box-shadow: 1px 2px 5px 1px hsla(0, 0%, 78%, .75);
    padding: 4px;
    position: absolute;
    z-index: 100
}
div#users.usuarios div {
    margin: 5px
}
.titleUsers {
    color: #003d68;
    font-size: 14pt;
    padding-left: 24px;
    padding-top: 6px
}
.titleUsers,
.users {
    font-weight: 700;
    font-family: 'Montserrat';
    text-align: left
}
.users {
    font-size: 15px;
    padding-left: 5px
}
.users a {
    color: #003d68!important
}
.users div {
    padding-top: 10px
}
/* -------- RASTRO DE MIGAS -------- */

#breadCrumbForm {
    background-color: #f0f0f0;
    font-size: 1.7em;
    height: 28px;
    line-height: 28px;
    padding-left: 23px;
    margin-left: 0;
    margin-right: -3px
}
#breadCrumbForm .link-selected {
    font-weight: 700
}
#breadCrumbForm .link-disabled {
    color: #4d95cc!important;
    font-size: 11pt;
    font-weight: 700
}
#breadCrumbForm .link-inactive {
    color: #9c9b9b;
    font-weight: 700
}
#breadCrumbForm span {
    padding-left: 19px;
    color: #6f6f6e;
    font-size: 11pt
}
#breadCrumbForm a {
    padding-left: 19px
}
/* -------- RESULTADOS DE BÚSQUEDA -------- */

#transportSearchResult,
.resultadoBusqueda {
    float: left;
    color: #ce9d60
}
[id$='resultadoBusqueda'],
#transferSearchResult,
#transportSearchResult {
    float: left;
    margin: 0 0 10px;
    min-height: 35px;
    padding-left: 15px;
    line-height: 35px
}
.map {
    background-image: url(../img/map.png);
    background-repeat: no-repeat;
    background-position: left top 4px;
    display: block;
    float: left;
    padding-left: 25px;
    padding-top: 0!important;
    color: #003d68!important
}
a.map:hover {
    color: #4d95cc!important
}
[id*=transportResult] td {
    font-size: 8pt
}
[id*=transportResult] th {
    font-size: 6pt
}
[id*=transferResult] td,
[id*=transportResult] tr {
    font-size: 8pt
}
[id*=transferResult] th {
    font-size: 6pt
}
[id*=transferResult] tr {
    font-size: 8pt
}
[id*=transferResult] div.ui-radiobutton-box,
[id*=transportResult] div.ui-radiobutton-box {
    background-color: #d8d8d8
}
#resultadoBusqueda p {
    margin: 0
}
.result-separate {
    border-bottom: 5px solid #f0f0f0!important
}
.ui-tabmenu .ui-tabmenu-nav {
    margin: 0 0 10px
}
div[id*=hotelResult] .quad-column {
    margin-bottom: 30px
}
/* --------- TABLA DE PRECIO DE HOTELES -------- */

.tabla_precios th {
    background-color: #f0f0f0!important;
    color: #585857!important;
    padding: 5px;
    text-align: left;
    text-transform: capitalize;
    font-size: 10pt
}
.tabla_precios td {
    height: 40px;
    border-bottom: 1px solid #dcdcdc!important
}

.featuresWrapper td {
    height: 40px;
    border-bottom: 0px solid #dcdcdc!important;
    padding: 2px
}

.featuresWrapper tr {
    padding: 5px;
    text-align: center;
    font-size: 10pt
}

.ui-datepicker-calendar tbody {
    background-color: #fff
}
.tabla_ancho {
    width: 100%
}
.tabla_precios label {
    display: block;
    float: left;
    font-weight: 700;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px
}
#suplementos h4 {
    float: left!important;
    color: #6f6f6e;
    font-weight: lighter;
    font-size: 10pt;
    margin-top: 5px
}
#suplementos a {
    color: #4d95cc!important;
    text-decoration: none!important
}
#suplementos a:hover {
    font-weight: 700
}
#suplementos label.ui-outputlabel {
    color: #4d95cc!important;
    text-decoration: none;
    font-size: 12px;
    text-transform: capitalize!important
}
#suplementos label.ui-outputlabel:hover {
    font-weight: 700
}
#suplementos label .ui-state-active {
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0!important
}
/* --- color de los precios --- */

.redPrice {
    color: #ff6f2d
}
#priceResults:not(.redPrice) label {
    color: #003d68
}
#priceResults .redPrice label {
    color: #ff6f2d
}
/* -------- PÁGINA DE HOTEL CON GALERÍA ------ */

div#content_content .reserva-content {
    padding-left: 0
}
#item-hotel {
    overflow: hidden
}
#item-hotel>img {
    height: 220px;
    float: left;
    margin-right: 20px
}
#item-hotel>div {
    color: #9c9b9b;
    font-size: 10pt
}
div#info-hotel p {
    padding-right: 20px
}
div#content_content div.ui-galleria:not(.ui-galleria-visible):first-of-type {
    display: none
}
div.ui-selectmanymenu {
    box-shadow: none !important;
    border: none !important;
    display: inline-block;
    width: 100%;
}
::-webkit-input-placeholder {
    color: #8c8c8c
}
:-moz-placeholder,
::-moz-placeholder {
    color: #8c8c8c
}
:-ms-input-placeholder {
    color: #8c8c8c
}
.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: 8px;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 2px;
}
.ui-datepicker td a {
    color: var(--text);
}
table.ui-datepicker-calendar td a.ui-state-active,
.ui-datepicker td.ui-datepicker-current-day a {
    background: var(--main-color);
    color: #fff;
}
table.ui-datepicker-calendar td a:hover {
    background-color: #003d68;
    color: #fff
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item:hover,
li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all:hover {
    background-color: var(--grey-bg);
}
.ui-message-error-icon,
.ui-message-fatal-icon,
.ui-message-info-icon,
.ui-message-warn-icon,
.ui-messages-error-icon,
.ui-messages-fatal-icon,
.ui-messages-info-icon,
.ui-messages-warn-icon {
    background-image: url(../img/alert-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0!important
}
div[id^=packageSearchForm] .ui-icon-triangle-ui-c {
    margin-left: 16px
}
.boxCampanias {
    min-height: 81px;
    position: relative;
    overflow: hidden
}
.boxCampanias p {
    margin-bottom: 10px;
    margin-top: 1px
}
.boxCampanias p.bordeBott {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px
}
.boxCampanias p.fechas {
    color: #0f4d08;
    font-size: 16px
}
.boxCampanias p.fechas b {
    font-weight: 700
}
.boxCampanias .resumen {
    background-color: var(--grey-bg);
    color: #003d68!important;
    font-size: 17px!important;
    overflow: hidden;
    border: 0;
    padding: 10px;
    margin-bottom: 20px!important;
    height: 150px
}
#campaignDetailForm .boxCampanias .resumen,
#campaignsForm .boxCampanias .resumen {
    height: inherit
}
.boxCampanias p.resumen span:first-letter {
    text-transform: uppercase!important
}
.boxCampanias div.resumenHead,
.boxCampanias p.resumenHead {
    background-color: #ededed;
    padding: 10px 10px 0;
    padding-left: 10px;
    font-size: 17px;
    overflow: hidden !important;
    height: 180px !important;
    color: #221c6f;
}
.boxCampanias div.resumenHead img:not([src*="ico_delete.png"]),
.boxCampanias p.resumenHead img:not([src*="ico_delete.png"]) {
    display: none
}
.boxCampanias img[src*="ico_delete.png"] {
    padding: 3px;
    position: absolute;
    top: 15px;
    right: 10px;
    background: #fff;
    border-radius: 3px
}
.boxCampanias .resumen img {
    width: 230px;
    height: 150px;
    margin-right: 1%;
    float: left
}
.boxCampanias div.resumenHead img[src*="ico_delete.png"],
.boxCampanias p.resumenHead img[src*="ico_delete.png"] {
    width: 15px!important;
    height: 15px;
    background-color: var(--grey-bg);
    padding: 3px
}
.boxCampanias div.resumenHead img[src*="ico_delete.png"]:hover,
.boxCampanias p.resumenHead img[src*="ico_delete.png"]:hover {
    background-color: #4d95cc
}
.boxProductType {
    width: 127px;
    float: right;
    background-color: #fe642e;
    color: #fff!important;
    border: 1px solid #000;
    margin-right: 10px;
    padding: 10px;
    margin-top: 5px
}
.boxProductType span {
    padding: 0!important
}
.boxCampaign {
    padding: 3px;
    text-align: center
}
.boxCampaignLodging {
    padding: 3px 0 3px 37px
}
.boxCampaignPackages {
    padding: 3px 0 3px 33px
}
.boxCampaignTours {
    padding: 3px 0 3px 36px
}
#campaignsForm #featured {
    margin-right: 0;
    float: right
}
#campaignsForm article.bigHighlight {
    width: 100%
}
#campaignsForm h1 {
    font-size: 1.5em;
    border-bottom: 1px solid #003d68;
    margin-top: 40px;
    color: #003d68!important
}
#campaignsForm [src*="notificationsW.png"] {
    width: 22px!important;
    height: 22px!important
}
.boxCampanias .resumen span.tabla_links.buscador-de-links {
    background: #fff;
    position: absolute;
    top: 10px;
    left: 726px;
    padding: 10px;
    border-radius: 5px;
    width: 170px!important;
    height: 110px
}
#campaignDetailForm span.tabla_links.buscador-de-links,
#campaignsForm span.tabla_links.buscador-de-links {
    background: #fff;
    position: relative;
    top: 0;
    right: 10px;
    padding: 10px;
    border-radius: 5px;
    width: 170px!important
}
table[id*=productTypeCampaign] {
    width: 100%
}
table[id*=productTypeCampaign] tbody tr td:first-of-type {
    width: 20px
}
table[id*=productTypeCampaign] tbody tr td .ui-radiobutton {
    background: #ececec;
    border-radius: 50%;
    width: 17px
}
#lodgingSearch div.ui-dialog-content.ui-widget-content {
    background-color: var(--grey-bg);
}
#campaignsForm .ui-selectmanymenu .ui-chkbox {
    padding-right: 5px
}
#campaignsForm .ui-selectmanymenu .ui-state-hover {
    background: #fff!important
}
#campaignDetailForm .boxCampanias {
    width: 100%
}
#campaignDetailForm .boxProduct {
    max-width: 997px;
    margin-left: 20px!important;
    background: var(--grey-bg);
    margin-bottom: 20px
}
#campaignDetailForm .boxProduct .title {
    color: #003d68
}
#campaignDetailForm .boxProduct .desc {
    padding-left: 10px;
    width: 700px
}
#campaignsForm .boxCampanias {
    width: 100%
}
#campaignsForm .boxProduct {
    max-width: 997px;
    margin-left: 20px!important;
    background: var(--grey-bg);
    margin-bottom: 20px
}
#campaignsForm .boxProduct .title {
    color: #003d68
}
#campaignsForm .boxProduct .desc {
    padding-left: 10px;
    width: 700px
}
.descCmp {
    padding-left: 150px
}
div.resultado.rBox .descCmp {
    padding-left: 250px
}
.titleCmp {
    color: #4d95cc!important
}
h2.titleCmp.descCmp span>a {
    font-size: 20px!important
}
#campaignsForm .campaignLabels li {
    display: inline;
    padding-right: 10px
}
#campaignsForm .campaignLabels {
    width: 100%
}
#campaignDetailForm .boxProduct .image,
#campaignsForm .boxProduct .image {
    margin-right: 20px;
    width: 230px;
    height: 130px;
    float: left;
    margin-left: -7px!important;
    margin-top: -18px
}
.boxCampanias .resumen span {
    width: 50%!important
}
.boxCampanias .resumen span.ui-radiobutton-icon.ui-icon.ui-icon-bullet {
    width: 100%!important
}
.boxCampanias div.resumenHead>span,
.boxCampanias p.resumenHead>span {
    min-height: inherit!important;
    font-size: 18px
}
table[id*=areaSelect] {
    margin: 15px
}
#campaingSelected {
    background: #ffba5c;
    padding: 5px;
    font-size: 14px;
    border-radius: 3px;
    margin-bottom: 16px;
    color: #fff
}
#campaingSelected img {
    margin: 4px;
    width: 6%!important
}
.boxCampanias p.resumenHead~div {
    position: absolute;
    top: 18px!important;
    left: 74px
}
.buscador-de-reservas tr {
    border: none;
    background: transparent;
}
.buscador-de-reservas label {
    margin-top: 0;
    color: black;
}
#bookingSearchPanel fieldset {
    padding: 25px;
    margin-top: 25px;
    background-color: var(--grey-bg);
    border: 0 solid #fff;
    margin-left: -17px;
    width: 956px
}
#bookingSearchPanel fieldset > legend {
    font-size: 24px;
    color: var(--text);
    padding: 0 10px;
    position: relative;
    bottom: 30px;
    left: -27px;
    font-weight: bold;
}
#bookingSearchPanel fieldset td,
#homeForm fieldset th,
#homeForm fieldset tr {
    background-color: transparent
}
#bookingSearchPanel {
    font-size: 12px
}
.bookingview_button {
    margin-right: 0!important
}
.selector-bookingsearch {
    height: 21px
}
.limpiar {
    color: #4d95cc!important;
    text-decoration: none
}
.limpiar:hover {
    color: #003d68!important
}
.usersDataTable a {
    font-weight: 400;
    color: #4d95cc;
    display: inline-block;
    margin: 0 5px
}
.tittlePkg,
.usersDataTable a:hover {
    color: #003d68
}
.tittlePkg {
    float: left;
    margin-left: 15px;
    width: 300px;
    margin-top: -7px;
    font-size: 21px
}
.tittlePkg a {
    width: 300px!important
}
.descPkg,
.tittlePkg a {
    color: #003d68!important
}
.descPkg {
    font-weight: 700;
    font-size: 15px;
    clear: both;
    padding-top: 15px;
    margin-left: 11px;
    margin-top: -22px
}
.descPkg strong {
    font-weight: 400;
    color: #6f6f6f!important
}
table.buscador-de-reservas input[id*=date] {
    margin: 0!important
}
table.buscador-de-reservas button[type=submit] {
    background-color: rgba(22, 82, 127, .5);
    padding-right: 15px
}
table.buscador-de-reservas button[type=submit]:hover {
    background-color: #003d68
}
div#lateralPackageSearch div.packages div#postSearchPackage div#postSearchPackage_content {
    background: var(--grey-bg);
    margin-left: -10px
}
#postSearchPackage {
    background: #fff;
    color: #003d68!important;
    margin-right: -20px;
    float: left;
    width: 196px!important
}
.rightLayout {
    position: relative;
    padding: 0;
    padding-left: 813px
}
#postSearchPackage h4 {
    font-size: 13pt;
    font-family: 'Montserrat';
    margin-top: 6px
}
#postSearchPackage a {
    color: #003d68;
    font-weight: 700;
    font-size: 12pt
}
#lateralPackageSearch .packages {
    margin-right: 3px;
    position: relative;
    width: 201px;
    float: right
}
form#postSearchPackageForm .nameFilterIcons {
    height: 100%;
    overflow: auto;
    padding-right: 32px;
    width: 100%
}
.lineBottom {
    padding-bottom: 14px;
    border-bottom: 1px solid #003d68;
    margin-top: 10px;
    margin-bottom: 19px
}
.lineBottomBlue {
    padding-bottom: 10px;
    border-bottom: 1px solid #4bb9dc;
    padding-top: 10px
}
form#postSearchPackageForm .nameFilterIcons ul li img {
    left: 6px;
    position: absolute;
    width: 10%
}
form#postSearchPackageForm .packagePrice {
    color: #003d68;
    font-size: 15pt;
    font-family: 'Montserrat';
    font-weight: 700
}
div#postSearchPackage .title {
    font-size: 1.1em!important;
    font-weight: 700
}
div#postSearchPackage .fontSizeXSmall {
    font-size: 1em!important
}
#resultList a {
    color: #4d95cc;
    text-decoration: none
}
.cabeceraPaquetes {
    background: #fff
}
.cabeceraPaquetes h1 {
    font-size: 25px;
    margin-top: -1px;
    color: #003d68!important
}
.cabeceraPaquetes .imgCabecera {
    padding: 10px 0 0 10px
}
.cabeceraPaquetes a {
    color: #003d68!important
}
.packageResults {
    margin-bottom: 1em;
    min-height: 169px;
    display: inline-block;
    width: 100%;
}
.packageResults img {
    margin: 0 10px 0 -10px;
    float: left;
    width: 238px
}
.packageResults h2 {
    margin: 0 10px 10px 0;
    overflow: hidden
}
.packageResults p {
    color: #6f6f6e;
    padding: 0 0 0 2px;
    font-size: 10pt!important;
    margin-bottom: 20px
}
.bannerPrice {
    float: right;
    color: #003d68;
    font-size: 1.7em;
    margin: 10px 10px 0 0
}
.cabeceraPackageResults {
    background: rgba(75, 185, 220, .16);
    border: 1px solid #e9e9e9;
    box-shadow: 0 4px 5px #888
}
.cabeceraPackageResults h2 {
    font-size: 1.1em
}
.padding-none .ui-panel-content {
    padding: 0!important
}
.obligatorio {
    background: url(../img/alertaCirculo.png) 100% no-repeat
}
.obligatorio,
.opcional {
    padding: 5px 35px 5px 0;
    line-height: 16px
}
.opcional {
    background: url(../img/opcionalCirculo.png) 100% no-repeat
}
.opcional-label {
    padding: 5px 5px 5px 0;
    line-height: 16px
}
table.packageResult {
    border: 0;
    margin-bottom: 20px;
    float: none;
    width: 100%
}
table.packageResult td {
    padding-left: 10px;
    height: 35px
}
table.packageResult label {
    font-weight: 400!important
}
.ui-grid-row:first-child article img:not([id^=bigHighlights]) {
    margin-top: 0;
}
.oferta_texto {
    margin-top: -4px;
    background-color: var(--grey-bg);
    position: absolute;
    bottom: 0
}
.bigHighlight:hover,
.smallHighlight:hover .oferta_texto {
    background-color: #e1e1e1
}
.oferta_texto_destacada {
    float: left;
    height: 100%;
    position: relative;
    margin-left: 10px;
    width: 32.5%
}
.oferta_texto_h2 {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
    padding-top: 7px;
    width: 220px
}
.oferta_texto_h2:first-child {
    font-size: 17pt
}
.oferta_texto_masinfo {
    margin-left: 10px
}
span.oferta_texto_masinfo {
    color: #003d68;
    font-size: 12pt;
    display: block
}
span div.oferta_texto_destacada {
    display: block
}
div#bigHighlight {
    margin-bottom: 15px;
}
div#bigHighlights_content .ui-grid-row .ui-datagrid-column.ui-grid-col-12 {
    padding: 0;
}
article.bigHighlight .oferta_texto_masinfo {
    color: #FFF;
    margin: 0;
}
article.bigHighlight {
    width: 100%;
    height: 100%;
    background-color: var(--grey-bg);
    position: relative;
    border-radius: 6px;
}
article.bigHighlight div.oferta_texto_destacada span span:nth-child(3) {
    display: none
}
article.smallHighlight .oferta_texto_h2 {
    font-size: 11pt;
    height: 68px;
    overflow: hidden
}
article.smallHighlight img:not([src*=notifications]) {
    height: 140px!important
}
article.smallHighlight img[src*=notifications] {
    position: absolute;
    width: 20px;
    right: 5px;
    bottom: 5px
}
article.bigHighlight .oferta_texto_h2 {
    font-size: 17pt;
    overflow: hidden
}
article.bigHighlight div.oferta_texto_destacada>span>span.oferta_texto_masinfo {
    position: absolute;
    bottom: 0
}
article.smallHighlight div.oferta_texto span.oferta_texto_masinfo {
    position: absolute;
    bottom: 5px;
    font-size: .9em
}
article.bigHightlight img {
    height: 245px;
    margin: 10px;
    width: 69%
}
#bigHighlight_2 {
    overflow: hidden;
    position: relative
}
#bigHighlight_2 .content {
    overflow: hidden
}
#bigHighlight_2 .content img {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: auto
}
#bigHighlight_2 #footer_bigHighlight {
    margin-bottom: 10px;
    margin-top: 20px;
    width: 100%
}
#bigHighlights_2 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px
}
#bigHighlight_2 .content .colum_left,
#bigHighlight_2 .content .colum_leftPack {
    width: 426px;
    float: left
}
#bigHighlight_2 .content .colum_right {
    width: 320px;
    float: right
}
#bigHighlight_2 .content .colum_right .colum_right_item {
    width: 100%;
    float: left;
    border-bottom: 1px dashed #000;
    margin-bottom: 10px
}
#bigHighlight_2 .content .colum_right .colum_right_item .left {
    width: 188px;
    float: left
}
#bigHighlight_2 .content .colum_right .colum_right_item .right {
    width: 131px;
    float: right
}
#bigHighlight_2 .content .colum_right .colum_right_item .left h2 {
    margin: 0;
    font-size: 14px
}
#bigHighlight_2 .content .colum_right .colum_right_item .left p {
    margin: 0
}
#featured>a,
#featured>div,
#featured>img {
    display: none
}
#featured .content,
.content {
    width: 100%;
}
.orbit-wrapper {
    position: relative;
    height: 0 !important; /* Override dynamic inline style */
    width: 100% !important;
    padding-top: 30%; /* 16:9 Aspect Ratio (9 / 16 = 0.5625) */
    margin: 15px auto 0 auto;
    border-radius: 8px;
}
div.orbit>a,
div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}
div.orbit>a {
    border: none;
    line-height: 0
}
.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.orbit-bullets {
    position: absolute;
    z-index: 1;
    list-style: none;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    margin: 0 !important;
}
.orbit-bullets li {
    float: left;
    margin-right: 8px;
    cursor: pointer;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-color: var(--grey-light);
    border-radius: 50%;
    border: 2px solid #FFF;
}
.orbit-bullets li.active,
.orbit-bullets li:hover {
    background-color: var(--main-light-color);
}
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px
}
.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000
}
#bigHighlight_2 .content .titular_circuitos {
    background-color: #002856;
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 10px;
    padding: 5px;
    width: 750px
}
#bigHighlight_2 .content .titular_circuitos span {
    display: block;
    float: right;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 3px
}
#bigHighlight_2 .content .icons_travel {
    height: 66px;
    left: 350px;
    position: absolute;
    top: 50px;
    width: 68px
}
form#packagesForm {
    margin-top: 20px
}
form#packagesForm>span {
    margin-left: 4px
}
.descPkg strong>font {
    color: #6f6f6f
}
div#j_idt764_content {
    margin-left: 0
}
span.observaciones {
    margin-left: -9px;
    color: #6f6f6f
}
.ui-tree .ui-treenode-label {
    margin: 0 6px;
}
button[id="userList:j_idt763"] {
    margin-right: 20px!important
}
div#paxesDiv {
    background: var(--grey-bg);
    margin-left: -17px;
    width: 100%;
    min-height: 654px!important;
    margin-top: 35px
}
div#paxesDiv>span.titulo {
    font-size: 18px;
    color: #003d68;
    padding: 0 10px;
    position: relative;
    bottom: 34px;
    left: 0;
    right: 0;
}
form#paxes {
    margin-left: 19px
}
.ui-state-disabled .ui-chkbox .ui-chkbox-box {
    margin-right: 11px
}
[src*=notifications] {
    margin: 0 0 0 5px!important;
    transition: all .7s ease-in-out
}
[src*=notifications]:hover {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}
[name=packagesForm] .rBox {
    bacKground: var(--grey-bg);
    padding: 15px;
    margin-top: 20px
}
[name=packagesForm] .precio {
    overflow: hidden;
    position: relative;
    width: 100%;
    box-sizing: border-box
}
[name=packagesForm] .tittlePkg {
    float: left;
    margin-left: 15px;
    width: 300px;
    color: #003d68;
    margin-top: -18px;
    font-size: 21px
}
[name=packagesForm] .descPkg {
    font-weight: 700;
    font-size: 15px;
    clear: both;
    padding-top: 15px;
    color: #003d68!important;
    margin-top: -22px
}
[name=packagesForm] .result-separate {
    border-bottom: #fff!important
}
[name=packagesForm] div.precio .image {
    margin-top: 0!important
}
[name=packagesForm] .ui-panel .ui-panel-content {
    padding: 0!important
}
[name=packagesForm] .tittlePkg a {
    font-size: 20px
}
[name=packagesForm] .price {
    margin: 2px -14px 0 0!important
}
button#continueBooking {
    float: none
}
[id=searchContent] .precio {
    margin-left: -13px;
    overflow: hidden;
    padding: 0;
    position: relative;
    background: var(--grey-bg);
    left: 5px;
    width: 892px;
    min-height: 100px
}
.flo-l .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-left: -19px;
    margin-top: 5px
}
[id*=widgetAllObservationsBeforeBook] .ui-datatable-tablewrapper {
    margin: 0 10px 0 0
}
[id*=widgetAllObservationsBeforeBook] .ui-datatable-tablewrapper .ui-datatable-data td,
[id*=widgetAllObservationsBeforeBook] .ui-datatable-tablewrapper .ui-datatable-data th {
    padding: 8px 0!important
}
[id*=widgetAllObservationsBeforeBook] div.ui-dialog-content.ui-widget-content {
    padding-bottom: 30px
}
[id*=widgetAllObservationsBeforeBook] input[type=checkbox] {
    min-width: 17px;
    margin-bottom: 5px!important
}
[id*=widgetAllObservationsBeforeBook] span.bold {
    margin-left: 3px
}
#paxes {
    font-size: 11px
}
#paxes input {
    min-width: 90px;
    min-height: 23px
}
#paxes button {
    background-color: #003d68
}
#paxes button:hover {
    background-color: #4d95cc
}
#paxes .ui-icon-triangle-1-s {
    margin-top: 2px!important
}
#paxes .ui-button-icon-only .ui-icon-calendar {
    margin-left: -7px!important
}
.paxes-selector {
    min-height: 23px;
    margin-top: -19px
}
#homeForm label,
#paxes label {
    min-height: 23px;
    font-weight: lighter
}
#paxes table td {
    border: 0!important
}
#paxes .ui-c {
    width: 170px;
    padding-left: 0
}
#paxes button[type=button] .ui-c {
    width: 25px
}
#paxes a {
    color: #4d95cc
}
#paxes a:hover {
    color: #003d68;
    font-weight: 700
}
.ui-icon-arrow-1-e {
    background-image: url(../img/r.png)!important
}
.ui-icon-arrow-1-e,
.ui-icon-arrowstop-1-e {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 28px;
    height: 28px
}
.ui-icon-arrowstop-1-e {
    background-image: url(../img/dr.png)!important
}
.ui-icon-arrow-1-w {
    background-image: url(../img/l.png)!important
}
.ui-icon-arrow-1-w,
.ui-icon-arrowstop-1-w {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 28px;
    height: 28px
}
.ui-icon-arrowstop-1-w {
    background-image: url(../img/dl.png)!important
}
.ui-icon-arrow-1-n {
    background-image: url(../img/u.png)!important
}
.ui-icon-arrow-1-n,
.ui-icon-arrowstop-1-n {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 28px;
    height: 28px
}
.ui-icon-arrowstop-1-n {
    background-image: url(../img/du.png)!important
}
.ui-icon-arrow-1-s {
    background-image: url(../img/d.png)!important
}
.ui-icon-arrow-1-s,
.ui-icon-arrowstop-1-s {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 28px;
    height: 28px
}
.ui-icon-arrowstop-1-s {
    background-image: url(../img/dd.png)!important
}
.ui-picklist-buttons {
    width: 54px;
    margin: 29px 21px 0 -2px;
    height: 100px!important
}
.ui-picklist-buttons2 {
    width: 63px;
    margin: 29px 0 0 -2px
}
.ui-picklist-buttons2 button,
.ui-picklist-buttons button {
    width: 30px!important;
    height: 30px!important
}
.ui-picklist .ui-picklist-list {
    width: 382px!important;
    height: 144px!important;
    background: #fff;
    border: 0
}
.ui-icon-arrow-1-e,
.ui-icon-arrow-1-n,
.ui-icon-arrow-1-s,
.ui-icon-arrow-1-w,
.ui-icon-arrowstop-1-e,
.ui-icon-arrowstop-1-n,
.ui-icon-arrowstop-1-s,
.ui-icon-arrowstop-1-w {
    left: 50%!important;
    margin-left: -12px!important;
    position: absolute!important;
    top: 50%!important;
    margin-top: -13px!important
}
.edit_btn_paxes {
    text-decoration: underline!important;
    margin-right: 10px;
    color: #ff9f19!important
}
textarea {
    border: 1px solid var(--grey-border);
}
#paxes .ui-c[class*=arrow] {
    max-width: 23px
}
.ui-picklist .ui-picklist-buttons button {
    margin: 2px 0;
    padding: 0
}
.ui-picklist .ui-picklist-caption {
    background-color: #003d68!important;
    color: #fff
}
.ui-picklist li:hover {
    background: var(--grey-bg);
}
form#extraInfo {
    clear: both;
    padding: 20px 20px 0 0
}
form#extraInfo .link-orange {
    color: #4d95cc!important;
    text-decoration: none
}
form#extraInfo .link-orange:hover {
    color: #003d68!important;
    font-weight: 700
}
form#extraInfo table:not(.buscador-de-reservas) tr:hover {
    background-color: rgba(22, 82, 127, 0)!important
}
div.flo-l>p:last-of-type a {
    color: #4d95cc!important
}
.ui-slider-horizontal {
    width: 90%!important
}
div[id*=lateralSearch] label.ui-widget {
    padding-left: 26px!important;
    vertical-align: inherit!important
}
form#paxes a.ui-commandlink {
    color: #003d68!important;
    font-size: 1em!important
}
div[id*=commissionDetail] fieldset {
    width: inherit
}
#contentComponentDialog #hotelResult,
#contentComponentDialog #searchContent,
#contentComponentDialog #searchContentTransfer{
    margin: 0px;
    margin-top: 150px;
}
form#extraInfo button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.floatR.marginTop10 {
    position: relative!important;
    right: 20px;
    bottom: -25px
}
.busqueda-noches-label {
    padding-left: 10px!important
}
#extraInfoTemplatePackage .ui-selectonemenu-label {
    background: var(--grey-bg) !important;
}
.boxCampanias .resumen span.tabla_links.buscador-de-links button.productTypeCampaign {
    width: 50px!important;
    margin-top: -7px!important;
    background-image: url(http://laboratoriodeviajes.es/img/Ver.png)!important;
    float: right!important;
    background-position: 50%!important;
    background-color: #4d95cc!important;
    background-repeat: no-repeat!important;
    background-size: 75%!important
}

table#distribution.vuelos th {
    background: var(--grey-bg) !important;
}

.ui-tree .ui-treenode-content {
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    cursor: pointer;
    width: 100%;
}
p>a>img.scale-with-grid {
    position: relative!important;
    z-index: 99
}
div#promotion span p a>img {
    height: 244px!important;
    object-fit: cover;
    border-radius: 2px;
}
div.boxCampanias>div.resumen span font>strong {
    font-size: 17px !important;
    color: #003d68 !important
}
a#campaignForm\:j_idt73 {
    position: absolute;
    top: 40px;
    left: 74px;
    color: #fff!important
}
#privateMenu .columna2 {
    margin-left: -23px!important
}
.pageCampaign {
    position: absolute;
    bottom: 30px;
    right: 15px;
    text-decoration: underline
}
.selectorCampaign {
    float: right;
    position: absolute;
    right: -7px;
    top: 57px
}
.calendarDay .ui-helper-clearfix:after {
    height: 20px
}
.resumen button.seeCampaignDetail {
    width: 50px!important;
    margin-top: 10px!important;
    background-image: url(../img/seeCampaign.png)!important;
    background-position: 50%!important;
    background-color: #4d95cc!important;
    background-repeat: no-repeat!important;
    background-size: 75%!important;
    display: block
}
.boxCampanias .resumen br {
    display: none
}
#extraInfoTemplatePackage h1 {
    border-bottom: 1px solid #003d68;
    color: #003d68!important;
    font-size: 1.5em
}
.contentComponentList {
    padding: 0 5px;
}
.contentComponentList .tituloComponentePaquete {
    background-color: #fff;
    border-bottom: medium none;
    margin-top: 0
}
#extraInfoTemplatePackage .rBox {
    padding: 1px 30px 10px;
    margin: 30px 0
}
form#optionalServicesForm img {
    left: 6px;
    position: absolute;
    width: 10%
}
.blockOptionalServicesRemarks .optionalComponent {
    font-size: 10px;
    text-align: left;
}
.blockOptionalServicesRemarks .optionalComponentResult {
    width: 150px
}
#hotelResult .ui-accordion-content {
    padding: 0;
}
.topFilter .ui-icon-triangle-1-s {
    background-position: -64px -16px!important;
    background-color: #fff;
    height: 16px!important;
    width: 16px!important;
    background-size: auto!important;
    background-image: url(../img/ui-icons_f5e175_256x240.png)!important;
    margin: -8px 0 0!important
}
.orderFirstText,
.orderText {
    float: right;
    margin-right: 5px;
    color: #003d68;
    font-weight: 700
}
.orderFirstText {
    text-decoration: underline
}
.varieties-reduced-link a {
    display: inline;
    margin-bottom: 0!important;
    padding-left: 0!important
}
.dropup-icon {
    float: right;
    margin-right: 1px;
    margin-top: 11px
}
.dropdown-icon {
    float: right;
    margin-right: 5px;
    margin-top: 11px
}
.dropdown-icon-first {
    float: right;
    margin-right: 15px;
    margin-top: 11px
}
.filterName {
    float: left;
    color: #bdbdbd;
    margin-left: 20px
}
.extendView {
    float: left;
    margin-left: 15px
}
.varieties-link a {
    display: inline!important;
    margin-bottom: 0!important;
    padding-left: 0!important
}
img[title*=Atenciones] {
    margin-right: 20px
}
div#optionalComponentHeader>.padding5 {
    font-weight: bolder;
    color: #003d68
}
#campaignDetailForm\:pkgclsbtnMap img[src*=btn],
#campaignsForm\:pkgclsbtnMap img[src*=btn] {
    width: 100%!important;
    height: inherit!important
}
/**MEGABUSCADOR**/
a.ui-commandlink.ui-widget.nolink {
    color: rgba(22, 82, 127, .5)!important
}
.privateMenu {
    width: 77%;
    float: left
}
.autocomplete-landing {
    width: 565px;
    height: 25px!important;
    font-size: 16px!important;
    margin-bottom: 0!important
}
#privateMenu button {
    margin-top: 0
}
.autocomplete-landing.ui-state-default {
    border-radius: 5px!important;
    border: 2px solid #c8c8c8!important
}
.privateSearch {
    height: 35px!important;
    color: #003d68!important
}
.privateSearch,
.privateSearch:hover {
    background-color: #fff!important;
    background-image: url(https://agencias.clubdevacaciones.es/b2b/resources/img/search.png?pfdrid_c=true)!important;
    background-position: right 20px center!important;
    background-repeat: no-repeat!important
}
.privateSearch:hover {
    color: #4d95cc!important
}
.columna1 {
    width: 581px;
    float: left
}
.showPrices {
    color: #000;
    padding-top: 10px
}
#privateBookingSearch {
    line-height: 20px
}
.resultSearch {
    background-color: #fff;
    border: 2px solid #c8c8c8;
    min-height: 300px;
    padding: 25px;
    position: absolute;
    width: 950px;
    z-index: 2000;
    box-shadow: 1px 2px 5px 1px hsla(0, 0%, 78%, .75)
}
.titleItem {
    color: #003d68;
    font-family: 'Montserrat';
    font-size: 20pt;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid #003d68!important
}
.noresults {
    color: #6f6f6f
}
.items {
    max-height: 100px;
    overflow-y: auto;
    padding-left: 20px
}
.items .product {
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: left 6px center
}
.total-price, .total-price-flights {
    font-weight: bold;
    height: 26px;
    background-repeat: no-repeat;
    margin-left: 26px;
    line-height: 26px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.total-price-flights {
    margin-left: 0;
}
.itemGroup .entity {
    color: #1a6012;
    float: right;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    margin-right: 30px
}
.itemGroup.CRUISE {
    background-image: url(../img/productType/productTypeIcon_CRUISE.png)
}
.itemGroup.EXCURSION {
    background-image: url(../img/productType/productTypeIcon_EXCURSION.png)
}
.itemGroup.HEALTH_BEAUTY {
    background-image: url(../img/productType/productTypeIcon_HEALTH_BEAUTY.png)
}
.itemGroup.LANDTOUR {
    background-image: url(../img/productType/productTypeIcon_LANDTOUR.png)
}
.itemGroup.LODGING {
    background-image: url(../img/productType/productTypeIcon_LODGING.png)
}
.itemGroup.PACKAGE {
    background-image: url(../img/productType/productTypeIcon_PACKAGE.png)
}
.itemGroup.RENT_A_CAR {
    background-image: url(../img/productType/productTypeIcon_RENT_A_CAR.png)
}
.itemGroup.SERVICE {
    background-image: url(../img/productType/productTypeIcon_SERVICE.png)
}
.itemGroup.SNOW {
    background-image: url(../img/productType/productTypeIcon_SNOW.png)
}
.itemGroup.TICKET {
    background-image: url(../img/productType/productTypeIcon_TICKET.png)
}
.itemGroup.TRANSFER {
    background-image: url(../img/productType/productTypeIcon_TRANSFER.png)
}
.itemGroup.FLIGHT {
    background-image: url(../img/productType/productTypeIcon_FLIGHT.png)
}
.itemGroup.INSURANCE {
    background-image: url(../img/productType/productTypeIcon_INSURANCE.png)
}
.itemGroup.product>a {
    margin-left: 28px
}
.headerResult {
    text-align: center
}
.blockResult {
    border: 2px solid #b4b4b4;
    border-radius: 13px!important;
    margin-right: 10px;
    width: 222px;
    display: inline-block
}
.headerBlockResult {
    color: #003d68;
    display: block;
    font-size: 18px;
    font-weight: 700
}
.headerBlockResult,
.numResults {
    font-family: 'Montserrat';
    text-align: center
}
.numResults {
    color: #fc993c;
    font-size: 15px
}
.step-counter {
    background-color: var(--light-color);
    color: var(--main-color);
    padding: 10px;
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
    border-radius: 50%;
    font-weight: 500;
}
.packageIntermediateSearch .close-panel {
    position: absolute;
    right: 25px;
    z-index: 1;
    top: 20px;
}
.packageIntermediateSearch .close-panel .ui-icon:before {
    font-size: 30px;
}
.packageIntermediateSearch {
    display: flex;
    opacity: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    transition: var(--soft-transition);
    transition-property: height, opacity;
    border-radius: 0 0 2px 2px;
    position: relative;
}
.packageIntermediateSearch.active {
    opacity: 1;
    height: auto;
    padding: 40px 50px;
    background-color: #FFF;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin: 10px 0 0 0;
}
.titleIntermediateSearch {
    text-align: center;
    color: #003d68;
    font-weight: 700;
    margin-bottom: 20px
}
.flecha {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url(../img/dropdown-icon.png)!important;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 28px;
    width: 28px
}
.titleItemSelected {
    border-bottom: 2px solid #003d68;
    color: #003d68;
    font-weight: 700;
    width: 95%
}
.searchItemSelected {
    color: #01a9db;
    font-weight: 700;
    padding-left: 20px;
    padding-bottom: 20px
}
.itemResults {
    border: 2px solid #b4b4b4;
    border-radius: 13px;
    width: 945px
}
.itemResults .desc {
    width: 700px!important
}
.itemResults .descAvailability {
    width: 500px!important
}
.titleList {
    font-weight: 700
}
.panelResultSearch .precio {
    min-height: 30px!important
}
.panelResultSearch .lodgingResult .precioAvail {
    min-height: 110px!important
}
.searchPackageResult .desc {
    width: 200px!important
}
.searchPackageResult .tittle {
    width: 500px!important
}
.searchPackageResult .price {
    float: none
}
.searchPackageResult .boton2 {
    float: right;
    margin-right: 10px!important;
    margin-top: 10px;
    padding: 5px;
    vertical-align: top;
    width: 115px
}
.lodgingResult .boton2 {
    padding: 5px;
    width: 115px
}
.radioIntermOption .ui-radiobutton .ui-state-active {
    background-color: transparent!important;
    background-image: url(../img/1421769690_bullet_yellow.png)!important;
    background-repeat: no-repeat
}
.radioIntermOption .ui-radiobutton .ui-state-default {
    background-color: transparent!important;
    background-image: url(../img/1421770173_bullet_white.png);
    background-position: 50%;
    background-repeat: no-repeat
}
.radioIntermOption .ui-radiobutton .ui-state-active .ui-icon {
    background: none
}
.componentMonth {
    background-color: #fff;
    float: left;
    height: 61px;
    margin-left: 10px;
    margin-top: 10px;
    text-align: center;
    width: 158px;
    line-height: 60px
}
.selectedMonth {
    border: 2px solid #003d68;
    color: #003d68;
    text-decoration: underline
}
.notSelectedMonth {
    border: 2px solid #fff;
    color: #6f6f6f;
    font-weight: 400
}
.titleOptionInter {
    color: #003d68!important;
    font-weight: 700;
    text-decoration: underline
}
.radioIntermOption label {
    color: #003d68!important;
    font-weight: 400;
    font-size: 14px
}
.unknownDatesText {
    padding-top: 20px;
    color: #003d68!important;
    padding-bottom: 20px
}
.intermediateButton {
    padding-top: 20px;
    margin-top: 20px!important
}
.specificDates {
    width: 550px;
    padding-top: 20px
}
.specificDates .dateSp {
    background-color: #fff;
    float: left;
    margin-left: 20px;
    width: 200px;
    height: 65px
}
.specificDates .dateSp button {
    float: left;
    margin-left: 20px;
    margin-right: 0!important
}
.headerSpecific {
    display: table;
    text-align: center;
    width: 100%;
    color: #8c8c8c
}
.specificDates .dateSp input {
    min-width: 100px!important;
    width: 100px!important;
    margin-left: 15px
}
.distributions {
    padding-top: 20px
}

#paxesTitle {
    float: left;
}
#agesTitle {
    float: left;
    margin-left: 10px
}
.roomTitle {
    float: left
}
#ages_0,
#specificDistribution {
    display: inline-block;
    float: left;
    margin-bottom: 10px
}
#specificDistribution {
    margin-left: 10px;
    width: 360px
}
.roomLink {
    margin-left: 5px;
    color: #003d68
}
#privateBookingForm {
    background: #f6f6f6 none repeat scroll 0 0;
    height: 55px;
    margin-top: -20px;
    width: 1013px
}
#privateBookingTitle {
    color: rgba(22, 82, 127, .5);
    float: left;
    padding: 20px
}
#privateBookingSearchBig {
    line-height: 20px;
    padding-top: 8px;
    color: #003d68;
    height: 65px;
    box-sizing: border-box;
    float: left;
    line-height: 36px
}
#privateBookingSearchBig input[type=text].ui-state-default {
    border-bottom: 1px solid #003d68!important;
    background: hsla(0, 0%, 94%, 0)!important;
    padding-bottom: 0
}
#privateBookingSearchBig input[type=text].ui-state-default:focus {
    background: var(--grey-bg) !important;
    z-index: 1000
}
.searchError {
    color: #003d68;
    text-align: center
}
#privateMenu .columna1 a {
    color: #c8c8c8!important;
    font-weight: lighter!important
}
#privateMenu .columna1 a:hover {
    color: #fff!important;
    font-weight: lighter!important
}
.widgetLodging .intermediateButton {
    padding: 7px
}
#privateBookingSearch .privateBooking {
    color: #003d68!important;
    font-weight: 700;
    height: 18px
}
#privateMenuForm\:searchButtonServiceInter.ui-button-text-only {
    background-color: #fff
}
#privateBookingSearch {
    background: #fff;
    padding: 10px;
    height: 70px;
    border-radius: 5px;
    margin-bottom: 30px
}
#init {
    min-height: 60px
}
.pckgModal {
    position: fixed;
    z-index: 100;
    background-color: #003d68;
    padding: 6px;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff;
    font-size: 160%;
    top: 195px;
    width: 872px;
    opacity: .9
}
.secondaryService {
    background-color: #d3e5f2
}
h3>span.ui-icon-triangle-1-e {
    background-image: url(../img/dropright-icon.png)!important;
    background-position: 0;
    background-size: 16px 16px
}
h3>span.ui-icon-triangle-1-s {
    background-color: transparent;
    width: 16px;
    margin-top: -8px!important;
    height: 16px
}
.paxesUnassignedServices {
    text-decoration: underline!important;
    color: #003d68!important;
    font-size: 20px!important
}
.modalLink a {
    color: #003d68!important;
    font-weight: 700
}
.modalLink {
    padding-bottom: 10px
}
.positionButtons button {
    margin-left: 5px;
    padding: 4px!important
}
.colum_leftPack a:hover {
    color: #1d29cc;
    font-weight: 700;
    text-decoration: underline
}
.colum_leftPack a {
    color: #1d29cc;
    text-decoration: underline;
    font-size: 10pt!important
}
.paxesTable tr {
    text-align: center!important
}
.ui-icon-clock {
    background-image: url(../img/clock.png)!important
}
.ui-icon-clock,
.ui-icon-pax {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    height: 22px;
    width: 22px
}
.ui-icon-pax {
    background-image: url(../img/users_grey.png)!important
}
.ui-icon-distrib {
    background-image: url(../img/productType/productTypeIcon_LODGING_grey.png)!important;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    height: 22px;
    width: 22px
}
.accordionPackage h3 {
    background-color: #003d68!important;
    color: #fff!important;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}
.optionalComponentResult {
    float: left;
    width: 215px
}
.itineraryBlock {
    border: 2px solid #003d68!important;
    float: left;
    height: 200px;
    margin-bottom: 20px;
    margin-left: 20px;
    width: 150px;
    position: relative
}
.itineraryHeader {
    background-color: #003d68;
    color: #fff
}
.itineraryCities {
    border-top: 2px solid #003d68!important;
    bottom: 0;
    color: #003d68;
    font-weight: 700;
    position: absolute;
    width: 100%;
    min-height: 21px;
    font-size: 13px
}
.itineraryBody {
    max-height: 157px;
    overflow: auto
}
.compPack {
    border-bottom: 1px dotted #003d68;
    color: #003d68;
    height: 35px;
    position: relative;
    font-size: 13px
}
.dayIti {
    padding-left: 5px
}
.dateIti {
    padding-right: 5px
}
.componentActions {
    bottom: 0;
    position: absolute;
    right: 3px
}
.componentItineraryAction {
    height: 10px;
    padding-left: 5px;
    width: 10px
}
.headerItinerary {
    color: #003d68;
    font-weight: 700;
    padding-bottom: 15px;
    text-decoration: underline
}
.itineraryDay {
    color: #003d68;
    float: left;
    font-weight: 700;
    padding-right: 10px
}
.itineraryDescription {
    padding-bottom: 10px
}
.travelInfoBody {
    padding-left: 20px
}
.separator {
    border-bottom: 1px solid #003d68
}
.includedPrice {
    float: left;
    width: 50%;
    padding-bottom: 20px
}
.borderDotted:not(:last-child) {
    border-bottom: 1px dotted #003d68
}
.actionsPackageDetail .action a img {
    height: 14px;
    width: 14px
}
Block .blockContent:not(:last-child) {
    border-bottom: 2px solid #003d68
}
Block .blockContent:not(:first-child) {
    padding-top: 30px
}
#cabeceraPackageResults {
    position: relative
}
.transportTable {
    width: 610px
}
.crmClients {
    float: left!important;
    margin-left: 8px!important;
    text-align: left;
    border-radius: 5px!important;
    width: 80px!important;
    height: 35px!important;
    padding-left: 10px!important;
    padding-top: 10px!important
}
.crmClientsCode {
    float: left;
    margin-left: 20px!important
}
.createExpedient {
    width: 193px!important
}
.validateExpedient {
    width: 158px!important
}
.validate {
    float: left!important;
    margin-left: 8px!important;
    text-align: left;
    border-radius: 5px!important;
    width: 78px!important;
    height: 35px!important;
    padding-top: 8px!important
}
.color-red {
    color: red
}
#detailComponent{
    display: inline-block;
    width: 50%;
}
.addPkgCart {
    display: inline-block;
    width: 50%;
    float: right;
}
.availableDate .ui-state-default {
    color: #000!important;
    font-weight: 700!important
}
.availableDate {
    opacity: .7!important
}
.headerOptionalComponent .tituloComponentePaquete {
    background-color: #fff;
    border-bottom: medium none;
    margin-bottom: 0;
    margin-top: 0
}
.bodyOptionalComponent {
    background-color: #fff;
    padding-left: 30px
}
.componentParams .ui-dialog-title {
    font-size: 14px;
    margin-left: 5px;
    margin-top: 5px;
    text-decoration: underline
}
.componentParams .btnOptionalSrv {
    float: right;
    width: 110px
}
.optionalNoResults {
    color: #003d68;
    font-size: 20px;
    text-decoration: underline
}
.headerAnnouncement {
    background: #4aafe8 none repeat scroll 0 0;
    padding: 20px 40px 0;
    width: 750px
}
.titleHeader1 {
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize
}
.titleHeader1,
.titleHeader2 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.titleHeader2 {
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
    padding-bottom: 20px;
    padding-top: 5px
}
.bodyAnnouncement {
    min-height: 353px;
    width: 750px;
    padding: 20px 40px;
    margin-left: 16px;
    line-height: 20px;
    font-size: 14px
}
.bodyAnnouncement h2 {
    color: #333;
    font-size: 24px;
    margin: 10px 0
}
.bodyAnnouncement table {
    border-bottom: 1px solid var(--grey-bg);
    width: 100%
}
.announceReaded {
    text-align: center
}
.announceNotReaded {
    text-align: center;
    background: #add8e6;
    font-weight: 700
}
.textLeftAlign {
    text-align: left
}
.limitedWidth200 {
    max-width: 200px
}
.pkgPrice {
    font-size: 21px;
    font-weight: 700;
    padding-bottom: 10px
}
.item-card.tableHeaderComponent {
    flex: 1;
    padding: 10px;
    margin: 0 10px 10px 0;
}
.closeWindow {
    float: right;
    text-align: right;
    text-decoration: underline
}
.componentBodyBlock {
    border: 3px solid #003d68;
}
.packComponentHeaderBlock {
    background-color: #003d68;
    color: #fff;
    padding: 5px 5px 5px 20px;
    width: 866px
}
.notPreviousSelection {
    color: #fa8258;
    font-style: italic
}
.templateSelectorContent .serviceColumn1 {
    float: left;
    width: 165px!important
}
.templateSelectorContent .serviceColumn2 {
    float: left;
    width: 630px!important
}
.serviceColumn1 {
    float: left;
    width: 200px
}
.serviceColumn2 {
    float: left;
    width: 645px
}
.servicesDays .ui-state-active {
    background-image: url(../img/1421769690_bullet_yellow.png)!important
}
.servicesDays .ui-state-active,
.servicesDays .ui-state-default {
    background-repeat: no-repeat;
    background-color: transparent!important;
    border: 0!important
}
.servicesDays .ui-state-default {
    background-image: url(../img/1421770173_bullet_white.png)
}
.servicesDays .ui-radiobutton-box {
    background: none repeat-x scroll 50% 50% #79c9ec;
    background-image: url(../img/1421770173_bullet_white.png);
    background-repeat: no-repeat!important;
    background-color: transparent!important;
    border: 0!important
}
.servicesDays th {
    background-color: var(--grey-bg) !important;
    color: #585857!important;
    padding: 5px;
    text-align: left;
    text-transform: capitalize;
    font-size: 10pt
}
.servicesDays td {
    border-bottom: 1px solid #dcdcdc!important
}
.servicesDays label {
    display: block;
    float: left;
    font-weight: 700;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px
}
.radioTitle {
    color: #868686;
    font-weight: 700;
    padding-left: 10px;
    padding-top: 10px
}
.bgGrey {
    background-color: var(--grey-bg) !important;
}
.bgWhite {
    background-color: #fff!important
}
.bgGrey ul {
    background-color: var(--grey-bg) !important;
}
/*Programming*/

#programmingForm h1 {
    font-size: 1.5em
}
#programmingForm h1,
#programmingForm h2 {
    border-bottom: 1px solid #003d68;
    color: #003d68!important;
    margin-bottom: 0
}
#programmingForm h2 {
    font-size: 1.1em
}
.programming {
    margin-bottom: 20px
}
.programItem {
    background-color: #d8d8d8;
    color: #003d68!important
}
.programItem,
.programItemSel {
    border-radius: 15px;
    display: table;
    float: left;
    height: 40px;
    margin-left: 10px;
    margin-top: 10px;
    text-align: center;
    width: 230px;
    padding-top: 6px;
    padding-bottom: 5px
}
.programItemSel {
    background-color: #003d68!important;
    color: #fff
}
#programmingForm {
    width: 969px
}
.calendarBlock {
    border: 1px solid #fff;
    color: #fff;
    display: table;
    float: left;
    margin-left: 5px;
    width: 178px
}
.monthCalendar {
    background-color: #003d68!important;
    padding: 5px;
    width: 100%
}
.monthCalendarIntermediateSearch {
    background-color: #FFF;
    color: var(--main-color);
    border: 1px solid var(--grey-border);
    display: table;
    border-radius: 8px;
    border-collapse: separate;
}
.calendarDetail,
.calendarDetailIntermediateSearch {
    float: left;
    height: 40px;
    padding: 5px;
    width: 124px
}
.calendarMonth {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 5px
}
.calendarMonth,
.calendarPrice {
    font-weight: 700;
    text-align: center
}
.departures {
    font-size: 10px
}
.departures,
.departuresBig {
    text-align: center
}
.btnNext,
.departuresBig {
    height: 40px;
    line-height: 40px
}
.btnNext {
    float: left;
    margin-left: 5px
}
.btnAnt {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    width: 20px
}
.monthNotAvailable {
    background-color: #d8d8d8
}
.monthSelected {
    background-color: #8b9db1
}
.calendarCheap {
    border: 5px solid #ff9f19
}
.calendarCheap .calendarDetail,
.calendarDetailIntermediateSearch {
    height: 32px!important
}
.calendarCheap .calendarMonth,
.calendarCheap .departuresBig {
    height: 32px!important;
    line-height: 32px!important
}
#btnLeft {
    background-image: url(../img/left_blanco_min.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 15px
}
#btnLeft:hover {
    background-image: url(../img/left_azul_min.png)
}
#calendarResume {
    margin-top: 20px
}
#calendarDetail {
    margin-bottom: 20px;
    margin-top: 20px
}
.monthDetail {
    float: left;
    width: 349px;
    padding: 0 15px 20px 15px;
}
.headerMonthDetail {
    color: var(--text);
    font-size: 18px;
    font-weight: 600;
    padding: 20px 5px 10px 5px;
    text-align: center;
    margin: 0 auto;
    background: #FFF;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.headerMonthDetail-btn {
    width: 92%
}
.btnAntDay {
    float: left
}
.btnNextDay {
    float: right
}
.headerDay {
    color: var(--text);
    font-size: 12px !important;
    font-weight: 400;
}
.blockDay,
.headerDay {
    float: left;
    text-align: center;
}
.blockDay {
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #FFF;
}
.blockDay.blockAvail:hover {
    background: var(--accent-color);
}
.blockDay.blockAvail:hover .monthDetailDay,
.blockDay.blockAvail:hover .monthDetailPrice  {
    color: #FFF;
}
.blockAvail .monthDetailDay,
.blockSelected .monthDetailDay {
    font-weight: 500;
}
.blockAvail {
    color: var(--text);
    font-size: 15px;
}
.blockSelected {
    background: var(--main-color);
    color: white;
}
.cheapBlock {
    height: 45px;
    width: 45px;
}
.blockSelected .monthDetailPrice {
    color: white;
}
.monthDetailDay {
    color: var(--grey-border);
    flex: 1;
}
.monthDetailDayStroke {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.blockAvail > .monthDetailDay {
    color: var(--text);
    flex: 1;
}
.blockSelected > .monthDetailDay {
    color: white;
}
.emptyDay {
    float: left;
    height: 45px;
    width: 45px
}
.calHeaderPackage .blockImg {
    width: 70px
}
.calPackageBlock {
    border: 2px solid #003d68;
    margin-top: 10px;
    padding: 5px;
    width: 99%;
    background: var(--grey-bg) none repeat scroll 0 0;
}
#availability-results .availability-results-package #pkgOptionalServices .product-header > img{
    filter: hue-rotate(-35deg) saturate(7)
}
#calPackageList {
    display: inline-block;
    width: 700px
}
.titleContent {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase
}
.tittleBlock {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    margin-left: 10px
}
.operationDates a span {
    color: #003d68;
    text-decoration: underline
}
.pricesOrigins {
    vertical-align: top;
}
.blockPriceMonths {
    display: none !important; /* Hide */
}
.headerBlockOrigin {
    padding-bottom: 4px;
    font-size: 14px;
}
.blockPkgMonth {
    display: inline-block;
}
.bodyBlockPkgPrice {
    display: table-cell;
    min-width: 50px;
}
.headerBlockPkgPrice {
    font-size: 12px;
    min-width: 50px;
    padding-bottom: 4px;
}
.blockPkgDay,
.blockPkgPrice {
    color: var(--main-light-color);
    font-size: 14px;
    transition: all .2s ease-in;
}
.blockPkgDay:hover,
.blockPkgPrice:hover {
    color: var(--second-color);
}
.blockPkgPrice {
    font-weight: bold;
}
.cpImage {
    display: inline-block;
}
.cpImage img {
    width: 18px;
}
.pkgBlockRight {
    float: right;
    margin-right: 3px;
}
.pkgShowItinerary a {
    color: #003d68;
    text-decoration: underline;
}
#calPackageFilter .ui-slider {
    background-color: #58acfa;
    border-radius: 5px;
    height: 8px;
    margin-top: 5px;
}
.headerPrice {
    margin-top: 20px;
}
.maxPrice {
    color: #0080ff;
    text-align: center;
}
.filterHeader {
    color: #0080ff;
    font-weight: 700;
}
.topMinPrice {
    font-size: 12px;
}
.topMaxPrice {
    float: right;
    font-size: 12px;
}
.subOriginPostFilter {
    font-size: .7em
}
.filterBlock {
    margin-bottom: 20px
}
#originBodyFilter,
.filterBlock {
    margin-top: 10px
}
#calPackageFilter .ui-icon-triangle-1-s {
    background-color: #fff;
    background-image: url(/b2b/javax.faces.resource/images/ui-icons_0078ae_256x240.png.jsf?ln=primefaces-start)!important;
    background-position: -64px -16px;
    background-size: auto auto!important;
    height: 16px!important;
    width: 16px!important
}
#packageGlobalFilter {
    margin-top: 15px
}
#packageGlobalFilter .titleItemSelected {
    width: 100%
}
.titleFilter {
    width: 120px
}
.globalFilter {
    color: #8c8c8c;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-right: 10px
}
.imgCloseFilt {
    height: 12px;
    margin-left: 2px;
    vertical-align: middle;
    width: 12px
}
.ui-commandlink.ui-widget.deleteFilter {
    color: #01a9db!important;
    float: right;
    text-decoration: underline
}
.originFilter {
    margin-right: 0!important
}
.campaignsListBox {
    box-sizing: border-box;
    width: 100%!important;
    text-align: center
}
.campaignsSquareBox {
    width: 23%!important;
    display: inline-block;
    border: 3px solid #003d68;
    height: 200px!important;
    margin-right: .5%!important;
    margin-bottom: 20px!important;
    background-color: var(--grey-bg);
    text-align: center;
    cursor: pointer
}
.imgCampaignBox {
    width: 84%!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 8%;
    display: table
}
.imgCampaignBox,
.imgCampaignBoxLogin,
.titleCampaignDiv {
    height: 35%!important;
    margin-top: 3%
}
.titleCampaignDiv {
    margin-left: 3%;
    width: 94%!important;
    max-width: 94%!important;
    max-height: 35%!important;
    text-align: -webkit-center;
    overflow: hidden
}
.titleCampaign {
    color: #003d68!important;
    font-size: 14px!important;
    display: table-cell
}
.buttonCampaignDiv {
    margin-top: 2%!important;
    margin-left: 10%!important;
    width: 80%!important;
    height: 10%!important;
    max-width: 80%!important;
    max-height: 10%!important;
    display: table
}
.buttonCampaign {
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    display: table-cell;
    table-layout: fixed;
    padding: 2px;
    padding-top: 6px
}
.linkForCampaigns {
    height: 100%;
    width: 100%;
    display: block
}
.divButtonHighlightCamp {
    margin-top: 50px
}
.divButtonHighlightCamp span {
    text-align: right
}
.campaignsDialog {
    width: 100%!important;
    height: 100%!important;
    overflow: auto;
    background-color: #fff;
    border: 4px solid #003d68
}
.boxHighlightDialog {
    height: 95%!important
}
.tituloPromo {
    padding: 10px;
    text-transform: uppercase;
}
.tituloPromoHigh {
    font-size: 1.5em;
    border-bottom: 1px solid #003d68;
    margin-top: 40px;
    color: #003d68!important
}
.tituloPromoHome{
    font-size: 24px !important;
    padding: 25px 0 25px 10px;
    margin: 25px 0 25px 0;
    background: var(--gradient-main-colors);
    color: white;
}
#campaignsDialog .ui-widget-content {
    height: 90% !important;
}
.closeButtonWidgetHigh {
    bottom: 20px;
    position: fixed;
    right: 40px;
    font-weight: 700!important
}
a.closeButtonWidgetHigh:hover {
    font-weight: 900!important;
    font-size: 17px!important
}
.searchSuitBox {
    margin-left: 2%;
    margin-top: 2%;
    margin-right: 1%;
    border: 2px solid #287790!important;
    width: 46%;
    float: left;
    height: 90%
}
.searchSuitDiv {
    width: 100%;
    background-color: var(--grey-bg) !important;
    height: 300px
}
.suitMap {
    height: 100%;
    width: 100%
}
.suitButton {
    right: 25%;
    margin-top: 5%;
    height: 20px
}
.suitButton span.ui-button-text {
    line-height: 0!important
}
.suitSearchButton {
    float: inherit!important;
    margin-top: 5%;
    height: 20px;
    margin-left: 200px
}
.suitSearchButton span.ui-button-text {
    line-height: 0!important
}
.suitSuggest {
    margin-left: 10%;
    margin-top: 10px;
    width: 90%
}
.suitSuggest span {
    width: 90%!important
}
.suitSuggest input.ui-autocomplete-input {
    width: 100%!important;
    border: 1px solid #287790!important
}
.suitSearchText {
    color: #003d68;
    font-weight: 700;
    margin-top: 10%;
    display: block;
    margin-left: 10%
}

#suitForm h1 {
    font-size: 1.5em;
    border-bottom: 1px solid #003d68;
    margin-top: 40px;
    color: #003d68
}
#suitSearchContainer label.ui-outputlabel {
    padding-left: 8px!important
}
#suitSearchContainer h1 {
    font-size: 1em;
    border-bottom: 1px solid #003d68;
    margin-top: 10px;
    color: #003d68
}
#divDateSuitFrom {
    float: left!important;
    width: 180px!important;
    margin-left: 20px!important
}
#divDateSuitFrom input.ui-inputfield {
    width: 100%!important;
    min-width: 50px!important;
    width: 150px!important
}
#divDateSuitTo {
    float: left!important;
    width: 180px!important;
    margin-left: 40px!important
}
#divDateSuitTo input.ui-inputfield {
    width: 100%!important;
    min-width: 50px!important;
    width: 150px!important
}
.suitableBooleanSelector {
    float: left
}
.stationsTrainSelector {
    float: left;
    margin-top: 5px;
    margin-left: 20px;
    width: 200px;
    height: 250px!important;
    border: 1px solid #003d68
}
.scrollStation {
    height: 150px!important
}
.stationsPlaneSelector {
    float: left;
    margin-top: 5px;
    margin-left: 38px;
    width: 200px;
    height: 250px!important;
    border: 1px solid #003d68
}
.tablaRadio .ui-radiobutton-box {
    background: none repeat-x scroll 50% 50% #79c9ec;
    background-image: url(../img/1421770173_bullet_white.png);
    background-repeat: no-repeat!important;
    background-color: transparent!important;
    border: 0!important
}
.suitBigSelector .ui-radiobutton-box {
    background: none repeat-x scroll 50% 50% #79c9ec;
    background-image: url(../img/1421770173_bullet_white.png);
    background-repeat: no-repeat!important;
    background-color: transparent!important;
    border: 0!important
}
.suitBigSelector tr:hover {
    background: none!important
}
.suitBigSelector label {
    font-size: x-large!important;
    color: #003d68!important
}
.suitBigSelector {
    width: 100%!important;
    margin-left: 10%
}
.suitBigSelector td {
    width: 20px!important
}
.suitPackageTitle {
    color: #003d68!important;
    font-size: 18pt;
    font-weight: 700
}
.suitPackageTitleInfo {
    color: #003d68!important;
    font-size: 14pt;
    font-weight: 700
}
#filterSuitDiv {
    display: inline-block;
    margin-top: 20px;
    min-height: 800px;
    vertical-align: top;
    width: 150px
}
.filterWhiteDiv {
    background-color: #fff!important;
    width: 140px;
    margin-left: 5px;
    margin-top: 5px;
    min-height: 80px
}
.filterSuit {
    background-color: var(--grey-bg) !important;
    min-height: 160px
}
.titleFilter {
    margin-top: 20px!important;
    margin-left: 5px;
    color: #003d68!important;
    font-weight: 700;
    display: inline-block
}
.itemSuitResults {
    width: 700px
}
.precioSuit {
    min-height: 100px!important
}
.titleSuit {
    width: 650px!important
}
.templateBox {
    display: inline-block
}
#templateForm h1 {
    border-bottom: 1px solid #003d68;
    font-size: 1.5em
}
.templateBox {
    border: 1px solid var(--grey-border);
    border-radius: 8px;
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.templateBox .templateTitle {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    text-align: center;
    line-height: 1.2;
    color: #fff;
}
#packageTemplates ul[id$='templateTable_list'] {
    width: 100%;
    float: left;
    margin: 0;
}
#packageTemplates ul[id$='templateTable_list'] > li{
    display: inline-block;
    width: 33.33%;
    padding: 5px 10px 15px 10px;
    float: left;
    margin: 0;
}
.templateBox .contentTemplate {
    height: 86px;
}
.templateBox .contentTemplate ul {
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    margin-right: 0px;
}
.templateBox .contentTemplate > ul > li {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 3px;
}
.plus {
    background: transparent url(../img/ico-plus.png) no-repeat scroll 0 0;
    bottom: 12px;
    color: #333;
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    height: 12px;
    margin: 4px;
    text-decoration: none;
    width: 12px
}
.templateBox .btnTempl {
    width: 100%;
    height: 100px;
    position: absolute;
    z-index: 22;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
}
.templateBox .btnTempl .btAniTempl {
    position: absolute;
    z-index: 21;
    background: var(--gradient-soft-main-colors);
    color: #fff;
    width: 100%;
    height: 100px;
    font-size: 1.2rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    transition: all .3s ease-out .2s
}
.templateBox .btnTempl:hover .btAniTempl {
    opacity: 1;
    transition: all .3s ease-in-out;
}
.templateBox .btnTempl button {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    margin-top: 50px;
    transition: all .3s ease-in-out;
    background: #4aafe8;
    padding: 4px 8px;
    border: 2px solid #4aafe8;
    float: none;
    top: 30px;
}
.templateBox .btnTempl:hover button {
    margin-top: 20px;
    transition: all .3s ease-in-out;
}
#packageTemplates {
    text-align: center;
    float: left;
    width: 100%;
}
.priceTemplate {
    bottom: 0;
    color: #003d68;
    font-size: 12px;
    position: absolute;
    width: 100%
}
.templateMapBox {
    border: 2px solid #287790!important;
    float: left;
    height: 90%;
    margin-left: 2%;
    margin-top: 2%;
    width: 95%
}
.headerComponentBox {
    display: inline-block
}
#btnBookTemplate {
    width: 127px
}
#templateOptionsSelected {
    color: #fff;
    float: left;
    font-weight: 700;
    height: 47px;
    margin-top: 38px;
    text-align: right;
    text-transform: uppercase;
    vertical-align: top;
    width: 150px
}
#priceTemplate {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding-top: 20px;
}
#bookTemplateImg {
    float: left
}
#bookTemplateImg img {
    width: 36px
}
#bookTemplateTxt {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
}
#bookTemplateTxt:before {
    content: "shopping_cart";
    font-family: "Material Icons";
    display: inline-block;
    vertical-align: sub;
    padding-right: 10px;
    font-size: 20px;
    font-weight: normal;
}
#headerComponentBoxes {
    flex: 1;
    background: #e0e0e0;
}

/*!* jQuery UI CSS Framework 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Theming/API*/
/*!* jQuery UI Resizable 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Resizable#theming*/
/*!* jQuery UI Selectable 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Selectable#theming*/
/*!* jQuery UI Slider 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Slider#theming*/
/*!* jQuery UI Datepicker 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Datepicker#theming*/

#contentHeader #privateMenuForm {
    margin: 0
}
#infoHeader #cartmin,
#infoHeader #usersmin {
    background-color: #003d68;
    background-position: 50%;
    position: static;
    padding: 10px;
    box-sizing: border-box;
    width: 10%;
    height: auto!important;
    box-shadow: none!important
}
#infoHeader a.ui-commandlink.ui-widget {
    color: #003d68!important
}
#infoHeader #usersmin {
    background-image: url(../img/user-yellow.svg);
    background-repeat: no-repeat
}
#infoHeader #cartmin {
    background-image: url(../img/cart-yellow.svg);
    background-repeat: no-repeat
}
/*!* jQuery UI CSS Framework 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Theming/API*/
/*!* jQuery UI Resizable 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Resizable#theming*/
/*!* jQuery UI Selectable 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Selectable#theming*/
/*!* jQuery UI Slider 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Slider#theming*/
/*!* jQuery UI Datepicker 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Datepicker#theming*/

.ui-datatable .ui-cell-editor-input,
.ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-output,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon-pencil,
.ui-datatable .ui-row-editor .ui-icon-check,
.ui-datatable .ui-row-editor .ui-icon-close {
    display: none
}

#contentHeader #privateMenuForm {
    margin: 10px 0;
    border: 1px solid #003d68;
    margin-bottom: 30px
}
#contentHeader #privateMenu {
    width: 65%
}
#contentHeader #privateMenu .btnSearchFree {
    background-color: transparent!important;
    height: 100%!important;
    width: 85%
}
#contentHeader #privateMenu .privateSearch {
    width: 15%;
    background-image: url(../images/search.svg)!important
}

#contentHeader #privateBookingSearch {
    background-color: rgba(0, 40, 84, .1);
    width: 35%;
    margin-bottom: 0;
    border-left: 1px solid #003d68
}
#contentHeader #privateBookingSearch input[type=text].ui-state-default {
    height: 100%!important
}
#contentHeader #privateBookingSearch input[type=text].ui-state-default:focus {
    background-color: transparent
}
#contentHeader #privateBookingSearch .ui-commandlink.ui-widget {
    width: 25%
}
#contentHeader #optionsMenu .ui-menu ul.ui-menu-list {
    background-color: #003d68
}
#contentHeader .resultSearch {
    top: 60px;
    border: 1px solid #003d68;
    box-shadow: 6px 7px 5px 1px #c7c7c7
}
#contentHeader .resultSearch .itemResultGroup {
    border-bottom: 1px solid #003d68
}
#contentHeader .resultSearch .titleItem {
    border-bottom: 1px solid #003d68!important
}
#contentHeader .resultSearch .items {
    padding: 15px 0 15px 15px
}
#contentHeader .menuBar .ui-menu-list .ui-menuitem div.titleUsers,
#contentHeader .menuBar .ui-menu-list .ui-menuitem div.users {
    height: auto!important
}
#header #contentHeader #clientservice {
    right: 255px;
    top: 45px;
    left: auto
}
#header #contentHeader #users {
    top: 50px
}
#divCompl #footer_content li a {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}
.campaignsSquareBox {
    border: 1px solid #003d68;
    background-color: transparent!important;
    width: 24%!important;
    margin-right: .5%!important;
    display: inline-block!important;
    vertical-align: top
}
.campaignsSquareBox:nth-of-type(4n) {
    margin-right: 0!important
}
.campaignsSquareBox .imgCampaignBox {
    width: 100%!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0!important;
    display: inline-block
}
.campaignsSquareBox a {
    width: 100%!important;
    display: inline-block!important;
    text-align: left!important;
    color: #000
}
.campaignsSquareBox a strong {
    color: #000
}
.campaignsSquareBox .buttonCampaignDiv {
    width: 100%!important;
    max-width: 100%!important;
    margin: 0!important;
    display: inline-block
}
.campaignsSquareBox .buttonCampaignDiv .ui-button-text-only {
    border-radius: 0!important
}
.campaignsSquareBox .buttonCampaignDiv .buttonCampaign {
    height: 57px!important;
    padding: 10px!important;
    box-sizing: border-box;
    display: inline-block!important;
    max-height: none!important;
    background-color: #003d68!important
}
.campaignsSquareBox .buttonCampaignDiv .buttonCampaign:hover {
    background-color: #003d68!important;
    color: #003d68!important
}
.campaignsSquareBox .buttonCampaignDiv .buttonCampaign:hover .ui-button .ui-button-text {
    color: #003d68!important
}
.campaignsSquareBox .buttonCampaignDiv .ui-button .ui-button-text {
    line-height: normal;
    color: #003d68
}
.campaignsSquareBox .buttonCampaignDiv .ui-button .ui-button-text:hover {
    color: #003d68!important
}
.campaignsSquareBox .titleCampaignDiv {
    width: 100%!important;
    margin: 0!important;
    max-width: 100%!important;
    text-align: left!important;
    padding: 10px!important;
    box-sizing: border-box;
    color: #000
}
#programmingForm h1 {
    border-bottom: 0;
    padding-bottom: 10px;
    color: #003d68;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase
}
.programming .ui-widget .programItemSel {
    color: #003d68!important
}
.blockDepartures .rowDeparture .departurePrice .ui-button-text-only .ui-button-text {
    line-height: normal;
}
#calendarDetail .monthDetail {
    width: 30.33%
}
.btnAntDay #btnLeft {
    background-size: 60%
}
#packageGlobalFilter .globalFilter,
#packageGlobalFilter .ui-commandlink.ui-widget.deleteFilter {
    padding: 20px
}
#packageGlobalFilter .ui-commandlink.ui-widget.deleteFilter {
    color: #000!important
}
#calPackageFilter {
    padding: 10px 20px
}
#calPackageFilter #priceBodyFilter .maxPrice span,
#calPackageFilter #priceBodyFilter .topMaxPrice,
#calPackageFilter #priceBodyFilter .topMinPrice,
#calPackageFilter .filterHeader {
    color: #000
}
#calPackageFilter #priceBodyFilter .ui-slider .ui-slider-handle {
    border: 5px solid #979797;
    background: #fff!important
}
#calPackageFilter #priceBodyFilter .ui-slider {
    background-color: #003d68
}
#calPackageList .calHeaderPackage .tittleBlock {
    width: 60%
}
#calPackageList .calHeaderPackage .pkgBlockRight {
    width: 25%;
    float: none
}
#calPackageList .calHeaderPackage .pkgBlockRight .pkgShowItinerary {
    background-color: #003d68;
    display: block;
    float: right
}
#calPackageList .calHeaderPackage .pkgBlockRight .pkgShowItinerary a {
    text-align: center;
    color: #fff
}
#calPackageList .calPricesPackage .bodyBlockOrigin .ui-icon-triangle-1-s {
    background-image: none!important
}
#calPackageList .calPricesPackage .blockPkgMonth .bodyBlockPkgPrice {
    border: 0;
    border-top: 1px solid #003d68
}
#programmingForm .ui-datagrid .smallHighlight {
    position: relative
}
#programmingForm .ui-datagrid .smallHighlight .oferta_texto {
    position: absolute;
    bottom: 0;
    right: 100%;
    background-color: hsla(0, 0%, 100%, .8)
}
#headerArrivalDates {
    border: none;
    background-color: var(--grey-bg);
    border-color: #000 #000 -moz-use-text-color;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 2px medium;
    display: inline-block;
    padding: 5px;
    width: 375px;
    font-size: 12px
}
.headerArrivalDate {
    color: #003d68;
    display: inline-table;
    font-size: 12px;
    margin-left: -2px;
    margin-right: -2px;
    padding: 5px;
    text-align: center;
    width: 44.4px
}
#origins {
    border: 2px solid #003d68;
    float: right
}
.originTitle {
    background-color: #003d68;
    color: #fff;
    padding: 3px
}
.bodyOrigins {
    width: 242px
}
.titleEntry {
    color: #003d68;
    font-weight: 700
}
.titleArrivalLinks,
.titleEntry {
    display: inline-table
}
#arrivalDates {
    border: none;
    border-color: #000 #000 -moz-use-text-color;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 2px medium;
    padding: 5px;
    text-align: center;
    width: 375px
}
.blockMatrix {
    border: .5px solid;
    box-sizing: border-box;
    display: inline-table;
    font-size: 10px;
    height: 38px;
    margin: 0 -3px -3px;
    padding: 9px 0 0;
    text-align: center;
    vertical-align: text-bottom;
    width: 57.5px
}
.blockMatrixGrayCell {
    background-color: #b4b4b4
}
.datesDeparture {
    background-color: var(--grey-bg);
    border-left: 2px solid #000;
    color: #003d68;
    float: left;
    font-size: 12px!important;
    height: 27px;
    line-height: 43px;
    padding: 5px 2px;
    text-align: center;
    width: 64px
}
#bodyMatrix {
    width: 460px
}
#bodyMatrix,
#leftMatrix {
    border: 2px solid #000;
    border-left: 2px solid #000;
    display: inline-table
}
#leftMatrix {
    height: 249px;
    margin-left: -5px;
    padding: 5px;
    vertical-align: top
}
.rowLine {
    float: left;
    width: 385px
}
.blockMatrix:hover {
    background-color: #ff9f19!important
}
#departures {
    color: #003d68;
    font-weight: 700;
    height: 135px;
    margin-top: 74px;
    text-align: center;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}
/*!* jQuery UI CSS Framework 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Theming/API*/
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}
li.ui-menuitem > .rmDisabled {
    opacity: 1;
}
.ui-state-disabled {
    cursor: default!important;
    opacity: .5;
}
/*!* jQuery UI Resizable 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Resizable#theming*/
.ui-resizable {
    position: relative
}
.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}
/*!* jQuery UI Selectable 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Selectable#theming*/

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}
/*!* jQuery UI Slider 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Slider#theming*/

.ui-slider {
    position: relative;
    text-align: left
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: pointer;
    border-radius: 50% !important;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -10px;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}
.ui-slider-vertical {
    width: .8em;
    height: 100px
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0
}
/*!* jQuery UI Datepicker 1.8.20** Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Datepicker#theming*/

.ui-datepicker {
    width: auto !important;
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05), 0 10px 12px rgba(0,0,0,0.15), 0 0 25px rgba(0,0,0,0.20) !important;
    border: 0 !important;
    background: none #FFF !important;
    display: none
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px
}
.ui-datepicker .ui-datepicker-next {
    right: 2px
}
.ui-datepicker .ui-datepicker-prev:hover:before,
.ui-datepicker .ui-datepicker-next::hoverbefore{
    color: #333
}
.ui-datepicker .ui-datepicker-prev:before {
    content: "navigate_before";
    font-family: "Material Icons";
    font-size: 26px;
    color: #555;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next:before {
    content: "navigate_next";
    font-family: "Material Icons";
    font-size: 26px;
    color: #555;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
    font-size: 15px;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
    margin-right: 2%;
}
.ui-datepicker .ui-datepicker-title span.ui-datepicker-month,
.ui-datepicker .ui-datepicker-title span.ui-datepicker-year {
    font-weight: 600;

}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}
.ui-datepicker th {
    padding: 15px 5px 10px 5px;
    text-align: center;
    font-weight: 400;
    border: 0;
    font-size: 14px;
    color: var(--text-grey);
}
.ui-datepicker td {
    border: 0;
    padding: 1px
}
.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}
.ui-datepicker.ui-datepicker-multi {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.23);
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 5px 0;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}
.ui-datepicker-multi-2 .ui-datepicker-group-last {
    border-left: 1px solid var(--grey-light);
    padding-left: 15px;
}
.ui-datepicker-multi-2 .ui-datepicker-group-first {
    padding-right: 15px;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}
.ui-datepicker-rtl {
    direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled {
    display: none;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}
.ui-datepicker-calendar td.ui-datepicker-today a {
    color: var(--accent-color);
}
.ui-datepicker-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    -webkit-filter: mask();
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}
/* Datepicker - Timepicker */
.ui-timepicker-div dl dd {
    margin: 0 10px 20px 65px;
}
.ui-datepicker .ui-timepicker-div .ui_tpicker_time_label,
.ui-datepicker .ui-timepicker-div .ui_tpicker_time {
    font-weight: 600;
    font-size: 15px;
}
.ui-datepicker .ui-timepicker-div .ui_tpicker_time_label {
    padding-top: 3px;
}
.ui-datepicker .ui-timepicker-div .ui_tpicker_time {
    color: var(--success) !important;
    margin-bottom: 15px;
}
.ui-datepicker .ui-timepicker-div .ui-slider-handle {
    background: var(--main-color);
}
.ui-datepicker .ui-timepicker-div .ui-slider.ui-slider-horizontal,
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    border: 0;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    font-weight: 600;
    font-size: 15px;
}
.ui-datepicker .ui_tpicker_hour_label,
.ui_tpicker_minute_label {
    font-size: 14px;
}
.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0
}
.ui-timepicker-rtl {
    direction: rtl
}
.ui-timepicker-rtl dl {
    text-align: right
}
.ui-timepicker-rtl dl dd {
    margin: 0 65px 10px 10px
}
.ui-accordion .ui-accordion-header.ui-state-disabled,
.ui-accordion .ui-accordion-header.ui-state-disabled a {
    cursor: default
}
.ui-accordion.ui-accordion-rtl {
    direction: rtl
}
.ui-accordion.ui-accordion-rtl .ui-accordion-header .ui-icon {
    left: auto
}
.ui-accordion.ui-accordion-rtl .ui-accordion-header a {
    padding: .5em 2.2em .5em .5em
}
.ui-autocomplete.block .ui-autocomplete-input,
.ui-autocomplete.wd100pc .ui-autocomplete-input {
    width: 100%;
}
.ui-autocomplete .ui-autocomplete-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%
}
.ui-autocomplete .ui-autocomplete-dropdown .ui-button-icon-primary.ui-icon-triangle-1-s:before {
    font-family: "Material Icons";
    content: "menu";
    color: #FFF;
    font-size: 20px;
    text-transform: lowercase;
}
.ui-autocomplete-query {
    font-weight: 700
}
.ui-widget-content.ui-autocomplete-panel {
    box-shadow: 0px 2px 8px rgba(0,0,0,.23) !important;
    font-size: 14px;
    background: #FFF;
    max-height: 45vh;
    height: auto !important;
    border-radius: 6px;
}
.ui-autocomplete-panel .ui-autocomplete-item {
    cursor: pointer;
}
.ui-autocomplete-panel .ui-autocomplete-list {
    padding: 0;
    border: 0 none
}
.ui-autocomplete-panel .ui-autocomplete-list-item {
    border: 0 none;
    font-weight: 400;
    margin: 0;
    padding: 10px 15px;
    text-align: left;
    font-size: 16px;
}
.ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight {
    background-color: var(--grey-bg);
}
.ui-autocomplete-panel .ui-autocomplete-table {
    border-collapse: collapse;
    width: 100%
}
.ui-autocomplete-panel .ui-autocomplete-table td,
.ui-autocomplete-panel .ui-autocomplete-table th {
    border-width: 0;
    border-bottom: 0 !important;
    padding: 10px 20px;
}
.ui-autocomplete-panel .ui-autocomplete-table .ui-autocomplete-item.ui-state-highlight td,
.ui-autocomplete-panel .ui-autocomplete-item td:hover {
    background-color: var(--grey-bg);
}
.ui-autocomplete .ui-button-icon-only .ui-button-text {
    padding: .29em
}
.ui-autocomplete-multiple-container {
    clear: left;
    cursor: text;
    list-style-type: none;
    margin: 0;
    min-height: 1px;
    overflow: hidden;
    width: 400px
}
.ui-autocomplete-multiple-container.ui-inputfield {
    padding: 0
}
.ui-autocomplete-token {
    cursor: default;
    float: left;
    overflow: hidden;
    padding: 1px 3px;
    white-space: nowrap;
    position: relative;
    margin: 2px
}
.ui-autocomplete-token-label {
    display: block;
    padding: 0 2.1em 0 .5em
}
.ui-autocomplete-token-icon {
    margin-top: -9px;
    position: absolute;
    right: .2em;
    top: 50%;
    cursor: pointer
}
.ui-autocomplete-input-token {
    float: left;
    list-style-type: none;
    margin: 1px;
    padding: 0
}
.ui-autocomplete-input-token input {
    border: 0 none;
    width: 140px;
    outline: medium none;
    background-color: transparent;
    margin: 2px
}
.ui-autocomplete-itemtip-content {
    display: none
}
.ui-autocomplete-itemtip {
    position: absolute;
    display: none;
    padding: .4em
}
.ui-autocomplete-emptyMessage {
    padding: 20px;
    font-size: 15px !important;
}
.ui-autocomplete-panel .ui-autocomplete-group {
    font-weight: 700;
    cursor: default;
}
.ui-autocomplete-panel .ui-autocomplete-group > td {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 20px;
}
.ui-blockui {
    background: rgba(255,255,255,.5);
}
.ui-columntoggler {
    padding: 0;
    position: absolute
}
.ui-columntoggler .ui-columntoggler-items {
    border: 0 none;
    padding: .4em;
    margin: 0
}
.ui-columntoggler .ui-columntoggler-item {
    border: 0 none;
    cursor: pointer;
    font-weight: 400;
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    white-space: nowrap;
    display: block;
    position: relative
}
.ui-columntoggler .ui-columntoggler-item .ui-chkbox {
    position: absolute;
    top: 50%;
    margin-top: -8px
}
.ui-columntoggler .ui-columntoggler-item label {
    display: block;
    padding-left: 2.2em
}
.ui-overlay-visible {
    visibility: visible
}
ui-overlay-visible * {
    visibility: visible!important
}
.ui-overlay-hidden * {
    visibility: hidden!important
}
.ui-overlay-visible table {
    border-collapse: collapse!important
}
.ui-overlay-hidden table {
    border-collapse: separate!important
}
.ui-datepicker .ui-datepicker-current.ui-priority-secondary {
    opacity: 1
}
.ui-icon-blank {
    background-position: 16px 16px
}
.ui-dashboard-column {
    float: left;
    padding-bottom: 100px
}
.ui-datalist .ui-datalist-footer,
.ui-datalist .ui-datalist-header {
    text-align: center;
    padding: 4px 10px
}
.ui-datalist .ui-datalist-header {
    border-bottom: 0 none
}
.ui-datalist .ui-datalist-footer {
    border-top: 0 none
}
.ui-datalist .ui-paginator-top {
    border-bottom: 0 none
}
.ui-datalist .ui-paginator-bottom {
    border-top: 0 none;
    margin-top: 30px;
}
.ui-datalist .ui-datalist-empty-message {
    padding: 4px 10px
}
.ui-datalist .ui-datalist-nobullets {
    list-style-type: none
}
.ui-datagrid .ui-paginator {
    text-align: center
}
.ui-datagrid-column {
    padding: 3px
}
.ui-datagrid-content-empty {
    padding: 4px 10px
}
.ui-datagrid .ui-datagrid-footer,
.ui-datagrid .ui-datagrid-header {
    text-align: center;
    padding: 4px 10px
}
.ui-datagrid .ui-datagrid-header {
    border-bottom: 0 none
}
.ui-datagrid .ui-datagrid-footer {
    border-top: 0 none
}
.ui-datagrid .ui-paginator-top {
    border-bottom: 0 none
}
.ui-datagrid .ui-paginator-bottom {
    border-top: 0 none
}
.ui-datagrid-data {
    width: 100%
}
.ui-datascroller .ui-datascroller-header {
    text-align: center;
    padding: 4px 10px;
    border-bottom: 0 none
}
.ui-datascroller .ui-datascroller-content {
    padding: 4px 10px
}
.ui-datascroller-inline .ui-datascroller-content {
    overflow: auto
}
.ui-datascroller .ui-datascroller-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}
.ui-datascroller .ui-datascroller-item {
    border: 0 none
}
.ui-datascroller .ui-datascroller-loader {
    text-align: center;
    padding: 4px 10px
}
.ui-datascroller .ui-datascroller-loading {
    background: url(/b2b/javax.faces.resource/datascroller/images/loading.gif.jsf?ln=primefaces&v=5.1) 50% no-repeat;
    width: 220px;
    height: 19px;
    padding: 0;
    margin: 0;
    display: inline-block
}
.ui-datatable .ui-datatable-footer,
.ui-datatable .ui-datatable-header {
    text-align: center;
    padding: 4px 10px
}
.ui-datatable .ui-datatable-header {
    border-bottom: 0 none
}
.ui-datatable .ui-datatable-footer {
    border-top: 0 none
}
.ui-datatable tfoot td,
.ui-datatable thead th {
    text-align: center
}
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable thead th {
    padding: 5px 10px;
    border: none;
}
.ui-datatable tbody td {
    border-color: inherit
}
.ui-datatable .ui-sortable-column {
    cursor: pointer
}
.ui-datatable div.ui-dt-c {
    position: relative
}
.ui-datatable .ui-sortable-column-icon {
    display: inline-block;
    margin: -3px 0 -3px 2px
}
.ui-datatable .ui-column-filter {
    display: block;
    width: 100px;
    margin: auto
}
.ui-datatable .ui-expanded-row {
    border-bottom: 0 none
}
.ui-datatable .ui-expanded-row-content {
    border-top: 0 none
}
.ui-datatable .ui-row-toggler,
.ui-datatable tr.ui-state-highlight {
    cursor: pointer
}
.ui-datatable .ui-selection-column .ui-chkbox-all {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px
}
.ui-datatable-scrollable table,
.ui-datatable-sticky table {
    table-layout: fixed
}
.ui-datatable-scrollable-body {
    overflow: auto
}
.ui-datatable-scrollable-footer,
.ui-datatable-scrollable-header {
    overflow: hidden;
    border: 0 none
}
.ui-datatable-scrollable .ui-datatable-scrollable-footer,
.ui-datatable-scrollable .ui-datatable-scrollable-header {
    position: relative
}
.ui-datatable-scrollable .ui-datatable-scrollable-header td {
    font-weight: 400
}
.ui-datatable-scrollable-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    background-color: transparent
}
.ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 76%, .5)
}
.ui-datatable .ui-datatable-scrollable-body {
    min-height: 0
}
.ui-datatable .ui-datatable-data tr.ui-state-hover {
    border-color: inherit;
    font-weight: inherit;
    cursor: pointer
}
.ui-datatable-scrollable-theadclone,
.ui-datatable-scrollable-theadclone tr {
    height: 0
}
.ui-datatable-scrollable-theadclone th.ui-state-default {
    height: 0;
    border-bottom-width: 0;
    border-top-width: 0;
    padding-top: 0;
    padding-bottom: 0
}
.ui-datatable-scrollable-theadclone th span.ui-column-title {
    display: block;
    height: 0
}
.ui-datatable .ui-paginator {
    padding: 2px
}
.ui-datatable .ui-cell-editor-input,
.ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-output {
    display: none
}
.ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-input {
    display: block
}
.ui-datatable .ui-row-editor span {
    cursor: pointer;
    float: left
}
.ui-datatable .ui-row-editor .ui-icon-pencil {
    display: inline-block
}
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon-pencil,
.ui-datatable .ui-row-editor .ui-icon-check,
.ui-datatable .ui-row-editor .ui-icon-close {
    display: none
}
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon-check,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon-close {
    display: inline-block
}
.ui-datatable .ui-datatable-data td.ui-cell-editing,
.ui-datatable .ui-datatable-data tr.ui-row-editing td.ui-editable-column {
    padding: 0;
    margin: 0
}
.ui-datatable .ui-column-resizer {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 8px;
    height: 20px;
    padding: 0;
    cursor: col-resize;
    background-image: url(/b2b/javax.faces.resource/spacer/dot_clear.gif.jsf?ln=primefaces&v=5.1)
}
.ui-datatable .ui-filter-column .ui-column-resizer {
    height: 45px
}
.ui-datatable .ui-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none
}
.ui-datatable-resizable {
    padding-bottom: 1px;
    overflow: auto
}
.ui-datatable-resizable tbody td,
.ui-datatable-resizable tfoot td,
.ui-datatable-resizable thead th {
    white-space: nowrap
}
.ui-datatable-resizable table {
    table-layout: fixed
}
.ui-datatable-resizable th.ui-resizable-column {
    background-clip: padding-box;
    position: relative
}
.ui-datatable-rtl {
    direction: rtl
}
.ui-datatable-rtl.ui-datatable tfoot td,
.ui-datatable-rtl.ui-datatable thead th {
    text-align: right
}
.ui-datatable .ui-datatable-frozenlayout-left,
.ui-datatable .ui-datatable-frozenlayout-right {
    padding: 0;
    border: 0 none;
    vertical-align: top
}
.ui-datatable .ui-datatable-frozen-container {
    margin-right: -1px
}
.ui-datatable-frozen-container .ui-datatable-scrollable-body {
    overflow: hidden
}
.ui-datatable .ui-datatable-frozen-container .ui-row-editor,
.ui-datatable .ui-datatable-frozen-container .ui-row-toggler {
    margin-top: -2px;
    margin-bottom: -2px
}
.ui-datatable-frozenlayout-right .ui-datatable-empty-message td {
    visibility: hidden
}
.ui-fieldset,
.ui-fieldset .ui-fieldset-legend {
    padding: .6em 1em
}
.ui-fieldset-toggleable .ui-fieldset-legend {
    padding: .5em 1em .5em .5em;
    cursor: pointer
}
.ui-fieldset .ui-fieldset-toggler {
    padding-right: .1em;
    margin-top: -.1em;
    float: left
}
.ui-inputtextarea-resizable {
    overflow: hidden;
    resize: none
}
.ui-multiselectlistbox-listcontainer,
.ui-selectmanymenu,
.ui-selectonelistbox {
    padding: 2px;
    width: 150px
}
.ui-multiselectlistbox-listcontainer,
.ui-selectmanymenu .ui-selectlistbox-listcontainer,
.ui-selectonelistbox .ui-selectlistbox-listcontainer {
    overflow: auto
}
.ui-multiselectlistbox .ui-multiselectlistbox-list,
.ui-selectmanymenu .ui-selectlistbox-list,
.ui-selectonelistbox .ui-selectlistbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}
.ui-multiselectlistbox .ui-multiselectlistbox-item,
.ui-selectmanymenu .ui-selectlistbox-item,
.ui-selectonelistbox .ui-selectlistbox-item {
    margin: 2px;
    border: 0 none;
    cursor: auto;
    font-weight: 400
}
.ui-selectmanymenu table.ui-selectlistbox-list,
.ui-selectonelistbox table.ui-selectlistbox-list {
    border-collapse: collapse;
    width: 100%
}
.ui-selectlistbox-filter.ui-inputfield {
    padding-right: 12%;
    padding-left: 2%;
    width: 85%;
    box-shadow: none
}
.ui-selectlistbox-filter-container {
    position: relative;
    margin: .1em 0;
    padding: 0
}
.ui-selectlistbox-filter-container .ui-icon {
    position: absolute;
    top: 5px;
    right: 2px
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
    float: left;
    margin-right: 4px
}
.ui-multiselectlistbox .ui-multiselectlistbox-item {
    white-space: nowrap
}
.ui-multiselectlistbox.ui-state-disabled .ui-multiselectlistbox-item {
    cursor: default
}
.ui-multiselectlistbox .ui-multiselectlistbox-header {
    text-align: center;
    padding: 2px 10px;
    border-bottom: 0 none
}
.ui-chkbox {
    display: inline-block
}
.ui-chkbox .ui-chkbox-box {
    width: auto;
    height: auto;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}
.ui-chkbox .ui-chkbox-label {
    cursor: pointer;
    margin: 2px 0 0px 7px;
    color: var(--text);
    outline: medium none;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
}
.ui-selectmanycheckbox.ui-widget td,
.ui-selectoneradio.ui-widget td {
    border: 0 none
}
.ui-radiobutton {
    margin: 3px 0;
    width: 16px;
    line-height: 16px;
    display: inline-block
}
.ui-radiobutton .ui-radiobutton-box {
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 10px;
    cursor: pointer;
    box-sizing: content-box;
    border: 2px solid var(--text-grey)
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border: 2px solid var(--main-light-color);
}
.ui-radiobutton.ui-radiobutton-native {
    margin: 0;
    padding: 0
}
.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible {
    clip: auto;
    position: static!important;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 0;
    padding: 0
}
.ui-radiobutton.ui-radiobutton-native .ui-radiobutton-box {
    display: none
}
.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible input,
.ui-selectoneradio-native label {
    margin: 0
}
.ui-state-disabled a {
    outline: none
}
.commandlink-as-button {
    padding: .65em 1.1em !important;
}
.ui-button-text-icon-left .ui-button-text {
    padding: .3em .9em .3em 2.8em;
}
.ui-button-text-icon-right .ui-button-text {
    padding: .3em 2.8em .3em .9em;
}
.ui-buttonset {
    margin-right: 7px
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: 0
}
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}
.ui-selectcheckboxmenu {
    display: inline-block;
    position: relative;
    width: auto;
    zoom: 1;
    cursor: pointer
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    border-right: none;
    border-top: none;
    border-bottom: none;
    cursor: pointer;
    width: 16px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 3px
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: 3px
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    display: block;
    padding: 3px 26px 3px 5px;
    width: auto;
    border: none;
    cursor: pointer
}
.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-label,
.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-trigger {
    cursor: auto
}
.ui-selectcheckboxmenu-panel {
    padding: .2em;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .8)
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
    overflow: auto;
    position: relative;
    padding: .2em 0
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list {
    border: 0 none
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
    border: 0 none;
    cursor: pointer;
    font-weight: 400;
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    white-space: nowrap;
    display: block;
    position: relative
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox {
    position: absolute;
    top: 50%;
    margin-top: -8px
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label {
    display: block;
    padding-left: 2.2em
}
.ui-selectcheckboxmenu-header {
    margin-bottom: .3em;
    padding: .3em 0 .3em .4em !important;
}
.ui-selectcheckboxmenu-header .ui-chkbox {
    float: left;
    cursor: pointer
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
    float: left;
    position: relative;
    margin-left: 5px
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
    position: absolute;
    right: 5px;
    top: 2px
}
.ui-selectcheckboxmenu-header .ui-inputfield {
    padding: 1px 20px 1px 2px
}
.ui-selectcheckboxmenu-header span.ui-icon {
    float: left
}
.ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-all,
.ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-none {
    float: left;
    margin-right: 10px;
    display: block
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
    float: right;
    padding: 1px;
    margin-right: .2em;
    display: block
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover {
    padding: 0
}
.ui-splitbutton {
    position: relative
}
.ui-splitbutton,
div.ui-button {
    display: inline-block;
    zoom: 1
}
.ui-password-panel {
    padding: 20px;
    width: 190px; /* 150px png + padding left + padding right */
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0px 1px 5px rgba(0,0,0,.23);
}
.ui-password-panel .ui-password-meter {
    height: 10px;
    background: transparent url(/b2b/javax.faces.resource/forms/password-meter.png.jsf?ln=primefaces&v=5.1) no-repeat 0 0;
    padding: 0;
    margin: 0;
    border-radius: 6px;
}
.ui-password-info {
    margin-top: 15px;
    font-size: 16px;
}
.ui-password-panel-overlay {
    position: absolute;
}
.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: .4em
}
.ui-selectonebutton {
    display: inline-block;
    padding: 1px
}
.ui-selectonebutton.ui-state-error {
    padding: 0
}
.ui-selectmanybutton {
    display: inline-block;
    padding: 1px
}
.ui-selectmanybutton.ui-state-error {
    padding: 0
}
* html .ui-growl {
    position: absolute
}
* html .ui-growl-item {
    padding-bottom: 0
}
* html .ui-growl-icon-close {
    top: 7px;
    right: 7px
}
.ui-growl {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 301px
}
.ui-growl-item-container {
    position: relative;
    margin: 0 0 10px;
    opacity: .85;
    filter: alpha(opacity=85)
}
.ui-growl-item {
    display: block;
    padding: 10px 15px
}
.ui-growl-item p {
    padding: 0;
    margin: 0
}
.ui-growl-icon-close {
    position: absolute;
    top: 5px;
    right: 3px;
    cursor: pointer
}
.ui-growl-title {
    font-weight: 700;
    padding: 0 0 7px;
    display: block
}
.ui-growl-image {
    width: 32px;
    height: 32px;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    background: url(/b2b/javax.faces.resource/messages/messages.png.jsf?ln=primefaces&v=5.1) no-repeat
}
.ui-growl-image-info {
    background-position: 0 -264px
}
.ui-growl-image-warn {
    background-position: 0 -396px
}
.ui-growl-image-error {
    background-position: 0 0
}
.ui-growl-image-fatal {
    background-position: 0 -132px
}
.ui-growl-message {
    padding: 0px 10px 10px 0px;
    width: 220px;
    float: right
}
.ui-growl-message p {
    font-weight: 400
}
.ui-inplace .ui-inplace-display {
    cursor: pointer;
    border: 0 none!important
}
.ui-inplace .ui-inplace-disabled {
    cursor: default
}
.ui-inplace .ui-inplace-editor {
    margin-left: .1em
}
.ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text {
    padding: 0
}
.ui-lightbox {
    position: fixed
}
.ui-lightbox-content-wrapper {
    position: relative
}
.ui-lightbox-content {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #000
}
.ui-lightbox-nav-left,
.ui-lightbox-nav-right {
    position: absolute;
    top: 50%;
    cursor: pointer
}
.ui-lightbox-nav-left {
    left: 0
}
.ui-lightbox-nav-right {
    right: 0
}
.ui-lightbox-loading {
    background: url(/b2b/javax.faces.resource/lightbox/images/loading.gif.jsf?ln=primefaces&v=5.1) #000 50% no-repeat
}
.ui-lightbox-caption {
    padding: .2em .4em;
    display: none
}
.ui-lightbox-caption-text {
    margin: .3em 0 .1em;
    float: left
}
.ui-lightbox-close {
    float: right;
    margin: 0;
    padding: 1px
}
.ui-lightbox-close.ui-state-hover {
    padding: 0
}
.ui-breadcrumb {
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding: 5px 5px 7px
}
.ui-breadcrumb ul {
    margin: 0;
    padding: 0;
    display: block
}
.ui-breadcrumb ul li {
    float: left;
    position: relative
}
.ui-breadcrumb ul li,
.ui-breadcrumb ul li span {
    display: block;
    overflow: hidden
}
.ui-breadcrumb ul li .ui-menuitem-link {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    cursor: pointer;
    margin-top: 3px
}
.ui-breadcrumb ul li a.ui-icon-home {
    padding: 0;
    margin-top: 1px;
    overflow: hidden
}
.ui-breadcrumb-chevron {
    float: left;
    margin-top: 2px
}
.ui-slidemenu .ui-slidemenu-wrapper {
    position: relative
}
.ui-slidemenu .ui-slidemenu-content {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}
.ui-slidemenu .ui-menu-list {
    position: absolute;
    top: 0
}
.ui-slidemenu .ui-menu-parent {
    position: static
}
.ui-slidemenu .ui-menu-child {
    box-shadow: none;
    border: 0 none;
    background: none repeat scroll 0 0 transparent
}
.ui-slidemenu-backward {
    position: absolute;
    bottom: 0;
    width: 95%;
    margin-bottom: .4em;
    padding: .2em;
    cursor: pointer;
    display: none
}
.ui-slidemenu-backward .ui-icon {
    float: left
}
.ui-panelmenu {
    width: auto
}
.ui-panelmenu .ui-panelmenu-panel {
    padding: 0;
    margin: 0
}
.ui-panelmenu .ui-panelmenu-header {
    cursor: pointer;
    position: relative;
    margin: 0;
    zoom: 1
}
.ui-panelmenu .ui-panelmenu-header a {
    display: block;
    padding: .5em .5em .5em 2.2em
}
.ui-panelmenu .ui-panelmenu-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}
.ui-panelmenu .ui-panelmenu-content {
    padding: .2em 0 .2em .2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    overflow: auto;
    zoom: 1
}
.ui-panelmenu .ui-panelmenu-header.ui-state-disabled,
.ui-panelmenu .ui-panelmenu-header.ui-state-disabled a {
    cursor: default
}
.ui-panelmenu .ui-menu-list {
    position: static
}
.ui-panelmenu .ui-menuitem {
    width: 100%;
    float: left;
    clear: both;
    margin: 1px 0;
    padding: 0
}
.ui-panelmenu .ui-menuitem-link {
    display: block;
    width: 92%;
    outline: none;
    text-decoration: none;
    font-weight: 400;
    border: 1px solid transparent;
    float: left;
    line-height: 16px;
    padding: .3em;
    cursor: pointer
}
.ui-panelmenu .ui-icon {
    display: inline-block;
    float: left
}
.ui-panelmenu .ui-menuitem-text {
    float: left
}
.ui-panelmenu .ui-menu-parent .ui-menu-list {
    display: none;
    margin-left: 20px
}
.ui-tabmenu {
    position: relative;
    zoom: 1
}
.ui-tabmenu .ui-tabmenu-nav {
    margin: 0;
    padding: .2em .2em 0
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    list-style: none;
    float: left;
    position: relative;
    margin: 0 .2em 1px 0;
    padding: 0;
    white-space: nowrap;
    display: block;
    border-bottom: 0;
    top: 1px
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem-hasicon a {
    padding: .5em 1em .5em .2em
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-icon {
    float: left;
    cursor: pointer
}
.ui-message-error-icon,
.ui-message-fatal-icon,
.ui-message-info-icon,
.ui-message-warn-icon,
.ui-messages-error-icon,
.ui-messages-fatal-icon,
.ui-messages-info-icon,
.ui-messages-warn-icon {
    background: url(/b2b/javax.faces.resource/messages/messages.png.jsf?ln=primefaces&v=5.1) no-repeat;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}
.ui-messages-error-icon,
.ui-messages-fatal-icon,
.ui-messages-info-icon,
.ui-messages-warn-icon {
    height: 24px;
    width: 24px;
    margin-top: -4px;
    display: none;
}
.ui-message-error-icon,
.ui-message-fatal-icon,
.ui-message-info-icon,
.ui-message-warn-icon {
    height: 16px;
    width: 16px
}

.ui-message-error-detail,
.ui-message-fatal-detail,
.ui-message-info-detail,
.ui-message-warn-detail,
.ui-messages-error-detail,
.ui-messages-fatal-detail,
.ui-messages-info-detail,
.ui-messages-warn-detail {
    margin-left: 5px
}
.ui-message-info,
.ui-messages-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1
}
.ui-message-warn,
.ui-messages-warn {
    color: #c09853;
    background-color: var(--warning);
    border-color: #fbeed5
}
.ui-messages ul {
    margin: 0 45px 0 0;
    padding: 0;
    list-style-type: none
}
.ui-messages.ui-messages-noicon ul {
    margin: 0 25px 0 0
}
.ui-message-icon-only {
    width: 16px;
    height: 16px
}
.ui-messages-info-icon {
    background-position: 0 -316px
}
.ui-messages-warn-icon {
    background-position: 0 -448px
}
.ui-messages-error-icon {
    background-position: 0 -52px
}
.ui-messages-fatal-icon {
    background-position: 0 -184px
}
.ui-message-info-icon {
    background-position: 0 -360px
}
.ui-message-warn-icon {
    background-position: 0 -492px
}
.ui-message-error-icon {
    background-position: 0 -96px
}
.ui-message-fatal-icon {
    background-position: 0 -228px
}
.ui-messages .ui-messages-close {
    float: right;
    cursor: pointer
}
.ui-notificationbar {
    position: fixed;
    width: 100%;
    height: 100px;
    display: none;
    padding: 10px
}
.ui-notificationbar-close {
    position: absolute;
    right: 3em;
    top: 1em;
    cursor: pointer
}
.ui-orderlist .ui-orderlist-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 200px;
    width: 200px
}
.ui-orderlist .ui-orderlist-list li {
    margin: 1px;
    padding: 2px
}
.ui-orderlist .ui-button {
    display: block;
    margin-bottom: .3em
}
.ui-orderlist .ui-orderlist-button.ui-button-text-icon-primary {
    width: 100%
}
.ui-orderlist .ui-orderlist-item {
    cursor: pointer;
    border: 0 none;
    font-weight: inherit
}
.ui-orderlist .ui-orderlist-caption {
    text-align: center;
    padding: 4px 10px;
    border-bottom: 0 none
}
.ui-orderlist table {
    width: 100%;
    border-collapse: collapse
}
.ui-orderlist.ui-state-disabled .ui-button,
.ui-orderlist.ui-state-disabled .ui-orderlist-item {
    cursor: default
}
.ui-outputpanel-loading {
    background: url(/b2b/javax.faces.resource/outputpanel/images/loading.gif.jsf?ln=primefaces&v=5.1) 50% no-repeat;
    width: 32px;
    height: 32px
}
.ui-panel .ui-panel-titlebar {
    padding: .5em 1em .3em
}
.ui-panel .ui-panel-title {
    margin: .1em 16px .2em 0
}
.ui-panel .ui-panel-titlebar-icon {
    float: right;
    cursor: pointer
}
.ui-panel .ui-panel-titlebar-icon,
.ui-panel .ui-panel-titlebar-icon:focus,
.ui-panel .ui-panel-titlebar-icon:hover {
    margin: -1.5em 0 0 .2em;
}
.ui-panel .ui-panel-content {
    border: 0;
    background: none;
    padding: 0;
}
.ui-panel .ui-panel-footer {
    border-width: 1px 0 0;
    margin: .5em 0 0;
    padding: .5em 1em;
    text-align: left
}
.ui-panel-collapsed-h .ui-panel-titlebar-icon,
.ui-panel-collapsed-h .ui-panel-titlebar-icon:focus,
.ui-panel-collapsed-h .ui-panel-titlebar-icon:hover {
    margin: -.2em 0 0 .1em;
}
.ui-panel.ui-panel-collapsed-h {
    width: 42px
}
.ui-panel.ui-panel-collapsed-h .ui-panel-title {
    display: none
}
.ui-panelgrid {
    border-collapse: collapse
}
.ui-panelgrid .ui-panelgrid-header {
    text-align: center;
    padding: 4px 10px
}
.ui-panelgrid .ui-panelgrid-footer {
    text-align: left;
    padding: 2px 5px
}
.ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
    border: 0 none
}

/* Carousel */
.ui-carousel{
    position: relative;
}
.ui-carousel.hideArrows span.ui-carousel-button{
    display: none;
}
.ui-carousel .ui-carousel-header .ui-carousel-header-title{
    padding: 0;
}
.ui-carousel .ui-carousel-button{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    top: calc(50% - 22px);
    z-index: 11;
    position: absolute;
    background: #fff;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
}
.ui-carousel .ui-carousel-button.ui-state-disabled{
    opacity: 0;
}

.ui-carousel .ui-carousel-button.ui-carousel-prev-button{
    left: -50px;
    background: #fff url(../img//ic_keyboard_arrow_left_black_24px.svg) no-repeat center center/80%;
}
.ui-carousel .ui-carousel-button.ui-carousel-next-button{
    right: -50px;
    background: #fff url(../img//ic_keyboard_arrow_right_black_24px.svg) no-repeat center center/80%;
    margin-right: 40px;
}
.productHomeHighlight .ui-carousel-button.ui-carousel-prev-button, .destiny-photos-wrapper .ui-carousel-button.ui-carousel-prev-button {
    left: 10px;
}
.productHomeHighlight .ui-carousel-button.ui-carousel-next-button, .destiny-photos-wrapper .ui-carousel-button.ui-carousel-next-button {
    right: -30px;
}
#campaignsForm .ui-carousel-item {
    width: 101vw;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
    margin: 0;
}
.ui-carousel .ui-carousel-header{
    padding: 0;
    height: 0;
}
.ui-slider {
    height: 2px;
    width: 100% !important;
    padding: 0;
    margin: 10px 0 10px 8px;
    background: var(--grey-border);
    border-radius: 3px;
    width: calc(100% - 21px) !important;
}
.ui-slider > .ui-slider-handle{
    background: var(--main-light-color);
    box-shadow: 0 2px 8px rgba(0,0,0,0.38);
}
.ui-slider > .ui-slider-handle:active {
    box-shadow: 0 0 0 8px rgba(0,0,0,0.1);
}
.ui-slider > .ui-slider-range {
    background: var(--main-light-color);
}
.ui-panelgrid .ui-panelgrid-cell{
    border: none;
}

@media (max-width: 35em) {
    .ui-panelgrid .ui-grid-responsive .ui-grid-row {
        border-top: 1px solid;
        border-top-color: inherit
    }
    .ui-panelgrid .ui-grid-responsive .ui-grid-row:first-child {
        border-top: 0 none
    }
}
.ui-paginator {
    margin: 0;
    text-align: center;
    padding: 2px
}
.ui-paginator .ui-paginator-top {
    border-bottom: 0 none
}
.ui-paginator .ui-paginator-bottom {
    border-top: 0 none
}
.ui-paginator .ui-paginator-current,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-pages,
.ui-paginator .ui-paginator-prev {
    display: inline-block;
    padding: 2px 6px;
    zoom: 1;
    margin-left: 1px;
    margin-right: 1px;
    text-decoration: none;
    outline: none
}
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-prev {
    cursor: pointer
}
.ui-paginator .ui-paginator-current,
.ui-paginator .ui-paginator-rpp-options {
    margin-left: 1em;
    margin-right: 1em;
    background-image: none
}
.ui-paginator .ui-paginator-first .ui-icon,
.ui-paginator .ui-paginator-last .ui-icon,
.ui-paginator .ui-paginator-next .ui-icon,
.ui-paginator .ui-paginator-prev .ui-icon {
    height: auto;
    overflow: inherit
}
.ui-paginator .ui-paginator-jtp-select option,
.ui-paginator .ui-paginator-rpp-options option {
    background-image: none;
    border: 0 none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}
.ui-picklist>div {
    float: left
}
.ui-picklist .ui-picklist-buttons {
    height: 200px;
    padding: 0 5px
}
.ui-picklist .ui-picklist-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 200px;
    width: 200px
}
.ui-picklist .ui-picklist-list li {
    margin: 1px;
    padding: 2px
}
.ui-picklist .ui-button {
    display: block;
    margin-bottom: .3em
}
.ui-picklist .ui-button-text-icon-left {
    width: 100%
}
.ui-picklist .ui-picklist-item {
    cursor: pointer;
    border: 0 none;
    font-weight: inherit
}
.ui-picklist .ui-picklist-caption {
    text-align: center;
    padding: 4px 10px;
    border-bottom: 0 none
}
.ui-picklist table {
    width: 100%;
    border-collapse: collapse
}
.ui-picklist .ui-picklist-filter {
    padding-right: 15px;
    width: 90%
}
.ui-picklist .ui-picklist-filter-container {
    position: relative;
    margin: 0;
    padding: 0
}
.ui-picklist .ui-picklist-filter-container .ui-icon {
    position: absolute;
    top: 5px;
    right: 2px
}
.ui-progressbar {
    height: 1.2em;
    text-align: left;
    position: relative
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
    width: 0;
    position: absolute;
    display: none
}
.ui-progressbar .ui-progressbar-label {
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
    font-weight: 700
}
.ui-rating-cancel,
.ui-rating-star {
    float: left;
    display: block;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer
}
.ui-rating-cancel a,
.ui-rating-star a {
    width: 16px;
    height: 15px;
    display: block;
    background: url(/b2b/javax.faces.resource/rating/rating.png.jsf?ln=primefaces&v=5.1) no-repeat 0 0
}
.ui-rating-star a {
    background-position: 0 -32px
}
.ui-rating-star-on a {
    background-position: 0 -48px
}
.ui-rating-star-hover a {
    background-position: 0 -64px
}
.ui-rating-cancel-hover a {
    background-position: 0 -16px
}
.ui-rating.ui-state-disabled .ui-rating-cancel,
.ui-rating.ui-state-disabled .ui-rating-star {
    cursor: default
}
.ui-spinner {
    display: inline-block;
    overflow: visible;
    padding: 0;
    position: relative;
    vertical-align: middle
}
.ui-spinner-input {
    vertical-align: middle;
    text-align: right;
    padding-right: 20px
}
.ui-spinner-button {
    cursor: default;
    display: block;
    font-size: .5em;
    height: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    z-index: 100
}
.ui-spinner .ui-icon {
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%
}
.ui-spinner-up {
    top: 0
}
.ui-spinner-down {
    bottom: 0
}
.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}
.ui-spinner .ui-icon-triangle-1-n {
    margin-top: -9px
}
.ui-spinner-input::-ms-clear {
    display: none
}
.ui-tabs-rtl {
    direction: rtl
}
.ui-tabs-rtl .ui-tabs-nav li,
.ui-tabs-rtl .ui-tabs-nav li a {
    float: right
}
.ui-tabs-scrollable .ui-tabs-nav {
    width: 5000px
}
.ui-tabs .ui-tabs-navscroller {
    overflow: hidden;
    position: relative
}
.ui-tabs-scrollable .ui-tabs-nav li {
    margin: 0 .2em -1px 0
}
.ui-tabs .ui-tabs-navscroller-btn {
    position: absolute;
    height: 28px;
    top: 0;
    z-index: 100;
    cursor: pointer;
    display: none
}
.ui-tabs .ui-tabs-navscroller-btn-left {
    left: 0
}
.ui-tabs .ui-tabs-navscroller-btn-right {
    right: 0
}
.ui-tabs .ui-tabs-navscroller-btn-left .ui-icon,
.ui-tabs .ui-tabs-navscroller-btn-right .ui-icon {
    margin-top: 5px
}
.ui-tagcloud {
    width: 250px
}
.ui-tagcloud ul {
    margin: 1em;
    padding: .1em;
    text-align: center
}
.ui-tagcloud li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block
}
.ui-tagcloud li a {
    text-decoration: none;
    padding: 0 5px
}
.ui-tagcloud-strength-1 {
    font-size: 100%
}
.ui-tagcloud-strength-2 {
    font-size: 120%
}
.ui-tagcloud-strength-3 {
    font-size: 140%
}
.ui-tagcloud-strength-4 {
    font-size: 160%
}
.ui-tagcloud-strength-5 {
    font-size: 180%
}
.ui-tagcloud li a.ui-state-hover {
    border: 0 none;
    font-weight: inherit
}
.ui-toolbar {
    padding: .2em
}
.ui-toolbar .ui-separator {
    display: inline-block;
    vertical-align: middle
}
.ui-toolbar-group-left {
    float: left
}
.ui-toolbar-group-right {
    float: right
}
.ui-tree {
    width: 100%;
    position: relative;
}
.ui-tree .ui-tree-container {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.ui-tree .ui-treenode-children {
    margin: 0;
    padding: 0 0 0 16px
}
.ui-tree .ui-treenode {
    display: flex;
    align-items: center;
    padding: 4px 0;
    flex-wrap: wrap;
}
.ui-tree .ui-tree-toggler {
    cursor: pointer
}
.ui-tree .ui-tree-toggler,
.ui-tree .ui-treenode-icon,
.ui-tree .ui-treenode-label {
    display: inline-block;
    vertical-align: top
}
.ui-tree .ui-treenode-label.ui-state-highlight,
.ui-tree .ui-treenode-label.ui-state-hover {
    font-weight: 400;
    border: 0 none
}
.ui-tree .ui-treenode-leaf-icon {
    width: 16px;
    height: 16px;
    display: inline-block
}
.ui-tree .ui-chkbox-box {
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: left
}
.ui-tree .ui-chkbox {
    display: inline-block;
    zoom: 1
}
.ui-tree-horizontal {
    width: auto;
    padding: 10px 0;
    overflow: auto
}
.ui-tree.ui-tree-horizontal table,
.ui-tree.ui-tree-horizontal td,
.ui-tree.ui-tree-horizontal tr {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    vertical-align: middle
}
.ui-tree.ui-tree-horizontal .ui-tree-toggler {
    vertical-align: bottom
}
.ui-tree-horizontal .ui-treenode-content {
    font-weight: 400
}
.ui-tree-horizontal .ui-treenode-content.ui-tree-selectable {
    cursor: pointer
}
.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
    font-weight: 400;
    white-space: nowrap;
    padding: .4em 1em .4em .2em
}
.ui-tree-horizontal .ui-treenode-leaf .ui-treenode-content {
    padding: .4em 1em
}
.ui-tree.ui-tree-horizontal .ui-treenode {
    background: url(/b2b/javax.faces.resource/tree/images/line.gif.jsf?ln=primefaces&v=5.1) repeat-x scroll 50% transparent;
    padding: 5px 40px
}
.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed,
.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf {
    padding-right: 0
}
.ui-tree.ui-tree-horizontal .ui-treenode-children {
    padding: 0;
    margin: 0
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector {
    width: 1px
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
    height: 100%;
    width: 1px
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
    background: url(/b2b/javax.faces.resource/tree/images/line.gif.jsf?ln=primefaces&v=5.1) repeat-y scroll 0 0 transparent;
    width: 1px
}
.ui-tree.ui-tree-horizontal table {
    height: 0
}
.ui-tree.ui-tree-horizontal .ui-chkbox {
    vertical-align: bottom;
    margin-right: 3px
}
.ui-tree.ui-tree-rtl {
    direction: rtl
}
.ui-tree.ui-tree-rtl .ui-treenode-children {
    padding: 0 16px 0 0
}
.ui-tree-droppoint {
    list-style: none outside none;
    height: 4px;
    margin: 0;
    padding: 0
}
.ui-tree-droppoint.ui-state-hover {
    border: 0 none
}
.ui-treenode-content.ui-state-hover {
    font-weight: inherit
}
.ui-tree-draghelper.ui-state-highlight {
    background: none transparent
}
.ui-tree .ui-tree-scrollerbottom,
.ui-tree .ui-tree-scrollertop {
    height: 10px;
    width: 100%;
    position: absolute
}
.ui-tree .ui-tree-scrollertop {
    top: 0
}
.ui-tree .ui-tree-scrollerbottom {
    bottom: 0
}
.ui-treetable table {
    border-collapse: collapse;
    width: 100%
}
.ui-treetable .ui-treetable-footer,
.ui-treetable .ui-treetable-header {
    text-align: center;
    padding: 4px 10px
}
.ui-treetable .ui-treetable-header {
    border-bottom: 0 none
}
.ui-treetable .ui-treetable-footer {
    border-top: 0 none
}
.ui-treetable tfoot td,
.ui-treetable th {
    text-align: center
}
.ui-treetable tbody td,
.ui-treetable tfoot td,
.ui-treetable thead th {
    padding: 4px 10px;
    overflow: hidden;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid
}
.ui-treetable tbody td {
    border-color: inherit
}
.ui-treetable .ui-treetable-toggler {
    float: left;
    margin-top: -2px;
    cursor: pointer
}
.ui-treetable .ui-treetable-data tr.ui-state-highlight,
.ui-treetable .ui-treetable-data tr.ui-state-hover {
    cursor: pointer
}
.ui-treetable-scrollable-body {
    overflow: auto
}
.ui-treetable-scrollable-footer,
.ui-treetable-scrollable-header {
    overflow: hidden;
    border: 0 none
}
.ui-treetable.ui-treetable-scrollable table {
    table-layout: fixed
}
.ui-treetable-scrollable .ui-treetable-scrollable-footer,
.ui-treetable-scrollable .ui-treetable-scrollable-header {
    position: relative
}
.ui-treetable .ui-treetable-data tr.ui-state-hover {
    border-color: inherit;
    font-weight: inherit
}
.ui-treetable-resizable {
    padding-bottom: 1px;
    overflow: auto
}
.ui-treetable.ui-treetable-resizable table {
    table-layout: fixed
}
.ui-treetable .ui-column-resizer {
    width: 8px;
    height: 20px;
    padding: 0;
    cursor: col-resize;
    background-image: url(/b2b/javax.faces.resource/spacer/dot_clear.gif.jsf?ln=primefaces&v=5.1);
    margin: -4px -10px -4px 0;
    float: right
}
.ui-treetable .ui-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none
}
.ui-treetable .ui-chkbox {
    margin-right: 3px
}
.ui-treetable .ui-treetable-indent {
    width: 16px;
    height: 16px;
    float: left
}
.ui-treetable-scrollable-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    background-color: transparent
}
.ui-treetable-scrollable-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 76%, .5)
}
.ui-treetable .ui-sortable-column {
    cursor: pointer
}
.ui-treetable .ui-sortable-column-icon {
    display: inline-block;
    margin: -3px 0 -3px 2px
}
.ui-wizard {
    margin: 0;
    padding: 0
}
.ui-wizard-content {
    margin: 3px 0
}
.ui-wizard-navbar {
    text-align: right
}
.ui-wizard-nav-back,
.ui-wizard-nav-next {
    cursor: pointer
}
.ui-wizard-nav-back {
    float: left
}
.ui-wizard-nav-next {
    float: right
}
.ui-wizard-step-title {
    font-size: 18px;
    margin: 0 3px 0 0;
    padding: .4em;
    float: left
}

#contentHeader .privateMenuPanel {
    border: 0
}
#contentHeader #privateMenuForm {
    background-color: transparent;
    margin: 10px 0 0;
    color: #003d68;
    position: relative;
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    max-width: 1180px;
    display: block;
    margin: 10px auto
}
#contentHeader #privateMenuForm .privateMenuPanel,
#contentHeader #privateMenuForm .privateMenuPanel .ui-panel-content,
#contentHeader #privateMenuForm .privateMenuPanel .ui-panel-content #privateBookingSearch,
#contentHeader #privateMenuForm .privateMenuPanel .ui-panel-content #privateMenu {
    height: 100%
}
#contentHeader #privateMenu {
    background-color: #003d68;
    border: 0;
    width: 100%;
    float: none
}
#contentHeader #privateMenu .programacion-buttons {
    width: 100%;
    background-color: #003d68;
    text-align: center;
    color: #003d68;
    float: left;
    padding: 15px 0
}
#contentHeader #privateMenu .programacion-buttons .programacion-btn {
    font-size: 16px;
    color: #003d68;
    font-weight: 700;
    padding: 10px;
    text-decoration: none
}
#contentHeader #privateMenu .programacion-buttons .programacion-btn:hover {
    background-color: #003d68;
    color: #003d68;
    border-radius: 5px
}
#contentHeader #privateMenu .btnSearchFree {
    border-radius: 0!important;
    border: 0!important;
    height: 55%!important;
    margin-top: 20px;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    width: 90%;
    top: -10px;
    background: #fff!important;
    margin-left: 20px
}
#contentHeader #privateMenu .ui-state-default,
#contentHeader #privateMenu .ui-widget-content .ui-state-default {
    color: #003d68
}
#contentHeader #privateMenu .privateSearch {
    background-color: transparent!important;
    height: 100%!important;
    border-right: 1px solid #003d68;
    width: 14%;
    background-image: url(../img/search.svg)!important
}
#contentHeader #privateMenu .privateSearch .ui-button-text {
    font-size: 0
}
#contentHeader #privateMenu::-webkit-input-placeholder {
    color: #003d68;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}
#contentHeader #privateMenu:-moz-placeholder,
#contentHeader #privateMenu::-moz-placeholder {
    color: #003d68;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}
#contentHeader #privateMenu:-ms-input-placeholder {
    color: #003d68;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}
#contentHeader #privateMenuForm .privateMenuPanel,
#contentHeader #privateMenuForm .privateMenuPanel .ui-panel-content {
    padding: 0
}
#contentHeader #privateBookingSearch {
    background-color: transparent;
    width: 100%;
    border-radius: 0;
    margin: 0 auto;
    border: 0!important;
    height: 100%!important
}
#contentHeader #privateBookingSearch .privateBooking {
    display: none
}
#contentHeader #privateBookingSearch input[type=text].ui-state-default {
    border: 0 !important;
    background-color: #475a6a;
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
    margin-bottom: 0px !important;
    padding: 7px 0px 6px 0px;
    font-size: 15px !important;
}
#contentHeader #privateBookingSearch .ui-commandlink.ui-widget::before {
    position: absolute;
    font-family: "Material Icons";
    content: "search";
    color: #fff;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 5px;
    font-size: 22px;
}
#contentHeader #privateBookingSearch input[type=text].ui-state-default::-webkit-input-placeholder {
    color: #fff;
    font-size: 16px
}
#contentHeader #privateBookingSearch input[type=text].ui-state-default::-moz-placeholder {
    color: #fff;
    font-size: 16px
}
#contentHeader #privateBookingSearch input[type=text].ui-state-default:-ms-input-placeholder {
    color: #fff;
    font-size: 16px
}
#contentHeader #privateBookingSearch input[type=text].ui-state-default:focus {
    background-color: transparent!important;
    width: auto!important;
    color: #fff!important
}
#contentHeader #privateBookingSearch .ui-commandlink.ui-widget {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    width: 30px;
}
#contentHeader #privateBookingSearch .ui-commandlink.ui-widget:before {
    position: absolute;
    font-family: "Material Icons";
    content: "search";
    color: #fff;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 5px;
    font-size: 22px;
}
#optionsMenu .ui-menu ul.ui-menu-list li.ui-menuitem:hover {
    background: transparent !important;
}
#contentHeader #optionsMenu {
    margin: 0;
}
#contentHeader #optionsMenu .ui-menu {
    height: auto;
    background: #003d68;
    border: 1px solid #003d68;
    border-radius: 0;
    padding: 0;
}
#contentHeader #optionsMenu .ui-menu ul.ui-menu-list {
    color: #fff;
    max-width: 1180px;
    margin: 0 auto;
}
#contentHeader #optionsMenu .ui-menu ul.ui-menu-list .item-activo {
    background-color: #fff;
    color: #003d68
}
#contentHeader #optionsMenu .ui-menu ul.ui-menu-list .ui-menuitem .ui-menuitem-link{
    background-color: #003d68;
    color: #fff;
    font-size: 15px!important;
    font-weight: 400!important
}
#contentHeader #optionsMenu .ui-menu ul.ui-menu-list .ui-menuitem .ui-menuitem-link:hover,
#contentHeader #optionsMenu .ui-menu ul.ui-menu-list .ui-menuitem.ui-menu-parent.ui-menuitem-active > .ui-menuitem-link{
    background-color: #fff;
    color: #011925;
}
#contentHeader #optionsMenu .ui-menubar .ui-menuitem {
    width: 15%;
    position: relative
}
#contentHeader #optionsMenu .ui-menubar .ui-menubar-options {
    display: table;
    width: auto !important
}
#contentHeader #optionsMenu .ui-menubar .ui-menubar-options > *{
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
#contentHeader #optionsMenu .ui-menubar .ui-menuitem:nth-child(1n+6) {
    width: 10%!important
}
#contentHeader #optionsMenu .ui-menubar .ui-menuitem:nth-child(6n),
#contentHeader #optionsMenu .ui-menubar .ui-menuitem:nth-child(7n) {
    border: 0!important
}
#contentHeader #optionsMenu .ui-menubar .subPackages-menu > ul.ui-menu-list,
#contentHeader #optionsMenu .ui-menubar .subPackages-menu .ui-menuitem{
    width: 100% !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
#contentHeader #optionsMenu .ui-menubar .subPackages-menu > a.ui-menuitem-link > span.ui-icon{
    display: none;
}
#contentHeader .resultSearch {
    position: absolute;
    width: 100%;
    top: 70px;
    left: -1px;
    border: 3px solid #003d68;
    padding: 10px 0 0;
    padding: 10px;
    box-shadow: none;
    box-sizing: border-box
}
#contentHeader .resultSearch .titleItem {
    padding: 5px 10px;
    padding-left: 0;
    font-size: 16px;
    color: #003d68;
    border-bottom: 2px solid #003d68!important
}
#contentHeader .resultSearch .items {
    padding: 15px 0
}
#contentHeader .resultSearch .itemResultGroup {
    border-bottom: 0!important
}
#contentHeader .resultSearch .itemResultGroup.paddingTop20 {
    padding-top: 0
}
#contentHeader .resultSearch .itemGroup a.ui-commandlink.ui-widget {
    color: #003d68!important;
    font-weight: 400
}
#contentHeader #usersmin {
    background-color: transparent;
    position: relative;
    padding: 0px;
    box-shadow: none !important;
    vertical-align: middle !important;
    margin: 0 32px;
    height: 35px;
    width: 28px;
}
#contentHeader #usersmin::before {
    content: "account_box";
    font-family: "Material icons";
    font-size: 28px;
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    color: var(--grey-bg);
    height: auto;
    line-height: 35px;
}
#contentHeader #usersmin .itemsUsers {
    text-align: right;
    color: #fff;
    position:relative;
}
#header #contentHeader .containerFormInit {
    max-width: 1180px;
    display: block;
    margin: 0 auto
}
#header #contentHeader #init {
    display: inline-block
}
#logout {
    text-align: right;
    font-size: 11px;
}
#header #contentHeader #infoHeader {
    position: static;
    display: inline-block;
    max-width: 1180px;
    width: 100%;
    display: block;
    margin: 0 auto
}
#header #contentHeader #clientservice {
    right: 0;
    top: 20px;
    left: 0;
    text-align: right;
    display: block;
    width: 1024px;
    margin: 0 auto
}
#header #contentHeader #clientservice>p:first-child {
    text-align: right
}
#header #contentHeader {
    position: relative;
    margin: 0 auto;
    float: none
}
#header #contentHeader .itemsCart {
    text-align: right;
    color: #fff
}
#header #contentHeader #users {
    margin-top: 0;
    right: -50px;
    top: 51px;
    background-position: 10px 15px;
}
#header #contentHeader #cart {
    margin-top: 0;
    top: 51px;
    right: 0;
    background-position: 10px 15px;
}
#header #contentHeader #cart.carrito:hover {
    color: #003d68
}
#header #contentHeader #cart.carrito div {
    text-align: right;
    margin: 0;
    width: 100%;
    color: #003d68
}
#header #contentHeader #cart.carrito #cartPrice,
#header #contentHeader #cart.carrito #options,
#header #contentHeader #cart.carrito #options #mostrarCarritoItems,
#header #contentHeader #cart.carrito #options .options {
    width: 100%
}
#header #contentHeader #cart.carrito #options .options a {
    display: inline-block;
    font-size: 10px!important
}
#header #contentHeader #cart.carrito #options .options br {
    display: none
}
#content_content.reserva-content {
    margin-top: 0
}
.container-filters {
    margin-bottom: 40px;
    width: 100%
}
.results {
    color: #003d68;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #003d68
}
.filters {
    padding-top: 15px
}
.filters .filters-title {
    font-weight: 700;
    font-size: 20px;
    color: #003d68;
    margin-right: 10px
}
.filters .filter-style {
    border: 1px solid #003d68;
    padding: 20px;
    color: #000;
    font-weight: 500;
    display: inline-block;
    margin-right: 10px
}
.filters .filter-change {
    float: right;
    border: 1px solid #003d68;
    background-color: #fff;
    padding: 20px;
    font-size: 20px;
    color: #003d68;
    cursor: pointer;
    max-height: 58px
}
.filters .filter-change:hover {
    background-color: #003d68;
    color: #fff
}
.map-select {
    width: 100%;
    font-size: 0;
    border: 1px solid #003d68;
    margin-bottom: 20px;
    background-color: #d8d8d8
}
.container-map,
.container-select {
    display: inline-block;
    width: 50%
}
.container-map img {
    width: 100%
}
.container-select {
    vertical-align: top
}
.container-select .container-select-input {
    width: 40%;
    margin: 50px auto;
    background-color: #fff;
    padding: 5px 25px;
    max-height: 240px;
    overflow-y: scroll
}
.container-select .container-input {
    margin: 20px 0
}
.container-select input[type=checkbox] {
    display: none
}
.container-select input[type=checkbox]+label {
    font-size: 14px;
    color: #003d68;
    font-weight: 500
}
.container-select input[type=checkbox]+label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: #4cbd51;
    cursor: pointer;
    border-radius: 4px
}
.container-select input[type=checkbox]:checked+label span:after {
    content: "";
    background-image: url(../img/checked.svg);
    display: inline-block;
    height: 12px;
    width: 17px;
    background-repeat: no-repeat;
    background-position: 100%;
    margin-top: 4px
}
.detail-services {
    background-color: rgba(0, 40, 84, .1);
    border: 1px solid #003d68;
    margin: 40px 0
}
.detail-services-title {
    background-color: #003d68;
    font-size: 28px;
    color: #fff
}
.detail-services-title,
.detail-services-total {
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}
.detail-services-total .detail-services-total-amount,
.detail-services-total .detail-services-total-distance,
.detail-services-total .detail-services-total-title {
    color: #000;
    font-weight: 700;
    font-size: 22px
}
.detail-services-total .detail-services-total-title {
    font-size: 28px
}
.detail-services-total .detail-services-total-distance {
    display: block;
    margin-top: 10px
}
.detail-services-hotel {
    background-color: #fff;
    font-size: 0;
    padding: 20px
}
.detail-services-hotel .detail-services-hotel-departure,
.detail-services-hotel .detail-services-hotel-entrada,
.detail-services-hotel .detail-services-hotel-icon,
.detail-services-hotel .detail-services-hotel-name {
    display: inline-block;
    vertical-align: top;
    width: 25%
}
.detail-services-hotel .detail-services-hotel-icon {
    width: 10%
}
.detail-services-hotel .detail-services-hotel-name {
    width: 40%
}
.detail-services-hotel .detail-services-hotel-departure-title,
.detail-services-hotel .detail-services-hotel-entrada-title,
.detail-services-hotel .detail-services-hotel-name-hotel {
    font-size: 28px;
    color: #003d68;
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}
.detail-services-hotel .detail-services-hotel-departure-date,
.detail-services-hotel .detail-services-hotel-entrada-date,
.detail-services-hotel .detail-services-hotel-room,
.detail-services-hotel .detail-services-hotel-room-type {
    font-size: 18px;
    color: #000;
    display: block;
    margin-bottom: 5px
}
.detail-services .detail-services-flight-alternate,
.detail-services .detail-services-hotel-alternate {
    padding: 30px 20px;
    background-color: #003d68
}
.detail-services .detail-services-flight-alternate .detail-services-alternate-text,
.detail-services .detail-services-hotel-alternate .detail-services-alternate-text {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    vertical-align: middle
}
.detail-services .detail-services-flight-alternate:before,
.detail-services .detail-services-hotel-alternate:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/arrow.svg);
    background-size: 30%;
    background-repeat: no-repeat;
    width: 25px;
    height: 18px
}
.detail-services-flight {
    background-color: #fff;
    padding: 20px;
    font-size: 0
}
.detail-services-flight .detail-services-flight-airport,
.detail-services-flight .detail-services-flight-icon,
.detail-services-flight .detail-services-flight-name,
.detail-services-flight .detail-services-flight-type {
    display: inline-block;
    vertical-align: middle;
    width: 37.5%
}
.detail-services-flight .detail-services-flight-icon,
.detail-services-flight .detail-services-flight-type {
    width: 10%
}
.detail-services-flight .detail-services-flight-type {
    width: 15%
}
.detail-services-flight .detail-services-flight-name-departure-title,
.detail-services-flight .detail-services-flight-name-return-title {
    font-size: 18px;
    color: #003d68;
    display: block;
    margin-bottom: 10px;
    font-weight: 700
}
.detail-services-flight .detail-services-flight-name-departure-airport,
.detail-services-flight .detail-services-flight-name-departure-hour,
.detail-services-flight .detail-services-flight-name-return-airport,
.detail-services-flight .detail-services-flight-name-return-hour {
    font-size: 18px;
    color: #000;
    display: block
}
.detail-services-flight .detail-services-flight-name-return {
    margin-top: 15px
}
.detail-services-flight .detail-services-flight-type-departure-title,
.detail-services-flight .detail-services-flight-type-return-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    display: block;
    margin-bottom: 5px
}
.detail-services-flight .detail-services-flight-type-departure-date,
.detail-services-flight .detail-services-flight-type-return-date {
    font-size: 18px;
    color: #003d68;
    display: block;
    margin-bottom: 5px
}
.detail-services-flight .detail-services-flight-type-departure-class,
.detail-services-flight .detail-services-flight-type-return-class {
    font-size: 18px;
    color: #000;
    display: block;
    margin-bottom: 5px
}
.detail-services-flight .detail-services-flight-type-departure,
.detail-services-flight .detail-services-flight-type-return {
    margin-bottom: 15px
}
.detail-services-flight .detail-services-flight-airport-departure-hour,
.detail-services-flight .detail-services-flight-airport-departure-title,
.detail-services-flight .detail-services-flight-airport-return-hour,
.detail-services-flight .detail-services-flight-airport-return-title {
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
}
.detail-services-flight .detail-services-flight-airport-departure,
.detail-services-flight .detail-services-flight-airport-return {
    margin-bottom: 35px
}
.detail-services-buttons {
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box
}
.detail-services-buttons .detail-services-add-cart,
.detail-services-buttons .detail-services-button-show {
    color: #003d68;
    border: 0;
    cursor: pointer;
    padding: 20px;
    font-weight: 700;
    font-size: 18px;
    background-color: #003d68
}
.detail-services-buttons .detail-services-button-show {
    border: 1px solid #003d68;
    background-color: #fff
}
.detail-services-buttons .detail-services-add-cart {
    font-size: 24px;
    float: right;
    box-sizing: border-box
}
.detail-services-buttons .detail-services-add-cart:before {
    content: "";
    display: inline-block;
    background-image: url(../img/cart.svg);
    background-size: 80%;
    background-repeat: no-repeat;
    width: 28px;
    height: 18px;
    margin-right: 10px
}
.container-programaciones-title {
    font-size: 26px;
    color: #003d68;
    font-weight: 700;
    margin-bottom: 10px
}
.container-programaciones-list {
    border: 1px solid #003d68;
    font-size: 0;
    margin: 10px 0
}
.container-programaciones-item {
    padding: 40px 20px;
    color: #000;
    font-size: 22px;
    width: 25%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    background-color: #d8d8d8;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;
    cursor: pointer
}
.container-programaciones-item:hover {
    background-color: #003d68
}
.container-programaciones-item:hover .container-programaciones-title {
    color: #fff
}
.container-programaciones-item:nth-child(4n) {
    border-right: 0
}
.container-programaciones-item:nth-child(1n+5) {
    border-bottom: 0
}
.containers-next {
    font-size: 0;
    width: 100%;
    margin: 20px 0
}
.container-next {
    width: 48%;
    margin-right: 4%;
    border: 1px solid #979797;
    display: inline-block;
    box-sizing: border-box
}
.container-next:not(:first-child) {
    margin-right: 0
}
.container-title {
    font-size: 28px;
    font-weight: 700;
    color: #003d68;
    padding: 20px;
    display: inline-block
}
.container-next-item {
    width: 100%;
    border-top: 1px solid #979797;
    background-color: #003d68;
    display: table;
    text-align: center
}
.container-next-city,
.container-next-date,
.container-next-sale {
    display: table-cell;
    font-weight: 700
}
.container-next-city,
.container-next-date,
.container-next-date-day,
.container-next-date-month,
.container-next-date-number,
.container-next-sale {
    background-color: #d8d8d8;
    color: #003d68;
    font-size: 16px;
    width: 15%;
    vertical-align: middle
}
.container-next-date-day,
.container-next-date-month,
.container-next-date-number {
    width: 100%;
    display: block;
    padding: 5px 0
}
.container-next-city,
.container-next-sale {
    font-size: 28px;
    font-weight: 700;
    background-color: #fff;
    width: 50%
}
.container-next-sale {
    background-color: #003d68;
    width: 35%
}
.container-next-sale:before {
    content: "";
    background-image: url(../img/cart.svg);
    display: inline-block;
    height: 30px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
    background-size: 70%;
    margin-right: 10px
}
.container-cards-four {
    width: 100%;
    margin: 30px 0
}
.container-cards-four .container-card-item:nth-child(4n) {
    margin-right: 0
}
.container-card-item {
    width: 20%;
    display: inline-block;
    margin-right: 6%
}
.container-card-item-image {
    width: 100%;
    max-width: 100%;
    border-radius: 25px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 5px solid #003d68!important;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 5px;
    padding-bottom: 0
}
.container-card-item-city,
.container-card-item-dates,
.container-card-item-prices,
.container-card-item-title {
    font-size: 18px;
    color: #003d68;
    display: block;
    text-align: center;
    padding: 2.5px 0
}
.container-card-item-city,
.container-card-item-dates,
.container-card-item-prices {
    font-size: 16px
}
.container-card-item-prices {
    font-weight: 700
}
.container-respuesta-programacion {
    width: 100%;
    display: inline-block;
    font-size: 0
}
.container-respuesta-programacion .container-respuesta-programacion-sliders {
    width: 25%;
    display: inline-block
}
.container-respuesta-programacion .container-respuesta-programacion-cards {
    width: 74%;
    display: inline-block;
    margin-left: 1%;
    background-color: #ccc
}
.container-respuesta-programacion-cards {
    font-size: 0;
    margin: 30px 0
}
.container-respuesta-programacion-cards .container-respuesta-programacion-item-image,
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text {
    width: 20%;
    display: inline-block;
    vertical-align: top
}
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text {
    width: 80%;
    padding: 15px;
    box-sizing: border-box
}
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text .container-respuesta-programacion-item-title {
    font-size: 16px;
    font-weight: 700;
    display: block;
    color: #003d68;
    margin-bottom: 5px
}
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text .container-respuesta-programacion-item-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    margin-bottom: 0
}
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text .container-respuesta-programacion-item-icon.container-respuesta-programacion-item-icon-bus:before,
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text .container-respuesta-programacion-item-icon.container-respuesta-programacion-item-icon-home:before,
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text .container-respuesta-programacion-item-icon.container-respuesta-programacion-item-icon-plane:before {
    content: "";
    background-image: url(../img/icon-home.svg);
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    margin-right: 10px
}
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text .container-respuesta-programacion-item-icon.container-respuesta-programacion-item-icon-plane:before {
    content: "";
    background-image: url(../img/icon-plane.svg)
}
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text .container-respuesta-programacion-item-icon.container-respuesta-programacion-item-icon-bus:before {
    content: "";
    background-image: url(../img/icon-bus.svg)
}
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text .container-respuesta-programacion-item-btn {
    border-radius: 5px;
    color: #003d68;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    margin-top: 5px;
    color: #000;
    display: block;
    background-color: #003d68;
    border: 0;
    cursor: pointer
}
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text .container-respuesta-programacion-item-btn:hover {
    background-color: #003d68;
    color: #fff
}
.container-respuesta-programacion-cards .container-respuesta-programacion-item-text .container-respuesta-programacion-item-departure {
    font-size: 13px;
    font-weight: 700;
    color: #003d68;
    margin-top: 10px;
    display: block
}
.container-respuesta-programacion-item-footer .container-respuesta-programacion-item-month-container,
.container-respuesta-programacion-item-footer .container-respuesta-programacion-item-price-container {
    border: 1px solid #003d68;
    font-size: 0
}
.container-respuesta-programacion-item-footer .container-respuesta-programacion-item-price-container {
    border-top: 0
}
.container-respuesta-programacion-item-footer .container-respuesta-programacion-item-month,
.container-respuesta-programacion-item-footer .container-respuesta-programacion-item-price {
    font-size: 12px;
    font-weight: 700;
    color: #003d68;
    width: 6.82%;
    display: inline-block;
    box-sizing: border-box;
    background-color: #e9f3fb;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #003d68
}
.container-respuesta-programacion-item-footer .container-respuesta-programacion-item-month:first-child,
.container-respuesta-programacion-item-footer .container-respuesta-programacion-item-price:first-child {
    width: 18%
}
.container-respuesta-programacion-item-footer .container-respuesta-programacion-item-month:last-child,
.container-respuesta-programacion-item-footer .container-respuesta-programacion-item-price:last-child {
    border-right: 0
}
.select-types-container {
    border: 1px solid #003d68;
    font-size: 0;
    display: table;
    width: 100%;
    margin: 20px 0
}
.select-types-items {
    width: 26.6%;
    display: table-cell;
    vertical-align: middle
}
.select-types-items:last-child {
    background-color: #003d68;
    width: 20%
}
.select-types-items:last-child:hover {
    background-color: #003d68;
    color: #003d68
}
.select-types-items:not(:last-child) {
    border-right: 1px solid #003d68
}
.select-types-items-title {
    font-size: 20px;
    color: #000;
    display: inline-block;
    padding: 20px;
    border-bottom: 1px solid #003d68;
    width: 100%;
    box-sizing: border-box;
    text-align: center
}
.select-type-items-selects {
    display: block;
    font-size: 16px;
    margin: 20px auto;
    box-sizing: border-box;
    background: url(../img/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    padding-right: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.select-types-btn {
    color: #fff;
    width: 100%;
    display: inline-block;
    font-size: 24px;
    cursor: pointer;
    height: 100%
}
.select-type-items-selects,
.select-types-btn {
    border: 0;
    background-color: transparent
}
.respuesta-hoteles-container {
    font-size: 0;
    width: 100%
}
.respuesta-hoteles-container-items {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    box-sizing: border-box
}
.respuesta-hoteles-slider {
    width: 25%;
    display: inline-block
}
.respuesta-hoteles-items {
    width: 100%;
    background-color: #d8d8d8;
    font-size: 0
}
.respuesta-hoteles-items-image {
    width: 25%;
    display: inline-block
}
.respuesta-hoteles-items-image img {
    max-width: 100%;
    width: 100%
}
.respuesta-hoteles-items-info {
    width: 75%;
    display: inline-block
}
.respueta-hoteles-items-info-left {
    width: 60%;
    display: inline-block;
    padding: 0 10px;
    box-sizing: border-box
}
.respuesta-hoteles-items-info-title {
    font-size: 18px;
    font-weight: 700;
    color: #003d68;
    display: block;
    margin-bottom: 5px
}
.respuesta-hoteles-items-info-direction,
.respuesta-hoteles-items-info-hotel,
.respuesta-hoteles-items-info-text {
    font-size: 12px;
    display: block;
    color: #000;
    margin-bottom: 5px
}
.respuesta-hoteles-items-info-btn-room {
    border: 0;
    background-color: #003d68;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    margin: 5px 0
}
.respuesta-hoteles-items-info-right {
    display: inline-block;
    width: 40%;
    text-align: right;
    padding: 0 10px;
    box-sizing: border-box;
    vertical-align: top
}
.respuesta-hoteles-item-info-price {
    font-size: 24px;
    color: #003d68;
    display: block;
    margin-bottom: 10px
}
.respuesta-hoteles-items-info-type,
.respuesta-hoteles-items-info-type-room {
    font-size: 12px;
    color: #000;
    display: block;
    margin-bottom: 5px
}
.respuesta-hoteles-items-info-add-to-cart {
    background-color: #003d68;
    color: #000;
    padding: 20px;
    cursor: pointer;
    border: 0;
    font-weight: 700;
    font-size: 18px;
    margin: 10px 0
}
#lateralSearch p button:first-child {
    color: #fff
}
#lateralSearch #lateralSearch_content .flo-l+.ui-selectonemenu {
    height: 30px!important
}
#lateralSearch #lateralSearch_content .flo-l+.ui-selectonemenu .ui-icon-triangle-1-s {
    background-color: #003d68!important;
    width: 30px!important;
    height: 17px!important
}

#lateralSearch #packageSearchForm #packageDestination p label {
    background-color: transparent!important
}
#lateralSearch .ui-widget {
    margin: 0!important;
    vertical-align: middle!important
}
#lateralSearch button.ui-widget {
    background-color: transparent !important;
    height: 29px!important
}
#lateralSearch .ui-icon-calendar {
    background-size: 70%!important;
    background-position: 7px 1px
}
#lateralSearch #divDateFrom,
#lateralSearch #divDateTo,
#lateralSearch #divDestination,
#lateralSearch #divDuration,
#lateralSearch #divProduct {
    margin-right: 0
}
#lateralSearch #divDateFrom span,
#lateralSearch #divDateTo span,
#lateralSearch #divDestination span,
#lateralSearch #divDuration span,
#lateralSearch #divProduct span {
    width: 100%
}
#lateralSearch #divDuration .busqueda-noches-label.ui-widget {
    font-weight: 700
}
#lateralSearch #divDuration .busqueda-noches-input.ui-widget {
    padding: 5px
}
#lateralSearch p+p,
#lateralSearch p.flo-l.p1 {
    border-bottom: 2px solid #003d68
}
#lateralSearch h4,
#lateralSearch p {
    font-weight: 700;
    margin: 10px 0
}
#lateralSearch #roomDistribution .adultAge select {
    border-radius: 5px!important
}

#lateralSearch #roomDistribution .adultAge .ui-selectonemenu.ui-widget {
    float: left !important;
    margin-top: 0px !important;
}
#resultSuitDiv .itemSuitResults .precioSuit .price .colum_price.reduced-btn {
    bottom: 15px
}
#content_content>form {
    margin-left: 0!important
}
#content_content #formBigHighlight{
    margin-bottom: 20px;
}
#content_content #formBigHighlight .timer{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#lateralSearch+#content #content_content {
    margin-top: 0!important
}
#lateralSearch {
    margin: 0!important;
    margin-bottom: 15px!important;
    padding: 0!important;
    background-color: #d8d8d8;
    width: 20%!important;
    display: inline-block!important;
    box-sizing: border-box
}
#lateralSearch #lateralSearch_content {
    padding: 0!important
}
#lateralSearch #lateralSearch_content .flo-l+.ui-selectonemenu {
    width: 35%!important;
    border-radius: 0;
    border: 1px solid #e0e7ee!important;
    margin-left: 10px!important;
    height: 18px!important;
    vertical-align: top;
    padding: 0 4px
}
#lateralSearch #lateralSearch_content .flo-l+.ui-selectonemenu .ui-selectonemenu-label {
    width: 50%!important
}
#lateralSearch #lateralSearch_content .flo-l+.ui-selectonemenu .ui-icon-triangle-1-s {
    background-image: none!important
}
#lateralSearch #lateralSearch_content .flo-l+.ui-selectonemenu .selectDistribution:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/arrow-white.svg);
    background-size: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%
}
#lateralSearch h4 {
    box-sizing: border-box;
    width: 100%;
    color: #003d68!important;
    line-height: normal!important;
    padding: 10px!important;
    border-bottom: 1px solid #003d68;
    margin-top: 0
}
#lateralSearch #packageSearchForm {
    width: 100%
}
#lateralSearch .ui-selectonemenu-trigger .ui-icon:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/calendar.svg);
    background-size: 90%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%
}
#lateralSearch #packageDestination p label {
    display: none
}
#lateralSearch #packageDestination .ui-selectonemenu.ui-widget.ui-corner-all {
    background-color: #fff;
    padding: 10px!important;
    box-sizing: border-box;
    margin-left: 10px!important;
    width: calc(100% - 20px)!important;
    border: 1px solid #d8d8d8!important
}
#lateralSearch #packageDestination .ui-selectonemenu.ui-widget.ui-corner-all:last-child {
    display: none!important
}
#lateralSearch .ui-widget {
    padding: 0;
    box-sizing: border-box;
    margin: 7px 0!important;
    font-size: 13px !important;
    width: 80%!important;
    display: inline-block!important;
    float: none!important;
    vertical-align: top!important
}
div#flightForm .tabView-flights .ui-datepicker-trigger{
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
    width: 45px;
    margin: 0;
    box-sizing: border-box;
}

[id^="hotelroom"],
#postSearch {
    width: 100%;
    /*padding: 10px 20px;*/
}
.room{
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid var(--grey-border);
    display: flex;
    position: relative;
}
#lateralSearch span p {
    padding: 0
}
#lateralSearch h4,
#lateralSearch p {
    line-height: normal!important;
    display: block;
    box-sizing: border-box;
    color: white !important;
    font-size: 16px!important;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 100%;
    margin-bottom: 0px
}
#lateralSearch h1 {
    border-bottom: 2px solid #7191ad;
    text-align: center;
    text-transform: uppercase;
    font-size: 21px !important;
    padding: 0px 0px 5px !important;
}

#lateralSearch h2 {
    border-bottom: 2px solid #7191ad;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px !important;
    padding: 0px 0px 5px !important;
    margin-top: 16px;
}

#lateralSearch #distribution {
    margin: 0 auto!important;
    float: none!important
}
#roomDistribution > a.ui-commandlink::before {
    content: "close";
    font-family: "Material Icons";
    font-size: 24px;
    position: absolute;
    top: 32px;
    right: 5px;
    padding: 10px;
    color: var(--text);
}
#roomDistribution > .numberRoom{
    width: 20%;
    min-width: fit-content;
    flex: 0 0 20%;
    margin: auto 0;
}
#roomDistribution > .personNumber{
    width: 25%;
    min-width: fit-content;
    flex: 0 0 25%;
    margin: auto 0;
}
helper
#roomDistribution > [id*="agesDistribution"] > *{
    display: table-cell;
    vertical-align: middle;
}
#roomDistribution > .personNumber > h2,
#roomDistribution > [id*="agesDistribution"] > h2{
    display: block;
    vertical-align: middle;
    padding-bottom: 8px;
    text-transform: capitalize;
    color: var(--text);
    font-weight: normal;
    font-size: 14px;
}
#roomDistribution > .numberRoom > h2{
    font-weight: 600;
    font-size: 16px;
    color: var(--text);
}
.ui-spinner {
    position: relative;
    display: table-cell;
}
.ui-spinner > input.ui-spinner-input {
    text-align: center;
    font-size: 15px;
    min-width: auto;
    width: 120px;
    height: 39px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
}
.ui-spinner > a.ui-spinner-button,
.ui-spinner > a.ui-spinner-button span.ui-icon{
    position: absolute !important;
    top: 0;
    bottom: 0;
    width: 39px !important;
    height: 39px !important;
    border-radius: 50%;
    background-color: inherit !important;
    margin: 0 !important;
    cursor: pointer;
    border: none !important;
    box-sizing: border-box !important;
    background-image: inherit;
}
.ui-spinner > a.ui-spinner-button.ui-spinner-up{
    right: 0;
}
.ui-spinner > a.ui-spinner-button.ui-spinner-down{
    left: 0;
}
.ui-spinner > a.ui-spinner-button:before{
    font-family: "Material Icons";
    color: var(--text);
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 11px;
    left: 0;
    right: 0;
    font-size: 16px;
    text-align: center;
    background: #FFF;
    border: 1px solid var(--grey-border);
    border-radius: 50% !important;
    text-transform: lowercase;
    letter-spacing: normal;
}
.ui-spinner > a.ui-spinner-button:hover:before{
    background: var(--grey-bg);
}
.ui-spinner > a.ui-spinner-button.ui-spinner-up:before{
    content: "add";
}
.ui-spinner > a.ui-spinner-button.ui-spinner-down:before{
    content: "remove";
}
#lateralSearch #roomDistribution .adultAge {
    float: none!important;
    padding: 0!important;
    width: 50%!important;
    display: inline-block!important;
    box-sizing: border-box;
}
#lateralSearch #roomDistribution .adultAge:nth-child(odd){
    padding-right: 3px !important;
}
#lateralSearch #roomDistribution .adultAge:nth-child(even){
    padding-left: 3px !important;
}
#lateralSearch #roomDistribution .adultAge.personNumber{
    float: left !important;
    width: 100% !important;
}
#lateralSearch #divCurrency .ui-icon-triangle-1-s,
#lateralSearch #divNumRooms .ui-icon-triangle-1-s,
#lateralSearch #roomDistribution .adultAge .ui-icon-triangle-1-s{
    background-image: none!important;
    text-indent: 0;
    right: 0;
    position: absolute;
    height: 100% !important;
    width: 35px !important;
    background-color: #073656;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#lateralSearch #divCurrency .ui-icon-triangle-1-s:after,
#lateralSearch #divNumRooms .ui-icon-triangle-1-s:after,
#lateralSearch #roomDistribution .adultAge .ui-icon-triangle-1-s:after,
div#flightForm div[id$='cabins'].ui-selectonemenu .ui-icon-triangle-1-s:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/arrow-white.svg);
    background-size: 40%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%
}
#lateralSearch #roomDistribution .adultAge select {
    background-color: #fff;
    border: 1px solid #e0e7ee!important;
    border-radius: 0!important
}

#filterSuitDiv {
    width: 20%;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #003d68;
    min-height: 0!important
}
#filterSuitDiv .filterSuit {
    width: 100%;
    background-color: transparent!important
}
#filterSuitDiv .filterSuit .filterWhiteDiv,
#filterSuitDiv .filterSuit .titleFilter {
    width: 100%;
    margin-left: 0
}
#filterSuitDiv .filterSuit .titleFilter {
    padding-left: 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #003d68;
    padding-bottom: 5px
}
#filterSuitDiv .filterSuit .filterWhiteDiv {
    background-color: transparent!important
}
#filterSuitDiv .filterSuit .filterWhiteDiv #orderRadio {
    table-layout: fixed;
    width: 100%
}
#filterSuitDiv .filterSuit .filterWhiteDiv #orderRadio tbody tr td {
    padding: 5px
}
#filterSuitDiv .filterSuit .filterWhiteDiv #orderRadio tbody tr td:first-child {
    width: 20%
}
#filterSuitDiv .filterSuit .filterWhiteDiv #orderRadio tbody tr td:last-child {
    width: 80%
}
#filterSuitDiv .filterSuit .filterWhiteDiv .ui-icon-triangle-1-s {
    background-image: url(../img/arrow-white.svg)!important;
    background-color: transparent
}
#resultSuitDiv .itemSuitResults {
    width: 100%
}
#resultSuitDiv .itemSuitResults .precioSuit {
    margin-left: 0;
    max-width: 100%;
    position: relative
}
#resultSuitDiv .itemSuitResults .precioSuit .desc.colum_leftPack {
    color: #003d68!important
}
#resultSuitDiv .itemSuitResults .precioSuit .image {
    margin: 0
}
#resultSuitDiv .itemSuitResults .precioSuit .price {
    font-size: 15px;
}
#resultSuitDiv .itemSuitResults .precioSuit .tittle {
    width: auto!important
}
#resultSuitDiv .itemSuitResults .precioSuit .tittle a {
    color: #003d68 !important;
    max-width: 440px;
    display: inline-block
}
#suitResultForm input+div hr {
    display: none
}
#suitResultForm #calPackageFilter .filterBlock .ui-icon-triangle-1-s {
    background-image: url(../img/arrow-white.svg)!important;
    background-color: transparent;
    background-position: 0!important;
    background-size: 80%!important
}
#suitResultForm #calPackageFilter .filterBlock .ui-tree {
    width: 100%!important;
    padding: 0
}
#suitResultForm #calPackageFilter .filterBlock .ui-treenode-label {
    display: inline-block;
    font-size: 14px;
    color: #003d68
}
#suitResultForm #calPackageFilter .filterBlock .ui-tree-container {
    padding: 0
}
#programmingMegaSearchResultForm #orderBody .orderRadio,
#suitResultForm #calPackageFilter .tablaRadio .orderRadio {
    table-layout: fixed;
    width: 100%
}
#programmingMegaSearchResultForm #orderBody .orderRadio tbody tr td,
#suitResultForm #calPackageFilter .tablaRadio .orderRadio tbody tr td {
    padding: 5px
}
#programmingMegaSearchResultForm #orderBody .orderRadio tbody tr td:first-child,
#suitResultForm #calPackageFilter .tablaRadio .orderRadio tbody tr td:first-child {
    width: 20%
}
#programmingMegaSearchResultForm #orderBody .orderRadio tbody tr td:last-child,
#suitResultForm #calPackageFilter .tablaRadio .orderRadio tbody tr td:last-child {
    width: 80%
}
#programmingMegaSearchResultForm #orderBody .orderRadio,
#suitResultForm .tablaRadio .orderRadio {
    table-layout: fixed;
    width: 100%
}
#programmingMegaSearchResultForm #orderBody .orderRadio tbody tr td,
#suitResultForm .tablaRadio .orderRadio tbody tr td {
    padding: 5px
}
#programmingMegaSearchResultForm #orderBody .orderRadio tbody tr td:first-child,
#suitResultForm .tablaRadio .orderRadio tbody tr td:first-child {
    width: 20%
}
#programmingMegaSearchResultForm #orderBody .orderRadio tbody tr td:last-child,
#suitResultForm .tablaRadio .orderRadio tbody tr td:last-child {
    width: 80%
}
#programmingMegaSearchResultForm #orderBody .orderRadio .ui-icon-triangle-1-s,
#suitResultForm .tablaRadio .orderRadio .ui-icon-triangle-1-s {
    background-image: url(../img/arrow-white.svg)!important;
    background-color: transparent
}
.filterBlock tr,
.tablaRadio tr {
    border-bottom: 0!important
}
.filterBlock tr label {
    padding-bottom: 5px
}
#calPackageFilter .ui-treenode .ui-treenode-content .ui-icon,
.filterBlock .ui-treenode .ui-treenode-content .ui-icon {
    background-image: url(../img/arrow-black-turn.svg);
    background-size: 70%;
    background-position: 50%
}
#calPackageFilter .ui-treenode .ui-treenode-content .ui-icon.ui-icon-check,
.filterBlock .ui-treenode .ui-treenode-content .ui-icon.ui-icon-check {
    background-image: url(../img/ui-icons_f5e175_256x240.png);
    background-position: -64px -144px!important;
    background-size: auto
}
#calPackageFilter .ui-treenode .ui-treenode-content .ui-icon.ui-icon-blank,
#calPackageFilter .ui-treenode .ui-treenode-content .ui-icon.ui-icon-minus,
.filterBlock .ui-treenode .ui-treenode-content .ui-icon.ui-icon-blank,
.filterBlock .ui-treenode .ui-treenode-content .ui-icon.ui-icon-minus {
    background-image: none!important
}
#paxes .ui-icon-check {
    background-image: url(../img/ui-icons_f5e175_256x240.png)!important;
    background-position: -64px -144px!important;
    background-size: auto
}
#paxes .componentePaquete .tituloComponentePaquete {
    margin-top: 0
}
#paxes .componentePaquete .buscador-de-reservas {
    padding-left: 0!important
}
#paxesDiv #paxes .ui-c.ui-icon-blank,
#paxesDiv #paxes .ui-c.ui-icon-check {
    width: inherit!important
}
.ui-messages-info-icon {
    background-position: 0 -316px!important
}
#lateralSearch #blockMatrix .ui-widget {
    background-color: transparent!important
}
#lateralSearch .ui-dialog.ui-widget {
    min-width: 860px!important;
    width: auto!important;
    left: 23%!important
}
#lateralSearch #blockMatrix .titleArrivalLinks {
    width: auto!important
}
#lateralSearch #blockMatrix .titleArrivalLinks a {
    display: inline-block!important;
    width: auto!important
}
datesBoxFromMatrix {
    height: 28px;
    text-align: center;
    margin-left: 5px!important;
    width: 150px!important
}
.calendarIconMatrix {
    width: 30px;
    height: 26px;
    -webkit-box-align: center;
    align-items: center;
    float: right;
    padding: 1px
}
.matrixDialog {
    min-width: 1130px;
    min-height: 500px;
    width: 800px!important;
    height: 520px!important
}
.searchImageMatrix {
    vertical-align: middle;
    padding-left: 10px;
    width: 9px;
    height: 9px
}
#breadCrumbForm {
    background-color: #003d68;
    padding-left: 0
}
#breadCrumbForm span {
    color: #fff
}
[name=packagesForm] .rBox {
    background-color: transparent;
    padding: 0
}
.cabeceraPaquetes a,
.tittlePkg a {
    color: #003d68!important
}
.accordionPackage h3 {
    background-color: #003d68!important;
    text-align: left
}
.component-selected-info,
.componentBodyBlock {
    border: none;
}
.packComponentHeaderBlock {
    background-color: transparent;
    color: #1e1e1e;
}
.tableHeaderComponent .buscador-de-reservas tr:nth-child(odd) {
    background-color: transparent!important
}
#extraInfoTemplatePackage .rBox {
    padding: 0!important
}
#extraInfoTemplatePackage h1 {
    background-color: #003d68!important;
    color: #fff!important;
    padding: 10px
}
.componentMandatory .contentComponentList {
    border: 1px solid #003d68;
    border-top: 0
}
.componentMandatory .contentComponentList td .ui-icon-calendar {
    background-color: #003d68!important;
    background-image: url(../img/calendar.svg)!important;
    background-size: 80%;
    background-position: 50%
}
.componentMandatory h2 {
    background-color: #003d68!important;
    color: #fff;
    padding: 10px
}
.componentMandatory td .ui-selectonemenu {
    border: 1px solid #003d68!important
}
.componentMandatory td .ui-selectonemenu .ui-icon-triangle-1-s {
    background-color: transparent!important;
    background-image: url(../img/arrow-white.svg)!important
}
.componentMandatory td .ui-selectonemenu .ui-icon-calendar {
    background-color: #003d68!important;
    background-image: url(../img/calendar.svg)!important
}
.componentMandatory td .ui-selectonemenu label {
    max-width: 80%
}
.componentMandatory .buscador-de-reservas tr:nth-child(odd) {
    background-color: #003d68
}
.componentMandatory .buscador-de-reservas tr:nth-child(odd) label {
    color: #fff
}


/* Product selected */

.component-selected,
.component-selected .bgtabs ul,
.item-card.component-selected,
.item-card.flight-card.component-selected {
    border: 2px solid var(--green);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
}

.item-card.flight-card.component-selected .transBtnDiv {
    background: var(--green) !important;
}

.component-selected .product-poster:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(20,164,128,0.7); /* var(--green) */
    position: absolute;
    left: 0;
    top: 0;
}

.component-selected .product-poster:before {
    content: "check";
    font-family: "Material Icons";
    z-index: 1;
    color: #FFF;
    font-size: 48px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

body .icon-download,
body .icon-telefono {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 20;
    background-color: #003d68;
    color: #003d68;
    width: 310px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    right: -230px;
    cursor: pointer
}
body .icon-download img,
body .icon-telefono img {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    box-sizing: border-box
}
body .icon-download .descarga-manual,
body .icon-download .icon-texto,
body .icon-telefono .descarga-manual,
body .icon-telefono .icon-texto {
    color: #fff;
    font-weight: 400!important;
    vertical-align: middle;
    display: inline-block
}
body .icon-download:hover,
body .icon-telefono:hover {
    transition: right .3s ease-out;
    right: 0
}
body .icon-download {
    margin-top: 50px;
    top: 35%
}
.containers-build-packages {
    width: 70%;
    display: inline-block
}
.container-build-travel {
    width: 100%;
    display: inline-block;
    margin-left: 25px;
    font-size: 0
}
.container-build-travel-title {
    display: block;
    border-bottom: 1px solid #003d68;
    font-size: 30px;
    font-weight: 700;
    margin: 20px 0;
    padding-bottom: 10px;
    color: #003d68
}
.container-build-travel-cards-item-transparent {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .6)
}
.container-build-travel-cards-item {
    width: 49%;
    margin: 10px 0;
    margin-right: 2%;
    position: relative;
    display: inline-block;
    max-height: 300px
}
.container-build-travel-cards-item:nth-of-type(2n) {
    margin-right: 0
}
.containter-build-travel-cards-item-image {
    width: 100%;
    max-width: 100%;
    border-radius: 10px
}
.containter-build-travel-cards-item-image-text {
    background-color: hsla(0, 0%, 100%, .7);
    padding: 10px 20px;
    box-sizing: border-box;
    width: 70%;
    position: absolute;
    top: 40%;
    left: 0;
    font-size: 20px;
    font-weight: 700;
    color: #003d68
}
.container-package {
    width: 100%;
    box-sizing: border-box;
    margin-left: 25px;
    font-size: 0
}
.container-package-title {
    display: block;
    border-bottom: 1px solid #003d68;
    font-size: 30px;
    font-weight: 700;
    margin: 20px 0;
    padding-bottom: 10px;
    color: #003d68
}
.container-package-item {
    width: 100%;
    background-color: #d8d8d8;
    margin-bottom: 10px;
    font-size: 0;
    display: table
}
.container-package-item-border,
.container-package-item-image,
.container-package-item-left,
.container-package-item-right {
    display: table-cell
}
.container-package-item-border {
    width: 5%;
    height: 100%;
    vertical-align: top;
    padding: 5px;
    box-sizing: border-box;
    position: relative
}
.container-package-item-border.container-package-item-border-club {
    background-color: #003d68
}
.container-package-item-border.container-package-item-border-ts {
    background-color: #db5b27
}
.container-package-item-border-text {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    left: -16px;
    top: 70px
}
.container-package-item-image {
    width: 25%;
    display: inline-block
}
.container-package-item-left,
.container-package-item-right {
    width: 37%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    box-sizing: border-box
}
.container-package-item-title {
    font-size: 18px;
    font-weight: 700;
    color: #003d68;
    display: block;
    margin-bottom: 10px
}
.container-package-item-type {
    font-size: 12px;
    display: block;
    color: #000
}
.container-package-item-right {
    text-align: right
}
.container-package-item-price {
    font-size: 24px;
    color: #003d68;
    text-align: right;
    display: block
}
.container-package-item-button {
    border: 0;
    background-color: #003d68;
    padding: 20px 30px;
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    font-size: 18px;
    text-align: right;
    cursor: pointer
}
.container-package-item-button:hover {
    background-color: #003d68
}
#programmingForm .ui-datagrid,
#suitForm .ui-datagrid {
    font-size: 0
}
.ui-datagrid .ui-grid-col-4 .smallHighlight .highlightWrapper {
    position: relative;
    height: 140px;
    border-radius: 5px 5px 0px 0px !important;
    background: #f9f9f9;
}
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget {
    /*display: inline-block;*/
    width: 100%
}
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div img,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div img {
    border-bottom: 5px solid #003d68!important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    box-sizing: border-box
}
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div div,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div div {
    right: 0!important;
    left: auto!important
}
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div div img,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div div img {
    border-radius: 0!important;
    border: 0!important
}
.ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto,
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto {
    left: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #003d68;
    width: 100%;
    text-align: left;
    padding: 5px 0px;
}
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto .oferta_texto_h2,
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto .oferta_texto_masinfo,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto .oferta_texto_h2,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto .oferta_texto_masinfo {
    display: block;
    text-align: center;
    position: static;
    height: auto;
    margin: 0;
    color: #fff;
    width: 100%
}
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto .oferta_texto_masinfo,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto .oferta_texto_masinfo {
    font-weight: 700;
    margin-top: 10px
}
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto {
    background-color: transparent;
    position: relative!important;
    bottom: auto!important;
    right: auto!important
}
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto .oferta_texto_h2,
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto .oferta_texto_masinfo,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto .oferta_texto_h2,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto .oferta_texto_masinfo {
    color: #003d68;
    display: block;
    text-align: center;
    position: static;
    height: auto;
    margin: 0;
    width: 100%
}
#programmingForm .ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto .oferta_texto_masinfo,
#suitForm .ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto .oferta_texto_masinfo {
    font-weight: 700;
    margin-top: 10px
}
#suitForm h1 {
    border-bottom: 1px solid #003d68;
    color: #003d68;
    margin-top: 10px;
    padding-bottom: 5px
}
#suitForm h1+hr {
    display: none
}
#content #content_content .ui-panel .ui-panel-content {
    padding: 0
}
#content_content>form#suitResultForm {
    margin-left: 0!important
}
#suitResultForm .suitPackageTitle,
#suitResultForm .suitPackageTitleInfo {
    display: inline-block;
    margin-bottom: 15px
}
#suitResultForm+#resultSuitDiv .precio h2.title {
    width: auto!important
}
#templateForm #packageTemplates {
    margin: 10px 0
}
#templateForm .templateSelectorContent .serviceColumn2 {
    width: 100%!important;
    float: none
}
#templateForm .titleItemSelected {
    font-weight: 700;
    font-size: 20px;
    color: #003d68;
    border-bottom: 1px solid #003d68;
    box-sizing: border-box;
    padding-bottom: 10px;
    width: 100%
}
#templateForm .templateBox {
    width: 100%;
    display: inline-block;
    border: 1px solid #003d68;
    text-align: center
}
#templateForm .templateBox .contentTemplate {
    width: 100%;
    position: static;
    margin: 5px 0;
    text-align: center
}
#templateForm .templateBox .templateTitle {
    background-color: #003d68;
    box-sizing: border-box;
    font-size: 16px
}
#templateForm .templateBox .btnTempl {
    position: static
}
#templateForm .templateBox .btnTempl a {
    width: 100%;
    text-align: center;
    padding: 5px 0
}
#templateForm .templateBox .btnTempl .btAniTempl {
    width: 100%
}
.desc .colum_price.reduced-btn {
    bottom: 15px
}
#resultList .addPkgCart .finalPrice,
#resultList .addPkgCart .finalPrice span {
    color: #003d68!important
}
.container-search-international {
    width: 100%;
    font-size: 0;
    border: 1px solid #003d68;
    margin: 30px 0
}
.container-search-international-header-block {
    display: inline-block;
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #003d68
}
.container-search-international-header-block:not(:last-child) {
    border-right: 1px solid #003d68
}
.container-search-international-header-text {
    font-size: 38px;
    font-weight: 700;
    color: #003d68;
    text-align: center
}
.container-search-international-body {
    display: table;
    width: 100%
}
.container-search-international-map {
    width: 70%;
    display: table-cell;
    vertical-align: middle
}
.container-search-international-map img {
    width: 100%;
    max-width: 100%
}
.container-search-international-select {
    width: 30%;
    display: table-cell;
    padding: 40px;
    box-sizing: border-box;
    vertical-align: middle;
    position: relative
}
.container-search-international-select-text {
    font-size: 24px;
    font-weight: 700;
    color: #003d68;
    display: block;
    margin-bottom: 10px
}
.container-search-international-select-option {
    font-size: 16px;
    width: 80%;
    display: inline-block;
    margin: 5px;
    box-sizing: border-box
}
.container-search-international-button {
    border: 0;
    width: 100%;
    background-color: #003d68;
    color: #003d68;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 34px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}
.container-search-international-button:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/search.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    width: 35px;
    height: 25px;
    margin-left: 10px
}
.ui-datagrid {
    font-size: 0
}
.ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget {
    /*display: inline-block;*/
    width: 100%
}
.ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div div {
    right: 0!important;
    left: auto!important
}
.ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div div img {
    border-radius: 0!important;
    border: 0!important
}
.ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto .oferta_texto_h2,
.ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto .oferta_texto_masinfo {
    color: #fff;
    display: block;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
    position: static;
    height: auto;
    margin: 0;
    width: 100%
}
.ui-datagrid .ui-grid-col-4 .smallHighlight .ui-widget div.oferta_texto .oferta_texto_masinfo {
    font-weight: 700;
    margin-top: 10px
}
.ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto {
    background-color: transparent;
    position: relative!important;
    bottom: auto!important;
    right: auto!important
}
.ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto .oferta_texto_h2,
.ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto .oferta_texto_masinfo {
    color: #003d68;
    display: block;
    text-align: center;
    position: static;
    height: auto;
    margin: 0;
    width: 100%
}
.ui-datagrid .ui-grid-col-4 .smallHighlight .oferta_texto .oferta_texto_masinfo {
    font-weight: 700;
    margin-top: 10px
}
.campaignsListBox {
    text-align: left;
    font-size: 0
}
.campaignsListBox .campaignsSquareBox {
    border: 0!important
}
.campaignsListBox .campaignsSquareBox .buttonCampaignDiv {
    display: none
}
.campaignsListBox a {
    display: inline-block;
    width: 25%;
    padding: .5%!important;
    min-height: 270px
}
.campaignsListBox a:nth-of-type(4n) {
    margin-right: 0!important
}
.campaignsListBox a .campaignsSquareBox {
    background-color: #f9f9f9 !important;
    width: 100%!important;
    box-sizing: border-box;
    display: inline-block!important;
    position: relative;
    border-radius: 23px;
}
.campaignsListBox a .campaignsSquareBox .imgCampaignBox {
    display: inline-block
}
.campaignsListBox a .campaignsSquareBox .imgCampaignBox,
.campaignsListBox a .campaignsSquareBox .imgCampaignBoxLogin {
    width: 100%!important;
    height: 100%!important;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0!important;
    border-radius: 20px;
}
.campaignsListBox a .campaignsSquareBox .imgCampaignBox:after {
    content: "";
    background-image: url(../img/Icono-mas.png);
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.campaignsListBox a .campaignsSquareBox a {
    width: 100%!important;
    display: inline-block!important;
    text-align: left!important;
    color: #000
}
.campaignsListBox a .campaignsSquareBox a strong {
    color: #000
}
.campaignsListBox a .campaignsSquareBox .buttonCampaignDiv {
    display: none!important;
    width: 100%!important;
    max-width: 100%!important;
    margin: 0!important
}
.campaignsListBox a .campaignsSquareBox .buttonCampaignDiv .ui-button-text-only {
    border-radius: 0!important
}
.campaignsListBox a .campaignsSquareBox .buttonCampaignDiv .buttonCampaign {
    height: 57px!important;
    padding: 10px!important;
    box-sizing: border-box;
    display: inline-block!important;
    max-height: none!important;
    background-color: #003d68!important
}
.campaignsListBox a .campaignsSquareBox .buttonCampaignDiv .buttonCampaign:hover {
    background-color: #003d68!important;
    color: #003d68!important
}
.campaignsListBox a .campaignsSquareBox .buttonCampaignDiv .buttonCampaign:hover .ui-button .ui-button-text {
    color: #003d68!important
}
.campaignsListBox a .campaignsSquareBox .buttonCampaignDiv .ui-button .ui-button-text {
    line-height: normal;
    color: #003d68
}
.campaignsListBox a .campaignsSquareBox .buttonCampaignDiv .ui-button .ui-button-text:hover {
    color: #003d68!important
}
.campaignsListBox a .campaignsSquareBox .titleCampaignDiv {
    width: 100%!important;
    margin: 0!important;
    max-width: 100%!important;
    text-align: left!important;
    padding: 10px!important;
    box-sizing: border-box;
    color: #000;
    color: #003d68!important
}
.campaignsListBox a .campaignsSquareBox .titleCampaignDiv .titleCampaign {
    display: inline-block;
    text-align: left
}
#campaignsForm .tituloPromo {
    font-size: 38px;
    font-weight: 700;
    color: #003d68!important;
    border-bottom: 5px solid #003d68;
    padding-bottom: 10px;
    margin-bottom: 10px!important
}
#campaignsForm .orbit-wrapper {
    width: 75%!important;
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%!important;
}
.orbit-wrapper #featured {
    background: transparent;
    height: inherit !important;  /* Override dynamic inline style */
}
.orbit-wrapper .content .main-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
    margin: 0;
}
.orbit-wrapper .content .empty-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.orbit-wrapper .oferta_texto_destacada {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    padding: 50px 35px 25px 35px;
    margin-left: 0;
    float: none;
    height: auto;
    color: #fff;
    background: linear-gradient(to top,rgba(0, 0, 0, 0.65),rgba(0, 0, 0, 0));
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.orbit-wrapper article.bigHighlight div.oferta_texto_destacada>span>span.oferta_texto_masinfo {
    position: static;
    line-height: 1.5;
    font-weight: 500;
}
.orbit-wrapper article.bigHighlight.no-image .oferta_texto_destacada {
    background: linear-gradient(to top,rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0));
}
.orbit-wrapper article.bigHighlight {
    background-color: #E7F0F6;
    border-radius: 6px;
}
.orbit-wrapper article.bigHighlight > div:first-child {
    height: 0;
    padding-top: 30%;
    overflow: hidden;
}

@media (max-width: 576px) {
    .orbit-wrapper article.bigHighlight {
        height: auto !important;
    }

    .orbit-wrapper article.bigHighlight > div:first-child {
        padding-top: 50%;
    }

    .orbit-wrapper .orbit-bullets {
        bottom: -122px;
    }
}

.orbit-wrapper article.bigHighlight .oferta_texto_h2 {
    text-align: left;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 22px;
    padding: 0;
    display: block;
    width: auto;
    line-height: 1.3;
    font-weight: 700;
}
#privateMenu .columna1 {
    background-color: #d8d8d8;
    width: 100%;
    margin-top: 5px;
}
#privateMenu .columna1 a {
    background-color: transparent!important;
    color: #003d68!important
}
.contenedorLogin {
    display: grid;
    margin: 0 auto;
    max-width: 1180px;
    position: relative;
    padding: 15px 0px;
    grid-template-columns: 1fr 1fr;
}
#campaignsDialog.campaignsDialog {
    font-size: 0;
    border: 0!important;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: none;
}
#campaignsDialog.campaignsDialog .ui-widget-header {
    background-color: transparent!important
}
#campaignsDialog.campaignsDialog .ui-icon-closethick {
    background-image: url(../img/close-button-white.svg);
    background-size: 100%;
    background-position: 50%;
    width: 32px;
    height: 32px
}
#campaignsDialog.campaignsDialog #campaignHighlightList {
    width: 50%;
    display: inline-block
}
#campaignsDialog.campaignsDialog #campaignHighlightList .boxCampanias {
    width: 100%
}
#campaignsDialog.campaignsDialog #campaignHighlightList .boxCampanias .resumen {
    width: 100%;
    padding: 0;
    height: auto!important
}
#campaignsDialog.campaignsDialog #campaignHighlightList .boxCampanias .resumen span {
    width: 100%!important
}
#campaignsDialog.campaignsDialog #campaignHighlightList .boxCampanias .resumen span+span {
    display: none!important
}
#campaignsDialog.campaignsDialog #campaignHighlightList .boxCampanias .resumen img {
    margin-right: 0;
    padding-right: 0!important;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto!important
}
#campaignsDialog.campaignsDialog #campaignHighlightList .boxCampanias .divButtonHighlightCamp {
    display: none!important
}
/* --------- Programming (2) -------- */

#programmingForm h1.tituloPromo {
    border-bottom: 0;
    padding-bottom: 10px;
    color: #003d68!important;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    width: 50%
}
.programmingSelectOne {
    display: inline-block;
    width: 49%;
    text-align: right;
    color: #003d68
}
.programming {
    border: 4px solid #003d68;
    border-left: 0;
    border-right: 0;
    background-color: #d8d8d8;
    font-size: 0;
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box
}
.programming .programmingTitle {
    font-size: 20px;
    font-weight: 700;
    color: #003d68;
    display: block;
    margin-bottom: 10px
}
.programming .ui-widget {
    width: auto;
    display: inline-block;
    background-color: #f1f1f1;
    padding: 0;
    box-sizing: border-box;
    vertical-align: middle;
    border: 1px solid #003d68;
    margin: 0 10px 10px 0
}
.programming .ui-widget:hover {
    background-color: #003d68
}
.programming .ui-widget:hover .programItem {
    color: #fff!important
}
.programming .ui-widget .programItem,
.programming .ui-widget .programItemSel {
    color: #003d68;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    width: 100%;
    float: none;
    height: auto;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    background-color: transparent!important
}
.programming .ui-widget .programItem:hover,
.programming .ui-widget .programItemSel:hover {
    font-weight: 400!important
}
.programming .ui-widget .programItemSel {
    color: #fff!important;
    background-color: #003d68!important;
    border-radius: 0!important
}
#calendarResume {
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 0
}
#calendarResume .btnAnt,
#calendarResume .btnNext {
    position: absolute;
    right: 50px
}
#calendarResume .btnAnt {
    left: 10px
}
#calendarResume .btnNext {
    right: 10px
}
#calendarResume .ui-widget {
    width: 20%;
    display: inline-block
}
#calendarResume .calendarCheap .calendarDetail {
    height: auto!important
}
.monthCalendar {
    background-color: transparent!important;
    border: 2px solid #003d68;
    padding: 0 20px;
    position: relative;
    box-sizing: border-box;
    width: 99.5%
}
.calendarBlock {
    border: 0;
    border-right: 1px solid #003d68;
    font-size: 0
}
.calendarBlock .calendarDetail {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    height: auto
}
.calendarBlock .calendarDetail .calendarMonth,
.calendarBlock .calendarDetail .calendarPrice {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}
.calendarBlock .calendarDetail .calendarMonth,
.calendarBlock .calendarDetail .calendarPrice,
.calendarBlock .calendarDetail .departures {
    display: block;
    width: 100%;
    box-sizing: border-box;
    float: none;
    text-align: left;
    padding: 0
}
.calendarBlock .calendarDetail .calendarPrice {
    margin-top: 5px
}
#calendarDetail {
    margin-top: 0
}
#calendarDetail .headerMonthDetail {
    background-color: #003d68;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    padding: 10px 5px
}
#calendarDetail .blockDay {
    background-color: #d8d8d8;
    color: #003d68
}
#calendarDetail .blockDay.cheapBlock {
    width: 13.5%!important;
    box-sizing: border-box;
    height: 35px
}
#calendarDetail .monthDetail {
    width: 30%;
    margin: 0;
    margin: 0 14px;
    box-sizing: border-box;
    display: inline-block
}
#calendarDetail .monthDetail:nth-child(1n+4) {
    margin-right: 0
}
#calendarDetail .monthDetail .btnAntDay,
#calendarDetail .monthDetail .btnNextDay {
    position: absolute;
    right: 15px;
    bottom: 35%
}
#calendarDetail .monthDetail .btnAntDay #btnRight,
#calendarDetail .monthDetail .btnNextDay #btnRight {
    width: 35px
}
#calendarDetail .monthDetail .btnAntDay {
    left: 5px
}
#calendarDetail .monthDetail .btnNextDay {
    right: -5px
}
.calendarDetail .calendarMonth,
.calendarDetail .calendarPrice,
.calendarDetail .departures,
.calendarDetail .departuresBig {
    color: #003d68
}
.calendarDetail .calendarMonth,
.calendarDetail .departuresBig {
    font-weight: 700
}
.calendarBlock {
    float: none;
    width: 100%!important;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    box-sizing: border-box;
    margin-left: 0
}
.calendarBlock .calendarMonth {
    color: #003d68;
    height: auto!important;
    line-height: normal!important
}
.blockDay {
    position: relative;
}
.blockDay .monthDetailPrice {
    font-size: 12px;
    padding: 5px 0 0 0;
    color: #B2ACAB;
}
.btnNext {
    top: 28px;
    right: 5px
}
.btnNext #btnRight {
    background-image: url(../img/arrow-right-calendar-top.svg);
    width: 20px;
    height: 45px
}
.btnAntDay #btnLeft {
    background-image: url(../img/arrow-left-calendar.svg);
    background-size: 35%;
    height: 65px;
    width: 35px
}
.btnAnt {
    top: 28px
}
.btnAnt #btnLeft {
    background-image: url(../img/arrow-left-calendar-top.svg);
    height: 45px
}
#packageGlobalFilter {
    margin: 15px 0
}
#packageGlobalFilter .titleItemSelected {
    font-weight: 700;
    font-size: 20px;
    color: #003d68;
    border-bottom: 1px solid #979797;
    padding-bottom: 10px;
    box-sizing: border-box
}
#packageGlobalFilter .searchItemSelected {
    padding: 0;
    margin-top: 10px;
    width: 99.5%
}
#packageGlobalFilter .titleFilter {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 0;
    box-sizing: border-box;
    font-size: 16px;
    color: #000;
    padding-right: 10px;
    width: auto;
    margin-top: 0!important
}
#packageGlobalFilter .globalFilter,
#packageGlobalFilter .ui-commandlink.ui-widget.deleteFilter {
    display: inline-block;
    font-size: 14px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #979797
}
#packageGlobalFilter .globalFilter {
    color: #000
}
#packageGlobalFilter .ui-commandlink.ui-widget.deleteFilter {
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    color: #01a9db!important
}
#calPackageFilter .headerPrice {
    margin-top: 10px
}
#calPackageFilter .headerPrice .maxPrice {
    margin-bottom: 10px
}
#calPackageFilter .ui-icon-triangle-1-s {
    background-color: transparent!important
}
#calPackageFilter .filterHeader {
    color: #003d68;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px;
    display: block;
    margin: 10px 0;
    border-bottom: 2px solid #003d68
}
#calPackageFilter .filterBlock .ui-treenode-label.ui-corner-all span,
#calPackageFilter .filterBlock .ui-treenode-label.ui-state-highlight span {
    margin-left: 10px;
    color: #000
}
#calPackageFilter .filterBlock .ui-button-icon-only .ui-icon {
    margin-top: -13px;
    margin-left: -38px
}
#calPackageFilter .filterBlock .filterSection {
    font-size: 16px;
    color: #003d68;
    border-bottom: 1px solid #003d68;
    padding-bottom: 5px;
    display: block
}
#calPackageFilter #priceBodyFilter .maxPrice span {
    color: #000;
    font-size: 16px
}
#calPackageFilter #priceBodyFilter .topMaxPrice,
#calPackageFilter #priceBodyFilter .topMinPrice {
    color: #000
}
#calPackageFilter #priceBodyFilter .ui-slider .ui-slider-handle {
    border-radius: 50%!important;
    border: 1px solid #003d68!important;
    background: #003d68!important;
    width: 10px;
    height: 10px;
    border-radius: 0!important;
    top: -2px
}
#calPackageFilter #priceBodyFilter .ui-slider {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0!important;
    margin: 10px auto
}
#calPackageFilter #originBodyFilter .ui-tree-container {
    padding: 0
}

#calPackageList .calPackageBlock {
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    background-color: #fff;
    padding-bottom: 10px;
    border-bottom: 2px solid #003d68
}
#calPackageList .calHeaderPackage {
    font-size: 0;
    overflow: hidden
}
#calPackageList .calHeaderPackage .blockImg {
    max-width: 15%;
    width: 15%;
    float: left
}
#calPackageList .calHeaderPackage .tittleBlock {
    width: 85%;
    display: inline-block;
    font-size: 16px;
    margin-left: 0;
    color: #003d68;
    padding-left: 15px;
    box-sizing: border-box;
    padding: 10px;
    float: left
}
#calPackageList .calHeaderPackage .tittleBlock .operationDates {
    margin-top: 5px
}
#calPackageList .calHeaderPackage .pkgBlockRight {
    width: 85%;
    display: inline-block;
    float: left;
    margin-right: 0;
    vertical-align: top;
    padding: 10px;
    box-sizing: border-box
}
#calPackageList .calHeaderPackage .pkgBlockRight .pkgComponents {
    text-align: left
}
#calPackageList .calHeaderPackage .pkgBlockRight .pkgComponents,
#calPackageList .calHeaderPackage .pkgBlockRight .pkgPopupButton,
#calPackageList .calHeaderPackage .pkgBlockRight .pkgShowItinerary {
    display: inline-block;
    width: 32%
}
#calPackageList .calHeaderPackage .pkgBlockRight .pkgPopupButton {
    text-align: right;
    float: right
}
#calPackageList .calHeaderPackage .pkgBlockRight .pkgPopupButton .ui-widget {
    padding: 10px;
    background-color: #003d68;
    color: #fff!important
}
/* #calPackageList .calHeaderPackage .pkgBlockRight .pkgPopupButton .ui-widget:hover {*/
/*background-color: #003d68;*/
/*color: #003d68!important*/
/*}*/
#calPackageList .calHeaderPackage .pkgBlockRight .pkgIncludesProducts {
    font-size: 16px;
    color: #003d68;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px
}
#calPackageList .calHeaderPackage .pkgBlockRight .cpImage {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}
#calPackageList .calHeaderPackage .pkgBlockRight .pkgShowItinerary {
    background-color: transparent;
    font-size: 13px;
    display: inline-block;
    margin: 5px auto;
    padding: 10px;
    float: none!important
}
#calPackageList .calHeaderPackage .pkgBlockRight .pkgShowItinerary a {
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    text-align: left;
    color: #979797
}
#calPackageList .calHeaderPackage .pkgBlockRight .pkgShowItinerary a:hover {
    color: #003d68
}
#calPackageList .calPricesPackage {
    margin-top: 10px;
    font-size: 0;
    background-color: #fff
}
#calPackageList .calPricesPackage.calPricesPackageOnly .blockPkgMonth,
#calPackageList .calPricesPackage.calPricesPackageOnly .blockPkgMonth .bodyBlockPkgPrice {
    width: auto
}
#calPackageList .calPricesPackage .headerBlockOrigin,
#calPackageList .calPricesPackage .headerBlockPkgPrice {
    padding: 5px;
    box-sizing: border-box;
    font-size: 11px;
    background-color: #fff;
    color: #003d68;
    min-width: auto
}
#calPackageList .calPricesPackage .headerBlockPkgPrice {
    border: 1px solid #003d68;
    border-bottom: 0
}
#calPackageList .calPricesPackage .headerBlockPkgPrice:last-child {
    border-left: 0;
    border-right: 1px solid #003d68
}
#calPackageList .calPricesPackage .headerBlockPkgPrice:first-child {
    border-left: 1px solid #003d68;
    border-right: 0
}
#calPackageList .calPricesPackage .bodyBlockOrigin {
    border: 0
}
#calPackageList .calPricesPackage .bodyBlockOrigin .ui-icon-triangle-1-s {
    background-image: url(../img/arrow-white.svg)!important;
    background-color: #003d68!important;
    width: 30px!important;
    height: 17px!important;
    height: auto;
    width: auto!important
}
#calPackageList .calPricesPackage .blockPkgMonth {
    width: 6.6%;
    display: inline-block;
    border: 0
}
#calPackageList .calPricesPackage .blockPkgMonth:not(:last-child) {
    border-right: 0
}
#calPackageList .calPricesPackage .blockPkgMonth:last-child {
    border-right: 1px solid #003d68
}
#calPackageList .calPricesPackage .blockPkgMonth .bodyBlockPkgPrice {
    width: 100%;
    display: inline-block;
    border: 1px solid #003d68;
    border-right: 0;
    background-color: #fff;
    min-width: auto;
    box-sizing: border-box
}
#calPackageList .calPricesPackage .blockPkgMonth .bodyBlockPkgPrice:not(:last-child) {
    border-right: 0
}
#calPackageList .calPricesPackage .blockPkgMonth .bodyBlockPkgPrice:hover{
    background-color: #003d68!important
}
#calPackageList .calPricesPackage .blockPkgMonth .bodyBlockPkgPrice.bodyBlockPkgPrice:hover .blockPkgDay,
#calPackageList .calPricesPackage .blockPkgMonth .bodyBlockPkgPrice.bodyBlockPkgPrice:hover .blockPkgPrice {
    color: #fff!important
}
#calPackageList .calPricesPackage .blockPkgMonth .bodyBlockPkgPrice .blockPkgDay {
    border-bottom: 1px solid #003d68;
    padding: 3px 5px
}
#calPackageList .calPricesPackage .blockPkgMonth .blockPkgPrice {
    border: 0;
    box-sizing: border-box;
    min-width: 35px
}
#calPackageList .calPricesPackage .pricesOrigins {
    width: 20%;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}
#calPackageList .calPricesPackage span.blockPriceMonths {
    margin-left: 2%;
    width: 78%;
    display: inline-block
}
#calPackageList .calPricesPackage  span.blockPriceMonthsNoOrigins{
    margin-left: 22%
}
#calPackageList .calPricesPackage .pricesOrigins .bodyBlockOrigin {
    border-top: 1px solid #003d68;
    height: auto;
    box-sizing: border-box
}
#calPackageList .calPricesPackage .pricesOrigins .bodyBlockOrigin .ui-selectonemenu {
    width: 100%!important;
    display: inline-block;
    background-color: transparent
}
#calPackageList .calPricesPackage .pricesOrigins .bodyBlockOrigin label {
    width: 90%!important;
    display: inline-block;
    font-size: 11px;
    padding: 3px;
    box-sizing: border-box;
    white-space: normal;
    text-align: center
}
#programmingForm {
    width: 100%
}
.packageIntermediateSearch .monthCalendarIntermediateSearch .headerWeek {
    width: 100%;
    float: left;
}
.packageIntermediateSearch .monthCalendarIntermediateSearch .headerWeek .headerDay {
    width: 45px;
    height: 35px;
    font-size: 14px;
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
    align-items: center;
    justify-content: space-around;
}
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail {
    position: relative;
}
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnNextDay,
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnAntDay{
    position: absolute;
    top: 0;
    height: 55px;
    width: 55px;
    display: flex;
    align-items: center;
}
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnAntDay{
    left: 0;
}
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnNextDay{
    right: 0;
}
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnNextDay > a,
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnAntDay > a{
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    transition: var(--soft-transition);
}
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnNextDay > a:hover,
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnAntDay > a:hover{
    background: rgba(255,255,255,.1);
}
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnNextDay a:before,
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnAntDay a:before{
    font-family: "Material Icons";
    text-align: center;
    color: var(--text);
    margin: auto;
    font-size: 24px;
}
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnNextDay a:before{
    content: "keyboard_arrow_right";
}
.packageIntermediateSearch .monthCalendarIntermediateSearch .monthDetail .btnAntDay a:before{
    content: "keyboard_arrow_left";
    padding-left: 15px;
}
.packageIntermediateSearch .btnCal {
    background-image: none !important;
}
#suitForm .suitBigSelector {
    margin-left: 0!important;
    border: 1px solid #003d68;
    border-bottom: 0
}
#suitForm .suitBigSelector+hr {
    display: none
}
#suitForm .suitBigSelector tr td {
    padding: 10px;
    width: 10%!important;
    text-align: center
}
#suitForm .suitBigSelector tr td:nth-child(2n) {
    width: 40%!important
}
#suitForm .searchSuitDiv {
    font-size: 0;
    border: 1px solid #003d68;
    border-top: 0;
    box-sizing: border-box
}
#suitForm .searchSuitDiv .searchSuitBox {
    width: 75%;
    display: inline-block;
    margin: 0;
    float: none;
    box-sizing: border-box;
    border: 0!important;
    border-right: 2px solid #003d68!important;
    height: 100%;
    vertical-align: top
}
#suitForm .searchSuitDiv .searchSuitBox:last-child {
    width: 25%;
    border-right: 0!important
}
#suitForm .searchSuitDiv .searchSuitBox .titleSuitSearch {
    color: #003d68;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    text-align: center
}
#suitForm .searchSuitDiv .searchSuitBox .suitSuggest {
    padding: 0;
    box-sizing: border-box;
    margin: 0 auto
}
#suitForm .searchSuitDiv .searchSuitBox .suitSuggest span {
    width: 100%!important
}
#suitForm .searchSuitDiv .searchSuitBox .suitSuggest input.ui-autocomplete-input {
    box-sizing: border-box;
    height: 40px!important;
    padding: 5px
}
#suitForm .searchSuitDiv .searchSuitBox .suitSuggest+div {
    width: 100%;
    display: inline-block
}
#suitForm .searchSuitDiv .searchSuitBox .suitSuggest+div .suitButton {
    width: 90%;
    background-color: #003d68!important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 0!important;
    box-sizing: border-box;
    position: static!important;
    height: auto;
    right: auto;
    margin: 10px auto!important;
    display: block;
    float: none;
    max-width: 90%
}
#suitForm .searchSuitDiv .searchSuitBox .suitSuggest+div .suitButton:hover {
    background-color: #003d68!important;
    /*color: #003d68!important*/
}
.reserva-de-alojamiento table:not(.buscador-de-reservas) tr:hover {
    background-color: inherit !important;
}
#paxesDiv {
    margin-left: 0;
    min-height: auto!important;
    padding-bottom: 20px;
    border: 1px solid #003d68;
    background-color: #e9f3fb
}
#paxesDiv .titulo {
    background-color: #003d68;
    padding: 20px;
    color: #fff;
    width: 100%;
    display: block;
    margin-bottom: 0!important
}
#paxesDiv .titulo+br,
#paxesDiv .titulo+br+br {
    display: none
}
#paxesDiv #paxes {
    overflow: hidden;
    padding: 0;
    box-sizing: border-box
}
#paxesDiv #paxes .crmClientsCode+br,
#paxesDiv #paxes .crmClientsCode+br+br {
    display: none
}
#paxesDiv #paxes .ui-icon-calendar {
    background-image: url(../img/calendar.svg)!important;
    background-size: 23px;
    background-position: 50%
}
#paxesDiv #paxes .paxCalendar button {
    background-color: transparent!important
}
#paxesDiv #paxes .ui-c {
    width: auto!important;
    line-height: normal!important;
    display: inline-block;
    padding: 0
}
#paxesDiv #paxes .ui-inputfield {
    border: 1px solid #003d68!important
}
#paxesDiv #paxes label.ui-widget {
    padding-left: 0!important;
    margin-left: 0!important
}
#paxesDiv #paxes button {
    padding: 10px;
    color: #fff
}
#paxesDiv #paxes table thead th {
    text-align: left!important
}
.reserva-content .precio {
    margin-left: 0
}
.reserva-content .precio .name a,
.reserva-content .precio .name a span {
    display: inline-block;
    vertical-align: middle
}
.reserva-content .precio .name a .ui-icon-calendar {
    background-image: url(../img/calendar.svg)!important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 20px
}
.reserva-content .tittlePkg {
    margin-top: 10px;
    width: 350px;
    max-width: 350px
}
.reserva-content #content_content #bookingForm .buscador-de-reservas .colView1,
.reserva-content #content_content #bookingForm .buscador-de-reservas .colView2 {
    padding: 7px 0;
}
.reserva-content #content_content #bookingForm #messages #messagesList {
    margin-top: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box
}
.reserva-content #content_content #bookingForm #messages fieldset {
    background-color: #e9f3fb;
    border: 0!important;
    width: 100%!important;
    box-sizing: border-box;
    top: 0
}
.reserva-content #content_content #bookingForm #messages fieldset #messagesList-closeable .ui-widget {
    padding-right: 0!important
}
.reserva-content #content_content #bookingForm #messages fieldset legend {
    left: 0;
    top: 0
}
.reserva-content #content_content #bookingForm #booking-hotel .ui-datatable-tablewrapper {
    margin: 0!important
}
.reserva-content #content_content #bookingForm .createExpedient,
.reserva-content #content_content #bookingForm .validateExpedient {
    width: auto!important;
    height: auto!important;
    margin-left: 10px!important
}
.reserva-content #content_content #bookingForm .validateExpedient {
    margin-left: 10px!important
}
.reserva-content #content_content #bookingForm form[id*=bookingForm] label.ui-widget {
    padding-left: 0!important
}
.reserva-content #content_content #bookingForm .ui-panel-titlebar {
    height: auto;
    line-height: normal!important;
    box-sizing: border-box;
    padding: 10px!important;
    width: 100%;
    margin: 0;
    background-color: #003d68!important;
    color: #fff
}
.reserva-content #content_content #bookingForm #bookingServices {
    margin-top: 10px
}
.reserva-content #content_content #bookingForm #policyRates {
    padding-left: 0!important
}
.reserva-content #content_content #bookingForm #policyRates .ui-panel-content.ui-widget-content .ui-datalist-data {
    border-top: 1px solid #003d68!important;
    font-size: 0;
    max-width: 400px;
    margin: 0 10px;
    padding: 0;
    line-height: normal
}
.reserva-content #content_content #bookingForm #policyRates .ui-panel-content.ui-widget-content .ui-datalist-data .ui-datalist-item {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    border: 0!important
}
.reserva-content #content_content #bookingForm #policyRates .ui-panel-content.ui-widget-content .ui-datalist-data .ui-datalist-item span {
    width: auto;
    display: inline-block;
    padding-left: 10px;
    padding: 5px;
    box-sizing: border-box
}
.reserva-content #content_content #bookingForm #policyRates .ui-panel-content.ui-widget-content .ui-datalist-data .ui-datalist-item span:first-child {
    border-right: 1px solid #003d68;
    width: 150px
}
.reserva-content #content_content #bookingForm #policyRates .ui-panel-content.ui-widget-content .ui-datalist-data .ui-datalist-item:nth-child(odd) {
    background-color: var(--grey-bg);
}
.reserva-content #content_content #bookingForm #policyRates .policyRates {
    padding: 10px;
    background-color: #003d68!important;
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
    margin-left: 0;
    width: 100%
}
.reserva-content #content_content #bookingForm #policyRates .policyRates .policyRates {
    padding: 0;
    margin-left: 0;
    padding-left: 15px
}
.reserva-content #content_content #bookingForm #policyRates .ui-panel-content {
    padding-left: 0
}
/*.resultado.rHotel .ui-dialog {*/
/*max-width: 80%;*/
/*margin: 0 10%;*/
/*box-sizing: border-box;*/
/*padding: 20px;*/
/*border: 1px solid #003d68*/
/*}*/
.megaSearchResultsFilter {
    max-width: none !important;
}
.ui-dialog .btnAntDay #btnLeft,
.ui-dialog .btnAntDay #btnRight {
    margin-top: 10px
}
.btn_tarifas {
    padding: 0 20px;
    background-position: 0 -3px;
    background-size: 10%
}
#booking-price {
    font-weight: 700;
    color: #003d68!important;
    font-size: 20px;
}
#booking-total+.flo-r {
    float: none;
    text-align: right;
}
.btn-booking-container {
    margin-right: 20px;
    margin-top: 10px
}
.reserva-content #content_content form#listForm tr.row,
.reserva-content #content_content form#messageList tr.row,
.reserva-content #content_content form#subscriberForm tr.row,
.reserva-content #content_content form#userList tr.row {
    background-color: #003d68
}
.reserva-content #content_content form#listForm .usersDataTable a,
.reserva-content #content_content form#messageList .usersDataTable a,
.reserva-content #content_content form#subscriberForm .usersDataTable a,
.reserva-content #content_content form#userList .usersDataTable a {
    color: #003d68
}
.reserva-content #content_content form#listForm .usersDataTable,
.reserva-content #content_content form#messageList .usersDataTable,
.reserva-content #content_content form#subscriberForm .usersDataTable,
.reserva-content #content_content form#userList .usersDataTable {
    border: 1px solid #003d68;
    margin-top: 10px
}
.reserva-content #content_content form#listForm .usersDataTable a.ui-widget,
.reserva-content #content_content form#messageList .usersDataTable a.ui-widget,
.reserva-content #content_content form#subscriberForm .usersDataTable a.ui-widget,
.reserva-content #content_content form#userList .usersDataTable a.ui-widget {
    background-color: transparent;
    color: #003d68!important;
    padding: 0
}
.reserva-content #content_content form#listForm .usersDataTable a.ui-widget:hover,
.reserva-content #content_content form#messageList .usersDataTable a.ui-widget:hover,
.reserva-content #content_content form#subscriberForm .usersDataTable a.ui-widget:hover,
.reserva-content #content_content form#userList .usersDataTable a.ui-widget:hover {
    color: #003d68!important;
    background-color: transparent!important
}
.reserva-content #content_content form#listForm .ui-datatable-tablewrapper,
.reserva-content #content_content form#messageList .ui-datatable-tablewrapper,
.reserva-content #content_content form#subscriberForm .ui-datatable-tablewrapper {
    margin: 0 !important;
    background-color: #e9f3fb
}
.reserva-content #content_content form#listForm .ui-datatable tbody td,
.reserva-content #content_content form#messageList .ui-datatable tbody td,
.reserva-content #content_content form#subscriberForm .ui-datatable tbody td {
    padding: 10px
}
.reserva-content #content_content form#subscriberForm a.ui-widget {
    background-color: #003d68;
    color: #003d68!important;
    padding: 20px
}
.reserva-content #content_content form#subscriberForm a.ui-widget:hover {
    color: #003d68!important;
    background-color: #003d68
}
.reserva-content #content_content form#subscriberForm .ui-state-default {
    background-color: transparent!important
}
.reserva-content #content_content form#messageList .ui-dialog.ui-widget {
    border: 1px solid #003d68;
}
.reserva-content #content_content form#messageList .ui-dialog.ui-widget .bodyAnnouncement {
    min-height: 353px;
    width: 100%;
    padding: 20px 0;
    margin-left: 0;
    line-height: 20px;
    font-size: 14px;
    box-sizing: border-box;
}
.reserva-content #content_content form#messageList .ui-dialog.ui-widget .headerAnnouncement {
    background-color: #003d68;
    box-sizing: border-box;
}
.reserva-content #content_content #homeForm {
    margin-left: 0!important;
}
.reserva-content #content_content #homeForm tr.row {
    background-color: #003d68;
}
.reserva-content #content_content #homeForm .ui-datatable-tablewrapper {
    margin-left: 0;
    margin-top: 10px;
}
.reserva-content #content_content #homeForm .titulo {
    margin-left: 0!important;
}
.reserva-content #content_content #homeForm .policyRates,
.reserva-content #content_content #homeForm .ui-panel-titlebar {
    background-color: #003d68 !important;
    color: #fff;
}
.reserva-content #content_content #homeForm thead th {
    text-align: left;
    padding: 12px 3px;
    font-size: 13px;
    color: #333;
}
.reserva-content #content_content #homeForm #bookingSearchPanel {
    margin-bottom: 15px
}
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
    border-radius: 8px;
    background-color: var(--grey-bg);
}
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset label {
    padding-left: 10px!important;
    display: inherit;
}
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas {
    table-layout: fixed;
    width: 100%
}
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas tr {
    padding: 10px 0
}

@media (max-width: 768px) {
    .reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas tr {
        display: flex;
        flex-wrap: wrap;
    }
    .reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol1,
    .reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol2,
    .reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol3,
    .reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol1B2C,
    .reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol2B2C,
    .reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdmsgcol1,
    .reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdmsgcol2,
    .reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdmsgcol3 {
        flex: 0 0 100%;
        width: 100% !important;
    }

    .reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .paxes-selector {
        min-height: initial;
        margin-top: 0;
    }

    .reserva-content #content_content #homeForm #bookingSearchPanel fieldset label {
        padding-left: 0 !important;
        min-height: initial;
    }
}

.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol1,
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdmsgcol1 {
    width: 40%;
    vertical-align: top;
    padding: 5px 0 5px 5px
}

.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol1B2C  {
    width: 25%;
    vertical-align: top;
    padding: 5px 0 5px 5px
}
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol1 input,
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdmsgcol1 input {
    border: 1px solid #003d68!important
}
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol2,
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdmsgcol2 {
    padding: 5px 0 5px 5px;
    width: 60%
}
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol2B2C {
    padding: 5px 0 5px 5px;
    width: 75%
}

.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol2B2C input,
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol2 input {
    display: block;
    width: 100%;
}

.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol2 .ui-selectonemenu,
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdmsgcol2 .ui-selectonemenu {
    border: 1px solid #003d68!important;
    background-color: #fff;
    padding: 5px
}
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol2 .ui-icon-triangle-1-s,
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdmsgcol2 .ui-icon-triangle-1-s {
    background-image: url(../img/arrow-white.svg)!important;
    background-size: 28px!important;
    background-repeat: no-repeat;
    background-size: 16px!important;
    background-repeat: no-repeat!important;
    background-position: -1px 10px!important;
    background-color: transparent!important
}
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol2 .ui-selectlistbox-item,
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdmsgcol2 .ui-selectlistbox-item {
    display: block;
    padding: 5px 0
}
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .busc3890ador-de-reservas .tdcol2 .ui-selectlistbox-item span,
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdmsgcol2 .ui-selectlistbox-item span {
    color: #003d68
}

.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdcol3,
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .buscador-de-reservas .tdmsgcol3 {
    padding: 5px 0 5px 5px;
    width: 15%;
    display: none
}
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .bookingview_button,
.reserva-content #content_content #homeForm #bookingSearchPanel fieldset .ui-button-text-only {
    float: none;
    margin-top: 10px;
    width: auto!important
}
.reserva-content #content_content #homeForm #content_content .titulo {
    color: #003d68;
    font-size: 20px
}
.reserva-content #content_content #homeForm #bookingForm {
    background-color: #e9f3fb;
    border: 1px solid #003d68;
    padding: 0
}
.reserva-content #content_content #homeForm #bookingForm .titulo {
    padding: 20px;
    background-color: #003d68;
    color: #fff
}
.reserva-content #content_content #homeForm #bookingForm .buscador-de-reservas {
    table-layout: fixed
}
.reserva-content #content_content #homeForm #bookingForm .buscador-de-reservas .colView1,
.reserva-content #content_content #homeForm #bookingForm .buscador-de-reservas .colView2 {
    padding: 10px 0;
    color: #003d68!important
}
.reserva-content #content_content #homeForm #bookingForm .buscador-de-reservas .colView1 span,
.reserva-content #content_content #homeForm #bookingForm .buscador-de-reservas .colView2 span {
    color: #003d68!important
}
.reserva-content #bookingForm .titulo > button {
    position: absolute !important;
    width: auto;
    cursor: pointer;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 14px !important;
    padding: 23px 23px 23px 50px !important;
    border-left: 1px solid #567d9a !important;
    text-transform: uppercase;
    border-top-right-radius: 5px !important;
    transition: .2s all ease-in-out;
}
.reserva-content #bookingForm .titulo > button > span {
    padding: 0px;
    line-height: inherit;
}
.reserva-content #bookingForm .titulo > button:hover{
    background-color: #125384 !important;
}
.reserva-content #bookingForm .titulo > button::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: 18px;
    background-repeat: no-repeat;
    background-image: url(../img/attach.svg);
}
.reserva-content #bookingForm .buscador-de-reservas {
    table-layout: fixed
}
.reserva-content #bookingForm .buscador-de-reservas .colView1,
.reserva-content #bookingForm .buscador-de-reservas .colView2 {
    padding: 10px 0
}
.reserva-content #bookingForm .buscador-de-reservas+br+span.bold {
    padding: 5px 0;
    display: block;
}
.reserva-content #bookingForm .ui-datalist.ui-widget {
    padding-right: 0!important
}
.reserva-content #bookingForm #policyRates {
    padding-left: 0!important;
    padding-right: 0!important
}
.reserva-content #bookingForm #policyRates .ui-panel-content.ui-widget-content .ui-datalist-data {
    border-top: 1px solid #003d68!important;
    font-size: 0;
    max-width: 400px;
    margin: 0 10px;
    padding: 5px 0
}
.reserva-content #bookingForm #policyRates .ui-panel-content.ui-widget-content .ui-datalist-data .ui-data-list-item {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #003d68!important
}
.reserva-content #bookingForm #policyRates .ui-panel-content.ui-widget-content .ui-datalist-data .ui-data-list-item span {
    width: 50%;
    display: inline-block
}
.reserva-content #bookingForm #policyRates .ui-panel-content.ui-widget-content .ui-datalist-data .ui-data-list-item:first-child {
    background-color: var(--grey-bg);
}
#unreadMessages .ui-dialog button,
#unreadMessages .ui-dialog button:hover {
    background-color: #003d68!important;
    color: #003d68!important
}
.campaignsDialog {
    width: 100%!important;
    border: 2px solid #003d68!important
}
.campaignsDialog .tituloPromoHigh {
    color: #003d68!important;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #003d68;
    display: none!important
}
.campaignsDialog .boxCampanias .resumen {
    color: #003d68!important;
    font-size: 0!important
}
.campaignsDialog .boxCampanias .resumen span {
    display: inline-block!important;
    float: none!important;
    width: 20%!important;
    vertical-align: top
}
.campaignsDialog .boxCampanias .resumen span+span {
    width: 55%!important;
    padding-left: 30px;
    box-sizing: border-box
}
.campaignsDialog .boxCampanias .resumen span img {
    width: 100%!important;
    max-width: 100%!important
}
.campaignsDialog .boxCampanias .resumen span span {
    width: 100%!important
}
.campaignsDialog .boxCampanias .resumen .divButtonHighlightCamp {
    width: 25%;
    display: inline-block!important;
    margin-top: 0;
    vertical-align: top
}
.campaignsDialog .boxCampanias .resumen .divButtonHighlightCamp button {
    width: 100%!important;
    text-align: center;
    padding: 10px!important;
    box-sizing: border-box
}
.campaignsDialog .boxCampanias .resumen .divButtonHighlightCamp button span {
    box-sizing: border-box;
    width: 100%!important;
    text-align: center
}
div.boxCampanias>div.resumen span font>strong {
    display: block;
    margin-bottom: 10px
}
.imgCampaignBoxLogin {
    width: 84%!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 8%;
    display: -webkit-box;
    border-top-left-radius: 10%;
    border-top-right-radius: 10%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 -2px 10px #888
}
.campaignsInitialBox {
    margin-left: 20%;
    width: 75%!important
}
.eachCampaignInitialBox {
    display: inline-block;
    max-width: 300px;
    margin-left: 8%;
    margin-right: 3%
}
.imgCampaignInitialBox{
    padding: 5px;
    position: relative;
    right: 7px;
    z-index: 1;
    float: right;
    top: 30px
}
.campaignsDialogColor{
    background-color: hsla(0, 0%, 100%, .5)!important
}
.campaignsInitialBoxLinks{
    width: 100%!important
}
.titleCampaignInitialBox{
    border-bottom-left-radius: 10%;
    border-bottom-right-radius: 10%;
    background-color: #fff;
    box-shadow: 0 -2px 10px #888
}
.titleCampaignInitialBoxColor {
    color: dimgrey!important;
    line-height: 1.3em
}
#resultAvailabilityBoxes {
    width: 100%;
    margin-top: 15px
}
#resultAvailabilityBoxes .headerResult {
    font-size: 0;
    text-align: left
}

#resultAvailabilityBoxes .headerResult span .blockResult {
    padding: 10px
}
#resultAvailabilityBoxes .headerResult a.blockResult {
    padding: 6px
}
#resultAvailabilityBoxes .headerResult .blockResult {
    width: 24%;
    display: inline-block;
    background-color: #003d68;
    border: 0;
    border-radius: 0!important;
    margin-right: 20px;
    box-sizing: border-box;
    min-height: 63px;
    vertical-align: top;
    position: relative
}
#resultAvailabilityBoxes .headerResult span .blockResult .headerBlockResult {
    color: #fff;
    font-weight: 700;
    text-align: right;
    padding: 10px;
    bottom: 0;
    right: 0
}
#resultAvailabilityBoxes .headerResult a .blockResult .headerBlockResult {
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 0
}
#resultAvailabilityBoxes .headerResult a {
    width: 20%;
    display: inline-block;
    border: 5px solid #003d68;
    font-size: 0;
    margin-right: 20px
}
#resultAvailabilityBoxes .headerResult a .blockResult {
    background-color: #033d68!important;
    min-height: 63px
}
#resultAvailabilityBoxes .headerResult a .blockResult .headerBlockResult {
    position: static
}
#resultAvailabilityBoxes .headerResult a.blockResultSelected {
    border: 5px solid #003d68;
    background-color: white!important
}
#resultAvailabilityBoxes .headerResult a.blockResultSelected .blockResult {
    background-color: #ffffff!important;
    border: 1px solid #fff;
    min-height: 63px
}
#resultAvailabilityBoxes .headerResult a.blockResultSelected .blockResult .headerBlockResult,
#resultAvailabilityBoxes .headerResult a.blockResultSelected .blockResult .numResults {
    color: #033d68;
    position: static
}
#resultAvailabilityBoxes .headerResult a:last-child {
    margin-right: 0
}
#resultAvailabilityBoxes .headerResult a .blockResult {
    width: 100%;
    border-radius: 0!important;
    margin-right: 0;
    border: 0;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #fff;
}
#resultAvailabilityBoxes .headerResult a .blockResult .headerBlockResult {
    width: 100%;
    display: block;
    padding: 5px 0;
    color: white;
    font-weight: 700;
    box-sizing: border-box;
    text-align: right
}
#resultAvailabilityBoxes .headerResult a .blockResult .numResults {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: top;
    color: white;
    font-weight: 700;
    text-align: right
}
#resultAvailabilityBoxes .headerResult a .blockResult .numResults img {
    display: none
}
#content .reserva-content {
    margin: 15px 0
}
#content .reserva-content .titleItemSelected {
    font-weight: 700;
    font-size: 20px;
    color: #003d68;
    border-bottom: 1px solid #979797;
    padding-bottom: 10px;
    box-sizing: border-box
}
#content .reserva-content .searchItemSelected {
    padding: 0;
    margin-top: 10px
}
#content .reserva-content .titleFilter {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 0;
    box-sizing: border-box;
    font-size: 16px;
    color: #000;
    padding-right: 10px;
    width: auto;
    margin-top: 0!important
}
#content .reserva-content .globalFilter,
#content .reserva-content .ui-commandlink.ui-widget.deleteFilter {
    display: inline-block;
    font-size: 14px;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #979797
}
#content .reserva-content .globalFilter {
    color: #000
}
#content .reserva-content .ui-commandlink.ui-widget.deleteFilter {
    vertical-align: middle;
    color: #01a9db!important
}
.titleItemSelected {
    font-size: 20px;
    color: #003d68;
    padding-bottom: 10px;
    border-bottom: 1px solid #003d68;
    width: 100%
}
.searchItemSelected {
    display: block;
    margin-top: 15px;
    padding-left: 0;
    overflow: hidden
}
.searchItemSelected .btnEditSearch {
    margin-top: 18px;
    margin-right: 0!important
}
.panelResultSearch {
    margin-top: 15px
}
.panelResultSearch~div,
.panelResultSearch~div+div,
.panelResultSearch~div+div+div {
    margin-top: 30px
}
.panelResultSearch .rHotel.rHotelSelected {
    background-color: #e9f3fb!important
}
.panelResultSearch .rHotel.rHotelSelected .ui-panel-content,
.panelResultSearch .rHotel.rHotelSelected .ui-panel-content .bgtabs ul,
.panelResultSearch .rHotel.rHotelSelected .ui-panel-content .precio {
    background: #e9f3fb!important
}
.panelResultSearch #programmingMegaSearchResultForm #calPackageFilter {
    border: 0
}
.panelResultSearch #lodgingMegaSearchResultForm .programmingMegaSearchResultsContainer,
.panelResultSearch #PACKAGE_SUITsearchResultForm .programmingMegaSearchResultsContainer,
.panelResultSearch #programmingMegaSearchResultForm .programmingMegaSearchResultsContainer {
    display: inline-block;
    width: 74%;
    margin-left: 2%
}
.panelResultSearch #lodgingMegaSearchResultForm .programmingMegaSearchResultsContainer #calPackageList,
.panelResultSearch #PACKAGE_SUITsearchResultForm .programmingMegaSearchResultsContainer #calPackageList,
.panelResultSearch #programmingMegaSearchResultForm .programmingMegaSearchResultsContainer #calPackageList {
    width: 100%
}
.panelResultSearch #lodgingMegaSearchResultForm .titleList,
.panelResultSearch #programmingMegaSearchResultForm .titleList,
.panelResultSuit .titleList {
    font-size: 20px;
    color: #003d68;
    margin-top: 30px;
    padding-bottom: 5px;
    width: 100%;
    display: block;
    border-bottom: 2px solid #003d68;
    margin-bottom: 15px
}
.panelResultSearch #lodgingMegaSearchResultForm #calPackageFilter,
.panelResultSearch #PACKAGE_SUITsearchResultForm #calPackageFilter,
.panelResultSearch #programmingMegaSearchResultForm #calPackageFilter {
    padding: 20px 0
}
.panelResultSearch #lodgingMegaSearchResultForm #calPackageFilter .filterHeader,
.panelResultSearch #PACKAGE_SUITsearchResultForm #calPackageFilter .filterHeader,
.panelResultSearch #programmingMegaSearchResultForm #calPackageFilter .filterHeader {
    padding-left: 10px
}
.panelResultSearch #lodgingMegaSearchResultForm .precio .boton2,
.panelResultSearch #PACKAGE_SUITsearchResultForm .precio .boton2,
.panelResultSearch #programmingMegaSearchResultForm .precio .boton2 {
    width: auto!important;
    margin-bottom: 20px
}
.panelResultSearch #lodgingMegaSearchResultForm .itemResults,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults,
.panelResultSearch #programmingMegaSearchResultForm .itemResults {
    border: 0!important;
    font-size: 0;
    width: 100%
}
#templateForm .resultPanels .precio,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .precio,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .precio {
    background-color: transparent;
    border-bottom: 0!important;
    padding-bottom: 0;
    display: table;
    border-radius: 3px;
}
#templateForm .resultPanels .precio .image-min,
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .precio .image-min,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .precio .image-min,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .precio .image-min {

    max-width: 100% !important;
    border-radius: 3px !important;
    margin-left: 0!important;
    border: 1px solid #f1f1f1 !important;
    min-height: 80px !important;
    background: #fafafa;
}
#templateForm .resultPanels .precio .tittle,
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .precio .tittle,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .precio .tittle,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .precio .tittle {
    font-weight: 700;
    margin-left: 0;
    color: #003d68
}
#templateForm .resultPanels .precio .tittle span,
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .precio .tittle span,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .precio .tittle span,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .precio .tittle span {
    font-size: 16px;
    color: #003d68;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 5px
}
#templateForm .resultPanels .precio .price,
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .precio .price,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .precio .price,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .precio .price {
    font-size: 16px!important;
    color: #003d68!important;
    width: auto;
    text-align: right;
}
#templateForm .resultPanels .precio .price span,
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .precio .price span,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .precio .price span,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .precio .price span {
    font-weight: 700
}
#templateForm .resultPanels .precio .desc,
#templateForm .resultPanels .precio .name,
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .precio .desc,
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .precio .name,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .precio .desc,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .precio .name,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .precio .desc,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .precio .name {
    margin-left: 0px !important;
    font-size: 12px;
    color: #003d68;
}
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .megaSearchResultsFilter,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .megaSearchResultsFilter,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .megaSearchResultsFilter {
    width: 24%!important;
    display: inline-block;
    vertical-align: top;
}
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .megaSearchResultsFilter+div,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .megaSearchResultsFilter+div,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .megaSearchResultsFilter+div {
    display: inline-block;
    width: 74%;
    margin-left: 1%
}
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .megaSearchResultsFilter #packageGlobalFilter,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .megaSearchResultsFilter #packageGlobalFilter,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .megaSearchResultsFilter #packageGlobalFilter {
    margin-top: 0
}
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .megaSearchResultsFilter #packageGlobalFilter .titleFilter,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .megaSearchResultsFilter #packageGlobalFilter .titleFilter,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .megaSearchResultsFilter #packageGlobalFilter .titleFilter {
    padding: 0;
    padding-left: 10px;
    color: #003d68!important;
    margin: 0
}
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .megaSearchResultsFilter .ui-slider .ui-slider-handle,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .megaSearchResultsFilter .ui-slider .ui-slider-handle,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .megaSearchResultsFilter .ui-slider .ui-slider-handle {
    border-radius: 50%!important;
    border: 1px solid #003d68!important;
    background: #003d68!important;
    width: 10px;
    height: 10px;
    border-radius: 0!important;
    top: -2px
}
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .megaSearchResultsFilter .ui-slider,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .megaSearchResultsFilter .ui-slider,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .megaSearchResultsFilter .ui-slider {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0!important;
    margin: 10px auto;
    height: 8px
}
.panelResultSearch #lodgingMegaSearchResultForm .itemResults .content-result,
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .content-result,
.panelResultSearch #programmingMegaSearchResultForm .itemResults .content-result {
    width: 100%;
    box-sizing: border-box;
    margin-left: 0
}
.panelResultSearch #lodgingResults .clearLine {
    padding-top: 10px!important
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter {
    width: 24%!important;
    display: inline-block;
    float: none;
    max-width: none;
    border: 0
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter+div {
    display: inline-block;
    width: 74%;
    margin-left: 2%
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterHeader {
    font-size: 16px;
    font-weight: 700;
    color: #003d68;
    display: block;
    border-bottom: 2px solid #003d68;
    padding-bottom: 5px;
    padding-left: 10px
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock #priceBodyFilter {
    width: 90%;
    margin: 0 auto
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock #priceBodyFilter .maxPrice {
    font-size: 16px;
    color: #003d68
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock span.ui-chkbox-icon.ui-icon-blank.ui-c,
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock span.ui-chkbox-icon.ui-icon-check.ui-c {
    background-color: transparent
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .ui-tree {
    width: 100%!important
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .ui-autocomplete-input {
    border: 1px solid #ccc!important;
    width: 90%;
    margin: 5px auto
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .ui-autocomplete {
    width: 90%!important;
    margin: 5px 0;
    margin-left: 10px;
    display: inline-block;
    float: none!important
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .btnCheckImg {
    width: 1%;
    display: inline-block;
    float: none!important;
    margin-left: 0!important
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .tablaRadio .ui-selectoneradio {
    table-layout: fixed;
    width: 100%
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .tablaRadio .ui-selectoneradio td:first-child {
    width: 10%
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .tablaRadio .ui-selectoneradio td:last-child {
    width: 90%
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .tablaRadio .ui-selectoneradio label {
    color: #003d68;
    padding-bottom: 5px
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .tablaRadio .label {
    padding-bottom: 5px
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .ui-treenode-label {
    color: #003d68;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .ui-selectmanycheckbox {
    table-layout: fixed;
    margin: 5px 0
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .ui-selectmanycheckbox tr {
    border-bottom: 0!important
}
.panelResultSearch #lodgingResults .megaSearchResultsFilter .filterBlock .ui-selectmanycheckbox tr label {
    color: #003d68;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px
}
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .itemSuitResults {
    width: 100%
}
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .itemSuitResults .searchPackageResult {
    width: 100%;
    margin: 10px 0
}
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .itemSuitResults .searchPackageResult .precio .tittle {
    color: #003d68;
    width: auto!important
}
.panelResultSearch #PACKAGE_SUITsearchResultForm .itemResults .itemSuitResults .searchPackageResult .precio .tittle a {
    color: #003d68!important;
    font-size: 16px;
    text-transform: uppercase
}
#privateMenuForm button {
    height: auto!important
}
#privateMenuForm button .ui-button-text {
    padding: 5px!important;
    box-sizing: border-box;
    display: inline-block;
    line-height: normal
}
#templateForm .resultPanels .desc,
.itemResults .desc {
    max-width: 500px!important
}
#paxesDiv .paxesTable {
    background-color: #fff;
    width: 95%
}
#paxesDiv .paxesTable .ui-datatable-tablewrapper {
    margin: 0
}
#paxesDiv .paxesTable .ui-datatable-tablewrapper table {
    border: 1px solid #003d68
}
.titleContent {
    color: #003d68;
    font-size: 16px
}
.itemResults .tabla_precios {
    width: 75%;
    margin-top: 0
}
.panelResultSearch #lodgingMegaSearchResultForm .titleList {
    margin-bottom: 0!important
}
#postFiltersDialog h4,
#postFiltersDialog p {
    line-height: normal;
    color: #003d68;
    font-weight: 700;
    border-bottom: 2px solid #003d68
}
#postFiltersDialog h4 {
    border-bottom: 0;
    font-size: 18px;
    margin-bottom: 10px
}
#postFiltersDialog:hover{
    overflow: auto;
}
#postFiltersDialog.condensed {
    position: fixed;
    overflow: auto;
    top: 20px;
    bottom: 300px;
    left: calc(((100% - 1180px) / 2) + 2px);
}
#postFiltersDialog .ui-icon.ui-icon-close,
#postFiltersDialog .ui-icon.whiteCheck {
    background-image: url(/b2b/javax.faces.resource/images/ui-icons_e0fdff_256x240.png.jsf?ln=primefaces-start)
}
#postFiltersDialog #postFilterForm .ui-autocomplete-input {
    border: 1px solid #003d68!important
}
#postFiltersDialog #postFilterForm table.ui-selectmanycheckbox {
    table-layout: fixed;
    margin: 10px 0
}
#postFiltersDialog #postFilterForm table.ui-selectmanycheckbox tr {
    border-bottom: 0 !important
}
#content #content_content .tagsProduct1 {
    position: static
}
#content #content_content #widgetPackageIntermediate.packageIntermediateSearch .block-left-popup .title-popup-inmediate-search,
#content #content_content #widgetPackageIntermediate.packageIntermediateSearch .block-right-popup .title-popup-inmediate-search,
#content #content_content #widgetPackageIntermediate.packageIntermediateSearch .block-top-popup .title-popup-inmediate-search {
    font-size: 18px;
    display: block;
    color: #003d68!important;
    margin: 10px 0;
    font-weight: 700
}
#content #content_content #widgetPackageIntermediate.packageIntermediateSearch .block-left-popup #paxDistributions #specificRoom1 {
    margin-top: 10px
}
#content #content_content #widgetPackageIntermediate.packageIntermediateSearch .block-left-popup #paxDistributions .roomTitle {
    width: 30%;
    display: inline-block
}
#content #content_content #widgetPackageIntermediate.packageIntermediateSearch .block-left-popup #paxDistributions #specificRoomDistribution {
    width: 69%!important;
    float: none;
    display: inline-block;
    margin-left: 0!important
}
#content #content_content #widgetPackageIntermediate.packageIntermediateSearch .block-left-popup #paxDistributions #specificRoomDistribution span {
    float: left;
    display: inline-block;
    width: 60%
}
#content #content_content #widgetPackageIntermediate.packageIntermediateSearch .block-right-popup table {
    table-layout: fixed;
    width: 100%
}
#content #content_content #widgetPackageIntermediate.packageIntermediateSearch .block-right-popup button.ui-button-text-only {
    margin-top: 20px;
    float: right
}
#content #content_content #widgetPackageIntermediate.packageIntermediateSearch .block-right-popup .componentMandatory td .ui-selectonemenu {
    max-width: 200px!important
}
{
    max-width: 980px;
    padding: 0!important
}
.btnEditSearch {
    margin-right: 50px!important;
    margin-top: -10px!important;
    margin-left: 10px
}
.megaSearchResultsFilter {
    float: left;
}
.megaSearchResultsFilter .ui-slider {
    background-color: #58acfa;
    border-radius: 5px;
    height: 8px;
    margin-top: 5px
}
#templateForm .bgtabs {
    font-size: 15px
}
.templateSelectorContent .packComponentHeaderBlock {
    font-size: 15px;
    width: 770px!important
}
.precio {
    padding-bottom: 15px
}
#templateForm h1 {
    color: #003d68!important
}
body package{
    background-image: none!important;
}
#divCompl .ui-widget-overlay {
    opacity: .7;
    background: #fff;
}
/*# sourceMappingURL=custom.css.map */
.titleSuitSearch {
    font-size: large!important;
    color: #003d68!important
}
.subtitleSuitSearch {
    color: #003d68;
    font-size: 12px;
    font-weight: lighter;
    padding: 5px;
    display: block;
    text-align: center
}
#hotelResult .rHotel .precio {
    border-bottom: 0 none !important
}
#searchContent .result-separate {
    border-bottom: 2px solid #003d68 !important;
    margin-bottom: 0
}
#searchContent .result-separate .precio {
    border-bottom: 0 none !important
}
#transportResult .relativePos{
    position: relative
}
#templateForm .relativePos{
    position: relative
}
[id$='transportresultPanels'] .ui-datalist-content,
[id$='confirmedhotel'] .ui-datalist-content{
    float: left;
    width: 100%;
    position: relative;
}
.linksCalendar {
    margin: 0 auto;
    padding: 2px;
    width: 170px
}
.block-top-popup {
    padding-bottom: 20px
}
#programmingPackageIntermediateSearch .colGrid1 {
    width: 45%
}
#programmingPackageIntermediateSearch .colGrid2 {
    width: 55%
}
#programmingPackageIntermediateSearch .colGrid3 {
    width: 5%!important
}
#programmingIntermediateSearchForm fieldset {
    position: unset;
}
#programmingIntermediateSearchForm legend {
    left: 0;
    top: -5px;
}
.descriptionMark{
    font-size: 12pt;
    color: #6f6f6f;
    word-wrap: break-word;
}

.campaignBoxName{
    float:left;
    min-height: 78px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 79%!important;
    margin-top: 3%!important
}

.campaignDeleteText{
    float:right!important;
    color: #fff;
    margin-top: 20%;
    font-weight: 700
}
.divForDescription {
    padding-top: 20px;
    width: 400px
}
.campaignBoxPosition {
    left: 50%;
    -webkit-transform: translate(-50%, 35%);
    transform: translate(-50%, 0%);
    width: 1024px;
}
.searchImagePackageCalendar {
    width: 15px;
    height: 15px
}

.blockDivAdvPosition {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
}
.searchImageForPackages{
    width: 9px;
    height: 9px
}

/*------ RESALTAR OBLIGATORIOS ------*/
.resumenHead{
    padding-left: 275px!important
}
.imageBoxCampaigns {
    background-position: left -15px top 5%;
    background-repeat: no-repeat;
    height: 100%!important;
    position: absolute;
    width: 228px!important;
}
.tituloComponentePaqueteMandatory img {
    margin: 0 10px;
    filter: brightness(0) invert(1);
    width: 24px;
}
.contentComponentList .componentePaquete {
    margin: 0;
    padding: 0;
    align-items: center;
    position: relative;
    display: flex;
    flex-flow: column;
}
.contentComponentList .componentePaquete > * {
    width: 100%;
}
.contentComponentList .componentePaquete > .tituloComponentePaqueteMandatory{
    flex: 1;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
.table-component{
    width: 100%;
}
.table-component tr {
    display: flex;
    align-items: center;
}
.table-component tr .ui-autocomplete{
    display: flex;
}
.table-component tr .ui-selectonemenu{
    min-width: 150px !important;
}
.headerOptionalComponent .tituloComponentePaqueteMandatory {
    background-color: #fff;
    border-bottom: medium none;
    margin-bottom: 0;
    margin-top: 0
}
#paxes .componentePaquete .tituloComponentePaqueteMandatory {
    margin-top: 0
}
.divForDescriptionProgramming {
    padding-top: 20px;
    width: 400px;
    margin-left: 123px
}
.matrixCalendarWidth{
    width: 510px!important
}
.block-right-popup {
    flex: 1;
    margin-left: 60px;
}
.txtDuration {
    font-size: 13px;
    margin-top: 2px
}
#calendarResume .monthNotAvailable {
    display: inline-block;
    width: 20%!important
}

.distancePrice {
    right: 68px!important;
    top: 16px
}
.linksCalendar {
    padding: 5px 0;
    display: block;
    text-align: center;
    background-color: #003d68;
    color: #fff
}
/* TRANSFER */
.input__transfer::before{
    content: 'location_on';
    font-size: 24px;
    font-family: "Material Icons";
    position: absolute;
    padding-left: 25px;
}
div#transferForm {
    width: 100% !important;
    color: white;
    max-width: 1280px;
    margin: 0 auto;
}
div#transferForm .tabView-transfers > .ui-tabs-panels table{
    width: 100%;
}
div#transferForm .tabView-transfers > .ui-tabs-panels table.ui-panelgrid td {
    padding: 4px;
    position: relative;
}
/*Hide column with dateRangePicker*/
div#transferForm .tabView-transfers > .ui-tabs-panels table.ui-panelgrid td.dateRangeColumn{
    visibility: hidden;
    left: 20px;
    position: absolute;
    top: 145px;
}
div#transferForm .tabView-transfers > .ui-tabs-panels table.mainSearch-table > tbody > tr {
    border: none;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
div#transferForm .tabView-transfers > .ui-tabs-panels table tr:hover{
    background: transparent !important;
}
div[id$='destination_panel'] table .itemGroup,
div[id$='originFL_panel'] table .itemGroup{
    background-position-x: 5px;
    background-repeat: no-repeat;
    width: 30px;
}
/*VUELOS*/
div#flightForm {
    width: 100% !important;
    color: white;
    max-width: 1280px;
    margin: 0 auto;
}
/*VUELOS TABLA*/
div#flightForm table{
    width: 100%;
}
div#flightForm table:not(.buscador-de-reservas) tr:hover{
    background-color: inherit !important;
}
div#flightForm .tabView-flights > .ui-tabs-panels table{
    width: 100%;
}
div#flightForm .tabView-flights > .ui-tabs-panels table.ui-panelgrid td,
div#flightForm .tabView-flights [id$='transportCabinsDlg'] table td{
    padding: 4px;
    position: relative;
}
/*Hide column with dateRangePicker*/
div#flightForm .tabView-flights > .ui-tabs-panels table.ui-panelgrid td.dateRangeColumn{
    visibility: hidden;
    left: 20px;
    position: absolute;
    top: 145px;
}
div#flightForm .tableFlightForm > tbody > tr > td > div:not(.dialog-panel){
    display: table-cell;
    vertical-align: middle;
    padding: 0px 5px;
}
div#flightForm .tabView-flights > .ui-tabs-panels table.mainSearch-table > tbody > tr {
    border: none;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
div#flightForm .tabView-flights > .ui-tabs-panels table tr:hover{
    background: transparent !important;
}
div#flightForm .tabView-flights [id$='journeysGrid'] table table td:last-child{
    text-align: center;
    padding: 0px;
    flex: 1;
    display: flex;
    align-items: center;
}
div#flightForm .tabView-flights [id$="journeysGrid"] table table td:last-child > button {
    background: none;
}
div#flightForm .tabView-flights [id$='journeysGrid']  tr > td:last-child > button {
    display: table-cell;
    vertical-align: middle;
    float: none;
    height: 100%;
}
div#flightForm .flightForm-input-label > span{
    margin: 0 !important;
}

div#flightForm [id$='onlyDirectFlights'] .ui-chkbox-label,
div#flightForm [id$='flexibleDays'] .ui-chkbox-label,
div#flightForm [id$='lowCost'] .ui-chkbox-label {
    margin: 0 0 0 10px;
    vertical-align: middle;
}
div[id$='destinationFL_panel'] table .itemGroup,
div[id$='originFL_panel'] table .itemGroup{
    background-position-x: 5px;
    background-repeat: no-repeat;
    width: 30px;
}
.suggestJourney__wrapper > span.ui-new-input > input,
#flightForm [id$='suggestOrigins-wrapper'] input[id$='originFL_input'],
#flightForm [id$='suggestDestinations-wrapper'] input[id$='destinationFL_input']{
    padding-left: 50px !important;
}
[id$='__new-autocomplete'].input__flightStart::before{
    content: 'flight_takeoff';
    font-size: 24px;
    font-family: "Material Icons";
    position: absolute;
}
[id$='__new-autocomplete'].input__flightEnd::before{
    content: 'flight_land';
    font-size: 24px;
    font-family: "Material Icons";
    position: absolute;
    padding-left: 25px;
}
span.mainSearch_input > input[id$='destinationFL__new-autocomplete_input']{
    padding-left: 55px !important;
}
div#flightForm .tabView-flights > .ui-tabs-panels table div[id$='-wrapper'] > input {
    padding-left: 15px !important;
}
div#flightForm [id$='journeysGrid'] table .ui-datagrid-column {
    padding: 0;
    width: 100%;
}
div#flightForm [id$='journeysGrid'] table tr:last-child > .ui-datagrid-column {
    border-bottom: none !important;
}
div#flightForm [id$='journeysGrid'] [id$='removeButton']{
    margin: 12px 20px;
}
div#flightForm [id$='journeysGrid'] .ui-icon-remove{
    width: 25px;
    height: 25px;
    background-color: var(--text);
    -webkit-mask-image: url('../img/delete.svg');
    mask-image: url('../img/delete.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-image: none;
    transition: background-color .15s ease-in-out
}
div#flightForm [id$='journeysGrid'] .ui-icon-remove:hover {
    background-color: #f3282d;
}
div#flightForm [id$='moreOptions'] > tbody > tr:last-child{
    padding: 0 5px;
}
div#flightForm .journeys-grid tr{
    display: flex;
}
#content_content > #contentComponentDialog .component-selected-info{
    position: relative;
}
#content_content > #contentComponentDialog .height65{
    height: initial;
}

/*Result flights*/

/*Result flights*/
.resultado.rTransporte .relativePos{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.resultado.rTransporte .relativePos > .tabla_precios,
.resultado.rTransporte .relativePos > .transBtnDiv{
    flex: 1 1 100%;
}
.resultado.rTransporte .relativePos > .transBtnDiv {
    text-align: center;
    background: var(--main-color);
    color: #fff;
    border-radius: 3px 3px 0 0;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    align-items: center;
}
.priceWrapper {
    width: 100%;
    font-size: 23px;
    color: #f9f9f9;
    font-weight: 600;
    text-align: left;
    flex: 1;
}
.resultado.rTransporte .relativePos > .transBtnDiv label{
    background: var(--warning);
    padding: 3px 8px;
    border-radius: 3px;
    display: inline-block;
    margin: auto 10px;
}
.resultado.rTransporte .relativePos > .transBtnDiv .transportPriceWrapper > span > a {
    font-size: 10px !important;
    text-decoration: none;
}
.resultado.rTransporte .distribution > .distribution_line{
    border-bottom: 1px solid #d2d2d2;
    height: 72px !important; /* Fix height */
    display: table;
    position: relative;
}
.resultado.rTransporte .distribution > .distribution_line > *{
    display: table-cell;
    vertical-align: middle;
}

.resultado.rTransporte .distribution > .distribution_line > .featuresWrapper {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    width: 335px;
}
.resultado.rTransporte .distribution > .distribution_line > .featuresWrapper > .imageCompany{
    width: 100px /*Default width image from Amadeus*/;
    text-align: center;
}
.resultado.rTransporte .distribution > .distribution_line  .featuresSellClassAndOperatedByWrapper{
    width: 80px;
}
.featuresSellClassAndOperatedBy {
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 3px 8px;
    text-align: center;
}
.featuresSellClassAndOperatedBy.operatedBy {
    background: #e7e7e7;
    color: #727272;
    border: none;
    font-size: 11px;
}
.resultado.rTransporte .dateRouteWrapper {
    padding: 5px 10px;
    z-index: 1;
    position: relative;
    background: #033d68;
}
.resultado.rTransporte .dateRouteWrapper > .dateRoute {
    color: #fff;
    font-size: 14px;
}
.resultado.rTransporte .distribution > .distribution_line > .companyAndTransportWrapper {
    width: 165px;
    padding-left: 60px;
    text-align: center;
}
.ui-new-dialog .resultado.rTransporte .distribution > .distribution_line > .companyAndTransportWrapper{
    padding-left: 0;
    width: auto;
}
.ui-new-dialog .resultado.rTransporte .distribution > .distribution_line{
    padding: 0 10px;
}
.resultado.rTransporte .distribution > .distribution_line .direct {
    color: var(--main-light-color);
}
.resultado.rTransporte .distribution > .distribution_line > .timeFlightAndIataWrapper {
    width: 14%;
}
.resultado.rTransporte .distribution  > .distribution_line > .durationFlightWrapper {
    width: 13%;
    text-align: center;
    font-size: 12px;
    padding-bottom: 30px;
    position: relative;
}
.resultado.rTransporte .distribution  > .distribution_line > .durationFlightWrapper > .durationFlightContent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 1;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.resultado.rTransporte .distribution > .distribution_line > .durationFlightWrapper > .durationFlightContent:before {
    content: "";
    background-image: url('../img/icono-sin-escala.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.resultado.rTransporte .distribution > .distribution_line > .durationFlightWrapper > .durationFlightContent.scale:before{
    background-image: url('../img/icono-una-escala.svg');
}
.resultado.rTransporte .distribution > .distribution_line > .durationFlightWrapper > .durationFlightContent.scale2:before{
    background-image: url('../img/icono-dos-escalas.svg');
}
.resultado.rTransporte .distribution > .distribution_line > .durationFlightWrapper > .durationFlightContent > * {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
}
.resultado.rTransporte .distribution > .distribution_line > .durationFlightWrapper > .durationFlightContent > div:first-child {
    margin-top: -25px;
}
.resultado.rTransporte .distribution  > .distribution_line > .durationFlightWrapper .flightItinerary {
    position: absolute;
    color: white;
    font-size: 0.9em;
    bottom: -28px;
    width: calc(100% - 24px);
    padding: 3px 7px;
    background: #033d68;
    left: 0;
    border-radius: 3px;
    margin: 0px 12px;
}
.resultado.rTransporte .distribution  > .distribution_line > .durationFlightWrapper .flightItinerary.scale {
    background: #166fb0;
}
.resultado.rTransporte .distribution  > .distribution_line > .durationFlightWrapper .direct {
    font-size: 0.9em;
    bottom: -28px;
    width: calc(100% - 24px);
    padding: 3px 7px;
    left: 0;
    border-radius: 3px;
    margin: 0px 12px;
    color: var(--main-light-color);
}
.resultado.rTransporte .distribution  > .distribution_line > .durationFlightWrapper .scales {
    font-size: 0.9em;
    bottom: -28px;
    width: calc(100% - 24px);
    padding: 3px 7px;
    left: 0;
    border-radius: 3px;
    margin: 0px 12px;
}
.resultado.rTransporte .distribution > .distribution_line .timeFlight,
.resultado.rTransporte .distribution > .distribution_line .iataFlight {
    width: 100%;
    float: left;
    text-align: center;
}
.resultado.rTransporte .distribution > .distribution_line .timeFlight {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #444444;
}
.resultado.rTransporte .distribution > .distribution_line .iataFlight {
    font-size: 13px;
}
.resultado.rTransporte .distribution > .distribution_line > .radioButtonFlightSelect{
    padding: 20px;
    position: absolute;
    margin: 0px;
    height: 100%;
    z-index: 1;
    background: #f8f8f8;
    border-right: 1px solid #d9d9d9;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.resultado.rTransporte .distribution > .distribution_line > .radioButtonFlightSelect > .forbiddenFlight {
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
}
.resultado.rTransporte .distribution > .distribution_line > .radioButtonFlightSelect .ui-radiobutton-box {
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px);
    background: none;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #033d68 !important;
    box-sizing: content-box;
    cursor: pointer;

}
#postFiltersDialog::-webkit-scrollbar{
    width: 4px;
    height: 4px;
}
#postFiltersDialog::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,.26);
    border-radius: 7px;
}


/*Booking attach files*/

.booking .ui-fileupload > .ui-fileupload-buttonbar .ui-fileupload-choose {
    background: transparent;
    color: var(--main-light-color);
    font-size: 15px;
}

.booking .ui-fileupload > .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text:before {
    font-family: "Material Icons";
    content: "cloud_upload";
    vertical-align: middle;
    font-size: 24px;
    padding-right: 5px;
}

.booking .ui-fileupload > .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon-plusthick {
    display: none;
}

.booking .ui-fileupload-choose.ui-button-text-icon-left .ui-button-text {
    padding: 0 !important;
}

.ui-contentflow .globalCaption {
    color: #1e1e1e;
    background: #fbfbfb;
    margin-top: 0px;
    padding: 25px;
    font-weight: normal;
}


/* Dialog - PDF preview */

.dialog-doc-preview {
    background: transparent;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: initial !important;
}

.dialog-doc-preview iframe {
    height: calc(100vh - 47px) !important; /* Dialog header */
}

.dialog-doc-preview > .ui-dialog-content {
    padding: 0 !important;
}

.dialog-doc-preview > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before {
    color: #FFF !important;
    top: 3px !important;
    right: 20px !important;
}

.dialog-doc-preview > .ui-dialog-titlebar > .ui-dialog-title {
    color: #FFF !important;
    font-size: 16px !important;
    padding: 10px 15px 10px 0 !important;
}

.dialog-doc-preview > .ui-dialog-titlebar {
    background: #000 !important;
}

.dialog-doc-preview > .ui-dialog-titlebar > span {
    color: white !important;
    font-size: 17px !important;
}


#roomDistribution .ui-selectonemenu {
    border: 1px solid var(--grey-border);
    box-shadow: none;
    border-radius: 4px;
}

a.ui-button.ui-second-button:not(.fakeBuutton):hover,
button.ui-button.ui-second-button:not(.fakeButton):hover {
    color: #fdfdfd;
}
.a.ui-button.fakeButton:after,
button.ui-widget.ui-button.fakeButton:after{
    content: "keyboard_arrow_down";
    font-family: 'Material Icons';
    color: #515d6b;
    position: absolute;
    padding: 10px;
    font-size: 20px;
    line-height: 28px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-transform: lowercase;
}
.a.ui-button.fakeButton.open:after,
button.ui-widget.ui-button.fakeButton.open:after{
    content: "keyboard_arrow_up";
}
button.fakeButton.ui-button.open {
    box-shadow: 0 0 0 1px var(--main-light-color);
}
/*min button*/
a.ui-button.ui-new-button__min,
button.ui-widget.ui-button.ui-new-button__min{
    padding: 0px !important;
}
a.ui-button.ui-new-button__min,
button.ui-widget.ui-button.ui-new-button__min > span.ui-button-text{
    font-size: 12px;
    padding: 2px 8px !important;
}
a.ui-new-button__icon.btn_return,
button.ui-button.ui-new-button__icon.btn_return{
    background: #fff;
    color: var(--main-light-color);
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,.14);
    transition: box-shadow .2s ease-in-out;
    border-radius: 25px;
}
button.ui-button.ui-new-button__icon.btn_return:hover{
    box-shadow: 0px 2px 4px  rgba(0,0,0,.18);
    background: #fff;
}
.ui-new-checkbox{
    display: table;
    cursor: pointer;
}
.ui-new-checkbox > *{
    display: table-cell !important;
    vertical-align: middle !important;
}
.ui-new-checkbox > .ui-chkbox-label{
    margin: 0;
    padding-left: 8px;
    color: #1e1e1e;
}
[id$='__new-autocomplete_panel'] tr > td {
    padding: 7px !important;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 30px;
}
[id$='__new-autocomplete_panel'] tr > td.autocomplete-CITY > label{
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    color: #2e2e2e;
    float: right;
    text-align: right;
}
[id$='__new-autocomplete_input']{
    padding-left: 40px !important;
}

.transport-transfer-content {
    padding: 20px;
}

.transport-transfer-type-image {
    padding-right: 10px;
    vertical-align: middle;
}

.transport-transfer-places {
    font-size: 18px;
}

.transport-transfer-description-section {
    padding-bottom: 10px;
}

.transport-transfer-add-package-button-div {
    padding-top: 25px;
}

.item-card .transfer-card{
    padding: 20px;
}
.item-card.flight-card{
    border: 1px solid var(--main-color);
    margin-bottom: 50px;
}
.item-card .lodging-card,
.item-card .transport-transfer-card,
.item-card .package-card,
.item-card .activity-card{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    /*padding: 6px;*/
}
.item-card .activity-card .activity_poster{
    flex: 0 0 200px;
    width: 200px;
}
.item-card .activity-card .activity_mainContent{
    flex: 1;
    border-right: 1px solid var(--grey-border);
    padding-right: 10px;
}
/* Show more description */
.item-card .activity-card .activity_mainContent .activity-description .activity-description-text{
    overflow: hidden;
    height: 50px;
    line-height: 1.2em;
}
.item-card .activity-card .activity_mainContent .activity-description button.button-show-more {
    padding: 5px 8px;
    background: var(--accent-color);
    color: var(--light);
    border-radius: 2px;
    border:none;
    cursor: pointer;
}

.item-card .activity-card .activity_mainContent .activity-description label.activity-description-text.opened {
    height: 100%;
}
.item-card .activity-card .activity_poster img.image {
    width: 190px;
    height: 160px;
    display: block;
    object-fit: cover;
    border-radius: 2px;
}
.item-card .lodging-card .lodging_poster > .lodgingPosterWrapper{
    display: inline-block;
    float: left;
    background-image: url(../img/no_pic_hotel.png);
    background-size: cover;
    background-position: center;
    border-radius: 2px;
    width: 190px;
    height: 160px;
}
.item-card .lodging-card .lodging_poster img.image,
.item-card .activity-card .activity_poster img.image{
    width: 190px;
    height: 160px;
    display: block;
    object-fit: cover;
    border-radius: 2px;
}
.item-card .lodging-card .lodging_poster img.image:before,
.item-card .activity-card .activity_poster img.image:before{
    width: 190px;
    background: var(--grey-bg);
    height: 160px;
    position: absolute;
    border-radius: 3px;
}
.item-card .price.main-price > span{
    font-size: 22px;
    font-weight: 700;
    float: left;
    width: 100%;
    margin: 5px auto;
    color: var(--text);
}
.item-card .price.main-price .price-currency {
    margin-left: 5px;
}
.item-card .price.main-price .price-from,
.item-card .price.main-price .price-duration {
    font-weight: 400;
    font-size: 14px;
    padding-right: 5px;
    display: inline-block;
    float: none;
    width: auto;
}
.item-card .lodging-card .product-main-content,
.item-card .transport-transfer-card .transport-transfer-description{
    font-size: 13px;
}
.item-card .lodging-card .product-main-content .address_lodging{
    margin-right: 6px;
}
.product-price,
.lodging_priceAndBookContent,
.transport-transfer-priceAndBookContent,
.package_priceAndBookContent,
.activity_priceAndBookContent{
    display: flex;
    flex-flow: column;
    text-align: center;
    border-left: 1px dashed var(--grey-border);
    padding: 20px;
}
.item-card .lodging-card .lodging_poster,
.item-card .lodging-card .transport-transfer-poster,
.item-card .package-card .package_poster,
.item-card .activity-card .activity_poster{
    width: 200px;
    height: 160px;
    position: relative;
}
.item-card .dift-price {
    margin: 7px auto;
}

.clientRating{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 10px 15px;
    font-size: 13px;
    color: #fff;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
}
.productItem .clientRating {
    background: none;
    position: relative;
    padding: 0;
    float: right;
    font-size: 16px;
}
.clientRating > .clientRating_indicator{
    padding: 4px;
    border-radius: 3px;
    color: #fff;
    background-color: #333;
    font-weight: 700;
}
.clientRating > .clientRating_indicator.clientRating_Regular{
    background-color: orange;
}
.clientRating > .clientRating_indicator.clientRating_Good{
    background-color: yellowgreen;
}
.clientRating > .clientRating_indicator.clientRating_VeryGood{
    background-color: #4cbd51;
}
.clientRating > .clientRating_indicator.clientRating_Excelent{
    background-color: darkgreen;
}
.clientRating > .clientRating_label{
    padding: 4px 10px;
    font-weight: 600;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.72);
}
.productItem .clientRating > .clientRating_label{
    color: #333;
    text-shadow: none;
}
.lodging_mainContent.medium .lodging_poster{
    width: 220px;
}
.item-card .lodging-card .lodging_content,
.item-card .package-card .package_content{
    padding: 5px 15px;
}
/*Left filters*/
.productFilter,
#templateForm #lateralTemplateFilters,
#suitResultForm,
.packageFilters,
#postFiltersDialog{
    width: 300px;
    display: inline-block;
    padding-right: 15px;
}
.productFilter + [id$="resultsContainer"],
#templateForm .templateSelectorContent,
#resultSuitDiv,
#calPackageList,
#postFiltersDialog + #contentComponentDialog{
    width: calc(100% - 300px);
    display: inline-block;
    float: right;
}
.productFilter > .item-card > .ui-accordion-header > .ui-icon{
    background-image: none !important;
    display: none;
}
.productFilter > .item-card > .ui-accordion-header{
    width: 100%;
    padding: 7px 18px;
    text-align: left;
    text-transform: uppercase;
    color: #333;
    letter-spacing: .03em;
    font-size: 13px;
    background: #ececec;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
}
.productFilter .ui-accordion{
    margin-bottom: 10px;
}
.productFilter .ui-accordion-content > table{
    width: 100%;
}
.productFilter .ui-accordion-content > table tr {
    border-color: #ccc !important;
}
.productFilter .ui-accordion-content > table tr:hover {
    background: #f9f9f9;
}
.productFilter .ui-accordion-content > table tr:last-child{
    border: none;
}
.productFilter .ui-accordion-content > table.ui-selectmanycheckbox tr td:first-child{
    padding: 5px;
    display: flex;
    width: 100%;
}
.productFilter .ui-accordion-content > table.ui-selectmanycheckbox tr td > label {
    font-size: 13px;
    font-weight: normal;
    flex: 1 100%;
    color: #333;
    margin: 0 0 0 5px;
    text-transform: uppercase;
}
/*Mapping rating to icons*/
span[class$="keys"]{
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    background-size: contain !important;
    flex: unset !important;
}
span[class$="1keys"]{
    width: 20px;
    background: url(../img/ic_key_filter.svg) repeat-x center left;
}
span[class$="2keys"]{
    width: 40px;
    background: url(../img/ic_key_filter.svg) repeat-x center left;
}
span[class$="3keys"]{
    width: 60px;
    background: url(../img/ic_key_filter.svg) repeat-x center left;
}
span[class$="4keys"]{
    width: 80px;
    background: url(../img/ic_key_filter.svg) repeat-x center left;
}
span[class$="5keys"]{
    width: 100px;
    background: url(../img/ic_key_filter.svg) repeat-x center left;
}
span[class$="stars"]{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    background-size: contain !important;
    flex: unset !important;
}
span[class$="1stars"]{
    width: 20px;
    background: url(../img/ic_star_filter.svg) repeat-x center left;
}
span[class$="2stars"]{
    width: 40px;
    background: url(../img/ic_star_filter.svg) repeat-x center left;
}
span[class$="3stars"]{
    width: 60px;
    background: url(../img/ic_star_filter.svg) repeat-x center left;
}
span[class$="4stars"]{
    width: 80px;
    background: url(../img/ic_star_filter.svg) repeat-x center left;
}
span[class$="5stars"]{
    width: 100px;
    background: url(../img/ic_star_filter.svg) repeat-x center left;
}
.productFilter .ui-accordion-content > table.ui-selectmanycheckbox tr td > label > span.occurrenceNumber{
    float: right;
}
.priceSliderLabel{
    text-align: center;
    padding: 10px 0px 5px;
    font-size: 17px;
    color: #333;
    font-weight: 700;
}

/*ViewMap MAP*/
/*Viewmode*/
.viewModeItem {
    padding: 10px;
    border-right: 1px solid #ccc;
}
.viewModeItem:first-child{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.viewModeItem:hover{
    background-color: #003d68;
    color: #fafafa;
}
[id$='extendedView']{
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
[id$='extendedView']:not(:empty) {
    padding: 20px 0px;
}
.gm-style-mtc {
    display: none;
}
/* View Map Mode */
#divCompl.viewMapMode #content {
    max-width: 100%;
    padding: 0;
}
#divCompl.viewMapMode #product-filter {
    overflow-y: auto;
}
#divCompl.viewMapMode .lodging-results-wrapper {
    width: calc(100% - 310px);
    margin-left: -40px;
    position: relative;
}
#divCompl.viewMapMode #viewmode-selector{
    position: absolute;
    z-index: 1;
    width: auto;
    left: 10px;
    top: 10px;
    margin: 5px;
    border: 1px solid #ccc;
}
#mapWrapper,
[id$='mapWrapper']{
    float: left;
    width: 100%;
    height: 826px;
    position: relative;
}
[id$='mapItemSelected'].item-card{
    width: 275px;
    position: absolute;
    right: 10px;
    opacity: 0;
    top: 30px;
    z-index: -1;
    min-height: 350px;
    transition: .2s all ease-in-out;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
[id$='mapItemSelected'].item-card > a, .item-card .poster-up{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 135px;
}
[id$='mapItemSelected'].item-card > a > img, .item-card .poster-up > img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    object-fit: cover;
}
[id$='mapItemSelected'].show{
    top: 10px;
    opacity: 1;
    z-index: 1;
}
[id$='mapItemSelected'] #close-map-item-selected {
    position: absolute;
    width: 30px;
    right: 0;
    height: 30px;
    padding: 5px;
    border-radius: 0 2px 0 0;
    visibility: hidden;
    z-index: 99;
}
[id$='mapItemSelected'] .map-item-selected-info{
    padding: 20px;
    display: flex;
    flex-flow: column;
}
[id$='mapItemSelected'] #close-map-item-selected.visible{
    visibility: visible;
}
[id$='mapItemSelected'] #close-map-item-selected::after {
    content: "close";
    font-family: "Material Icons";
    font-size: 20px;
    color: white;
    font-weight: normal;
    transition: .18s all ease-in-out;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    padding: 5px;
    top: 5px;
    right: 5px;
    background: rgba(0,0,0,.3);
    margin: 3px;
    cursor: pointer;
}
[id$='mapItemSelected'] #close-map-item-selected:hover::after {
    background: rgba(0,0,0,.5);
}
[id$='mapItemSelected'] .mapItemSelected_poster{
    height: 120px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--grey-bg);
    margin-bottom: 10px;
    position: relative;
}
[id$='mapItemSelected'] .mapItemSelected_name{
    font-size: 18px;
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
    font-weight: 600;
}
[id$='mapItemSelected'] p {
    margin: 5px 0px;
    color: #3e3e3e;
    float: left;
    width: 100%;
}
[id$='mapItemSelected'] .mapItemSelected_price{
    text-align: center;
    margin: 0px 0px 10px;
    float: left;
    width: 100%;
}
[id$='mapItemSelected'] .mapItemSelected_price img {
    display: block;
}
[id$='mapItemSelected'] .mapItemSelected_price strong {
    font-size: 28px;
    font-weight: 700;
    width: 100%;
    float: left;
}
[id$='mapItemSelected'] .mapItemSelected_varieties{
    border-radius: 3px;
    padding: 11px;
    color: #333;
}
[id$='mapItemSelected'] .tags {
    margin-top: 10px;
}
/*Product data*/
[id$='productForm'] .productItem{
    display: flex;
}
[id$='productForm'] .productItem > .product_mainInfo > *:not(script) {
    margin: 5px 0px 8px 0;
}
[id$='productForm'] .productItem .product_title,
[id$='productForm'] .productItem .product_qualityRating{
    display: inline-block;
    vertical-align: middle;
}
[id$='productForm'] .productItem .product_title > label{
    font-size: 24px;
    margin-right: 10px;
    font-weight: 600;
}
[id$='productForm'] .productItem .product_address {
    color: var(--text-grey);
    margin: 0px 0px 20px !important;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}
[id$='productForm'] .productItem .product_mainInfo {
    line-height: 20px;
    flex: 1;
    padding-right: 50px;
}
[id$='productForm'] .productItem .product_description > label{
    width: 100%;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
}
[id$='productForm'] .productItem .product_summaryBooking {
    width: 250px;
    min-height: 300px;
    border-radius: 8px;
    padding: 25px;
    border: 1px solid var(--grey-border);
    margin-bottom: auto;
}
[id$='productForm'] .productItem .product_summaryBooking .price-duration {
    padding-right: 5px;
}
[id$='productForm'] .productItem .product_summaryBooking > * {
    display: inline-block;
}
[id$='productForm'] .productItem .product_summaryBooking label{
    font-weight: 700;
    font-size: 28px;
    color: #1e1e1e;
}
a.showRooms{
    padding: 3px 0;
    margin-top: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
a.showRooms::after{
    content: "keyboard_arrow_down";
    font-family: "Material Icons";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}
a.showRooms.hideRooms::after {
    content: "keyboard_arrow_up";
}
[id$='productForm'] .productItem .product_varietiesProduct{
    margin-top: 10px;
}
[id$='productForm'] .productItem .product_location {
    width: 100%;
}
.tag {
    margin: 0 10px 10px 0 !important;
    background: var(--grey-bg);
    display: inline-block;
    width: auto !important;
    box-sizing: content-box !important;
    padding: 4px 12px;
    border-radius: 4px;
}
.tag-blue {
    background: var(--light-color);
}
.tag-green {
    background: var(--success-light);
    color: var(--green);
}
.tag.has-tooltip {
    cursor: help !important;
}
.modality {
    display: flex;
    position: relative;
    justify-content: space-between;
    height: 100%;
    padding: 15px;
}
.modality > .modality_Name{
    padding-left: 20px;
    width: 30%;
    position: absolute;
    z-index: 1;
    background: #fff
}
.modality + .modality{
    border-top: 1px solid #ddd;
}
.modality > .modality_Regimen{
    flex: 1;
}
.modality >  .modality_Price{
    text-align: right;
    display: flex;
    flex-flow: column;
}
.modality >  .modality_Price > *{
    margin: 0 0 5px;
}
.modality > .modality_Price .price{
    font-size: 19px;
    font-weight: 700;
}
[id$='productForm'] .productItem .product_infoSearch{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
[id$='productForm'] .productItem .product_infoSearch > label{
    padding: 10px 12px 10px 28px;
    border-radius: 2px;
    position: relative;
    margin-right: 20px;
}
[id$='productForm'] .productItem .product_infoSearch > label.product_infoSearch_dates:before {
    content: "date_range";
    font-family: "Material Icons";
    font-size: 22px;
    position: absolute;
    left: 3px;
    top: 7px;
    z-index: 1;
    transition: .2s all ease-in-out;
}
[id$='productForm'] .productItem .product_infoSearch > label.product_infoSearch_paxes:before {
    content: "supervisor_account";
    font-family: "Material Icons";
    font-size: 22px;
    position: absolute;
    left: 3px;
    top: 7px;
    z-index: 1;
}
.product_subtitle{
    font-size: 20px;
    margin: 20px 0 10px;
    font-weight: 700;
    width: 100%;
}
@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    50% {
        opacity: 0;
        transform: translateX(-15px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.cancelInfo:empty{
    opacity: 0;
}
.cancelInfo:not(:empty) {
    margin: 7px 0px 12px 0px;
    position: relative;
    font-size: 13px;
}
.cancelInfo .cancelInfoLine {
    margin-bottom: 8px;
}
[id$='mapItemSelected'] .mapItemSelected_poster{
    height: 120px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--grey-bg);
    margin-bottom: 10px;
    position: relative;
}
[id$='mapItemSelected'] p {
    margin: 5px 0px;
    color: #3e3e3e;
    float: left;
    width: 100%;
}
[id$='mapItemSelected'] .mapItemSelected_price{
    text-align: center;
    margin: 0px 0px 10px;
    float: left;
    width: 100%;
}
[id$='mapItemSelected'] .mapItemSelected_price strong {
    font-size: 28px;
    font-weight: 700;
    width: 100%;
    float: left;
}
/*Custom Gallery*/
[id$='productForm'] .customGallery {
    width: 100% !important;
    background: var(--grey-bg);
    border-radius: 8px;
}
.ui-galleria-frame {
    margin-bottom: 5px;
}
.customGallery .ui-galleria-frame-content {
    border-radius: 4px;
}
.customGallery .ui-galleria-frame-image {
    object-fit: cover;
}
[id$='productForm'] .customGallery > .ui-galleria-panel-wrapper {
    width: calc(100% - 278px) !important;
    height: 320px !important;
    display: inline-block;
    float: left;
}
[id$='productForm'] .customGallery > .ui-galleria-panel-wrapper > .ui-galleria-panel {
    width: 100% !important;
    text-align: center;
}
[id$='productForm'] .customGallery > .ui-galleria-panel-wrapper > .ui-galleria-panel > img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
[id$='productForm'] .customGallery > .ui-galleria-filmstrip-wrapper{
    width: 278px !important;
    height: 320px !important;
    display: inline-block;
    float: right;
    margin: 0;
}
[id$='productForm'] .customGallery > .ui-galleria-filmstrip-wrapper > .ui-galleria-filmstrip{
    position: relative;
    width: 100%;
    height: 320px;
    overflow: auto;
    float: left;
    left: 0px !important;
}
[id$='productForm'] .customGallery > .ui-galleria-nav-prev{
    position: relative;
    width: 42px;
    height: 42px;
    background: none;
    margin-top: -42px;
    bottom: 139px !important;
    float: left;
}
[id$='productForm'] .customGallery > .ui-galleria-nav-prev:before,
[id$='productForm'] .customGallery > .ui-galleria-nav-next:before{
    font-family: "Material Icons";
    position: absolute;
    color: #333;
    font-size: 42px;
    padding: 10px 0px;
    top: 0;
    left: 0;
    width: 42px;
    z-index: 1;
    text-transform: lowercase;
    text-indent: initial;
    opacity: .6;
    transition: opacity .25s ease-in-out;
}
[id$='productForm'] .customGallery > .ui-galleria-nav-next{
    position: relative;
    width: 42px;
    height: 42px;
    background: none;
    margin-top: -42px;
    margin-right: 281px;
    bottom: 139px !important;
    float: right;
}
[id$='productForm'] .customGallery > .ui-galleria-nav-next:before{
    content: "keyboard_arrow_right";
}
[id$='productForm'] .customGallery > .ui-galleria-nav-prev:before{
    content: "keyboard_arrow_left";
}
[id$='productForm'] .customGallery > .ui-galleria-nav-prev:hover:before,
[id$='productForm'] .customGallery > .ui-galleria-nav-next:hover:before{
    opacity: 1;
}

/*Checkout*/
.opportunity-locator-group{
    max-width: 365px;
}
.opportunity-locator-group .opportunity-locator-field{
    padding-left: 40px;
    padding-right: 115px;
}
.opportunity-locator-group::before{
    content: "person";
    font-family: "Material Icons";
    font-size: 23px;
    color: #808080;
    position: absolute;
    z-index: 1;
    padding: 8px;
}
[id$='mainContentBooking']{
    flex: 1;
    padding-right: 40px;
}
form#bookingSummaryForm{
    flex: 0 0 425px;
    width: 425px;
    margin-bottom: auto;
}
[id$='bookingSummary'].item-card {
    float: right;
    width: 425px;
    padding: 30px;
    color: var(--text);
    border-bottom: none;
    background: #fff url(../img/bg-checkout-summary.png) bottom repeat-x;
}
[id$='bookingSummary'] > h1{
    font-weight: 700;
    font-size: 20px;
}
[id$='bookingSummary'] .deleteServiceLink {
    font-size: 14px;
    float: left;
    width: 100%;
}
[id$='bookingSummary'] .summaryFinishInfo{
    padding-top: 20px;
    transition: background .13s ease-in-out;
}
.summaryFinishInfo .summaryFinishTitle{
    font-weight: 700;
    font-size: 15px;
    clear: both;
    display: inline-block;
    vertical-align: middle;
}

.summaryFinishInfo > div{
    margin: 10px 0px 20px 0px;
}

[id$='bookingSummary'] .serviceSummary{
    padding: 20px 0px;
    transition: background .13s ease-in-out;
}
[id$='bookingSummary'] .ui-datalist-item:not(:last-child) > .serviceSummary {
    border-bottom: 1px solid #ccc;
}
[id$='bookingSummary'] ul[id$='bookLines_list']{
    float: left;
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}
.serviceSummary .serviceName{
    font-weight: 700;
    font-size: 15px;
    clear: both;
    display: inline-block;
    vertical-align: middle;
}
.serviceSummary .serviceName + a.showPackageDetail{
    vertical-align: middle;
    opacity: 0;
    font-size: 13px;
    display: inline-block;
    transition: all .17s ease-in-out;
}
.serviceSummary:hover a.showPackageDetail {
    opacity: 1;
    margin-left: 10px;
}
.serviceSummary .serviceSummaryDescription{
    width: calc(100% - 90px);
}
.serviceSummary .serviceSummaryPrice {
    width: 90px;
}
.serviceSummary .serviceSummaryPrice > .price {
    margin: 0;
    color: #333;
    font-weight: 700;
    font-size: 15px;
}
[id$='bookingSummary'] .serviceSummary .serviceSummaryPrice > .status{
    color: #888;
    font-size: 14px;
    margin-top: 5px;
}
[id$='bookingSummary'] .serviceSummary .serviceSummaryPolicyRates{
    margin-top: 12px;
}
[id$='bookingSummary'] .serviceSummary .serviceSummaryPolicyRates > #policyRates{
    padding: 0;
}
[id$='bookingSummary'] .serviceSummary .serviceSummaryPolicyRates > #policyRates > label{
    font-size: 14px;
}
[id$='bookingSummary'] .serviceSummary .serviceSummaryPolicyRates > #policyRates li.ui-datalist-item{
    color: #333;
    font-size: 14px;
}
[id$='bookingSummary'] .serviceSummary .journeySummaryCheckout{
    font-size: 13px;
    border-bottom: 1px solid var(--grey-border);
    padding: 10px 0;
}
[id$='bookingSummary'] .completeToBooking > *{
    vertical-align: top;
}
.componentList li.ui-datalist-item > .componentDetailSummary{
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
[id$='bookingSummary'] .componentList .componentDetailSummary,
[id$='bookingSummary'] .componentList .componentDetailSummary > *{
    display: inline-block;
    vertical-align: middle;
    margin: 2px 10px 2px 0;
}
[id$='bookingSummary'] .componentDetailSummary > img{
    width: 22px;
}
.servicePackageSummary{
    padding-top: 20px;
}
.servicePackageSummary * {
    line-height: 19px;
}
.packageComponentList > .ui-datalist{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}
.servicePackageSummary .serviceName{
    font-weight: bold;
    font-size: 16px;
}
[id$='bookingSummary'] .booking-total{
    padding: 15px 0;
    margin: 10px 0 !important;
    font-size: 20px;
    text-align: left;
    border-top: 1px solid var(--grey-border);
}
[id$='bookingSummary'] .completeToBooking{
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
[id$='bookingSummary'] .completeToBooking button[id$='printBudget']{
    flex: 1;
    margin-right: 10px;
}
[id$='bookingSummary'] .booking-total .commission{
    display: inline-block;
    width: 100%;
}
[id$='mainContentBooking'] > *{
    margin-bottom: 25px;
}
[id$='mainContentBooking'] > #mainContentBookingType {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    justify-content: space-between;
}
[id$='mainContentBooking'] > #mainContentBookingType > .section-title{
    -webkit-box-flex: 1;
    margin: auto 10px 30px;
    flex: 1 100%;
}
[id$='mainContentBooking'] > #mainContentBookingType > form{
    flex: 0 0 50%;
    width: 50%;
    padding: 10px;
}
[id$='mainContentBooking'] .ui-calendar.input-checkout > input[type="text"]{
    width: 100%;
}
[id$='mainContentBooking'] .ui-calendar.input-checkout{
    display:block;
}
[id$='mainContentBooking'] input[type="text"].input-checkout.ui-state-error,
[id$='mainContentBooking'] .input-checkout > input[type="text"].ui-state-error,
[id$='mainContentBooking'] .ui-state-error > label.ui-selectonemenu-label{
    border: 2px solid #e45656;
}
#accordionPaxes.loadingPaxesFromCRM:before{
    content: "";
    background-color: rgba(255,255,255,.7);
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#accordionPaxes.loadingPaxesFromCRM:after{
    position: absolute;
    content: "";
    z-index: 2;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 7px;
    background-image: url(../img/loadingIndicator.svg);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 45px;
}
table.pax-form {
    width: 100%;
}
table.pax-form tr {
    display: flex;
    border: none;
}
table.pax-form td {
    width: 50%;
    padding: 0 0 20px 0;
    vertical-align: top;
}
table.pax-form td:first-child {
    padding-right: 15px;
}
table.pax-form td:last-child:not(:first-child) {
    padding-left: 15px;
}
table.pax-form td + td {
    padding-left: 10px;
}
table.pax-form .ui-outputlabel > * {
    margin-top: 5px;
}
table.pax-form .ui-outputlabel {
    font-size: 15px;
}
table.pax-form .ui-outputlabel > label {
    color: var(--text-grey);
    font-size: 13px;
    margin-left: 10px;
}
#pax-form .fiscalLabel {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    padding: 10px 0;
    display: flex;
}

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

.link-add-pax:before {
    content: "add";
    font-family: "Material Icons";
    font-size: 24px;
    font-weight: normal;
    padding-right: 5px;
}


/* Distribution in checkout */

.bLineDistribution {
    border: 1px solid var(--grey-border);
    padding: 15px 20px 7px 20px;
    border-radius: 6px;
    margin-bottom: 15px;
    position: relative;
}

.bLineDistribution.unfinished {
    box-shadow: 0 0 0 2px var(--danger) inset;
    border: 1px solid transparent;
}

.bLineDistribution.completed:before,
.bLineDistribution.unfinished:before {
    font-family: "Material Icons";
    font-weight: 400;
    font-size: 24px;
    position: absolute;
    top: 18px;
    right: 18px;
}

.bLineDistribution.completed:before {
    content: "check";
    color: var(--success);
}

.bLineDistribution.unfinished:before {
    content: "warning";
    color: var(--danger);
}

.bLineDistribution .product-persons:before {
    font-family: "Material Icons";
    font-weight: 400;
    font-size: 24px;
    content: "people_outline";
    padding-right: 8px;
    vertical-align: middle;
    display: inline-block;
    margin-left: -2px;
}

.bLineDistribution .pax-list [class*="ui-g-"] {
    padding: 0 0 8px 0;
}
.bLineDistribution .product-type {
    margin-right: 15px;
    max-height: 24px;
}
.bLineDistribution .product-desc {
    padding-top: 2px;
    font-size: 14px;
    margin-left: 40px;
}
.bLineDistribution .pax-list {
    margin-left: 40px;
}
.bLineDistribution .ui-selectmanycheckbox label {
    padding-left: 10px;
    font-size: 15px;
}
.bLineDistribution > .bLineInfoDistribution{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
}
.bLineDistribution > .bLineInfoDistribution .bLineInfoDistribution_Poster > img{
    border-radius: 2px;
    height: 65px;
    object-fit: cover;
}
.bLineDistribution > .bLineInfoDistribution .bLineInfoDistribution_Info {
    flex: 1;
    color: var(--text);
    font-size: 13px;
}
.bLineDistribution .product-persons {
    padding: 8px 0;
    margin-left: 40px;
}
.bLineDistribution .product-persons.completed {
    color: var(--text);
}
.bLineDistribution .product-persons.unfinished {
    color: var(--danger);
}
.bLineDistribution .product-persons label {
    font-size: 16px;
}
.bLineDistribution > .bLineInfoSelection table{
    width: 100%;
}
.bLineDistribution > .bLineInfoSelection .totalDistributionPaxes {
    font-size: 14px;
    color: green;
    margin: 5px;
}
.bLineDistribution > .bLineInfoSelection .totalDistributionPaxes.totalDistributionPaxesError{
    color: red;
}
.bLineDistribution > .bLineInfoSelection tr{
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bLineDistribution > .bLineInfoSelection td{
    padding: 8px 8px 8px 0;
    flex: 1 50%;
}

/* Passenger form - Data protection policy */

.passenger-data-protection-policy-title {
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 30px;
}

.passenger-data-protection-policy {
    line-height: 1.6;
}

/* Temporary promotion area */
/* Behavior as flex grid */
#promotion table tr{
    width: 100%;
    max-width: 1140px;
}
#promotion table tr > td {
    padding: 0 5px;
    position: relative;
    display: inline-block;
    float: left;
}
#promotion table tr > td *{
    width: 100%;
    height: 100%;
    float: left;
}

/* Temporary template form */
#templateSearchGroup {
    display: inline-block;
}
[id$='templateSearchGroupComponents']:not(:empty){
    margin: 80px auto 0 auto;
    padding: 30px;
    background: var(--grey-bg);
    border-radius: 8px;
}
.flightAndHotelBackground {
    background: none !important;
}
[id$='component-list_list'] > li:not(:empty) {
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--grey-border);
}
[id$='component-list_list'] > li table.ui-panelgrid{
    width: 100%;
}
.component-name{
    padding: 4px 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.component-name > label{
    font-size: 16px;
    font-weight: bold;
}
.remove-component-link:before {
    content: "delete";
    font-family: "Material Icons";
    font-size: 24px;
    color: var(--text);
    font-weight: normal;
    transition: var(--soft-transition);
}

.bold700 {
    font-weight: 700;
}

.channelImage {
    max-width: 100px;
    max-height: 30px;
}

.channelImageSheet {
    width: 60%;
    max-width: 200px;
}

.pricesBreakdownPanel {
    font-size: 12px;
}

.pricesBreakdownComponentDescription {
    text-transform: capitalize;
}

.pricesBreakdownComponentValue {
    font-weight: bold;
}
.ui-blockui-content {
    z-index: 1000; /* The z-index on the relative positioned element should be lower than the z-index on the fixed position element */
}

#accessPanel, #privacyPanel, #contactUsPanel, #aboutUsPanel{
    max-width: 1020px;
    margin: 0 auto;
    padding: 50px 25px;

}
#accessPanel, #contactUsPanel{
    max-width: 800px;
}
#accessPanel button, #contactUsPanel #contact button {
    float: right;
}

#accessPanel .ui-inputfield, #accessPanel .mensaje, #contactUsPanel .ui-inputfield, #contactUsPanel .mensaje{
    border: 1px solid var(--main-color) !important;
    margin-bottom: 20px;
    margin-bottom: 15px;
}
#accessPanel input, #contactUsPanel input, #contactUsPanel textarea{
    width: 100% !important;
}

#accessPanel .select-one .ui-inputfield{
    margin-bottom: 0px;
}
#accessPanel .select-one{
    width: 100%;
}
#accessPanel .select-one div.ui-selectonemenu-trigger{
    background-color: var(--main-color);
}
#accessPanel .select-one div.ui-selectonemenu-trigger:before{
    color: white;
    top: calc(50%);
    padding: 4px;
    margin-top: -50%;
}
#accessPanel .uploadFileForAccessButton{
    background: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 2px;
    font-size: 13px;
    margin-right: 0;
    padding: 10px 12px;
    position: relative;
    transition: var(--soft-transition);
    height: 40px;
}
#accessPanel .uploadFileForAccessButton .ui-fileupload-choose{
    width: 100%;
    text-align: center;
}
#accessPanel .uploadFileForAccessButton .ui-fileupload-choose span.ui-button-text.ui-c{
    margin-top: 2px;
}
.no-padding{
    padding: 0 !important;
}
#accessPanel #accessForm{
    margin-top: 20px;
}
#accessPanel table[id$="testGrid5"] input.ui-inputfield{
    position: relative;
    left: 10px;
}
#accessPanel table[id$="testGrid5"] .ui-message{
    width: 10px;
}
#accessPanel table[id$="testGrid5"] .no-padding .ui-message{
    width: 0px;
}
#accessPanel table[id$="testGrid5"] .ui-selectonemenu{
    position: relative;
    left: 10px;
}
#accessPanel .center-label{
    position: relative
}
#accessPanel .center-label>label{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#accessPanel span[id$="uploadFileForPaymentButton_label"]{
    padding: 0 !important;
    font-size: 12px;
}
#accessPanel .center-label-file-upload{
    top: 50%;
    transform: translateY(-50%);
    width: 35%;
}
#accessPanel .ui-fileupload-files{
    display: none;
}
.nowrap {white-space: nowrap;}
.fila { display: table-row; }
.celda { display: table-cell; }
.bold { font-weight: bold; }
.pdleft { padding-left: 10px; }
.commissionDetailSub {font-weight: 400;}
.underline { text-decoration: underline!important; }
.pkgComponents {
    text-align: left;
}
.pkgComponents .ui-datatable thead th {
    text-align: left;
}

#actionBtnInsidePckg, #actionBtnInsidePckgMore {
    display:flex;
    justify-content: center;
}

#actionBtnInsidePckg button {
    margin-right: 5px;
    margin-top: 0 !important;
}

#checkoutLimitTime {
    background-color: #fef5d1!important;
    width: 100%;
}
#checkoutLimitTime div {
    display: inline-block;
}
#checkoutLimitTime img {
    margin-left: 13px;
    margin-right: 13px;
}
#checkoutLimitTime > * {
    margin-top: 15px;
    margin-bottom: 15px;
    vertical-align: middle;
}
#checkoutLimitTime label {
    display: block;
}
.msgPopSelectItems {
    border-radius: 8px;
}
.msgPopSelectItems div {
    background-color: #fef5d1!important;
    display: inline-block;
}
.msgPopSelectItems label {
    padding-left: 5px !important;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
}

#bookingBlockedAdvise {
    background-color: var(--success-light) !important;
    border-radius: 8px;
}
#bookingBlockedAdvise div {
    display: inline-block;
}
#bookingBlockedAdvise > * {
    margin: 15px;
    vertical-align: middle;
}
#bookingBlockedAdvise label {
    padding-left: 5px !important;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
#bookingAdvancedAdvise {
    background-color: var(--warning-light) !important;
    border-radius: 8px;
}
#bookingAdvancedAdvise div {
    display: inline-block;
}
#bookingAdvancedAdvise > * {
    margin: 15px;
    vertical-align: middle;
}
#bookingAdvancedAdvise label {
    padding-left: 5px !important;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
#bookingBlockedInvoicingInfoAdvise {
    background-color: var(--warning-light) !important;
    border-radius: 8px;
    margin-bottom: 10px;
}
#bookingBlockedInvoicingInfoAdvise div {
    display: inline-block;
}
#bookingBlockedInvoicingInfoAdvise > * {
    margin: 15px;
    vertical-align: middle;
}
#bookingBlockedInvoicingInfoAdvise label {
    padding-left: 5px !important;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

/* Messages - Timeline warning */

.msg-timelimit {
    background-color: var(--warning-light) !important;
    border-radius: 4px;
    padding: 9px 15px;
    margin: 0 0 30px 0;
    font-size: 15px;
    line-height: 1.4;
}


/* Booking - Pax */

.booking-paxs li {
    padding-bottom: 10px;
    font-size: 15px;
}


/* Booking - Messages */

.custom-sortable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
    content: "unfold_more";
}

.custom-sortable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before {
    content: "expand_less";
}

.custom-sortable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before {
    content: "expand_more";
}

.custom-sortable .ui-sortable-column.ui-state-active span {
    color: var(--accent-color);
}

.custom-sortable .ui-sortable-column:hover span  {
    color: var(--main-light-color);
}

.booking-messages textarea {
    width: 100%;
    max-width: 600px;
    min-height: 100px;
}

.booking-messages-table.empty th {
    display: none;
}

.booking-messages-table.empty tr td {
    border: 0 !important;
}

.new-message .textarea-msg {
    max-width: 600px;
    width: 100%;
    min-height: 100px;
}


/* Booking messages - Status */

.msg-status {
    display: inline-block;
    padding: 4px 9px;
    border-radius: 6px;
    white-space: nowrap;
    line-height: initial;
}

.msg-status:before {
    font-family: "Material Icons";
    display: inline-block;
    vertical-align: sub;
    padding-right: 5px;
    font-size: 1.3em;
}

.msg-status-PENDING_PROVIDER:before {
    content: "business";
}

.msg-status-PENDING_PROVIDER {
    color: var(--warning);
    background-color: var(--warning-light);
}

.msg-status-PROCEEDED:before {
    content: "assignment_turned_in";
}

.msg-status-PROCEEDED {
    color: var(--green);
    background-color: var(--success-light);
}

.msg-status-READ:before {
    content: "done_all";
}

.msg-status-RECEIVED:before {
    content: "done";
}

.msg-status-READ,
.msg-status-RECEIVED {
    color: var(--main-light-color);
    background-color: var(--light-color);
}

.msg-status-SENT:before {
    content: "send";
}

.msg-status-SENT {
    color: var(--dark);
    background-color: var(--grey-light);
}

.msg-status-OPENED:before {
    content: "drafts";
}

.msg-status-OPENED {
    color: var(--text-grey);
    background-color: var(--grey-light);
}
[id$='menuBar'].menuBar > ul.ui-menu-list > li.ui-menuitem.ui-menubar-options .notif-icon:after {
    content: attr(data-badge);
    position: absolute;
    top: -9px;
    right: 0;
    font-size: 11px;
    background: var(--danger);
    color: white;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    border-radius: 50%;
}
[id$='menuBar'].menuBar > ul.ui-menu-list > li.ui-menuitem.ui-menubar-options #user-icon_items.notif-icon:after,
[id$='menuBar'].menuBar > ul.ui-menu-list > li.ui-menuitem.ui-menubar-options #user-options > .user-option .notif-icon:after {
    background: var(--danger);
}
[id$='menuBar'].menuBar > ul.ui-menu-list > li.ui-menuitem.ui-menubar-options #user-options > .user-option .notif-icon{
    position: relative;
    display: inline-block;
    top: -9px;
    right: 0;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}
.icon:before {
    font-family: "Material Icons";
    display: inline-block;
    vertical-align: sub;
    padding-right: 5px;
    font-size: 1.5em;
    position: absolute;
    top: 5px;
    right: 15px;
}
.icon-notification:before {
    content: "notifications";
}
.icon-notification {
    color: var(--danger);
}

/* Booking - Status */

.booking-status {
    display: inline-block;
    padding: 4px 9px;
    border-radius: 6px;
    white-space: nowrap;
    line-height: initial;
}

.booking-status-lg {
    display: inline-block;
    padding: 8px 22px 8px 18px;
    font-size: 18px;
    border-radius: 8px;
    white-space: nowrap;
}

.booking-status:before,
.booking-status-lg:before {
    font-family: "Material Icons";
    display: inline-block;
    vertical-align: sub;
    padding-right: 0.3em;
    font-size: 1.3em;
}

.booking-status-IN_AGREEMENT:before,
.booking-status-MODIFIED:before {
    content: "done";
}

.booking-status-IN_AGREEMENT,
.booking-status-MODIFIED {
    color: var(--green);
    background-color: var(--success-light);
}

.booking-status-ON_REQUEST:before {
    content: "pause";
}

.booking-status-ON_REQUEST {
    color: var(--warning);
    background-color: var(--warning-light);
}

.booking-status-ERROR:before {
    content: "error_outline";
}

.booking-status-ANNULLED:before {
    content: "not_interested";
}

.booking-status-ANNULLED_PEND_EXPENSES:before {
    content: "attach_money";
}

.booking-status-DENIED:before {
    content: "remove_circle_outline";
}

.booking-status-ANNULLED,
.booking-status-ANNULLED_PEND_EXPENSES,
.booking-status-DENIED {
    color: var(--danger);
    background-color: var(--danger-light);
}

.booking-status-ERROR {
    color: var(--danger);
    background-color: var(--warning-light);
}

.booking-status-DELETED:before {
    content: "warning";
}

.booking-status-DELETED {
    color: var(--dark);
    background-color: var(--grey-light);
}


/* Booking - Payment type and status */

.payment-type {
    display: inline-block;
    font-size: 14px;
    white-space: nowrap;
    line-height: initial;
}

.payment-type:before {
    font-family: "Material Icons";
    display: inline-block;
    vertical-align: sub;
    padding-right: 0.3em;
    font-size: 1.3em;
    font-weight: normal;
}

.payment-type-CREDIT:before {
    content: "verified_user";
}

.payment-type-PREPAY:before {
    content: "credit_card";
}

.payment-type-PREPAY.payment-status-PAID,
.payment-type-CREDIT.payment-status-PAID {
    color: var(--green);
}


/* Buttons - Link button */

.btn-link {
    border: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-weight: normal !important;
    color: var(--main-light-color) !important;
    cursor: pointer;
    height: auto !important;
    text-transform: initial !important;
}

.btn-link:hover,
.btn-link:focus {
    background-color: transparent !important;
    color: var(--main-light-color) !important;
}

.btn-link .ui-button-text {
    padding: 0 !important;
    font-weight: normal;
}


/* Table - Standard */

.table-std .ui-datatable thead th {
    text-align: left;
}

.table-std tr td,
.table-std tr th {
    border-bottom: 1px solid var(--grey-light) !important;
    padding: 10px 0;
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
}

.table-std.fs-15 tr td,
.table-std.fs-15 tr th {
    font-size: 15px !important;
}

.table-std thead th .ui-sortable-column-icon {
    text-indent: initial !important;
    display: inline-block;
    vertical-align: middle;
}

.table-std thead th .ui-sortable-column-icon:before {
    font-family: "Material Icons";
    font-size: 18px;
    font-weight: normal;
    text-transform: lowercase;
}

.table-std.no-header th {
    display: none;
}

.table-std.no-header tr:first-child td {
    border-top: 1px solid var(--grey-light) !important;
}

.table-std .ui-expanded-row {

}

.table-std .ui-expanded-row-content {

}

.table-std .ui-expanded-row td {
    border-bottom: 0 !important;
}

.ui-datatable .ui-expanded-row-content td {
    padding: 0 0 30px 0;
}


/* Booking detail - Header and products */

.booking-data {
    display: flex;
}

.booking-data .left-info {
    flex: 1;
}

.booking-data .right-info {
    margin-right: auto;
}

.booking-data .column-label,
.booking-data .column-data {
    padding-right: 35px;
    line-height: 1.8;
}

.booking-data.fs-15 .column-label label {
    font-size: 15px !important;
}

.booking .is-sticky .booking-toolbar {
    background-color: #FFF;
    padding: 10px 0;
    border-bottom: 1px solid var(--grey-light);
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    z-index: 1 !important;
}

.booking-products .line-name div:not(:empty) {
    padding-right: 15px;
}

.booking-products .line-name.package-level-0,
.booking-products .line-desc.package-level-0.empty-name {
    font-weight: 600;
}

.booking-products .line-name div {
    display: inline-block;
}

.booking-products .line-name.empty-name {
    display: none;
}

.commission-breakdown-product {
    display: flex;
    border: 1px solid var(--grey-border);
    padding: 15px 20px;
    border-radius: 6px;
}

.commission-breakdown-product .line-name,
.commission-breakdown-product .line-desc.empty-name {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
}

.commission-breakdown-product .line-name.empty-name,
.commission-breakdown-product .line-desc:not(.empty-name) {
    display: none;
}

.table-booking-lines .column-product-type {
    width: 45px;
}

.table-booking-lines .ui-row-toggler {
    display: inline-block;
    color: var(--main-light-color);
    font-size: 14px;
}

.table-booking-lines .ui-row-toggler span:after {
    font-family: "Material Icons";
    font-size: 1.3em;
    vertical-align: middle;
    display: inline-block;
    line-height: 0.8;
}

.table-booking-lines .ui-row-toggler span:nth-child(1):after {
    content: "keyboard_arrow_down";
}

.table-booking-lines .ui-row-toggler span:nth-child(2):after {
    content: "keyboard_arrow_up";
}

.booking-products .line-detail {
    padding: 10px 0 0 54px;
}

.booking-products .line-detail .booking-line-content,
.booking-products .line-detail .booking-line-transport .padding10 {
    padding: 0 !important;
}

.booking-products .line-detail .booking-line-pax-name,
.booking-products .line-detail .transport-route {
    font-size: 15px;
}

.booking-products .line-detail .transport-route {
    padding-top: 10px;
}

.booking-products .line-detail .transport-route-item {
    padding-bottom: 10px;
}

.booking-products .line-detail .booking-line-included-transfer span {
    padding-top: 15px;
    display: inline-block;
}

.booking-products .line-detail .booking-line-included-transfer-info {
    padding-top: 0px !important;
    width: 50%;
}

.booking-products .line-detail .booking-line-paxs-title {
    padding-bottom: 10px;
    display: inline-block;
    font-weight: bold;
}

.booking-products .line-detail .booking-line-paxs .ui-datalist-empty-message {
    padding: 0 !important;
}

.booking-products .line-detail .booking-line-paxs {
    padding-top: 15px;
}

.booking-products .line-detail .booking-line-paxs li {
    padding-bottom: 3px;
}

.booking-products .line-detail .transport-route .bold {
    font-weight: normal !important;
}

.booking-products .line-detail .booking-line-status,
.booking-products .line-detail .tituloComponentePaquete {
    display: none !important; /* Hide duplicate in booking detail */
}

/* Standard context menu - Overlay panel */

[id$='moreActionsPanel'] .ui-overlaypanel-content {
    min-width: auto !important;
}

.context-std .ui-overlaypanel-content {
    background-color: #FFF;
    border: 1px solid var(--grey-border);
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    display: inline-block;
    min-width: 250px;
    border-radius: 3px;
    padding: 0;
    min-height: 35px;
}

.context-std .context-option {
    display: block;
    padding: 13px 15px;
    font-size: 15px !important;
    color: var(--text) !important;
    font-weight: 400;
}

.context-std .context-option.ui-button {
    background-color: transparent;
    border: 0;
    width: 100%;
    text-align: left;
}

.context-std .context-option.ui-button .ui-button-text {
    padding: 0;
    text-transform: initial;
}

.context-std .context-option:hover {
    background-color: var(--grey-light) !important;
    color: var(--text) !important;
}


/* Booking detail - Price breakdown */

.commission-breakdown {
    line-height: 1.5;
    margin: 0 0 0 auto;
}

.commission-breakdown tr td:first-child {
    padding-right: 50px;
}

.booking-commission-breakdown .ui-panelgrid .ui-panelgrid-cell {
    padding: 0;
}


/* Booking payment */

.payment-selection .ui-md-12,
.payment-selection .ui-g-12 {
    padding: 0 0 10px 0;
}

.payment-selection .ui-selectoneradio label,
.radiobutton-std .ui-selectoneradio label {
    font-size: 15px;
    padding-left: 5px;
}

.payment-selection .ui-radiobutton .ui-radiobutton-box, /* TODO: Unificar estilos de los radiobuttons */
.radiobutton-std .ui-radiobutton .ui-radiobutton-box {
    left: calc(50% - 8px);
    top: calc(50% - 8px);
    background: none;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid var(--text-grey);
    box-sizing: content-box;
    cursor: pointer;
}

.payment-selection .ui-radiobutton .ui-radiobutton-box.ui-state-active,
.radiobutton-std .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border: 2px solid var(--main-light-color);
}

.payment-selection .ui-radiobutton-icon.ui-icon-bullet,
.radiobutton-std .ui-radiobutton-icon.ui-icon-bullet {
    width: 10px;
    height: 10px;
    background: var(--main-light-color);
    border-radius: 50%;
    margin: 3px;
    display: inline-block;
}


/* New Styles -> SingleCards */

.flight-ow {
    border: 1px solid var(--grey-border);
    border-radius: 3px;
    padding: 15px;
    background: #fff;
}

.flight-ow .date {
    background-color: var(--grey-light);
    padding: 6px 8px;
}

.divider td {
    vertical-align: middle;
    text-align: center;
    padding: 1.5px;
}

.flight-ow .divider {
    border-top: 1px solid var(--text-grey);
}

.flight-ow .divider td.scale .durationFlightContent.scale{
    content: "";
    background-image: url('../img/icono-sin-escala.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.flight-ow .divider td.scale .durationFlightContent.scale2{
    width: 60px;
    background-image: url('../img/icono-dos-escala.svg');
}
.flight-ow .divider td.scale .durationFlightContent{
    width: 60px;
    background-image: url('../img/icono-sin-escala.svg');
}

td.text-left {
    text-align: left;
}

td.text-right {
    text-align: right;
}

.featuresSellClassAndOperatedBy {
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 3px;
    text-align: center;
}

.selection-ow {
    border: 2px solid var(--green);
    border-radius: 2px;
    background-color: #fff;
}

.selection-ow .title {
    text-transform: uppercase;
    background-color: var(--green);
    color: #FFF;
    padding: 10px 15px;
    display: block;
}

.selection-ow .items, .selection-ow .total {
    margin: 15px 20px;
}

.selection-ow .flight-selected:not(.empty) {
    border: 1px solid var(--text-grey);
    border-radius: 3px;
    padding: 15px;
    margin-top: 10px;
}

.selection-ow .flight-selected-table td {
    padding: 0 !important;
    vertical-align: middle;
}

.selection-ow [class*="itineraries"] {
    background-image: url('../img/icono-tres-escalas.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 55px;
    height: 35px;
    margin: 0 auto;
}

.selection-ow .flight-selected:not(.empty) .ui-datatable-tablewrapper > table {
    border-top: 1px solid var(--text-grey);
    margin-top: 10px;
    padding-top: 5px;
}

.selection-ow .flight-selected .ui-datatable-empty-message td {
    border: 2px dashed var(--text-grey) !important;
    text-align: center;
    border-radius: 3px;
    padding: 69px 9px !important;
    font-size: 14px;
}

.selection-ow .flight-selected.empty .ui-datatable-tablewrapper > table {
    border-collapse: separate !important;
}

.btn-accent {
    background: var(--accent-color) !important;
}

.selection-ow.empty {
    display: none !important;
}

.rotate-horizontal {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.no-results {
    border: 1px solid var(--grey-border);
    border-radius: 3px;
    padding: 50px 40px;
    display: block;
    line-height: 1.3;
}

.block {
    display: block;
}
.selector_to_update_component {
}
form[id*=bookingForm] label.ui-widget.paddLeft0Important {
    padding-left: 0px!important;
}
.direct {
    color: var(--main-light-color);
}
.scales {
    font-size: 0.9em;
    bottom: -28px;
    width: calc(100% - 24px);
    padding: 3px 7px;
    left: 0;
    border-radius: 3px;
    margin: 0px 12px;
}
.conflicting {
    font-weight: bold;
    color: var(--danger);
}

a.branch-user-select-button{
    display: inline-block;
    transform: translate(5px, 6px);
    color: var(--text);
}

a.branch-user-select-button i{
    color: var(--text);
}

a.branch-user-select-button:hover i{
    color: #777;
}

div.select-sort-type{
    line-height: 46px;
    padding-left: 16px;
    font-size: 18px;
}

div.select-sort-type>a{
    font-size: 18px;
    padding: 0 10px;
    color: var(--text);
}

div.select-sort-type>a:hover{
    color: var(--main-light-color);
}

div.select-sort-type>a.selected-order:hover{
    color: var(--text);
}

div.select-sort-type>a.selected-order{
    background-color: #c2c2c2;
    font-weight: bold;
}

div.select-sort-type > .sort-button {
    display: inline-block;
}

.customGallery .ui-galleria-filmstrip {
    z-index: 1;
}
.component-incompatible .product-poster:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 223, 14, 0.5);
    position: absolute;
    left: 0;
    top: 0;
}

.component-incompatible .product-poster:before {
    content: "\0021";
    font-family: "Material Icons";
    z-index: 1;
    color: #FFF;
    font-size: 48px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.component-incompat-dialog {
    text-align: left;
    padding-bottom: 15px;
}

.f11px{
    font-size: 11px;
}

.f13px{
    font-size: 13px;
}

.img-size{
    width: auto !important;
    height: auto !important;
    max-height: 180px;
    max-width: 180px;
}
.vertical-center{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.car-info{
    filter: contrast(0.1);
}

#providerFilterDiv_rentacar .ui-treenode-children {
    margin-right: 10px;
}

.car-charges, .car-info, .rentacar-option-price{
    font-size: 13px !important;
    margin-top: 10px;
}

.car-info .car-specs{
    margin-left: -3px;
}

.rentacar-icon {
    margin-right: 5px;
    white-space:nowrap;
}

.rentacar-icon:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
    background-size: 100%;
    margin-top: -4px;
}

.rentacar-icon.ac:before{
    background-image: url(../img/rentacar/ac.svg);
}

.rentacar-icon.doors:before{
    background-image: url(../img/rentacar/doors.svg);
}

.rentacar-icon.fuel:before{
    background-image: url(../img/rentacar/fuel.svg);
}

.rentacar-icon.luggage:before{
    background-image: url(../img/rentacar/luggage.svg);
}

.rentacar-icon.paxes:before{
    background-image: url(../img/rentacar/paxes.svg);
}

.rentacar-icon.transmission:before{
    background-image: url(../img/rentacar/transmission.svg);
}

.capitalized {
    text-transform: lowercase;
}

.container-selectS.selectS-rentacar select.selectS{
    width: 100px;
    background-position: 78px -2px !important;
}

.container-selectS.selectS-rentacar select.selectS:hover{
    background-position: 78px -58px !important;
}

.container-selectS.selectS-rentacar{
    width: 100px;
}

.new-line{
    display: block;
    width: 100%;
    overflow: hidden;
}

.ml46{
    margin-left: 46px;
}

.mt2{
    margin-top: 2px;
}

.booking-line-rentacar{
    margin-top: 15px;
}

.package-b2b-calendar .rentacar{
    display: inline-block;
    float: left;
    width: 50%;
}

.package-b2b-calendar .rentacar:first-child input{
    max-width: 120px;
}

.package-b2b-calendar .rentacar:nth-child(2) input{
    max-width: 70px;
}

.package-b2b-calendar .rentacar:nth-child(2) button.ui-button .ui-icon-calendar::before{
    content: "access_time";
}

.package-b2b-calendar .rentacar input.ui-state-disabled{
    margin-top: 10px;
}

#activityDistribution > .personNumber{
    width: 25%;
    flex: 0 0 25%;
    margin: 0 0;
}
#activityDistribution > [id*='agesDistribution']{
    width: 75%
}
#activityDistribution > .personNumber > h2,
#activityDistribution > [id*="agesDistribution"] > h2{
    display: block;
    vertical-align: middle;
    padding-bottom: 8px;
    text-transform: capitalize;
    color: var(--text);
    font-weight: normal;
    font-size: 14px;
}

/* Primefaces gallery full width */
.ui-galleria-full {
    width: 100% !important;
}
.ui-galleria-full .ui-galleria-panel-wrapper {
    height: calc(85vh - 100px) !important; /* Thumbnails height */
    width: calc(100% - 200px) !important; /* Next/prev controls */
    margin: 0 auto;
}
.ui-galleria-full .ui-galleria-panel {
    width: 100% !important;
    height: 100% !important;
    justify-content: center;
    align-items: center;
    display: flex;
}
.ui-galleria-full .ui-galleria-panel[style*="display: list-item"] {
    display: flex !important; /* Override primefaces inline style */
}
.ui-galleria-full .image {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    border-radius: 12px;
}
.ui-galleria-full .ui-galleria-filmstrip-wrapper {
    overflow: hidden;
    margin: 30px auto 0 auto;
    position: relative;
    width: initial !important;
    max-width: 525px;
}
.ui-galleria-full .ui-galleria-filmstrip {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
}
.ui-galleria-full .ui-galleria-nav-prev,
.ui-galleria-full .ui-galleria-nav-next {
    background: none;
    text-indent: initial;
    overflow: initial;
    position: absolute;
    top: 40%;
}
.ui-galleria-full .ui-galleria-nav-prev {
    left: 20px;
}
.ui-galleria-full .ui-galleria-nav-next {
    right: 20px;
}
.ui-galleria-full .ui-galleria-nav-prev:before,
.ui-galleria-full .ui-galleria-nav-next:before {
    font-family: "Material Icons";
    color: #FFF;
    font-size: 60px;
    z-index: 1;
    opacity: 0.9;
    text-transform: lowercase;
    border-radius: 50%;
    text-indent: initial;
    transition: opacity .25s ease-in-out;
}
.ui-galleria-full .ui-galleria-nav-next:before {
    content: "keyboard_arrow_right";
}
.ui-galleria-full .ui-galleria-nav-prev:before {
    content: "keyboard_arrow_left";
}
.ui-galleria-full .ui-galleria-nav-prev:hover:before,
.ui-galleria-full .ui-galleria-nav-next:hover:before {
    opacity: 1;
}
.ui-galleria-full .ui-galleria-frame-image {
    border-radius: 6px;
    object-fit: cover;
}
.ui-galleria-full .ui-galleria-frame {
    opacity: .6;
}
.ui-galleria-full .ui-galleria-frame:hover,
.ui-galleria-full .ui-galleria-frame.ui-galleria-frame-active {
    opacity: 1;
}
.ui-galleria-full .ui-galleria-frame-content {
    border-radius: 7px;
    border: 2px solid transparent;
}
.ui-galleria-full .ui-galleria-frame-active .ui-galleria-frame-content {
    border: 2px solid #FFF;
}
.activity-summary {
    width: 250px;
    margin-bottom: auto;
    text-align: right;
}
.activity-summary label {
    font-weight: 700;
    font-size: 28px;
    color: var(--text);
    padding-left: 5px;
}
.product_location {
    margin-bottom: 40px;
}
.activityRemarks {
    border-top: 1px solid var(--grey-border);
    padding-top: 30px;
}
.activityRemarkIncludes, .activityRemarkOther {
    margin-bottom: 40px;
}
.activityRemarkIncludes h2, .activityRemarkOther h2 {
    font-size: 20px;
    margin-bottom: 10px;
}
.activityRemark {
    font-size: 18px;
    padding-top: 2px;
}
.checkMark:before{
    font-family: "Material Icons";
    right: 15px;
    top: 11px;
    font-size: 24px;
    font-weight: normal;
    content: "check";
    color: var(--success);
}
.activity-variety-wrapper{
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid var(--grey-border);
    border-bottom: 0;
    padding: 15px;
    align-items: center;
}
.activity-variety-wrapper:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.activity-variety-wrapper:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid var(--grey-border);
}
.activity-date {
    display: block;
    padding: 0 0 10px 0;
    font-weight: bold;
    font-size: 18px;
}
.activity-duration {
    font-weight: bold;
    font-size: 16px;
    color: var(--text-grey);
}
.activity-duration-wrapper{
    margin-bottom: 30px;
    margin-top: 10px;
}
.activity-variety-wrapper > .variety-name{
    flex-basis: 275px;
}
.activity-variety-wrapper > .modality-container > .modality-wrapper {
    flex: 1;
    display: flex;
    flex-direction: row;
    border-left: 1px dashed var(--grey-border);
}
.modality-container {
    display: flex;
    flex-direction: column;
    flex: auto;
}
.activity-variety-wrapper > .modality-wrapper > .modality {
    display: flex;
    position: relative;
    justify-content: space-between;
    height: 100%;
    padding: 0px 0px 0px 15px;
    flex: 4;
}
.activity-variety-wrapper > .modality-wrapper > .modality > .modality_Regimen{
    flex: 1;
    margin: auto;
}
.activity-prices{
    flex:1;
    padding: 0px 40px 0px 10px;
    margin: auto;
}
.activity-addButton{
    flex: 0;
    margin: auto;
}
.activity-prices >  .modality_Price{
    text-align: right;
}
.activity-prices > .modality_Price .price{
    font-size: 19px;
    font-weight: 700;
}

.availability-results-transfers-wrapper {
    border-top: 1px solid var(--grey-border);
    padding-top: 20px;
}

.availability-results-transfers-wrapper .availability-results .variety-wrapper > .modality-wrapper {
    border-left: 0;
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: transparent;
    border-bottom: 2px solid var(--main-light-color);
}

.ui-tabs-std.ui-tabs.ui-tabs-top > .ui-tabs-nav li:last-child,
.ui-tabs-std.ui-tabs.ui-tabs-top > .ui-tabs-nav li:first-child {
    border: 0;
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: var(--main-light-color);
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-std.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs-std.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: default;
}

.ui-tabs-std.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    background: transparent;
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li a {
    color: var(--text);
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li a {
    font-size: 16px;
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li:not(.ui-tabs-selected) a {
    color: var(--text);
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li:not(.ui-tabs-selected) a:hover {
    color: var(--main-light-color);
    border-bottom: 2px solid var(--main-light-color);
}

.availability-results-transfers-wrapper:not(:empty) {
    border-top: 1px solid var(--grey-border);
}

.availability-results-transfers-wrapper .availability-results .variety-wrapper > .modality-wrapper {
    border-left: 0;
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: transparent;
}

.ui-tabs-std.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.ui-tabs-std.ui-tabs .ui-tabs-panels {
    margin-top: 30px;
}

.ui-tabs-std.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    border-radius: 0;
    border-bottom: 1px solid var(--grey-border);
    display: block;
}

.ui-tabs-std.ui-tabs.ui-tabs-top > .ui-tabs-nav li:last-child,
.ui-tabs-std.ui-tabs.ui-tabs-top > .ui-tabs-nav li:first-child {
    border: 0;
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: var(--main-light-color);
    border-bottom: 2px solid var(--main-light-color);
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-std.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs-std.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: default;
}

.ui-tabs-std.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    background: transparent;
    font-weight: 600;
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li a {
    color: var(--text);
}
.ui-tabs-std.ui-tabs .ui-tabs-nav li a {
    font-size: 16px;
}
.ui-tabs-std.ui-tabs .ui-tabs-nav li:not(.ui-tabs-selected) a {
    color: var(--text);
}

.ui-tabs-std.ui-tabs .ui-tabs-nav li:not(.ui-tabs-selected) a:hover {
    color: var(--main-light-color);
    border-bottom: 2px solid var(--main-light-color);
}

.product-info-transfer .journey-transfer-info img {
    height: auto !important;
    filter: none !important;
}

.paymentErrorBox {
    background-color: #E2E2E2;
    padding: 2em;
    margin: 2em;
}
.highlightContainer1 {position: absolute;top: 0px;left: 0px;width: auto;height: auto;border-radius: 6px 2px 8px 0px;min-width: 80px;z-index: 1;}
.highlightContainer2 {position: absolute;top: 0px;left: 0px;width: 100%;height: auto;border-radius: 6px 2px 0px 0px;z-index: 1;}
.highlightContainer3 {position: absolute;top: 7px;min-width: 50%;height: auto;border-radius: 3px;padding: 2px 0px;margin: 0px 10px;z-index: 1;}
.hightlightText {padding: 3px 9px;font-weight: bold;max-width: 100%;text-align: center;font-size: small;}

.msg-noResultsInLocation {
    background-color: var(--warning-light) !important;
    border-radius: 4px;
    padding: 9px 15px;
    font-size: 15px;
    line-height: 1.4;
    z-index: 1 !important;
}

.nationalityTooltip {
    max-width: 400px;
}

span.mainSearch_input.nationality:before{
    content: "flag";
}

.nationalityInput {
    width: 100%;
}

.nationalityInput td {
    padding: 0 0 0 8px !important;
}

.baggageTooltipBold {
    font-size: 12px !important;
    font-weight: bold  !important;
    margin-left: 20px;
}
.baggageTooltip{
    font-size: 11px !important;
}
.tooltipBaggage{
    padding: 10px !important;
    z-index: 2000;
}

.checklist {
    display: flex;
    margin-bottom: 10px;
}
.checklist-descr {
    padding-left: 8px;
}

#backToPackage .ui-button-text {
    font-size: 18px !important;
}

.product-description-block ul, #landtour-form .plannedHotelsDialog ul {
    margin-left: 20px;
    list-style: disc;
}
.product-description-block .activity-description-text {
    min-width: 450px;
}

.dialog-header-bold .ui-dialog-title {
    padding: 7px 15px 7px 0;
    margin: 0px;
    font-size: 17px;
    font-weight: bold !important;
    color: #333;
}

/**** Correcciones desk mobile ****/
[id$='mapItemSelected'] .mapItemSelected_varieties {
    padding-left: 0;
}

[id$='mapItemSelected'] #close-map-item-selected {
    top: 0;
    visibility: visible;
}

[id$='mapItemSelected'] #close-map-item-selected::after {
    padding: 0;
    line-height: 1;
}

.modality > .modality_Regimen br {
    display: none;
}

[id$='productForm'] .productItem {
    padding-top: 32px;
}

[id$='package-sheet_content'] .row ~ .ui-panel {
    margin-top: -36px;
}

[id$='bookingSummary'] .completeToBooking {
    float: none;
}

#bookingBlockedAdvise .text-left {
    display: flex;
    line-height: 1.5;
}

[id$='productForm'] .productItem > .product_mainInfo > .product_description {
    padding-right: 0;
    padding-bottom: 24px;
}

.ui-fileupload-buttonbar .ui-button .ui-button-text {
    display: block;
}

.msg-timelimit {
    display: flex;
    line-height: 1.6;
}

#filtersBlocks {
    display: block;
}
#showFilterText {
    display: none;
}
#hideFilterText {
    display: inline-block;
}

/**** Responsive desktop to mobile ****/
@media (max-width: 992px) {
    /* .ui-dialog {
        width: 100% !important;
    } */
    #filtersBlocks, #hideFilterText {
        display: none;
    }
    #showFilterText {
        display: inline-block;
    }

    .ui-panelgrid,
    .vuelos {
        width: 100%;
    }

    [id$='transportResult'] .ui-panelgrid .ui-widget-content .ui-panelgrid-cell {
        display: block;
    }

    .flight-results-wrapper {
        padding-top: 48px;
    }

    [id$='mapItemSelected'].show {
        top: 30px;
    }

    .ratingWrapper {
        margin-left: 0;
    }

    [id$='productForm'] .productItem {
        flex-wrap: wrap;
    }

    [id$='productForm'] .productItem .activity-summary {
        width: 100%;
        margin-bottom: 16px;
    }

    [id$='productForm'] .productItem .product_mainInfo {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }

    [id$='productForm'] .customGallery {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 24px !important;
    }

    [id$='productForm'] .customGallery > .ui-galleria-panel-wrapper,
    [id$='productForm'] .customGallery > .ui-galleria-filmstrip-wrapper {
        flex: 0 0 100%;
    }

    [id$='productForm'] .customGallery > .ui-galleria-filmstrip-wrapper,
    [id$='productForm'] .customGallery > .ui-galleria-filmstrip-wrapper > .ui-galleria-filmstrip {
        height: auto !important;
    }

    [id$='productForm'] .customGallery > .ui-galleria-filmstrip-wrapper {
        padding: 16px;
    }

    [id$='productForm'] .customGallery > .ui-galleria-nav-prev,
    [id$='productForm'] .customGallery > .ui-galleria-nav-next {
        position: absolute;
        margin-top: 0;
        margin-right: 0;
        bottom: auto !important;
        float: none;
        top: 32%;
    }

    [id$='productForm'] .customGallery > .ui-galleria-nav-prev {
        left: 0;
    }

    [id$='productForm'] .customGallery > .ui-galleria-nav-next {
        right: 0;
    }

    [id$='productForm'] .productItem .product_summaryBooking {
        margin: 24px auto;
    }

    [id$='mainContentBooking'] {
        padding-right: 0;
        max-width: 100% !important;
    }

    [id$='bookingSummary'].item-card {
        float: none;
        width: 100%;
    }

    [id$='bookingSummary'] .booking-total {
        float: none;
    }

    [id$='paymentSelectionPanel'] {
        margin-bottom: 32px;
    }

    .reserva-content #content_content #bookingForm #booking-hotel .ui-datatable-tablewrapper [role='gridcell'] {
        display: block;
        border: none !important;
    }

    .reserva-content #content_content #bookingForm #booking-hotel .ui-datatable-tablewrapper [role='gridcell']:first-child {
        border-top: 1px solid #E4E4E4 !important;
        width: 100%;
    }

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

    .booking-data .right-info {
        margin-right: 0;
        margin-left: auto;
        margin-top: 24px;
        margin-bottom: 24px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .booking .is-sticky .booking-toolbar {
        width: 100% !important;
    }

    .booking .booking-toolbar button.ui-button {
        margin-bottom: 10px;
    }

    .booking-products .line-detail {
        padding-left: 0;
    }
}

@media (max-width: 768px) {

    .tituloPromoHome{
        font-size: 24px !important;
        padding: 20px 0 20px 8px;
        background: var(--gradient-main-colors);
        color: white;
    }

    .resultado.rTransporte .distribution > .distribution_line {
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .resultado.rTransporte .distribution > .distribution_line .featuresSellClassAndOperatedByWrapper {
        margin-top: 6px;
        margin-left: auto;
        margin-right: auto;
    }

    .resultado.rTransporte .distribution > .distribution_line > .companyAndTransportWrapper,
    .resultado.rTransporte .distribution > .distribution_line > .timeFlightAndIataWrapper,
    .resultado.rTransporte .distribution > .distribution_line > .durationFlightWrapper  {
        width: auto;
        flex: 1;
        padding-bottom: 0;
    }

    .resultado.rTransporte .distribution > .distribution_line > .featuresWrapper {
        width: 100%;
        flex: 0 0 100%;
        padding-top: 20px;
        padding-bottom: 10px;
        padding-left: 36px;
        display: flex;
        justify-content: center;
    }

    .resultado.rTransporte .distribution > .distribution_line > .durationFlightWrapper > .durationFlightContent,
    .resultado.rTransporte .distribution > .distribution_line > .durationFlightWrapper > .durationFlightContent > * {
        position: relative;
        top: 0;
    }

    .resultado.rTransporte .distribution > .distribution_line > .durationFlightWrapper > .durationFlightContent {
        height: auto !important;
    }

    .resultado.rTransporte .distribution > .distribution_line > .durationFlightWrapper > .durationFlightContent > div:first-child {
        margin-top: 0;
        padding-bottom: 16px;
    }

    .resultado.rTransporte .distribution > .distribution_line > .durationFlightWrapper > .durationFlightContent.scale::before {
        height: 82px;
    }

    .resultado.rTransporte .distribution > .distribution_line > .companyAndTransportWrapper {
        padding-left: 41px;
    }

    .resultado.rTransporte .distribution > .distribution_line > .radioButtonFlightSelect {
        top: 0;
        bottom: 0;
        z-index: 2;
    }

    .vuelos tr td:nth-of-type(3),
    .vuelos tr td:nth-of-type(4),
    .vuelos tr td:nth-of-type(9),
    .vuelos tr td:nth-of-type(10),
    .vuelos tr td:nth-of-type(11),
    .vuelos tr td:nth-of-type(12),
    .vuelos tr td:nth-of-type(13) {
        display: block;
    }

    .vuelos tr td:last-child {
        padding-bottom: 3px;
    }

    div.select-sort-type,
    div.select-sort-type > a {
        font-size: 16px;
    }

    .product_varietiesProduct .activity-duration-wrapper .activity-variety-wrapper,
    .product_varietiesProduct .activity-duration-wrapper .activity-variety-wrapper .modality-container .modality-wrapper {
        flex-wrap: wrap;
    }

    .product_varietiesProduct .activity-duration-wrapper .activity-variety-wrapper .variety-name,
    .product_varietiesProduct .activity-duration-wrapper .activity-variety-wrapper .modality-container,
    .product_varietiesProduct .activity-duration-wrapper .activity-variety-wrapper .modality-container .modality-wrapper .modality,
    .product_varietiesProduct .activity-duration-wrapper .activity-variety-wrapper .modality-container .modality-wrapper .activity-prices,
    .product_varietiesProduct .activity-duration-wrapper .activity-variety-wrapper .modality-container .modality-wrapper .activity-addButton {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product_varietiesProduct .activity-duration-wrapper .activity-variety-wrapper .modality-container .modality-wrapper .modality {
        padding-left: 0;
    }

    .product_varietiesProduct .activity-duration-wrapper .activity-variety-wrapper .modality-container .modality-wrapper {
        border-left: none;
    }

    .product_varietiesProduct .activity-duration-wrapper .activity-variety-wrapper .modality-container .modality-wrapper .activity-prices {
        padding: 0;
    }

    .product_varietiesProduct .activity-duration-wrapper .activity-variety-wrapper .modality-container .modality-wrapper .activity-addButton {
        margin-right: 0;
        text-align: right;
    }

    #extraInfoLinesDialogId .ui-grid-col-6 {
        width: 100%;
    }

    #changePass input,
    #newUsersForm input {
        min-height: 23px;
        width: 100%;
    }
    .room{
        width: 100%;
        padding: 18px;
        margin-left: 1px;
        border-bottom: 1px solid var(--grey-border);
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
    }
    #activityDistribution > [id*='agesDistribution']{
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 576px) {
    .modality {
        flex-wrap: wrap;
    }

    .modality > .modality_Regimen,
    .modality > .modality_Price {
        flex: 0 0 100%;
    }
}

.titulo2Combined {
    font-size: 0.9rem !important;
    font-weight: bold;
    display: block;
    padding: 0;
    padding-left: 0px;
    margin: 16px 0 4px !important;
    margin-top: 16px;
}

#dummyRooms .habitacion {
    background-color: #ffffff;
    border: 1px solid #E0E0E0;
    margin-right: 5px;
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
    height: 1%;
    max-width: 280px;
}

.habitacion {
    float: left;
    overflow: hidden;
    padding: 5px;
    width: 90%;
    border: 1px solid #CCC;
    box-sizing: border-box;
    border-radius: 2px;
    margin-bottom: 4px;
}

.searchSelect {
    float: left;
    padding: 0 4px 10px;
    box-sizing: border-box;
}

.container-selectB2b {
    margin: 0 2px 5px 0;
    display: inline-block;
}

@media (min-width: 600px) {
    .product-price,
    .lodging_priceAndBookContent,
    .transport-transfer-priceAndBookContent,
    .package_priceAndBookContent,
    .activity_priceAndBookContent{
        flex: 0 0 200px;
    }
}

#dummyRooms .habitacionNoBorder {
    background-color: #ffffff;
    margin-right: 5px;
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
    height: 1%;
    max-width: 280px;
}

.habitacionNoBorder {
    float: left;
    overflow: hidden;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 2px;
    margin-bottom: 4px;
    margin-left: 10px;
}

.borderGrey {
    border: 1px solid #ccc;
    border-radius: 5px;
}


.dateRangeTemplate {
    display: flex;
    justify-content: flex-start;
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0;
    transition: var(--soft-transition);
    transition-property: border;
    min-width: 140px !important;
}

.spanDateRange {
    justify-content: flex-start !important;
    position: relative !important;
    padding: 0 !important;
    transition: var(--soft-transition) !important;
    transition-property: border !important;
    min-width: 140px !important;
}

.visibilityHidden{
    visibility: hidden;
}

[id*='carrouselProductGroupingRelation'] .ui-carousel .ui-carousel-button.ui-carousel-prev-button{
    left: -90px;
    background: #fff url(../img//ic_keyboard_arrow_left_black_24px.svg) no-repeat center center/80%;
    margin-left: 30px;
}
[id*='carrouselProductGroupingRelation'] .ui-carousel .ui-carousel-button.ui-carousel-next-button{
    right: -90px;
    background: #fff url(../img//ic_keyboard_arrow_right_black_24px.svg) no-repeat center center/80%;
    margin-right: 40px;
}

.available-package-day {
	font-weight: bold;
	font-size: 0.8rem;
	vertical-align: middle;
	border: 0;
	padding: 1px;
	text-align: left;
}
.available-package-day > a {
	background: #faebcc !important;
	box-sizing: border-box;
	color: #666 !important;
}

.package-b2b-calendar .rentacar:nth-child(4) input{
    max-width: 70px;
}

.package-b2b-calendar .rentacar:nth-child(4) button.ui-button .ui-icon-calendar::before{
    content: "access_time";
}

.cardsFilter {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 20px;
     width: 100%;
 }

.cardItem {
    width: 170px;
    border: 1px solid #ccc;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.cardItem:hover {
    transform: scale(1.03);
}

.selectedCard {
    border: 2px solid #007ad9 !important;
    box-shadow: 0px 0px 8px rgba(0, 122, 217, 0.4);
}

.cardImage {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.cardTitle {
    padding: 10px;
    font-weight: bold;
}

.categoryFiltersCenter {
    display: flex;
    justify-content: center;
    width: 100%;
}