/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color. 
----------------------------------------------------------*/
body {
    font-size: 14px;
    font-family: "Open Sans",arial,helvetica,sans-serif;
    margin: 0;
    padding: 0;
    color: #696969;
    border-top: 3px solid #66a0b4;
    font-style: normal !important;
    background-image: none;
}

.page.homeMenu, .page.LogOn, .page.account_logon, .page.PasswordRemind, .page.account_passwordremind, .page.Register, .page.account_register, .page.account_createnewagent, .page.account_activateaccount {
    background-image: none;
}

@font-face {
    font-family: "Open Sans",arial,helvetica,sans-serif;
}

a:link {
    color: #c00;
}

a:visited {
    color: #c00;
}

a:hover {
    color: #c00;
    text-decoration: none;
}

a:active {
    color: #58584E;
}

.ui-btn-hover-w {
    background: #000 !important;
}

.ui-btn-x {
    text-decoration: none;
}


.ui-focus,
.ui-btn:focus {
    /*background: inherit*/ /*{a-bhover-background-color}*/
    ;
}



p, ul {
    margin: 0px;
    padding: 0px;
    margin-bottom: 1em;
    line-height: 1.4em;
}

li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


header,
footer,
nav,
section {
    display: block;
}

hr {
    border-top: solid 1px #c8c8c8;
    border-bottom: solid 1px #FFF;
    border-left: none 0;
    border-right: none 0;
    margin: 0;
}

.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {
    font-family: "Open Sans",arial,helvetica,sans-serif;
}


/*
.buttonWrapper a:hover, a.button:hover, .buttonWrapperInner a:hover, h4.button a:hover, input.button:hover, .ui-btn-up-x:active
{
    color: #333333;
}*/
.ui-btn-up-x:visited {
    color: #fff
}

/* HEADINGS   
----------------------------------------------------------*/
h3 {
    font-size: 1.2em;
    font-family: "Open Sans",arial,helvetica,sans-serif;
    text-shadow: 0 0px 0px #fff;
}

    h3.categoryTitle {
        font-size: 1.2em;
        font-family: "Open Sans",arial,helvetica,sans-serif;
        text-shadow: 0 0px 0px #fff;
    }

#header {
    background-color: #000000;
}

.headerContent {
    background-color: #000000;
}

.ui-overlay-c {
    background: none repeat scroll 0 0 #ffffff;
    color: #595959;
}

.loginIntro, .loginFields {
    height: 520px;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    /*width: 320px;*/
    overflow: auto;
}

.loginIntro {
    background: none repeat scroll 0 0 #f0f0f0;
    float: left;
}

.voyageDetail.disabled p a {
    color: gray !important;
}

.loginIntro .catDescription {
    color: #464646;
    font-size: 14px !important;
    font-style: normal;
    padding: 10px 10px 20px 30px;
}

.loginBtn .ui-submit, .btBar .ui-submit {
    border: 0px solid #ffffff;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.1em;
    line-height: 1em;
    width: 9.5em;
    font-family: "Open Sans",arial,helvetica,sans-serif;
    border-radius: 5px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    background-color: #d60524 !important;
    color: #FFFFFF;
}

.loginBtn, .btBar {
    float: left;
    padding: 0 27px;
    text-align: center;
}

.ui-btn-inner {
    border-color: rgba(255, 255, 255, 0.3);
    border-top: 0px solid rgba(255, 255, 255, 0.3);
}

.loginFields .catDescription {
    color: #464646;
    font-size: 14px !important;
    font-style: normal;
    padding: 10px 10px 10px 30px;
}

.loginFields .itemSet .itemLabel {
    color: #595959;
    float: none;
    font-size: 1em;
    font-weight: normal;
    padding-left: 2em;
    text-align: left;
    /* display:none; */
}


.itemSet .itemField > div {
    border: 0px solid #ffffff;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2) inset;
    background: #FFF;
}

.itemSet .itemField.inlineItem {
    margin-top: 5px;
}

.groupSetinfoCovid {
    display: flex;
    justify-content: center;
}
    .groupSetinfoCovid .formInline {
        padding: 0 1%;
        margin-bottom: 5px;
        flex-grow: 1;
    }

.registerBtn {
    float: none;
    margin-bottom: 2em;
    padding: 0 2em;
    text-align: left;
    padding: 10px 0 0 30px;
    justify-content: center !important;
}

.ui-focus {
    background-color: transparent !important;
}

.customArrow:before {
    font-family: icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    content: "\f111";
    width: 10px;
    height: 31px;
    top: 4px;
    left: 5px;
    font-size: 1rem;
}

.agentsList {
    justify-content: left !important;
}

#footer {
    background-color: #000000;
    color: #ffffff;
    font-size: 12px;
    height: 36px;
}

footer .footer_content {
    line-height: 36px;
    height: 36px;
}

    footer .footer_content img {
        margin-top: 3px;
    }





/*  Home LoggedIn  */



.leftBar {
    background: none repeat scroll 0 0 #f2f2f2;
    color: #464646;
    width: 13.2em;
}

    .leftBar .smallIconMenu .boxItem, .leftBar .smallIconMenu .boxItem:hover {
        width: 82px;
    }



.divider {
    display: none;
}

.listCats {
    margin: 5px 2px;
}

.boxItem {
    background-color: #f2f2f2;
    border: 0px solid #ffffff !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.46);
    color: #333333;
    cursor: pointer;
    transition: none 0s ease 0s;
    font-size: 18px;
    text-align: center;
    padding: 4px;
    margin-bottom: -4px !important;
}

    .boxItem:hover {
        border: 0px solid #ffffff;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #ffffff;
        -webkit-transition: background-color 1000ms ease;
        -moz-transition: background-color 1000ms ease;
        -o-transition: background-color 1000ms ease;
        -ms-transition: background-color 1000ms ease;
        transition: background-color 1000ms ease;
        font-weight: normal;
        text-shadow: 0px;
        background: -webkit-gradient(linear, left top, left bottom, from( #666666), to( #333333));
        background: -webkit-linear-gradient( #666666, #333333);
        background: -moz-linear-gradient( #666666, #333333);
        background: -ms-linear-gradient( #666666, #333333);
        background: -o-linear-gradient( #666666, #333333);
        background: linear-gradient( #666666, #333333);
        background-color: #666666;
    }

/*.imageFrame {
    height: 90px;
    margin: 0 1em;
    position: relative;
    text-align: center;
    width: 146px;
}*/

/*.imageFrame .maskPhoto {
    display: inline;
    height: 75px;
    padding: 3px;
    width: 75px;
    z-index: 200;
}*/

.additonal_description {
    font-size: 12px;
    font-style: normal;
    padding: 1.2em !important;
    text-align: left;
}

.logoSection .homebutton {
    background-color: white;
    background-image: none;
    border-radius: 5px;
    color: black !important;
    display: block;
    font-weight: bold;
    height: auto;
    margin-right: 7%;
    padding: 5px 20px;
    text-decoration: none;
    top: 31px;
    width: auto;
    padding-left: 32px;
}

    .logoSection .homebutton .homeicon {
        font-size: 22px;
        left: 7px;
        position: absolute;
        top: 2px;
    }

.logoSection .userBox {
    border-radius: 0 0 0 0;
    color: #fff;
    float: right;
    height: 26px;
    line-height: 28px;
    margin-right: 20%;
    margin-top: 25px;
    margin-bottom: 10px;
    border-radius: 5px;
    min-width: 90px;
}

    .logoSection .userBox:hover {
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        background-color: #d60524 !important;
        color: #FFFFFF;
    }



.profile .profileBlu {
    background-image: url("../Content/Images/reskin/icon_profile_blk.png");
    background-repeat: no-repeat;
}

    .profile .profileBlu:hover {
        background-image: url("../Content/Images/reskin/icon_profile.png") !important;
        background-repeat: no-repeat;
    }

.bookings .bookingsBlu {
    background-image: url("../Content/Images/reskin/icon_booking_blk.png");
    background-repeat: no-repeat;
}

    .bookings .bookingsBlu:hover {
        background-image: url("../Content/Images/reskin/icon_booking.png") !important;
        background-repeat: no-repeat;
    }

.services .servicesBlu {
    background-image: url("../Content/Images/reskin/icon_services_blk.png");
    background-repeat: no-repeat;
}

    .services .servicesBlu:hover {
        background-image: url("../Content/Images/reskin/icon_services.png") !important;
        background-repeat: no-repeat;
    }

.reports .reportBlu {
    background-image: url("../Content/Images/reskin/icon_report_blk.png");
    background-repeat: no-repeat;
}

    .reports .reportBlu:hover {
        background-image: url("../Content/Images/reskin/icon_report.png") !important;
        background-repeat: no-repeat;
    }


.marketingCentral .marketingCentralBlu {
    background-image: url("../Content/Images/reskin/icon_marketing_central_blk.png");
    background-repeat: no-repeat;
}

    .marketingCentral .marketingCentralBlu:hover {
        background-image: url("../Content/Images/reskin/icon_marketing_central.png") !important;
        background-repeat: no-repeat;
    }

.communications .commBlu {
    background-image: url("../Content/Images/reskin/icon_communications_blk.png");
    background-repeat: no-repeat;
}

    .communications .commBlu:hover {
        background-image: url("../Content/Images/reskin/icon_communications.png") !important;
        background-repeat: no-repeat;
    }

.training .trainingBlu {
    background-image: url("../Content/Images/reskin/icon_training_blk.png");
    background-repeat: no-repeat;
}

    .training .trainingBlu:hover {
        background-image: url("../Content/Images/reskin/icon_training.png") !important;
        background-repeat: no-repeat;
    }

.venetian .venetianBlu {
    background-image: url("../Content/Images/reskin/icon_venetian_blk.png") !important;
    background-repeat: no-repeat;
}

    .venetian .venetianBlu:hover {
        background-image: url("../Content/Images/reskin/icon_venetian.png") !important;
        background-repeat: no-repeat;
    }

.gadgets .gadgetsBlu {
    background-image: url("../Content/Images/reskin/icon_gadgets_blk.png") !important;
    background-repeat: no-repeat;
}

    .gadgets .gadgetsBlu:hover {
        background-image: url("../Content/Images/reskin/icon_gadgets.png") !important;
        background-repeat: no-repeat;
    }

.referral .referralBlu {
    background-image: url("../Content/Images/reskin/icon_referral_blk.png") !important;
    background-repeat: no-repeat;
}

    .referral .referralBlu:hover {
        background-image: url("../Content/Images/reskin/icon_referral.png") !important;
        background-repeat: no-repeat;
    }

.boxTitle {
    font-size: 1.1em;
    font-weight: 100;
    text-align: right;
    width: 205px;
}

.greyHeaderList {
    background-color: #f2f2f2;
    border-color: #ffffff;
    border-style: solid;
    border-width: 0px;
    color: #1b304f;
    font-size: 21px;
    font-weight: 100;
    padding: 0.5em;
    text-align: right;
}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding: 2px 10px;
}

.subCategories {
    background-color: #333333;
    left: 4px !important;
    top: 4px !important;
}

.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child {
    border-bottom-width: 0px;
    border-radius: 0 !important;
}

.ui-first-child {
    border-radius: 0 !important;
}

.ui-btn-up-w {
    background: none repeat scroll 0 0 #333333;
    border-bottom: 0px solid #7c8daa;
    color: #f2f2f2;
    font-weight: bold;
    text-shadow: 0 0 0 #ffffff;
}

.ui-btn-hover-x:visited,
.ui-btn-hover-x:hover,
.ui-btn-hover-x a.ui-link-inherit {
    background: none repeat scroll 0 0 #000000;
    border-bottom: 0px solid #7c8daa;
    color: #f2f2f2;
    font-weight: bold;
    text-shadow: 0 0 0 #ffffff;
}

.ui-btn-up-w:hover, .ui-btn-hover-w, ui-btn-down-w {
    background: none repeat scroll 0 0 #000000;
    border-bottom: 0px solid #7c8daa;
    color: #f2f2f2;
    font-weight: bold;
    text-shadow: 0 0 0 #ffffff;
}

.ui-submit.ui-btn.ui-shadow.ui-btn-corner-all.ui-btn-hover-x,
li.ui-btn.ui-li-has-arrow.ui-li.ui-btn-hover-w {
    background: none repeat scroll 0 0 #C00;
    border-bottom: 0px solid #7c8daa;
    color: #f2f2f2;
    font-weight: bold;
    text-shadow: 0 0 0 #ffffff;
}

.selectedSubSection {
    background: none repeat scroll 0 0 #000000;
    color: #c0c0c0;
    font-weight: bold;
    text-shadow: 0 1px 0 #111;
}

.sidebar-elem {
    color: black !important;
    font-family: Config !important;
    padding: 0 2rem !important;
    height: 50px;
    display: flex !important;
    align-items: center;
    text-transform: uppercase;
    text-align: left;
    font-size: 0.75rem !important;
    text-shadow: none;
    white-space: break-spaces !important;
    line-height: 1.4;
    font-weight: 400;
    cursor: pointer;
}

.selectedSubSection > .sidebar-elem {
    color: #fcfcfd !important;
    cursor: default !important;
}

.itemSet .itemField .ui-btn-inner, .formBlock .buttonCopy .ui-btn-inner {
    font-size: 1em;
    line-height: 16px;
    text-align: left;
}

.itemSet .itemField input {
    border: 1px solid #d1d0cb;
    border-radius: 5px;
    font-size: 1em;
}


/*
.ui-btn-up-w {
    background: none repeat scroll 0 0 #f2f2f2;
    border-bottom: 0px solid #7c8daa;
    color: #333333;
    font-weight: bold;
    text-shadow: 0 0 0 #ffffff;
}

.selectedSubSection {
    background: none repeat scroll 0 0 #333333;
    color: #c0c0c0;
    font-weight: bold;
    text-shadow: 0 1px 0 #111;
}*/

.ui-btn-inner {
    display: block;
    font-size: 12px !important;
    font-family: "Open Sans",arial,helvetica,sans-serif;
    font-weight: strong;
    min-width: 0.75em;
    overflow: hidden;
    padding: 7px 3px !important;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subCategories .ui-btn-inner {
    padding: 0px 3px !important;
}



.ui-icon, .ui-widget-content .ui-icon, .ui-icon-searchfield:after {
    background-image: url("../Content/Images/reskin/icons-18-white.png");
    margin-top: -8px !important;
}







/*  ProfileEdit  */




.page {
    background-attachment: fixed;
    background-color: #ffffff;
    background-image: none;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
}


#formPostHeader .btnsubmit, [target="MyActivity"], a.dropbutton[data-gif], .modifybooking {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    background-color: #d60524 !important;
    color: #FFFFFF;
}

.createbooking {
    transition: background-color 0.5s ease, margin-top 0s !important;
    -webkit-transition: background-color 0.5s ease, margin-top 0s !important;
    -moz-transition: background-color 0.5s ease, margin-top 0s !important;
    -ms-transition: background-color 0.5s ease, margin-top 0s !important;
    -o-transition: background-color 0.5s ease, margin-top 0s !important;
    background-color: #d60524 !important;
    color: #FFFFFF;
    width: 11em !important;
}

.buttonWrapper a, a.button, .buttonWrapperInner a, h4.button a, input.button, span.regularbutton {
    border: 0px solid #ffffff;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    letter-spacing: 0.1em;
    line-height: 1em;
    margin: 0 0 0;
    /*padding: 5px;*/
    width: 9.5em;
    background-color: black;
    font-family: "Open Sans",arial,helvetica,sans-serif;
    border-radius: 5px;
    cursor: pointer;
}

span.regularbutton {
    min-width: 32px;
    font-weight: bold;
    text-align: center;
}

.pager {
    text-align: center;
    margin-bottom: 5px;
    font-size: 1.1em;
}

.pagercontainer {
    display: inline-block;
}

.pager .page {
    display: inline-block;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 3px;
    color: black;
    float: left;
    border-bottom: 4px solid black;
    cursor: pointer;
    min-width: 16px;
}

.pager .prev, .pager .next {
    font-weight: bold;
    float: left;
    margin: 0 15px;
    line-height: 24px;
    display: inline-block;
    cursor: pointer;
    border-bottom: 4px solid black;
    padding: 3px;
}

    .pager .page.selected, .pager .page:hover, .pager .prev:hover, .pager .next:hover {
        background-color: black;
        color: white;
    }

a.button.completeInfo, a.button.incompleteInfo, a.button.noneInfo {
    width: 11em;
}

    a.completeInfo span.ui-btn-inner, a.incompleteInfo span.ui-btn-inner,
    a.button.noneInfo span.ui-btn-inner {
        padding: 7px 3px 7px 25px !important
    }

div.buttonInline {
    float: right;
    background-color: none;
}

hr {
    border-color: #c8c8c8 -moz-use-text-color #fff;
    border-style: solid none;
    border-width: 1px 0;
    margin: 0;
    display: none;
}


.formContainer {
    background-color: #ffffff;
    height: 100%;
    padding: 1.2em 1.5em;
}

.leftBar .boxTitle {
    font-size: 8px;
    text-align: center;
}

.catDescription {
    color: #595959;
    font-size: 0.6em;
    font-style: normal;
}



/*  MyBookings  */


.infoLayer {
    background-color: #ebebeb;
    padding: 0.6em;
}

.panelPageContainer.tableDataListContainer div.lineGroup.headerLine {
    background-color: #ffffff;
    margin-top: 10px;
    padding-top: 2px;
}

.detailsContainer {
    margin: 50px 27px 35px;
    background-color: #ebebeb;
}

.btBar.btTable {
    border-bottom: 0px solid #d1d0cb;
    padding-bottom: 20px;
    padding-top: 10px;
}

.tableDataListContainer div.lineGroup {
    border-top: 1px solid #ccc;
    display: inline-block;
    padding-bottom: 0;
    padding-top: 20px;
    width: 100%;
}

.tableDataListContainer ul.line {
    display: block;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}


.filterBox .itemSet .item.itemShip {
    margin: 0 0.3em 0 0;
    width: 11.5em;
}

.ui-select .ui-btn-icon-right .ui-icon {
    right: 2px;
    top: 13px;
}

/*
.ui-icon-arrow-d {
    background-position: 0px 0px;
	background-image:url("BotArrowBottom2.png");
	background-position:right;
	background-repeat:no-repeat;
}*/
.ui-icon-arrow-d {
    background-image: url("../Content/Images/reskin/icons-18-grey.png");
}


h4 {
    font-size: 1.1em;
    padding-top: 10px;
}

.filterBox {
    background-color: #ebebeb;
    border: 0px solid #d3d3d3;
    margin-bottom: 1em;
    padding: 0.4em;
}

    .filterBox .iconButton {
        clear: none;
        float: right;
        margin-top: 1.4em;
        padding: 0 0px;
        width: 6em;
    }

        .filterBox .iconButton .ui-btn-inner .ui-icon {
            background-image: url("../Content/Images/reskin/icons-18-white.png");
            margin: -3px 0 0 1px;
        }

.ui-select .ui-btn-icon-right .ui-icon {
    background-image: url("../Content/Images/reskin/icons-18-grey.png") !important;
}

.itemSet {
    width: 100%;
    clear: both;
}

.ui-datepicker {
    border: 1px solid #666;
    display: none;
    padding: 0.2em 0.2em 0;
    width: 17em;
}

span.completeInfo, span.completeInfo.tab {
    background-image: none;
    background: #349a18;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: bold;
    min-width: 75px;
    width: 85px;
    padding: 1px 5px;
    text-align: center;
}

span.incompleteInfo, span.incompleteInfo.tab {
    background-image: none;
    background: #eae218;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: bold;
    min-width: 75px;
    width: 85px;
    padding: 1px 5px;
    text-align: center;
    float: right;
}

span.noneInfo, span.noneInfo.tab {
    background-image: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    background-color: #d60524 !important;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: bold;
    min-width: 75px;
    width: 85px;
    padding: 1px 5px;
    text-align: center;
}

.filterBox .iconButton a.button {
    margin-right: 0.2em;
    padding: 5px 2px 1px 4px;
}

ul.listPaxInfo li {
    background-color: #ffffff;
    border: none;
}

/*.ui-focus, .ui-btn:focus {
    color: #fff;
    text-shadow: none;
}*/

.ui-btn.ui-focus {
    /*background-color: inherit;
    color: #333;
    z-index: 1;*/
}

    .ui-btn.ui-focus:hover {
        /*background-color: inherit;*/
        z-index: 1;
    }

.ui-btn:focus {
    background-color: black;
}


.triggerButton { /* Could Cause incoherences */
    background-image: url("../Content/Images/reskin/BotArrowBottom.png");
    background-position: right;
    background-repeat: no-repeat;
    height: 26px;
    line-height: 20px;
    text-align: left;
    padding: 5px 10px;
}


    .triggerButton:focus { /* Could Cause incoherences */
        background-image: url("../Content/Images/reskin/BotArrowBottom.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-color: black !important;
    }

    .triggerButton:hover { /* Could Cause incoherences */
        background-image: url("../Content/Images/reskin/BotArrowBottom.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-color: #C00 !important;
    }

    .triggerButton.ui-btn.ui-focus { /* Could Cause incoherences */
        background-image: url("../Content/Images/reskin/BotArrowTop2.png");
        background-position: right;
        background-repeat: no-repeat;
        /* height:30px;
	line-height: 20px;
	padding: 5px 10px; */
        text-align: left;
    }


/*  POPOVER   */


#GIFTabs ul li.ui-tabs {
    border-radius: 4px 4px 0 0;
    height: 45px;
    padding: 5px 3px;
    text-align: center;
    margin-bottom: 0px;
}

    #GIFTabs ul li.ui-tabs .ui-link {
        display: block;
    }

#GIFTabs .tab {
    margin-left: auto;
    margin-right: auto;
}

#GIFTabs {
    background-color: #e6e6e6;
    margin-top: 0.6em;
}

    #GIFTabs ul {
        background-color: #ffffff;
    }

.ui-popup-container {
    background-color: #ffffff;
}

    .ui-popup-container .ui-body-c {
        background-color: #ffffff;
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: none #dadada;
    color: #212121;
    float: left;
    font-weight: normal;
    margin-right: 0.2em;
    padding: 0.4em;
    width: calc(100% - 0.8em);
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.ui-btn-hover-c {
    background: none repeat scroll 0 0 #ffffff;
}

    .ui-btn-hover-c:hover {
        /*background: none repeat scroll 0 0 #d60524;*/
    }

#GIFPaxPopupForm-popup .ui-btn-up-w {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    background-color: #d60524 !important;
    color: #FFFFFF;
    right: -5px;
    top: -5px;
}


#GIFPaxPopupForm-popup .ui-btn-hover-w {
    right: -5px !important;
    top: -5px !important;
}

/*  RequestBro  */


.imgBox {
    background-color: #e6e6e6;
    text-align: center;
}

a.ui-link img.imgBox {
    border: 0px solid #fff;
}

.itemBrochure .itemField {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
}

    .itemBrochure .itemField .ui-select {
        background-color: #e6e6e6;
        color: #333;
    }

.languageSelect {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
}

.smallDescLeft {
    font-size: 14px !important;
}

#addressNamesDisplay {
    margin-left: 0 !important;
    font-weight: bold;
}

#addressContainer .rightLabel div {
    margin-left: 0 !important;
}

#addressContainer .btBar { /*  might create problems */
    text-align: left;
    padding: 0px;
}

.innerPageContent div table {
    width: 100% !important;
}

    .innerPageContent div table h4 {
        font-size: 16px;
    }

    .innerPageContent div table div {
        width: 220px !important;
        font-size: 12px;
    }


/*  BookingActivitiesPopover  */


.booking-icon {
    background-image: url("../Content/Images/reskin/icon_booking.png"); /* Remove when Online */
}

.header-message .body {
    margin-top: 20px;
}

.global-header .header-message {
    padding: 20px 56px;
}

#CloseWindowButton {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    background-color: #d60524 !important;
    color: #FFFFFF;
    border: 0 solid #ffffff;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    font-family: "Open Sans",arial,helvetica,sans-serif;
    letter-spacing: 0.1em;
    line-height: 1em;
    margin: 0;
    padding: 5px;
    width: 9.5em;
}

#ToggleHeaderMessage {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
}

.global-header {
    background-color: #ffffff;
    border: 0px solid #aaa;
}

/*
USELESS
.legende-item div.legende-color.on-waiting-list {
    background-image: url("../Content/Images/reskin/striped-background-waiting.png");  
}*/

/* USELESS 3
div.BookCategoryButton.booking-type-beauty-and-spa {
	border: 0px solid #666;
	padding:2px;
	margin: 2px;
}

div.BookCategoryButton.booking-type-restaurant {
	border: 0px solid #666;
	padding:2px;
	margin: 2px;
}
*/
div.BookCategoryButton {
    color: #FFFFFF;
    height: 17px;
    line-height: 16px;
    border: 0px;
}

.day-booking-button-cell {
    text-align: center;
}

#legende {
    border: 0px solid #aaa;
}

/*
USELESS 2
#HighligtActionButtons #arrow {
    background-image: url("../Content/Images/reskin/down_arrow.png");
}
*/

.top-band-cell {
    background-color: #333333;
}

#day-planning {
    background-color: #ffffff;
    border: 0px solid #aaa;
}

.silversea-btn-container {
    border: 0px solid #ffffff;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
    cursor: pointer;
    letter-spacing: 0em;
    line-height: 1em;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}

.wrapper-subpart {
    background-color: #ffffff;
    border: 0px solid #aaa;
    margin-bottom: 30px !important;
}

#TimelineToggler {
    background-color: #f2f2f2;
    border: 0 solid #aaa;
    margin-bottom: 30px !important;
}

#categories-table .inner-subpart {
    background-color: #ffffff;
    height: 200px;
    margin: 0 0.5% 15px;
    position: relative;
    width: 49%;
}

    #categories-table .inner-subpart #divDesc {
        border: 0px solid #aaa !important;
        height: 180px;
        overflow: hidden;
        padding: 10px;
    }


.wrapper-subpart .title {
    color: #57574d;
    font-size: 20px;
    margin-bottom: 20px;
    position: relative;
    font-weight: bold;
}

#text-div > #title {
    font-size: 23px !important;
    font-weight: normal !important;
    margin-bottom: 20px !important;
}

#categories-table .inner-subpart #availability {
    top: 30px !important;
    font-size: 12px !important;
}

#categories-table .inner-subpart #description {
    top: 60px !important;
}


.global-header .legend-item {
    background-color: #f2f2f2;
    border: 0px solid #aaa;
    height: 25px;
    line-height: 25px;
    margin-top: 10px;
    padding: 0px 10px;
    position: relative;
    text-transform: none;
    font-size: 14px;
}

.global-header .visual {
    border: 0px solid #aaa;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    text-align: center;
    text-overflow: ellipsis;
    top: 0px;
    white-space: nowrap;
    width: 55px;
    height: inherit;
}

.global-header .header-message {
    font-size: 14px;
    line-height: 19px;
    text-align: justify;
}

#HighligtActionButtons {
    height: 57px;
    padding-top: 6px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 70px;
}

.booking-disabled-msg {
    font-size: 14px !important;
}
/*#photo > img {
    border: 0px solid #aaa !important;
}*/
.PopupContainer {
    background-color: #333;
    padding: 5px;
}

.PopupArrow {
    border-color: #333 transparent transparent;
    border-style: solid;
    border-width: 12px 20px 0;
    margin-left: 150px;
    width: 0;
}

.PopupContent {
    background-color: #ffffff;
    min-height: 60px;
    padding: 10px 20px 10px 10px;
}

.PopupActionButton {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    background-color: #d60524 !important;
    color: #FFFFFF;
    border-right: 1px solid #f5f5f5;
}

    .PopupActionButton.Stressed {
        font-weight: bold;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        background-color: #d60524 !important;
        color: #FFFFFF;
    }

.PopupActionButton {
    background-color: #1f1f1f;
    border-right: 1px solid #f5f5f5;
    color: #FFFFFF;
}


.PopupActions {
    padding-bottom: 1px;
    padding-left: 1px;
}

.ItemLeftPart {
    margin-right: 145px;
}

.loginFields .itemSet .itemField > div {
    background-color: transparent !important;
}

.loginFields .itemSet .itemField input {
    background-color: #fff !important;
}

.itemField .specialField input {
    margin-top: -8px !important;
}

.BookCategoryButton {
    border: 1px solid #FFFFFF;
    /* width:90px; */
    height: 15px;
    padding: 1px 2px;
    margin: 0px !important;
    color: #FFFFFF;
    text-transform: none;
}

    .BookCategoryButton.booking-type-beauty-and-spa:hover {
        background-color: #afa656;
    }

    .BookCategoryButton.booking-type-restaurant:hover {
        background-color: #693950;
    }

    .BookCategoryButton.booking-type-hotel:hover {
        background-color: #d6a12b;
    }

    .BookCategoryButton.booking-type-shore-excursion:hover {
        background-color: #4b7471;
    }

    .BookCategoryButton.booking-type-land:hover {
        background-color: #b86354;
    }

#MainContent_TopCancelButton_LinkSpan {
    padding: 10px 20px;
}

#MainContent_BookingButton_LinkSpan {
    padding: 10px 20px;
}

/* COUNTER */


.voyageCountDown .days {
    background-color: #333333;
}

    .voyageCountDown .days .title {
        font-size: 10px;
    }


.voyageCountDownImage {
    color: #333333;
}

.voyageDetail h4 {
    background-color: #333333;
}

.voyageDetail .exc, .voyageDetail .dir, .voyageDetail .spa, .voyageDetail p a {
    color: #333333;
}

.voyageDetail p a {
    color: #000;
}




.voyageCountDown .days p, .voyageCountDown .days {
    font-size: 11px;
    font-family: "Open Sans",arial,helvetica,sans-serif;
}

.voyageDetail p, .voyageDetail a {
    font-size: 11px;
}

.nameObj {
    padding: 5px 0;
}

.profile_account .innerPageContent .itemSet .itemLabel,
.profile_changeemail .innerPageContent .itemSet .itemLabel,
.profile_changelanguage .innerPageContent .itemSet .itemLabel,
.profile_changepassword .innerPageContent .itemSet .itemLabel {
    display: inline-block;
    float: none !important;
    vertical-align: middle;
}

.profile_account .innerPageContent .itemSet .itemField,
.profile_changeemail .innerPageContent .itemSet .itemField,
.profile_changelanguage .innerPageContent .itemSet .itemField,
.profile_changepassword .innerPageContent .itemSet .itemField {
    display: inline-block;
    float: none !important;
    vertical-align: middle;
}

.profile_account div.buttonInline {
    float: right !important;
    margin-bottom: 0;
    display: inline-block;
    width: auto;
}

.ui-select .ui-btn {
    border-radius: 5px;
    padding: inherit !important;
    margin: inherit !important;
}


.ui-select .ui-focus {
    margin: auto !important;
    background-color: white !important;
    color: black;
}

.ui-btn-hover-c:hover {
    color: black !important;
}

.ui-select .ui-btn-active .ui-btn-inner {
    padding-top: 1px !important;
    padding-right: 4px !important;
    padding-left: 1px !important;
    box-sizing: border-box;
}

.ui-select {
    margin-top: 1px !important;
    border-radius: 6px !important;
}

    .ui-select .ui-btn-active .ui-icon-arrow-d {
        right: 3px !important;
        top: 14px !important;
    }


    .ui-select .ui-btn-text {
        padding: 0 5px !important;
        line-height: 29px;
        box-sizing: border-box;
    }

    .ui-select .ui-btn-inner {
        padding: 0 !important;
        box-sizing: border-box;
    }

    .ui-select .ui-btn-active {
        padding: 0 !important;
    }

.browseBox .ui-btn-inner {
    display: inline-block;
    height: 24px !important;
    padding: 0 !important;
    width: 24px !important;
}

    .browseBox .ui-btn-inner .ui-icon-search{
        height: 24px !important;
        margin: 0 !important;
        width: 24px !important;
        background-position: -608px 2px !important;
    }
label.button.disabled, a.button.disabled {
    opacity: .6;
}
label.button.fa-download::before {
    position: relative;
    top: 7px;
    color: white;
}
label.button.fa-search::before {
    position: relative;
    top: 5px;
    color: white;
}
.page.account_register .loginIntro, .page.account_register .loginFields {
    height: 520px;
    overflow: hidden;
}
.loginContainer .itemSet .itemLabel {
    width: 90%;
}
.innerPageContentDouble .itemSet {
    clear: both;
}

    .innerPageContentDouble .itemSet .itemField {
        float: right;
    }

    .ui-popup-container .itemSet .itemLabel, .ui-popup-container .itemSet .itemField, .innerPageContentDouble .itemSet .itemLabel, .innerPageContentDouble .itemSet .itemField, .contactListSection .itemSet .itemField {
        line-height: normal !important;
        padding: 0.6em 0 !important;
    }

        .ui-popup-container .itemSet .itemField.Form_Write, .innerPageContentDouble .itemSet .itemField.Form_Write, .contactListSection .itemSet .itemField.Form_Write {
            padding: 0.3em !important;
        }

h4.subTitileGroup {
    width: 100% !important;
    margin-top: 20px !important;
}


#contactList div.buttonInline, #preferenceList div.buttonInline {
    line-height: 34px !important;
    padding: 0.4em 0 !important;
}

.ui-popup-container .buttonWrapperInner {
    border-bottom: none !important;
}

.ui-popup-container .ui-icon-delete {
    margin: -3px 0 0 1px !important;
}

#addressList .buttonInline {
    margin-top: 20px !important;
    padding-top: 10px !important;
    border-top: 1px solid #d1d0cb !important;
    clear: both;
}

#addressList .buttonWrapperInner {
    border-bottom: none !important;
    clear: both;
}

#formPassport .ui-input-text input, #addressList .ui-input-text input {
    width: 100%;
    box-sizing: border-box;
}

#privacyForm h4.titlePrimary {
    padding-top: 30px;
    clear: both;
}

#preferenceList .listItemButton {
    clear: both;
    border-top: 1px solid #d1d0cb;
    padding-top: 10px;
}

#preferenceList .subTitileGroup {
    font-size: 1.2em;
}

.gadgets_myports .headerLine {
    border-top: none !important;
}

.communications_marketingemails .lineGroup {
    border-top: none !important;
}

#formBrochures #addressContainer .itemLabel {
    line-height: 33px !important;
}

.mybookings .filterBox .itemSet.inlineItem.rightBlockFilter {
    float: right !important;
    clear: none !important;
}

.mybookings .itemSet .itemField > div {
    border-radius: 5px !important;
}

.mybookings input[type='text'] {
    box-sizing: border-box !important;
    width: 100% !important;
}

.mybookings .ui-select .ui-btn {
    height: 29px;
}

.mybookings .filterBox .iconButton .ui-btn-inner .ui-icon {
    margin-top: -5px !important;
}

.mybookings .triggerButton {
    height: 30px;
    line-height: 17px;
    padding-left: 5px;
}

.mybookings .tableDataListContainer ul.line li {
    line-height: normal !important;
}

.mybookings .jumpbutton {
    background-image: url(images/reskin/BotArrowRight.png) !important;
}

.mybookings .dropbutton {
}

    .mybookings .dropbutton:hover {
        background-color: black !important;
    }

    .mybookings .jumpbutton:focus, .mybookings .dropbutton:focus {
        /*background-color:inherit !important;*/
    }

.ui-link {
    font-size: 1em !important;
}

#account_logon .loginContainer .loginFields {
    overflow: hidden !important;
}

span.expedition.tab {
    background-color: black;
    background-image: none;
    color: white;
}

div.listButtonInfoPax span.expedition {
    background-color: black;
    background-image: none;
    color: white;
    padding: 1px 5px;
    width: 85px;
}

span.expedition.tab {
    min-width: 60px;
    padding: 0;
}

#formPostHeader .btnsubmit {
    color: white !important;
}

#GIFTabs .itemLabel, #GIFTabs .itemField.GIF_Read, #GIFTabs .itemField.Address_Read {
    /*line-height:34px !important;*/
    min-height: 34px;
}

#GIFTabs .itemLabel {
    box-sizing: border-box;
    padding: 5px 2px 0 2px !important;
}

#GIFTabs .itemField {
    padding: 0 2px !important;
    box-sizing: border-box;
}

#GIFTabs .itemSet .itemField .radioInline {
    line-height: 10px;
    margin-top: 10px !important;
}

#GIFTab3Content .panelBar h4 {
    padding: 5px !important;
}


#GIFTab4 .ui-icon, .ui-widget-content .ui-icon, #GIFTab4 .ui-icon-searchfield::after {
    margin-top: auto !important;
}

#GIFTab4Content .innerPageContent .itemSet .itemField {
    vertical-align: middle;
}

#GIFTab4Content .OccasionSet .celebrationOccasions,
#GIFTab4Content .OccasionSet .celebrationCenterSet,
#GIFTab4Content .OccasionSet .celebrationRightSet {
    clear: none !important;
    float: none !important;
    vertical-align: top !important;
}


#GIFTab4Content .OccasionSet .yearslabel {
    padding: 0 !important;
}

#GIFTab4Content .OccasionSet .celebrationRightSet {
    width: auto !important;
}

#GIFTab4Content .OccasionSet .ui-checkbox {
    margin-top: 10px !important;
}

#GIFTab5 .space {
    padding: 5px 0 !important
}

.editable-dropdown .ui-input-text {
    box-shadow: none !important;
}

.editable-dropdown a {
    height: 24px;
    margin: 1px 1px 0 0;
}

    .editable-dropdown a:hover {
        background-color: black !important;
        background-image: url("../content/mobile/images/icons-18-silver.png") !important;
        background-position: -209px 4px;
        background-repeat: no-repeat;
    }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-top: -10px !important;
}

.ui-icon-loading {
    background: url("../content/mobile/images/ajax-loader.gif") no-repeat scroll 0 0 / 46px 46px !important;
    display: block;
    height: 46px;
    background-position: center !important;
}

#GIFPaxPopupForm [title~=Close] .ui-btn-inner .ui-icon:before, #GIFPaxPopupForm-popup [title~=Close] .ui-btn-inner .ui-icon:before {
    font-family: icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    content: "\f119";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #000;
    font-size: 1rem;
}

.mobHeader, .mobIntro.additonal_description, .userLogoff2 {
    color: #464646;
}

.container {
    padding-bottom: 20px !important;
}

.submenuListsMobile .ui-btn {
    background-color: #333333;
    padding: 5px 0;
}

.mobileListTable .bookingList .headerLine {
    height: auto !important;
}

.mobileListTable .bookingList .dataItem, .mobileListTable .bookingList .headerLine {
    min-height: 0 !important;
}

.boxItemTitle {
    box-shadow: none;
    background-image: none;
}

    .boxItemTitle:hover {
        background-color: black !important;
    }

.commentcard {
    width: 11em !important;
}

.voyageCountDown .days h4 {
    font-size: 30px;
}

.voyageDetail, .voyageCountDownImage {
    font-family: 'Open Sans', arial, helvetica, sans-serif;
}

@media (max-width: 480px) {
    .mainCategoriesMenuMobile .catLayer .boxTitle {
        font-size: 0.54em;
    }

    #homeMenu .contentSpace > .ui-content {
        text-align: center;
    }

    .voyageCountDown .days h4 {
        font-size: 30px;
    }

    .mainCategoriesMenu {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 481px) and (max-width: 640px) {
    .mainCategoriesMenuMobile .catLayer .boxTitle {
        font-size: 0.75em;
    }

    #homeMenu .contentSpace > .ui-content {
        text-align: center;
    }

    .logoSection .homebutton {
        position: absolute !important;
        margin-right: 0;
    }


    .mainCategoriesMenu {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 641px) and (max-width: 854px) {
    #homeMenu .leftBar {
        position: absolute !important;
        top: 89px;
    }

    #homeMenu .contentSpace > .ui-content {
        text-align: center;
        width: 100% !important;
    }

    .logoSection .homebutton {
        position: absolute !important;
        margin-right: 0 !important;
    }


    .mainCategoriesMenu {
        margin-left: auto;
        margin-right: auto;
    }
}





.PopupActionButton:hover,
.PopupActionButton.Stressed:hover,
#MainContent_SaveBookingButton_LinkSpan.silversea-btn-inner:hover,
.loginBtn .ui-submit:hover, .btBar .ui-submit:hover,
.logoSection .userBox:hover:hover,
#formPostHeader .btnsubmit:hover, [target="MyActivity"]:hover, a.dropbutton[data-gif]:hover,
span.noneInfo:hover,
#GIFPaxPopupForm-popup .ui-btn-up-w:hover,
#CloseWindowButton:hover,
.mybookings .jumpbutton:hover {
    background-image: none;
    background-color: #c20522 !important;
}

[target="MyActivity"]:focus, a.dropbutton[data-gif]:focus, .triggerButton.jumpbutton:focus {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    background-color: #d60524 !important;
    color: #FFFFFF;
}

#GIFPaxPopupForm > .ui-btn:hover {
    background-color: #c20522 !important;
}

[target="MyActivity"]:hover, .createbooking:hover, .modifybooking:hover {
    background-color: #c20522 !important;
    background-image: url("../Content/images/reskin/BotArrowRight.png") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

a.dropbutton[data-gif]:hover {
    background-color: #c20522 !important;
    background-image: url("../Content/Images/reskin/BotArrowBottom.png") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

.buttonWrapper a, a.button, .buttonWrapperInner a, h4.button a, input.button, span.regularbutton,
.mybookings .dropbutton, .editable-dropdown a, div.listButtonInfoPax span.expedition, .agentagencies .title .close {
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    background-color: black;
}

    .buttonWrapper a:hover, a.button:hover, .buttonWrapperInner a:hover, h4.button a:hover, input.button:hover, span.regularbutton:hover,
    .mybookings .dropbutton:hover, .editable-dropdown a:hover, div.listButtonInfoPax span.expedition:hover, .agentagencies .title .close:hover {
        background-color: #999 !important;
    }

    a.button.dropbutton:hover:not([data-gif]) {
        background-color: #999 !important;
        background-image: url("../Content/Images/reskin/BotArrowBottom.png") !important;
        background-repeat: no-repeat !important;
        background-position: right center !important;
    }

.boxLogo .logoMobile {
    height: 23px;
    margin-top: -12.5px;
    top: 50%;
    width: 206px;
}

#formPassportPost {
    min-width: 720px;
}

select {
    font-size: 1em !important;
}

.itemBkgCode2 {
    float: none !important;
}

.profile_agents #frmFilter .btBar .button .ui-btn-inner {
    height: auto !important;
    padding: 10px 3px 0 !important;
}

.ui-input-text {
    border-radius: 3px !important;
}

    .ui-input-text input {
        width: 100% !important;
        box-sizing: border-box !important;
    }

.deleteagent {
    padding: 0 !important;
}