/*
PRIVATE LABEL COLOR VARIABLES
    for Top Bar
    MenuBackgroundColor: [$MenuBackgroundColor$]
    MenuTextColor: [$MenuTextColor$]
    MenuBottomLine[$MenuBottomLine$]

    For Buttons
    BoxHeaderBackgroundColor: [$BoxHeaderBackgroundColor$]
    BoxHeaderTextColor: [$BoxHeaderTextColor$]

    Welcome message bg
    BoxContentBackgroundColor:  [$BoxContentBackgroundColor$]

    Menu Text 
    BodyHeadlineColor: [$BodyHeadlineColor$]

    Home page footer
    FooterBackgroundColor: [$FooterBackgroundColor$]
    FooterTextColor: [$FooterTextColor$]



    custom images
    /Content/images/powered-by_[$PowerByGeronimo$].png
    /Content/images/travelpledge-sitebuilder-[$SiteBuilderImage$].png

    NOT USING
    PageBackgroundColor: [$PageBackgroundColor$]
    LinkTextColor: [$LinkTextColor$]
    BannerBackgroundColor: [[$BannerBackgroundColor$]]
    RegisterButtonBackgroundColor: [$RegisterButtonBackgroundColor$]



*/
/*PRIVATE LABEL HOME PAGES*/
/*-------------------------------------------------------------------------------------*/
@import url('https://rsms.me/inter/inter.css');
body {
    /*color: rgb(28, 85, 129);*/
    color: #333;
    font-family: "Inter", "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", "Lucida Grande", "Lucida Sans Unicode", Calibri, sans-serif !important;
}
.homeLogo {
    max-width:300px; 
    max-height:90px;
    border-radius:3px;
}
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Inter", "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", "Lucida Grande", "Lucida Sans Unicode", Calibri, sans-serif !important;
}
.ui-widget-overlay {
    background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") repeat-x scroll 50% 50% !important;
    opacity: .6 !important;
}
.ui-dialog {
    margin-top:100px;
}
h2 {
    font-size:26px;
}
h4{
    line-height:1.3;
}
.loading-h2 {
    font-size:20px;
    /*color:#fff*/
}
div.ValidationSummary { 
    padding: 10px; 
    border: 1px solid red; 
    background-color: #FCD6D8; 
    margin-bottom: 5px; }
div.validation-summary-errors ul { 
    padding: 0; 
    margin: 10px 0 0 0; }
    div.validation-summary-errors ul li { 
        margin-left: 20px; 
        margin-top: -10px; 
        line-height: 28px; }
.validation-head { 
    color: #C00; 
    font-weight: 700; 
    font-size: 15px; 
    padding-left: 40px; }
.validation-image { 
    background-image: url(/content/images/error_icon.png); 
    background-repeat: no-repeat; 
    background-position: left center; 
    vertical-align: middle; 
    display: inline-block; 
    height: 100%; 
    padding-top: 10px; 
    padding-bottom: 10px; }


h1.first, h2.first, h3.first, h4.first, h5.first, h6.first, p.first, ul.first { margin-top: 0; }
h1.last, h2.last, h3.last, h4.last, h5.last, h6.last, p.last, ul.last { margin-bottom: 0; }

.first {
    font-size:24px;
}
h1{
    margin-top:0;
    font-size:24px;
}
.more-details .first {
    font-size:12px;
}
.more-details h2 {
    font-size:16px;
    margin-bottom:0px;
}
.clear {
    clear:both;
}
.main-content-wrapper {
    background-color:#fff;
}
.banner-image { 
    /*background-position-y:0px;
    xwidth: 550px; 
    height: 110px; 
    position:relative;
    opacity:.4;
    float:right;*/
}

.banner-image img{
    /*opacity:.2;*/
}

.v2AboutTitle {
    font-size:20px;
    font-weight:bold;
    margin:0px;
}
.photoCaption {
    font-size:12px;
}

.plContactBlock{
    float:right;
    text-align:right;
    margin-top:20px;
    /*width:180px;*/
}
.cbTitle{
    font-size:16px;
    color:#666;
    font-weight:normal;
    margin-bottom:5px;
    opacity:.8;
}
.cbSubtitle{
    font-size:11px;
    color:#666;
}
.cbSubtitle a{
    /*color:#666;*/
}
    .cbSubtitle a:hover {
        /*color:#3159c8;*/
    }
.cbPhoneNumber{
    font-size:13px;
    color:#333;  /*#00467D;*/
    font-weight:normal;
    opacity:.8;
}
.cbHours{
    font-size:11px;
    color:#666;
}

.login-link {
    letter-spacing: 2px;
}
/*BOOTSTRAP OVERRIDES*/
.btn{
    text-transform:uppercase;
}
.btn-primary-tp {
    color: #ffffff; !important;
    background-color: #3C87C3;
    border-color: #[$BoxHeaderBackgroundColor$];
    opacity:.8;
}
.btn-primary-tp:hover {
    color: #ffffff; !important;
    background-color: #3C87C3;
    border-color: #[$BoxHeaderBackgroundColor$];
    opacity:.9;
}

.modal-header-tp {
    color: #ffffff; !important;
    /*background-color: #3C87C3;*/
}

.table-tp > thead > tr {
    color: #ffffff; !important;
    background-color: #3C87C3;
}

.btn-primary-tp.active.focus, .btn-primary-tp.active:focus, .btn-primary-tp.active:hover, 
.btn-primary-tp.focus:active, .btn-primary-tp:active:focus, .btn-primary-tp:active:hover, 
.open > .dropdown-toggle.btn-primary-tp.focus, .open > .dropdown-toggle.btn-primary-tp:focus, 
.open > .dropdown-toggle.btn-primary-tp:hover,
.btn-primary-tp.active, .btn-primary-tp:active, .open > .dropdown-toggle.btn-primary-tp
{
    background-color: #3C87C3;
    border-color: #[$BoxHeaderBackgroundColor$];
    color:[$BoxHeaderTextColor$];
    opacity:1;
}

.btn-lg {
    /*border-radius: 6px;
    font-size: 18px;
    line-height: 1.33333;*/
    padding: 6px 18px;
}
.btn-shopnow {
    width:90%;
    padding:10px 12px;
    font-size:1.2em;
    font-family:Arial !important;
}

.btn-xl {
    border-radius:6px;
    font-size:20px;
    line-height:1.5;
    padding: 8px 40px;
}

.btn-squaredcorners{
    border-radius: 0;
}

/*NAVBAR*/
.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
    font-size:18px;
}
.logoArea {
    border-bottom:0px solid #e7e7e7;
    /*background-color: #e8f6ff;*/
    padding-right:0px;
}

.navbar-brand {
    height:auto;
    margin-left: -30px !important;
}
.adminLogo {
    max-height: 90px !important;
    max-width: 300px !important;
}
.navbar-collapse {
    /*border-bottom: 1px solid #ccc;*/
    
}
.navbar{
    margin-bottom:10px !important;
}

.nav > li > a {
    padding: 6px 0px 6px 0px;
}
.nav > li  {
    margin-right:50px;
    font-size:17px
}

.navbar-default .navbar-nav > li > a {
    /*color: rgb(28, 85, 129);*/
    color: #[$BodyHeadlineColor$];
    opacity:1;
    line-height: 17px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #fff;
    /*color: rgb(28, 85, 129);*/
    color: #[$BodyHeadlineColor$];
    border-bottom:5px solid;
    border-color:rgb(125, 157, 82);
    opacity:.7;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #[$BoxContentBackgroundColor$];;
    /*color: rgb(28, 85, 129);*/
    color: #[$BodyHeadlineColor$];
    opacity:.7;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    /*color: rgb(28, 85, 129);*/
    color: #[$BodyHeadlineColor$];
    opacity:.7;
}
.navbar-topband {
    /*background-color:#2E6697;*/
    /*background-color:#[$BoxHeaderBackgroundColor$];*/
    background-color:#3C87C3;
}
    .navbar-topband .account-links {
        /*color:#[$BoxHeaderTextColor$];*/
        color:#[$MenuTextColor$];
        font-size:.8em;
        padding:8px 0;
        font-weight:bold;
    }
    .navbar-topband .account-links a{
        /*color:#[$BoxHeaderTextColor$];*/
        color:#[$MenuTextColor$];
    }
    .navbar-topband .login-link {
        letter-spacing:2px;
        font-size:.9em;
    }

.mobile-header-intro{
    display:none;
    font-size:.8em;
    color:#[$MenuTextColor$];
    float:left;
    width:240px;
    padding-top:7px;
    margin-left:-5px;
}
.account-links {
    opacity:.9;
}
.navbar-bottom {
    padding-top:60px;
    position:relative;
    text-align:right;
}
    .navbar-bottom .li-bottom {
        position:relative;
        bottom:2px;
    }



/*SMALL VIDEO AREA - AND RESPONSIVE CHANGES*/
.videoWrapper-small { height:190px; width:100%;background-color:#fff; margin-left:12px;}
.videoFrame-small {   height:185px; width:330px;border-radius:5px;}

.eventWrapper-large {
    max-height:380px; 
    width:100%;
    overflow:hidden;
    position:relative;
    /*background-color:#ccc;*/
}
.eventWrapperDetailPanel {
    position:absolute;
    top:0;
    background-color:#000;
    opacity:.6;
    width:97%;
    height:35%;
}
.event-wrapper-detail-panel {
    position: absolute;
    top: 0;
    background-color: #000;
    opacity: .6;
    width: 100%;
    height: 120px;
}
.eventWrapperDetailText {
    position:absolute;
    top:0;
    color:#fff;
    width:90%;
    height:10%;
    padding:20px 10px 10px 10px;
    font-size:1.6em;
}

.event-wrapper-detail-text {
    position: absolute;
    top: -10px;
    color: #fff;
    width: 100%;
    height: 120px;
    padding: 10px 10px 10px 10px;
}

.eventWrapper-large img {
    top:-20px;
    /*opacity:.8;*/
    /*position:absolute;*/
}

.create-event-checkbox.online-auction-checkbox {
    margin-bottom: 4px;
}

.online-auction-checkbox-label {
    margin-top: 4px;
    padding-left: 5px
}

.online-auction-software-reminder-box {
    font-weight: normal;
    font-size: 12px;
}
/*VIDEO AREA - AND RESPONSIVE CHANGES*/
.videoWrapper {     height:350px; width:100%;background-color:#fff;}
.videoFrame {       height:345px; width:615px;border-radius:5px;}

@media (max-width:1200px) {
    .videoWrapper { height:350px;}
    .videoFrame {   height: 345px;width: 615px;}
    .eventWrapperDetailText {
        font-size:1.3em;
    }
    .eventWrapperDetailPanel {
        height:40%;
    }
}
@media (max-width:992px) {
    .videoWrapper { height:410px;}
    .videoFrame {   height: 405px;width: 720px;}
}
@media (max-width:768px) {
    /*iPad - portrait*/
    .videoWrapper { height:410px;}
    .videoFrame {   height: 405px;width: 720px;}

}
@media (max-width:667px) {
    /*iPhone 6 - landscape */
    .videoWrapper { height:360px;}
    .videoFrame {   height: 354px;width: 630px;}
}
@media (max-width:640px) {
    /*Galaxy s3- landscape */
    .videoWrapper { height:350px;}
    .videoFrame {   height: 343px;width: 610px;}
    .eventWrapperDetailText {
        font-size:1em;
    }
    .eventWrapperDetailPanel {
        width:90%;
    }
}
@media (max-width:568px) {
    /*iPhone 5 - landscape*/
    .videoWrapper { height:306px;}
    .videoFrame {   height: 300px;width: 535px;}
}
@media (max-width:480px) {
    .videoWrapper { height:175px;}
    .videoFrame {   height: 169px;width: 300px;}
}
@media (max-width:414px) {
    /*iPhone 6 Plus*/
    .videoWrapper { height:220px;}
    .videoFrame {   height: 214px;width: 380px;}
    .eventWrapperDetailPanel {
        height:60%;
    }
    .loading-h2 {
        font-size:16px;
    }
    h3{
        margin-top:5px;
    }
}
@media (max-width:375px) {
    /*iPhone 6 (375) / galaxy (360)*/
    .videoWrapper { height:190px;}
    .videoFrame {   height: 185px;width: 330px;}

    .pl-admin-panel__menu {
        top: 0;
    }
}
@media (max-width:320px) {
    /*iPhone 5*/
    .videoWrapper { height:170px;}
    .videoFrame {   height: 163px;width: 290px;}
}

.infoRight {
    padding:0 50px;
}
.navbarCustomBg{
    background-color: #[$BoxContentBackgroundColor$];
    border-top:1px solid #e7e7e7;
    }

.navbar-custom-bg {
    background-color: #[$MenuBackgroundColor$];
    border-top: 1px solid #e7e7e7;
    box-shadow: 0 5px 10px -1px #666666;
}

.welcomeMessage {
    background-color: #fff#; /*[$BoxContentBackgroundColor$];*/
    border: 1px solid #ccc;
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    font-size: .9em;
    word-wrap: break-word;
    line-height: 20px;
}
.welcomeProfileWrapper {
    /*display:none;*/   /*Until ready to show profiles*/
    margin-top:20px;
    padding:8px 0 8px 10px;

}

.donationWrapper {
    border-top:1px solid #eee; 
    border-bottom:1px solid #eee; 
    padding-top:10px;
    padding-bottom:20px;
    margin:10px 0 20px 0;
}
.donationDollars {
    font-size:46px;
    font-weight:bold;
    color:#11AF4B;
    text-align:center;
}
.donationText {
    font-size:12px;
    color:gray;
    text-align:center;
    text-transform:uppercase;
    font-family:arial;
}
.donationPopup {
    float:right;
    width:10px;
    font-size:14px;
    color:#11af4b;
    opacity:.8;
    padding-top:20px;
    cursor:pointer;
    
}
.none{
    display:none;
}
.shareThisWrapper {
    padding:10px 0 15px 10px;
    background-color: #efefef; /*#[$BoxContentBackgroundColor$];*/
    margin-top:20px;
    /*border: 1px solid #ccc;*/
    /*border-radius:2px;*/
}
    .shareThisWrapper .sms-link {
        /*display:none;*/
    }
    /*.shareThisWrapper input[type="text"] {
        border-radius:2px;
    }*/
    .shareThisWrapper .shareIcon {
        float:left; 
        width:30px;
    }
    .shareThisWrapper .shareIcon img {
        height:24px;
    }
    .shareThisWrapper .shareBut {
        max-height:42px;
        margin-bottom:15px;
    }
    .shareThisWrapper .shareTitle {
        float:left;
        margin-bottom:5px; 
        margin-right:10px;
        padding-top:2px;
        color:#666;
        font-weight:bold;
        /*width:10%;*/
    }
    .shareThisWrapper .shareButtons{
        margin-top:10px;
    }

    .shareThisWrapper .shareTextBox{
    }

    .shareThisWrapper .shareTextBox input{
        height: 30px;
        width:auto !important;
        font-size: 12px;
        float:left;
    }
    .shareThisWrapper .shareTiptext{
        font-style:italic;
        opacity:.7;
        color:#000;
        font-size:10px;
    }
    .nopadding {
        padding:0px;
        margin:0px;
    }
    .padright {
        padding-right:20px;
    }
    .shareThisWrapper .shareTP {
        float:left;
        margin-bottom:5px; 
        margin-right:10px;
        color:#666;
        font-weight:bold;
        width:45%;
    }
        .shareThisWrapper .shareTP input {
            height: 30px;
            /*border-color:1px solid #666;
            width: 280px;*/
            width:100%;
            font-size: 12px;
        }
        .shareThisWrapper .shareIcons {
            text-align:right;
        }
    .shareThisWrapper .shareFB {
        float:right;
        margin-bottom:5px; 
        margin-right:20px;
        margin-left:20px;
    }
    .shareThisWrapper .shareTwitter {
        float:right;
        margin-bottom:5px; 
    }
    .shareThisWrapper .shareTip {
        font-weight:normal;
        font-size:.9em;
        margin-top:2px;
    }

    .shareThisWrapper .shareSMS {
        float:right;
        margin-left:20px;
        margin-top:-2px;
        /*margin-bottom:5px;*/ 
    }
    .shareThisWrapper .smsText_large {
        /*background-image: url("/Content/images/ui/shareSMS_32.png");*/
        /*width:32px;
        height:32px;*/
    }
    .shareThisWrapper .smsText_large:hover {
        opacity:.9;
        cursor:pointer;
    }

/*SECTIONS*/
#shopExperiences {
    /*margin-top:50px;*/
}
    #shopExperiences .rowTitle{
        font-size: 18px;
        text-transform:uppercase;
        padding-top:15px;
        padding-bottom:15px;
        color: rgb(116, 116, 116);
        font-family:Arial !important;
    }

.featuredExperience {
    min-height:300px;
    /*border:1px solid #ccc;*/
    padding:15px;
    
}

/*TOP FEATURED ITEM*/
.top-feature {
    /*max-height:380px;*/ 
    height:380px;
    width:100%;
    margin: 0 auto;
    position:relative;
    overflow:hidden;
}

    .top-feature img {
        /*left:50%;*/
        width: 100%;
        margin-top: -6%;
        /*margin-left:-200px;*/
        /*position:absolute;*/
    }
.top-feature-Panel {
    position:absolute;
    bottom:0;
    background-color:#000;
    opacity:.6;
    width:100%;
    height:25%;
}
.top-feature-PanelText {
    position:absolute;
    bottom:0;
    color:#fff;
    width:100%;
    height:25%;
    padding:5px 10px 16px 10px;
    font-size:24px;
    text-align:left;
    
}
.top-feature-Title {
    /*font-size: 1.4em;*/
}
.top-feature-SubTitle {
    float:left;
    font-size:1.2em;
    /*font-weight:bold;*/
}
.top-feature-SubTitle2 {
    float:left;
    padding-left:20px;
    font-size:.8em;
    padding-top:6px;
    font-weight:normal;
}

.top-feature-ButtonMore {
     position:absolute;
     bottom:20px;
     right:10px;
}
    .top-feature-ButtonMore a {
        padding:4px 20px;
    }

.top-feature-LinkAtTop {
    /*position:relative;*/
    text-align:right;
    overflow:hidden;
    background-color:#fff;
    height:20px;
    margin:auto;
    width:100%;

}
.top-feature-ContentArea {
    /*position:relative;*/
    overflow:hidden;

}

.last-minute-title {
    font-size: 1.2em;
    /*background: #e21313;*/
    background: #de3939;
    padding: 0px 10px;
    margin-left:-10px;
    margin-top:-10px;
    margin-bottom:5px;
    width:105%;
}
.btn-top-feature-outline {
    background-color:transparent;
    border-color:#ccc;
    color:#ddd;
    padding:5px 20px;
    border-radius:2px;
    font-size:.9em;
}
.btn-top-event-details {
    padding:2px 20px;
    margin-top:-4px;
    font-size:12px;
}

.btn-top-feature-outline:hover {
    border-color:#ffffff;
    color:#fff;

}
/*Home Page Carousel Overrides*/
    .carousel {
        /*height:400px;*/
    }
    .carousel-caption {
        bottom: 20px;
        color: #ffffff;
        left: 10px;
        padding-bottom: 20px;
        padding-top: 20px;
        position: absolute;
        right: 0;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
        z-index: 10;
    }
    .carousel-control {
        background-color: none; 
        opacity: 0.4;
        width:40px;
        height:75%;
        top:20px;
    }
    .carousel-control.left {
        background-image: none;
        text-align:left;
    }
    .carousel-control.right {
        background-image: none;
        text-align:right;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: 0px;
        right: 2%;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 2%;
        margin-left: 0px;
    }

    .carousel-control .glyphicon-chevron-left, 
    .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-next, 
    .carousel-control .icon-prev {
        top: 85%;
        z-index: 5;
    }
    .carousel-indicators {
        bottom: -12px;
    }
    .carousel-indicators li {
        background-color: rgba(255, 255, 255, .2);
        border: 1px solid #666;
        height:10px;
        width:15px;
        border-radius:0px;
    }

    .carousel-indicators .active {
        background-color: #fff;
        margin:1px;
        height:10px;
        width:15px;
    }


/*Custom Corner Ribbons*/
/*From https://codepen.io/eode9/pen/twkKm*/
.corner-ribbon{
  width: 300px;
  background: #e43;
  position: absolute;
  top: 50px;
  left: -75px;
  text-align: center;
  line-height: 16px;
  letter-spacing: 1px;
  color: #ffffff;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  font-size:15px;
  padding:5px 0 2px 0;
}

.corner-ribbon.sticky{
  /*position: fixed;*/
}
.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/*  Corner Ribbon Different positions */
.corner-ribbon.top-left{
  top: 50px;
  left: -75px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Corner Ribbon Colors */
.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #de3939 ;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}


/*Participation Incentive*/
.participation-incentive {
    padding:5px;
    border:1px solid #ccc;
}
    .participation-incentive p {
        margin:0px;
        color:#555;
    }

/*FEATURED EXPERIENCES ON HOME PAGE*/
.feature { margin-bottom: 10px; }
    .feature h5 { margin-bottom: 0; font-weight: 700; font-size: 13px; }
    .feature .img-thumbnail { margin-top: 10px; }
    .feature .feature-image { 
        width: 100%; height: 200px; 
        margin: 0 auto; overflow: hidden; 
        position: relative; 
        /*border-top-right-radius: 4px; border-top-left-radius: 4px;*/ 
    }
        .feature .feature-image img {
                min-height: 150%; min-width: 50%; 
                max-width: 380px; position: absolute; 
                top: -70%; bottom: -100%; left: -100%; 
                right: -100%; margin: auto; 
        }
    .feature .price { color: #000; margin: 0; float: right; font-size: 20px; font-weight: 700; width: 25%; text-align: right; }
        .feature .price span.small { color: rgb(60,135,195); font-size: .5em; vertical-align: middle; margin: .5em; }
    .feature .feature-card { 
        position: relative; overflow: hidden; max-width: 380px; min-height: 360px; 
        }
    .feature .currency { display: inline-block; font-size: 0.647059em; line-height: 2.18182em; position: relative; top: -0.294118em; }
    .feature .feature-box { line-height:18px; padding: 15px; width: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #888; min-height: 170px; }
        .feature .feature-box:hover, .feature .feature-card:hover { background: none repeat scroll 0 0 #d1eaff; color: #1f1f1f; }
        .feature .feature-box .box-title { width: 75%; float: left; font-weight: 700; color: #3c87c3; }
        .feature .feature-box .box-subtitle { 
            clear: both; font-weight: 400; color: #000; 
            padding-top:5px;
            font-size: 12px; width: 100%; text-decoration: none; }
    .feature .feature-title {
        background-color:#[$MenuBackgroundColor$];
        color:#[$MenuTextColor$];
        padding:5px 0px 5px 15px;
        font-size:18px;
        font-weight:bold;
        width:100%;
        line-height:24px;
    }
    .feature .feature-floatLeftTitle {
        float:left;
        width:70% !important;
    }
    .feature .feature-seeAll {
        float:right;
        width:30%;
        background-color:#[$MenuBackgroundColor$];
        color:#[$MenuTextColor$];
        padding:5px 10px 5px 15px;
        font-size:13px;
        font-weight:normal;
        line-height:24px;
        text-align:right;
    }
    .feature .feature-seeAll a {
        color: #[$MenuTextColor$];
    }
.feature-link:hover { text-decoration: none; }

.feature .lastminute-savings {
    position:absolute;
    bottom:0px;
    width:100%;
    /*color:#000;
    background-color:rgba(220, 47, 47, 0.4) ;*/
    background-color:#C83333;
    color:#fff;
    font-size:12px;
    padding:0px 5px;
    text-align:center;
    margin-left:-15px;
    /*opacity:.8;*/
}
.feature .feature-savings {
    position:absolute;
    bottom:0px;
    width:100%;
    color:#000;
    background-color:rgba(0, 0, 0, 0.2) ;
    font-size:12px;
    padding:0px 5px;
    text-align:center;
    margin-left:-15px;
    opacity:.8;
}
.feature .vacation-savings {
    position:absolute;
    bottom:0px;
    width:100%;
    color:#000;
    background-color:rgba(0, 0, 0, 0.2) ;
    font-size:12px;
    padding:0px 5px;
    text-align:center;
    margin-left:-15px;
    opacity:.8;
}

.feature .address {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 1px;
    color: #fff;
    left: 0;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    line-height:14px;
}

.feature-viewmore {
    margin-top:20px;
    text-align:center;
    font-size:12px;
}


.ribbon-container {
	position: relative;
	display: block;
	line-height: 1;
}
.ribbon-container .feature-image { border-top-left-radius: 0px; }

.ribbon-container img {
	/*vertical-align: middle;*/
}

.ribbon {
	font-size:16px;
    font-weight:bold;
    position: absolute;
    z-index:9999;
	top: 33px;
    width:101%;
	left: 0;
	margin-right: .5em;
	padding: .5em 1.5em .5em .75em;
	border-radius: 0 .2em .2em 0;
	background-color: #de3939;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%);
	box-shadow: inset 0 .062em 0 rgba(255,255,255,.6), 0 .125em .25em rgba(0,0,0,.2);
	color: #fff;
	text-shadow: 0 -.062em 0 rgba(0,0,0,.2);
	white-space: nowrap;
	transition: background-color .2s ease-in-out;
}

.ribbon:before,
.ribbon:after {
	position: absolute;
	background-color: inherit;
	content: "";
}

.ribbon:before {
	bottom: 0;
	left: -.5em;
	width: .5em;
	height: 2.5em;
	border-radius: 0 0 0 .6em;
	background-image: linear-gradient(to right, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 100%);
}

.ribbon:after {
	top: -1em;
	left: -.5em;
	width: .5em;
	height: 1em;
	border-radius: .5em 0 0 .5em;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 100%);
	box-shadow: 0 .062em 0 rgba(255,255,255,.6);
}

.ribbon-container:hover .ribbon {
    background-color: #ff0000;
}


/*Plain Ribbon - no wrap from side*/
.ribbon-plain {
	font-size:16px;
    font-weight:bold;
    position: absolute;
    z-index:9999;
	top: 0px;
    width:100%;
	right: 0px;
    height:35px;
	margin-left: .5em;
	padding: 10px 0 0 10px;
	border-radius: .1em;
	background-color: #de3939;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%);
	box-shadow: inset 0 .062em 0 rgba(255,255,255,.6), 0 .125em .25em rgba(0,0,0,.2);
	color: #fff;
	text-shadow: 0 -.062em 0 rgba(0,0,0,.2);
	white-space: nowrap;
	transition: background-color .2s ease-in-out;
}

.ribbon-plain:before,
.ribbon-plain:after {
	position: absolute;
	background-color: inherit;
	content: "";
}

.ribbon-container:hover .ribbon-plain {
    background-color: #ff0000;
}


/*RIGHT SIDE RIBBON*/
.ribbon-right {
	font-size:16px;
    font-weight:bold;
    position: absolute;
    z-index:9999;
	top: 165px;
    width:90%;
	right: 0;
	margin-left: .5em;
	padding: .5em .75em .5em 1.5em;
	border-radius: 0 0 .2em .2em;
	background-color: #de3939;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%);
	box-shadow: inset 0 .062em 0 rgba(255,255,255,.6), 0 .125em .25em rgba(0,0,0,.2);
	color: #fff;
	text-shadow: 0 -.062em 0 rgba(0,0,0,.2);
	white-space: nowrap;
	transition: background-color .2s ease-in-out;
}

.ribbon-right:before,
.ribbon-right:after {
	position: absolute;
	background-color: inherit;
	content: "";
}

.ribbon-right:before {
	bottom: 0;
	right: -.5em;
	width: .5em;
	height: 2.5em;
	border-radius: 0  0 .6em 0 ;
	background-image: linear-gradient(to left, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 100%);
}

.ribbon-right:after {
	top: -1em;
	right: -.5em;
	width: .5em;
	height: 1em;
	border-radius:  0 .5em .5em 0;
	background-image: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 100%);
	box-shadow: 0 .062em 0 rgba(255,255,255,.6);
}

.ribbon-container:hover .ribbon-right {
    background-color: #ff0000;
}



/*EVENT PROMOTION*/
/*-------------------------------------------------------------------------------------*/
.event-navbar-header {
    /*padding-left:0px;*/
}
.event-title-wrapper {
    /*float:right;*/
    /*margin-right:20px;*/
        padding-right:0px;
    margin-top:10px;
}
.event-title {
    font-size:40px;
    text-align:right;
    color:#333;
}
.event-title-link {
    font-size: 40px;
    text-align: right;
    display: none;
}
.event-title-date {
    font-size: 24px;
    /*margin-top:10px;*/
    text-align: right;
    color: #333;
    opacity: .8;
}

.bid-on-text {
    font-size: 20px;
    /*margin-top:10px;*/
    text-align: right;
    color: #333;
    opacity: .8;
    display: none;
}

.bid-on-text-raffle {
    font-size: 20px;
    /*margin-top:10px;*/
    text-align: right;
    color: #333;
    opacity: .8;
    display: none;
}


/*EVENT PROMO PAGE ITEMS*/
.raffle-item-title {
    text-align:center;
    padding-bottom:5px;
    margin-bottom:20px;
    border-bottom:3px solid #[$MenuBottomLine$];
    font-size:20px;
}
.auction-item-title {
    text-align:center;
    padding-bottom:5px;
    margin-bottom:20px;
    border-bottom:3px solid #[$MenuBottomLine$];
    font-size:20px;
}

.event-cert { margin-bottom: 40px; }
    .event-cert h5 { margin-bottom: 0; font-weight: 700; font-size: 13px; }
    .event-cert .img-thumbnail { margin-top: 10px; }
    .event-cert .event-cert-image { 
        width: 100%; height: 150px; 
        margin: 0 auto; overflow: hidden; 
        position: relative; 
        /*border-top-right-radius: 4px; border-top-left-radius: 4px;*/ 
    }
        .event-cert .event-cert-image img {
                min-height: 150%; min-width: 50%; 
                max-width: 380px; position: absolute; 
                top: -70%; bottom: -100%; left: -100%; 
                right: -100%; margin: auto; 
        }
    .event-cert .price { color: #000; margin: 0; float: right; font-size: 20px; font-weight: 700; width: 25%; text-align: right; }
        .event-cert .price span.small { color: rgb(60,135,195); font-size: .5em; vertical-align: middle; margin: .5em; }
    .event-cert .event-cert-card { 
        position: relative; overflow: hidden; max-width: 380px; min-height: 300px; 
        }
    .event-cert .currency { display: inline-block; font-size: 0.647059em; line-height: 2.18182em; position: relative; top: -0.294118em; }
    .event-cert .event-cert-box {
        line-height: 18px;
        padding: 5px 5px 5px 5px;
        width: 100%;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #888;
        min-height: 150px;
        background-color: #fff;
    }

        .event-cert .event-cert-box:hover, .event-cert .event-cert-card:hover { background: none repeat scroll 0 0 #d1eaff; color: #1f1f1f; }
        .event-cert .event-cert-box .box-title { width: 100%; float: left; font-weight: 500; color: rgb(60,135,195); }
        .event-cert .event-cert-box .box-subtitle { 
            clear: both; font-weight: 400; color: #000; 
            padding-top:5px;
            font-size: 12px; width: 100%; text-decoration: none;
            max-height:45px; overflow-y:clip;
        }
    .event-cert .event-cert-title {
        background-color:#[$MenuBackgroundColor$];
        color:#[$MenuTextColor$];
        padding:5px 10px;
        font-size:18px;
        font-weight:bold;
        width:100%;
        line-height:24px;
        overflow:hidden;
        height:34px;
        float:left;
    }
    .event-cert .event-cert-title .event-certtitle-text {
        float: left;
        width: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sponsor-cert .event-cert-title {
        background-color:#[$MenuBackgroundColor$];
        color:#[$MenuTextColor$];
        padding:5px 10px;
        font-size:18px;
        font-weight:bold;
        width:80%;
        line-height:24px;
        overflow:hidden;
        height:34px;
        float:left;
    }
    .event-cert .event-cert-details-link {
        background-color:#[$MenuBackgroundColor$];
        float:right;
        color:#[$MenuTextColor$];
        padding:5px 10px;
        font-size:12px;
        font-weight:normal;
        width:20%;
        text-align:right;
        line-height:24px;
    }
    .event-cert .event-cert-details-link:hover{
        text-decoration:underline;
    }

.event-cert-link:hover { text-decoration: none; }

.event-cert .lastminute-savings {
    position:absolute;
    bottom:0px;
    width:100%;
    /*color:#000;
    background-color:rgba(220, 47, 47, 0.4) ;*/
    background-color:#C83333;
    color:#fff;
    font-size:12px;
    padding:0px 5px;
    text-align:center;
    margin-left:-15px;
    /*opacity:.8;*/
}
.event-cert .event-cert-bid {
    position:absolute;
    bottom:0px;
    width:100%;
    color:#000;
    /*background-color:rgba(0, 0, 0, 0.2) ;*/
    border-top:1px dashed #ccc;
    font-size:16px;
    font-weight:bold;
    padding:10px 10px;
    text-align:left;
    margin-left:-10px;
    opacity:.8;
}
.event-cert .vacation-savings {
    position:absolute;
    bottom:0px;
    width:100%;
    color:#000;
    background-color:rgba(0, 0, 0, 0.2) ;
    font-size:12px;
    padding:0px 5px;
    text-align:center;
    margin-left:-15px;
    opacity:.8;
}

.event-cert .address {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 1px;
    color: #fff;
    left: 0;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    line-height:14px;
}

.event-cert .cert-headline {
    background-color: rgb(56,94,124);
    top: 0px;
    color: #fff;
    left: 0;
    padding: 4px 0;
    position: relative;
    text-align: center;
    width: 100%;
    line-height: 14px;
}

.event-cert-viewmore {
    margin-top:20px;
    text-align:center;
    font-size:12px;
}



#getInvolved {
    /*background-color:#E8F6FF;*/
    background-color: rgba(0,0,0,.05);
    /*opacity:;*/
    /*min-height:200px;*/
    margin-top:60px;
    /*padding-bottom:30px;*/
}
    #getInvolved .rowTitle {
        font-size: 24px;
        font-style:normal;
        padding-top:15px;
        padding-bottom:10px;
        line-height:30px;
    }
    #getInvolved p {
        font-size:14px;
    }
    #getInvolved .container {
        opacity:1;
        color:#000;
    }

#testimonials {
    /*padding: 10px 0 5px 10px;*/
    /*background-color: rgba(0,0,0,.05);*/
    /*color: #333;*/
    /*background-color: #333333;*/
    color: ##666;
    margin-top:2px;
}
        
#testimonials-header {
    margin-bottom: 5px;
    margin-right: 10px;
    padding-top: 2px;
    color: #333;
    font-weight: bold;
}

#testimonials-content {
    float:left;
    font-size: 18px;
    line-height: 23px;
    text-align:center;
    width:100%;
}
    #testimonials-content br {
        line-height:1.8em;
    }
.testimonial-quote {
    float:left;
    width:5%;
    color:#666;
    /*opacity:.6;*/
}
.testimonial-quote-circle {
    background-color: #ddd;
    border-radius: 30px;
    margin: 0 auto;
    padding: 8px 6px 4px 4px;
    width: 40px;
    height: 40px;
}
.testimonial-quote .left-quote{
    padding-left: 7px;
}
.testimonial-quote .right-quote{
    padding-left: 4px;
}

#homeTPFooter{
    background-color: rgba(0,0,0,.05);
    margin-top:80px;
    padding-bottom:40px;
    padding-top:20px;
    font-size:12px;
    border-top:1px solid #ccc;

}
#homeTPFooter h4{
    color:#666;
    font-weight:bold;
}




#homeFooter {
    background-color:#[$FooterBackgroundColor$];    /*2E6697;*/
    height:60px;
    padding-top:15px;
    color:#[$FooterTextColor$];
    display:none;
}
    #homeFooter a {
        color:#[$FooterTextColor$];
    }
#homeFooter .SiteBuilderImage { 
    background-image: url('/Content/images/travelpledge-sitebuilder-[$SiteBuilderImage$].png'); 
    background-repeat: no-repeat; 
    height: 30px; 
    width: 150px;
    text-align:right;
    position:absolute;
    right:0;
    /*margin:auto;*/
    /*position: absolute; 
    left: 840px; 
    margin-top: -4px;*/ 
    }

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

/*.footer {
  position: absolute;
  bottom: 0;
  width: 100%;*/
  /* Set the fixed height of the footer here */
  /*height: 60px;
}*/

/*CERTIFICATE DETAILS*/
/*-------------------------------------------------------------------------------------*/
.cert-detail-text {
    
}
.cert-detail-h2 {
    font-size:20px;
}
.cruise-certificate-item {
    background-color:#fff !important;
}
.certificate-top {
    /*background-color:#[$BoxHeaderBackgroundColor$] !important;
    color:#[$BoxHeaderTextColor$] !important;*/
}


/*MEMBER AREAS*/
.inform-propertyNotComplete { background-color: #FFFF9D; line-height: 18px;padding:6px 0px; margin: 15px 0px; }
.info-callout { border: 2px solid #8FD401; padding: 3px; color: #3A521F; background-color: #A2D959; }
.info-callout-blue { border: 2px solid #A5AAE4; padding: 3px; color: #000; background-color: #D6D8F3; }

.purchase-alert{
    border:2px solid #68BADA; 
    background-color: #90D8F0; 
    color: #152D8F; 
    padding: 20px; 
    margin-left: 50px; 
    margin-right: 50px; 
    margin-bottom: 20px;
}
.purchase-table {
}
.purchase-table td {
    padding: 0 20px 5px 0px;
}


/*ADMINISTRATION AREA*/
/*-------------------------------------------------------------------------------------*/
/*Center bootstrap modal windows on screen*/
.modal { text-align: center; padding: 0!important; }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; /* Adjusts for spacing */ }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

.tab-wrapper a {
    outline:none !important;
}

.banner-admin-links {
    color:#[$MenuTextColor$];
    padding-left:5px;
}
    .banner-admin-links a {
        color:#[$MenuTextColor$];
    }
    .banner-admin-links .charityName {
        float:left;
        text-align:left;
        width:60%;
        padding-left:5px;
        padding-top:8px;
        font-size:.8em;
    }

.banner-admin .title {
    opacity: 0.85;
    padding: 3px 5px 15px 5px;
    font-size:14px;
    float:left;
    line-height: 1.1em;
    /*letter-spacing:1px;*/
    color:#aaa;
    /*color:#[$BoxHeaderBackgroundColor$];*/
    /*background-color:#[$BoxHeaderTextColor$];*/
}
.banner-admin-logo {
    max-width:225px; 
    max-height:55px;
    margin-top:2px;
}
.banner-admin .tp-suitcase {
    float:left;
    margin-top:0px;
}

.banner-admin .tp-suitcase img{
    height:32px;
    filter:grayscale(90%);
    opacity:.4;
}
.banner-admin .admin-area-title {
    float:right;
    margin-top:25px
}

/*ADMIN NAVBAR*/
.admin-nav {
    border-bottom:0px;
}
.navbar-admin-topband {
    background-color: #3C87C3;
}
    .navbar-admin-topband .account-links {
        color:#[$MenuTextColor$];
        font-size:.8em;
        padding:8px 0;
    }
    .navbar-admin-topband .account-links a{
        color:#[$MenuTextColor$];
    }


.pltopNav {
    background-color: #3C87C3; /*#[$BoxHeaderBackgroundColor$];*/
    border:0px;
    margin: 0 0px 0 -20px;
    padding: 10px 0 0 0;
}
    .pltopNav .navbar {
        border-bottom:0px;
    }
.pltopNav h2 {
    color: #[$BoxHeaderTextColor$];
    }

.pladmin-menu {
    font-size:16px;
    border-bottom:0px;
    border-bottom-color:#fff;
}
.pladmin-menu .navbar-nav > li {
    margin-right:5px;
    padding: 0 8px;
    background-color:#ddd;
}

.pladmin-menu .navbar-nav > li > a {
    color: #000; /*[$BodyHeadlineColor$];*/
    opacity:.6;
    border-bottom:0px;
    padding-bottom:6px;
    padding-top:6px;
}
.pladmin-menu .navbar-nav > .active {
    background-color:#fff;
}
.pladmin-menu .navbar-nav > .active > a, 
.pladmin-menu .navbar-nav > .active > a:focus, 
.pladmin-menu .navbar-nav > .active > a:hover {
    background-color: #fff;
    color: #000; /*[$BodyHeadlineColor$];*/
    border-bottom:0px;
    opacity:1;
}
    .pladmin-menu .navbar-nav > .open > a,
    .pladmin-menu .navbar-nav > .open > a:focus,
    .pladmin-menu .navbar-nav > .open > a:hover {
        background-color: #fff;
        color: #000; /*[$BodyHeadlineColor$];*/
        opacity: 1;
    }
    .pladmin-menu .navbar-nav > li > a:focus,
    .pladmin-menu .navbar-nav > li > a:hover {
        background-color: transparent;
        color: white; /*[$BodyHeadlineColor$];*/
        opacity: 1;
    }
.pladmin-menu .navbar-bottom {
    padding-top:60px;
    position:relative;
    text-align:right;
}
    .pladmin-menu .navbar-bottom .li-bottom {
        position:relative;
        bottom:2px;
    }

@media (max-width:767px) {
    .pl-admin-panel__menu {
        top: 0;
    }

    .pladmin-menu {
        color: black;
        background-color: white;
        border: 1px solid #666;
    }

        .pladmin-menu .navbar-nav > li {
            color: black;
            background-color: white;
        }
}
/*ADMIN LEFT NAV IN PAGE*/
.left-nav-tabs{
    display:none;
}
.tab-title {
    background-color: #efefef;
    padding: 10px 0px 10px 15px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 250px;
    font-size: 16px;
}
.tab-nav-icon {
    float: left;
    width: 25px;
    color: #666;
    text-align:center;
    padding-right:10px;
}

.tab-nav-text {
    float: left;
}
.correct-for-bs-row-padding{
    margin-left:10px;
}
.ui-tabs-vertical {
    /*width: 98%;*/
}
    .ui-tabs-vertical tab-content{
        /*padding-left:30px;*/
    }
    .ui-tabs-vertical .ui-tabs-nav {
        padding: .2em .1em .2em .2em;
        float: left;
        width: 12em;
    }

        .ui-tabs-vertical .ui-tabs-nav li {
            clear: left;
            width: 100%;
            border-bottom-width: 1px !important;
            border-right-width: 0 !important;
            margin: 0 -1px .2em 0;
        }
            .ui-tabs-vertical .ui-tabs-nav li:focus,
            .ui-tabs-vertical .ui-tabs-nav li:hover,
            .ui-tabs-vertical .ui-tabs-nav li a:focus,
            .ui-tabs-vertical .ui-tabs-nav li a:hover {
                outline: none;
            }
            .ui-tabs-vertical .ui-tabs-nav li a {
                display: block;
                outline: none;
            }
                .ui-tabs-vertical .ui-tabs-nav li a .tab-nav-text:hover {
                    text-decoration:underline;
                }
            .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
                padding-bottom: 0;
                padding-right: .1em;
                border-right-width: 1px;
            }

    .ui-tabs-vertical .ui-tabs-panel {
        padding: 0px;
        float: right;
    }


.ui-tabs .ui-tabs-nav li.ui-tabs-active a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a
{
    cursor:pointer;
}
.ui-tabs {
    background-color: #fff;
}

.ui-tabs-panel {
    background-color: #fff;
}

.ui-widget-header, .ui-widget-content {
    background-color: #fff;
    background-image: none;
    border: 0px;
}

.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border: 0px !important;
    padding-bottom: 0px;
    margin-bottom: 2px;
}

.ui-tabs .ui-tabs-nav {
    padding: 0 5px 20px 0px;
    border: 1px solid #ccc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.ui-tabs-vertical .ui-tabs-panel {
    width: 100%;
    padding: 0 0 10px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.ui-tabs-vertical .ui-tabs-nav {
    width: 250px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #fff;
    background-image: none;
    color: #666;
    font-weight: normal;
    border-radius: 0px;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: #fff;
    font-weight: 700;
    border-radius: 0px;
}

.ui-widget-content a {
    color: #337ab7 !important;
}

.ui-state-default a:link {
    color: #666;
}

.ui-state-active a:link {
    color: #000;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 10px 15px;
}

.ui-tabs .ui-tabs-panel {
    /*border-top:1px solid #ccc;a*/
}

.settings-menu-body .tab-settings{

}
.settings-menu-body .tab-normal{
    font-weight:normal;
}
.settings-menu-body .tab-bold {
    font-weight: bold;
}

/*ADMIN CONTENT AREA*/
.admin-content h1, .admin-content h2, .admin-content h3, .admin-content h4 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.button-primary {
    background-color:#3a79b8;
    color:white;
    font-size:20px;
    padding:16px 80px;
    min-width:400px;
}
    .button-primary:link, .button-primary:active, .button-primary:visited {
        color:#fff;
    }
.button-primary:hover {
    opacity:.9;
}

div.InfoMsg { border: 1px solid #ccc; background-color: #D6D8F3; margin-bottom: 5px; padding: 10px; border-radius:4px; }
div.InfoMsgYellow { border: 1px solid #ccc; background-color: #FBF9C6; margin-bottom: 5px; padding: 10px; border-radius:4px;}
div.InfoMsgOrange { border: 0px solid #ccc; background-color: #FFEFBF; margin-bottom: 5px; padding: 10px; border-radius:4px; }
div.InfoMsgGreen { border: 1px solid #ccc; background-color: #CFFFBF; margin-bottom: 5px; padding: 10px; border-radius:4px; }

.event-tally-wrapper {
    float:right;
    text-align:center;
    margin-top:-10px;
    margin-bottom:0px;
}
.event-tally-title {
    font-size:14px;
    letter-spacing:1px;
    color:#337ab7;
}
.event-tally-number {
    font-size:32px;
    line-height:32px;
    color:#337ab7;
    margin-bottom:5px;
}
.event-tally-exp, .event-tally-exp a {
    font-size:11px;
    color:#337ab7;
}
/*    #activeEvent {
        margin-bottom:50px;
    }*/
    #checkoutBegin {
        margin-bottom:30px;
    }

.btn-add-more{
    float:right;

}
.items-selected-title{
    margin-bottom:4px;
    margin-top:15px;
    display:none;
}
.add-more-wrapper{
    text-align:right;
}

/*EXPERIENCE LIST*/
.eventExperiences .cert-wrapper {
    margin-bottom:20px;
}
    .eventExperiences .cert-wrapper .certificate {
        border:1px solid #ccc; 
        height:200px;
        background-color:#eee;
        text-align:center;
        padding:20px;
    }

.plEvent-cert { margin-bottom: 40px; }
    .plEvent-cert h5 { margin-bottom: 0; font-weight: 700; font-size: 13px; }
    .plEvent-cert .img-thumbnail { margin-top: 10px; }
    .plEvent-cert .plEvent-cert-image { 
        width: 100%; height: 130px; 
        margin: 0 auto; overflow: hidden; 
        position: relative; 
        /*border-top-right-radius: 4px; border-top-left-radius: 4px;*/ 
    }
        .plEvent-cert .plEvent-cert-image img {
                min-height: 150%; min-width: 50%; 
                max-width: 380px; position: absolute; 
                top: -70%; bottom: -100%; left: -100%; 
                right: -100%; margin: auto; 
        }

/* --------------------------------------------------------------------------------- */
/*Gift Card Specific styles*/
.invtype-giftcard .plEvent-cert-image img {
    min-height: 90%; min-width: 50%; 
    max-height:130px; max-width: 380px; position: absolute; 
    top: 0%; bottom: 0%; left: 0%; 
    right: 0%; margin: auto; 
}
.invtype-giftcard .plEvent-cert-image {
    background-color:#F8F8F8;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
}
    .invtype-giftcard .plEvent-cert-image .address {
        height:38px;
    }
    .invtype-giftcard .plEvent-cert-image .address .subaddress {
        display:none;
    }
/* --------------------------------------------------------------------------------- */

    .plEvent-cert .price { color: #000; margin: 0; float: right; font-size: 20px; font-weight: 700; width: 25%; text-align: right; }
        .plEvent-cert .price span.small { color: rgb(60,135,195); font-size: .5em; vertical-align: middle; margin: .5em; }
    .plEvent-cert .plEvent-cert-card { 
        position: relative; 
        overflow: hidden; 
        max-width: 380px; 
        min-height: 290px; 
        }
    .plEvent-cert .currency { display: inline-block; font-size: 0.647059em; line-height: 2.18182em; position: relative; top: -0.294118em; }
    .plEvent-cert .plEvent-cert-box { 
        line-height:18px; 
        padding: 10px 10px 10px 10px; 
        width: 100%; 
        border-left: 1px solid #ddd; border-right: 1px solid #ddd;
        border-bottom: 1px solid #888; 
        min-height: 130px; 
        background-color:#fff;
    }
    .plEvent-cert .plEvent-cert-box-tall {
        padding-top:5px; 
        min-height:130px;
    }
        /*.plEvent-cert .plEvent-cert-box:hover, .plEvent-cert .plEvent-cert-card:hover { background: none repeat scroll 0 0 #d1eaff; color: #1f1f1f; }*/
        .plEvent-cert .plEvent-cert-box .box-title { width: 100%; float: left; font-weight: 500; color: rgb(60,135,195); }
        .plEvent-cert .plEvent-cert-box .box-subtitle { 
            clear: both; font-weight: 400; color: #000; 
            padding-top:5px;
            font-size: 12px; width: 100%; text-decoration: none; }
.plEvent-cert .plEvent-cert-title {
    background-color: #666; /*#[$MenuBackgroundColor$];*/
    color:#fff; /*#[$MenuTextColor$];*/
    padding: 5px 0px 5px 15px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    /*text-overflow:ellipsis;*/
    line-height: 20px;
}
    .plEvent-cert .plEvent-cert-title-border{
        border-top:1px solid #ccc;
        border-right:1px solid #ccc;
        border-left:1px solid #ccc;

    }
        .plEvent-cert .plEvent-cert-title .plEvent-certtitle-text {
            float:left;width:90%;
            white-space:nowrap; 
            overflow:hidden;
            text-overflow:ellipsis;
        }
    .raffle-cert .plEvent-cert-title {
        padding-bottom:7px;
    }

    .plEvent-cert .plEvent-cert-remove {
        float:right;
        padding-right:4px;
        padding-top:2px;
    }
    .plEvent-cert .plEvent-cert-remove a{
        color:#[$MenuTextColor$];
        opacity:.5;
    }
        .plEvent-cert .plEvent-cert-remove a:hover, .plEvent-cert .plEvent-cert-remove a:active{
            opacity:1;
        }
    .plEvent-cert .export-link-wrapper{
        clear:both;
        text-align:center;
        font-size:11px;
        padding-top:4px;
    }
    .qtipExportLink, .edit-category-link, .plEvent-cert .export-link-wrapper a{
        color:#aaa;
    }

        .qtipExportLink:hover, .edit-category-link:hover, .plEvent-cert .export-link-wrapper a:hover {
            color: #337ab7;
        }

    .qtip-convert-link {
        color: #aaa;
        margin-right: 5px;
    }

    .qtip-convert-link:hover {
        color: #337ab7;
    }

    .cert-details-modal .qtip-title {
        text-align:right;
    }
    .cert-details-modal .qtip-close{
        display:none;
    }

/*Recently Added Getaways styles*/
.recently-added-items .cert-card .cert-title {
    background-color: #[$MenuBackgroundColor$];
    color: #[$MenuTextColor$];
    padding: 5px 0px 5px 15px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    line-height: 20px;
}


.plEvent-cert-link:hover { text-decoration: none; }

.plEvent-cert .lastminute-savings {
    position:absolute;
    bottom:0px;
    width:100%;
    /*color:#000;
    background-color:rgba(220, 47, 47, 0.4) ;*/
    background-color:#C83333;
    color:#fff;
    font-size:12px;
    padding:0px 5px;
    text-align:center;
    margin-left:-15px;
    /*opacity:.8;*/
}
.plEvent-cert .plEvent-cert-bid {
    position:absolute;
    bottom:0px;
    width:100%;
    color:#000;
    /*background-color:rgba(0, 0, 0, 0.2) ;*/
    border-top:1px dashed #ccc;
    font-size:12px;
    font-weight:700;
    padding:5px 4px 8px 10px;
    text-align:left;
    margin-left:-10px;
    /*opacity:.7;*/
}
    .plEvent-cert .plEvent-cert-bid a {
        /*color: #23527C;*/
    }
    .plEvent-cert .plEvent-cert-bid span {
        font-size: 16px;
    }
.plEvent-cert .plEvent-cert-sponsored {
    position:absolute;
    bottom:0px;
    width:101%;
    color:#fff;
    background-color:#008C46 ;
    border-top:1px dashed #ccc;
    font-size:14px;
    font-weight:700;
    padding:8px 15px;
    text-align:left;
    margin-left:-15px;
    xopacity:.7;
}
.plEvent-cert .plEvent-cert-sponsored-top {
    position:absolute;
    top:0px;
    width:101%;
    color:#fff;
    background-color:rgba(0, 140, 70, 0.7) ;
    /*border-top:1px dashed #ccc;*/
    font-size:13px;
    font-weight:700;
    padding:8px 15px 8px 5px;
    text-align:center;
    margin-left:0px;
    /*opacity:.7;*/
    /*height:20px;*/
}

.cert-sponsored-wrap {
    position: relative;
    top: 0px;
    width: 101%;
    color: #fff;
    background-color: rgba(0, 140, 70, 0.7);    
    font-size: 13px;
    font-weight: 700;
    padding: 8px 15px 8px 5px;
    text-align: center;
    margin-left: 0px;
}

.item-number {
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / 50%);
    padding: 0px 6px;
    top: 88%;
    font-size: 17px;
}
.item-availability-active {
    display:none;
}
.item-availability-inactive {
    display: inline;
    color: white;
    position: absolute;
    /*bottom: 0;*/
    left: 0;
    background-color: rgb(107 81 81 / 50%);
    padding: 0px 6px;
    top: 75%;
    font-size: 17px;
    cursor: pointer;
}
.item-availability-hidden {
    display: inline;
    color: white;
    position: absolute;
    /*bottom: 0;*/
    left: 0;
    background-color: rgb(237 28 28 / 50%);
    padding: 0px 6px;
    top: 75%;
    font-size: 17px;
    cursor: pointer;
} 
.plEvent-cert .plEvent-cert-sponsored-amounts {
    position: absolute;
    bottom: 1px;
    width: 100%;
    color: #056515;
    /*background-color:#e1fcd9;*/
    background-color: #b9f1a9;
    border-top: 1px dashed #ccc;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 4px 8px 10px;
    text-align: left;
    margin-left: -10px;
    opacity: .8;
}
.plEvent-cert .plEvent-cert-value {
    position:absolute;
    bottom:0px;
    width:102%;
    color:#000;
    background-color:rgba(253, 169, 89, 0.3);
    border-top:1px dashed #ccc;
    font-size:14px;
    font-weight:normal;
    padding-top: 8px;
    padding-right: 5px;
    padding-bottom: 8px;
    padding-left: 15px;
    text-align:left;
    margin-left:-15px;
    opacity:.7;
}
.plEvent-cert .plEvent-cert-type {
    float:right;
    text-align:right;
}
.plEvent-cert .plEvent-cert-type-left {
    float:left;
    text-align:left;
    padding-right:5px;
}

.plEvent-cert .auction, .plEvent-cert-add .auction{
    color:#8a5b29;
    cursor:default;
}
.plEvent-cert .raffle, .plEvent-cert-add .raffle{
    color:#fc8512;
    cursor:default;
}
.plEvent-cert .sponsored, .plEvent-cert-add .sponsored{
    color:#fef776;
    cursor:default;
}
.plEvent-cert .vacation-savings {
    position:absolute;
    bottom:0px;
    width:100%;
    color:#000;
    background-color:rgba(0, 0, 0, 0.2) ;
    font-size:12px;
    padding:0px 5px;
    text-align:center;
    margin-left:-15px;
    opacity:.8;
}

.plEvent-cert .address {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 1px;
    color: #fff;
    left: 0;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    line-height:14px;
}

.plEvent-cert .cert-headline {
    background-color: rgba(56,94,124,0.9);
    top: 0px;
    color: #fff;
    left: 0;
    padding: 4px;
    position: relative;
    text-align: center;
    width: 100%;
    line-height: 16px;
    /*opacity:.8;*/
}
.pl-event-cert .cert-headline a {
    color: #fff;
}

.plEvent-cert .cert-headline-donated {
    background-color: rgb(56,94,124);
    top: 0px;
    color: #fff;
    left: 0;
    padding: 4px;
    position: relative;
    text-align: center;
    width: 100%;
    line-height: 16px;
    min-height: 42px;
    opacity: .8;
}

.cert-font-title {
    font-size: 16px;
    font-weight: bold;
    overflow-wrap: break-word;
}
.subaddress {
    font-size: 10px;
}
.remove-cert-icon {
    position: absolute;
    right: 0px;
    bottom: 3px;
    float: right;
    display: inline-block;
    font-size: 16px;
}

.remove-cert-icon a {
    color: white;
    opacity: 0.7;
    margin-right: 3px;
}

.plEvent-cert .btn-manual-selected {
    color: green;
    float: left;
    margin-left: 20px;
    font-size: 20px;
    cursor: pointer;
}

.plEvent-cert .btn-removed-cert {
    color: red;
    float: right;
    margin-right: 20px;
    font-size: 20px;
    cursor: pointer;
}

.suggested-text {
    text-align: center;
    color: #333;
    display: inline-block;
    margin-left: 10px;
}

.plEvent-cert-viewmore {
    margin-top:20px;
    text-align:center;
    font-size:12px;
}

.plEvent-cert-add {
    position: relative; 
    overflow: hidden; 
    max-width: 380px; 
    min-height: 135px; 
    opacity:.6;
}
    .plEvent-cert-add a:hover, .plEvent-cert-add a:active {
        text-decoration:none;
    }
    .plEvent-cert-add:hover {
        opacity:1;
    }
    .plEvent-cert-add .add-auction {
        border:1px solid #666;
        background-color:#efefef;
        min-height:130px;
        padding:10px;
        text-align:center;
        font-size:18px;

    }
        .plEvent-cert-add .add-auction:hover {
            background-color:rgb(165, 207, 241)
        }
    .plEvent-cert-add .add-raffle {
        border:1px solid #666;
        background-color:#eee;
        min-height:130px;
        padding:10px;
        text-align:center;
        font-size:18px;
   }
        .plEvent-cert-add .add-raffle:hover {
            background-color:rgb(165, 207, 241)
        }

    .plEvent-cert-add .plus-sign {
        margin-top:15px;
        height:45px;
        display:block;
        width:100%;
        text-align:center;
        margin-right:10px;
    }
    .plEvent-cert-add .add-icon {
        display:none;
        margin-top:-10px;
        height:45px;
        /*display:inline-block;*/
        width:40%;
        text-align:left;
    }

        .plEvent-cert-add .add-icon img {
            width:50px;
        }


.action-icons .cert-icon  {
    border:1px solid #ddd;
    width:23%;
    margin:0px 1% 5px 1%;
    padding:15px 5px 5px 5px;
    text-align:center;
    height:60px;
    float:left;
    font-size:11px;
    line-height:12px;
}
    .action-icons .cert-icon:hover {
        background: none repeat scroll 0 0 #d1eaff; 
        /*color: #0085B2;*/ 
    }
    .action-icons .cert-icon br {
        content: "A" !important;
        display: block !important;
        margin-bottom: 5px !important;
    }

.plEvent-cert-box-tall .action-icons .cert-icon {
    height:40px;
    padding:5px 5px 5px 5px;
}

.action-icons .fa {
    width:20px;
    text-align:center;
}
.action-icons .cert-icon a {
    color:#5498CF;
}
.action-icons .cert-icon a:hover, .action-icons .cert-icon a:focus{
    color:#337ab7;
}

/*.action-icons .icon-flyer:hover, .action-icons .icon-flyer i:hover{
    color:red;
}
.action-icons .icon-info i:hover{
    color:blue;
}
.action-icons .icon-photos i:hover{
    color:orange;
}
.action-icons .icon-video i:hover{
    color:green;
}*/

table.Default { border: 0; width: 100%; margin: 0; padding: 0; }
    table.Default tr td { text-align: left; vertical-align: top; margin: 0; padding: 0 2px; }
    table.Default tr th { text-align: left; vertical-align: bottom; margin: 0; padding: 2px; }

.tableAmounts {
    font-size:1.2em;
}
.tableAmounts td {
    text-align:right;
    height:25px;
}
.tableAmounts td:last-child {
    padding-left:5px;
}

.ui-icon-close  {
    background: none !important;
    background-color:#305b8f !important;
    color: #fff !important;
    font-size:24px !important;
    font-weight:bold !important;
    height: 30px !important;
    width: 30px !important;
    padding-top:8px;
    border-radius: 50% !important;
    border:1px solid #fff;
}
.adminIconPanel {
    float: left;
    width: 25%;
    border: 0px solid gray;
    padding: 5px;
    margin-right: 10px;
    text-align: center;
}


.qtip-example-wrapper {
    padding:5px;
    background-color:#305b8f;
    color:#fff; 
    line-height:1.3em; 
    font-size:1.8em; 
    font-weight:bold;
    margin-bottom:10px;
}
    .qtip-example-wrapper .fa-usd {
        color:#fff;
    }
.qtip-example-title {
    padding-left:10px;
    text-align:left;
    color:#fff
}
.qtip-subtitle {
    font-size:12px;
    font-weight:normal;
    line-height:13px;
    margin-top:2px;
    margin-bottom:2px;
}


#rightColumn {
    width:100%;
}


.qtip-example-amount-label {
    padding-right:10px;
    min-width:50px;
}

.qtip-example-amount-value {
    padding-left: 10px;
    min-width: 50px;
}

.qtip-winbid {
    color:#21944a;
}
.qtip-example-amount-data {
    padding-right:5px;
}
.qtip-example-amount-hint {
    padding-right:5px;
    font-size:.7em;
    color:#666;
    text-align:left !important;
    font-weight:normal;
}
.qtip-example-percentage-hint {
    font-size: .7em;
    color: #666;
    text-align: left !important;
    font-weight: normal;
}
.qtip-amount-percent {
    border: 1px solid #ccc;
}
.qtip-example-highlight {
    color: #21944a;
    font-weight: bold;
}

.qtip-example-note {
    margin:15px auto;
    width:95%;
    border:1px solid #ccc;
    font-size:12px;
    padding:6px 6px;
    line-height:1.3em;
    text-align: center;
}
.qtip-example-note-overRetail {
    display:none;
    margin:15px auto;
    width:84%;
    border:1px solid #21944a;
    font-size:12px;
    padding:5px;
    line-height:1.3em;
}

.qtip-note-highlight {
    text-align: left;
    border-color: #21944a;
}

.font-style-italic {
    font-style: italic;
}

/*Custom FancyBox navigation overrides - to make nav arrows always show, but slightly transparent*/
.fancybox-nav span{
    visibility: visible !important;
}
.fancybox-nav {
    opacity:.4;
}
.fancybox-nav:hover {
    opacity:1;
}

/*Invoice styles*/
/*.admin-invoice h1 {
    font-size:20px;
    margin:0px;
}
*/
.admin-invoice .AjaxTableView {
*/
    font-size:12px;
}

.invoicepmt {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:36px;
	line-height:36px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
.invoicepmt:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
    color: #FFFFFF;
}
.invoicepmt:active {
	position:relative;
	top:1px;
}
.invoicepmt a:hover, .invoicepmt a:focus{
    color: #FFFFFF;
}

.ach-invoicepmt{
    width: fit-content;
    padding-left: 10px;
    padding-right: 10px;
}

.dropshadow {
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.invoiceSheet { 
     /*border: 1px solid #D0D0D0; */
     padding-left: 10px; 
     padding-right: 10px; 
     padding-top: 0; 
     color: #000; 
    /*-moz-box-shadow: 3px 3px 2px 5px #999; -webkit-box-shadow: 3px 3px 2px 5px #999; box-shadow: 3px 3px 2px 1px #999; */
    /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
    /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 
}

/*Invoice Paymnets*/
.payment_area label {
    display:block;
}

.payment-area__img {
    position: absolute;
    right: 90px;
    top: 25px;
}

.payment-area__payment-info {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 15px;
}

.payment-area__notification-texts {
    font-size: 1.2em
}

.RateInfo .BoxLightShaded {
    width: 185px;
}
.seals-holder { position: relative; }
.ssl-seals { margin-top:20px;}
    .ssl-seals .AuthorizeNetSeal { padding-left: 45px; padding-top: 15px; }



.BoxHeaderDarkShaded {
    border-bottom:1px solid #ccc;
    margin-bottom:5px;
}

/***************** How It Works Styles ***********************/

    .wrapper-nonprofit{
        margin-top:100px;
        padding:20px;
        border:1px solid #ddd;
        box-shadow:0 1px 1px 0 rgba(0,0,0,0.4);
        background: linear-gradient(to bottom,#70A2DE 0,#FBFBFF 100%);
        /*background:url(/content/images/beachbackground.png) no-repeat;*/
    }
        .wrapper-nonprofit ul {
            -moz-padding-start: 0px;
        }
    .wrapper-individual{
        margin-top:100px;
        padding:20px;
        border:1px solid #ddd;
        box-shadow:0 1px 1px 0 rgba(0,0,0,0.4);
        background: linear-gradient(to bottom,#70A2DE 0,#FBFBFF 100%);
        /*background:url(/content/images/beachbackground.png) no-repeat;*/
    }
    .inner-content {
        padding:0 30px 50px 30px;
    }
    .blocks {
        margin-top:-80px;
        text-align:center;
        vertical-align:top;
    }
        .img-shadow {
            border-radius:5px;
            box-shadow:2px 2px 10px #888;
            xmargin:auto;
        }
    ul.blocks li {
        display:inline-block;
        text-align:left;
        list-style:none;
        width:10%;
        min-width:145px;
        height:180px;
        margin-right:30px;
        margin-bottom:20px;
        padding:10px 6px;
        border-radius:5px;
        position:relative;
        vertical-align:top;

        background: rgb(106,146,196);
        background: -moz-linear-gradient(top,  rgba(106,146,196,1) 0%, rgba(0,93,159,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,146,196,1)), color-stop(100%,rgba(0,93,159,1)));
        background: -webkit-linear-gradient(top,  rgba(106,146,196,1) 0%,rgba(0,93,159,1) 100%);
        background: -o-linear-gradient(top,  rgba(106,146,196,1) 0%,rgba(0,93,159,1) 100%);
        background: -ms-linear-gradient(top,  rgba(106,146,196,1) 0%,rgba(0,93,159,1) 100%);
        background: linear-gradient(to bottom,  rgba(106,146,196,1) 0%,rgba(0,93,159,1) 100%);

        border:2px solid #fff;

        -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.5);
        box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.5);
    }
 
    .last-item {
        margin-left:10px;
        position:relative !important;
    }
    .promote-block {
        background: rgb(247,151,94) !important;
        background: -moz-linear-gradient(top,  rgba(247,151,94,1) 0%, rgba(242,104,21,1) 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,151,94,1)), color-stop(100%,rgba(242,104,21,1))) !important;
        background: -webkit-linear-gradient(top,  rgba(247,151,94,1) 0%,rgba(242,104,21,1) 100%) !important;
        background: -o-linear-gradient(top,  rgba(247,151,94,1) 0%,rgba(242,104,21,1) 100%) !important;
        background: -ms-linear-gradient(top,  rgba(247,151,94,1) 0%,rgba(242,104,21,1) 100%) !important;
        background: linear-gradient(to bottom,  rgba(247,151,94,1) 0%,rgba(242,104,21,1) 100%) !important;
    }

    ul.blocks li .icon {
        display:block;
        text-align:center;
        font-size:40px;
        line-height:53px;
        font-weight:normal;
        color:#fff;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
        margin-bottom:6px;
    }

    ul.blocks li .icon.icon-speech-check {
        font-size:49px;
        line-height:63px;
    }

    ul.blocks li h4 {
        color:#fff3be;
        font-size:16px;
        font-weight:600;
        line-height:20px;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
        margin-bottom:4px;
    }
    ul.blocks li p {
        color:#fff;
        font-size:12px;
        line-height:20px;
        margin-bottom:0px;
    }
    ul.blocks .sub-text {
        color:#fff;
        font-size:11px;
        line-height:14px;
        height:65px;
    }
    .block-image {
        border:1px solid #ccc;
        box-shadow:2px 2px 2px #666;
        border-radius:4px;
        max-width:250px;
    }

/************** End How It Works  Styles *********************/


/************** BEGIN Search Results  Styles *********************/

.plContentTabs {
    margin-top:0px;
}
.plContentTabs li {
	list-style:none;
	display:inline;
    float:left;
    padding-right:3px;
}
.plContentTabs a {
	padding:5px 10px;
	display:inline-block;
	background:#f5f5f5;
	color:#555;
	text-decoration:none;
    font-size:1.2em;
    /*width:120px;*/
    text-align:center;
    border-left:1px solid gray;
    border-top:1px solid gray;
    border-right:1px solid gray;
    border-bottom:1px solid gray;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.plContentTabs a.active {
	background:#fff;
	color:#000;
    font-weight:bold;
    border-bottom:1px solid white;

}

/*Public search results tabs*/
.plContentTabs-public {
    margin-top:0px;
}
.plContentTabs-public li {
	list-style:none;
	display:inline;
    float:left;
    padding-right:3px;
}
.plContentTabs-public a {
	padding:5px 10px;
	display:inline-block;
	background:#f5f5f5;
	color:#555;
	text-decoration:none;
    font-size:1.2em;
    /*width:120px;*/
    text-align:center;
    border-left:1px solid gray;
    border-top:1px solid gray;
    border-right:1px solid gray;
    border-bottom:1px solid gray;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.plContentTabs-public a.active {
	background:#fff;
	color:#000;
    font-weight:bold;
    border-bottom:1px solid white;

}
.plContentTabs-raffle{
    float:right;
    margin-top:8px;
    margin-bottom:0px;
    padding-left:0px;
}
.plContentTabs-raffle li{
    list-style:none;
    display:inline;
    font-size:.8em;
}

.clBackArrow {
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
	text-indent:0px;
	border:1px solid #ddd;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	width:30px;
    height:30px;
	text-decoration:none;
	text-align:center;
}.clBackArrow:hover {
	background-color:#e9e9e9;
}.clBackArrow:active {
	position:relative;
	top:1px;
}
    .clBackArrow img {
        height:24px; 
        padding-top:4px;
    }

.more-details, .amount-details {
    font-size:12px;
}
    .more-details .cert-detail-text, .more-details .restrictions-text {
        font-size: 14px;
    }

.searchBox-Wrapper {
    background-color: #F7F7F7; 
    padding: 10px;
    margin-bottom:25px;
}
    .searchBox-Wrapper h2 {
        margin-bottom:0px;
    }

.btn-select-item {
    min-width:100px;
}
.vacation-action-area, .lesson-action-area, .cruise-action-area {
    float:left;
    width:160px;
    text-align:center;
}
/************** END Search Results  Styles *********************/


/************** Begin Auction Golf Search results Styles *********************/
.course-info {
    font-size:12px;
}
.course-info .colhead-1 {
    float: left; width: 40%;
}
.course-info .colhead-2 {
    float: left; width: 20%;  text-align: center;
}
.course-info .colhead-3 {
    float: left; width: 20%;  text-align: center;
}
.course-info .colhead-4 {
    float: left; width: 15%; 
}
.course-info .group-size {
    float: left; 
    width: 10%;
}
.course-info .fee-details {
    float: left; 
    width: 30%; 
    padding-left: 10px
}
.course-info .course-note {
    color: blue;
}
.course-info .retail-value {
    float: left; 
    width: 20%; 
    text-align: center;
    font-weight:700;
    font-size:1.4em;
}
.course-info .charity-amount {
    float: left; 
    width: 20%; 
    text-align: center;
    font-weight:400;
    font-size:1.1em;
}

.course-info .claim-area {
    float:left; 
    width: 20%; 
    text-align:right;
}
.course-info .row-odd {
    background-color:#efefef;
    padding: 5px;
    /*border-top:1px dashed #aaa;*/
    margin-bottom:5px;
}
.course-info .row-even {
    background-color:#efefef;
    padding: 5px;
    /*border-top:1px dashed #aaa;*/
}
/************** End Auction Golf Search results  Styles *********************/

.search-results-reminder {
    margin:50px 100px 10px 100px;
    padding:15px;
    border:1px solid #ccc;
    border-radius:3px;
}

.return-dashboard {
    margin-bottom: 35px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

.return-dashboard__icon {
    margin-right: 10px;
    color: #337ab7;
}

.return-dashboard__text {
    color: #337ab7;
}

/*CHECKOUT WIZARD STEPS*/
.wizard-steps{
    margin-top:10px;
    padding-bottom:65px;
}
.wizard-steps ol {
    position: relative;
    /*overflow: hidden;*/
    counter-reset: wizard;
    padding-left: 0px;
}

.wizard-steps li {
    position: relative;
    float: left;
    width: 25%;
    text-align: left;
    color: #666;
    line-height:0px;
}

.acutioneer-wizard-steps li{
    width: 20%;
}

.wizard-steps.checkout-custom li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.wizard-steps.checkout-custom li:before {
    counter-increment: wizard;
    content: counter(wizard);
    display: block;
    color: white;
    background-color: rgb(25,126,193);
    border: 2px solid rgb(25,126,193);
    text-align: center;
    width: 2em;
    height: 2em;
    line-height: 1.8em;
    border-radius: 2em;
    position: relative;
    margin-bottom: 1em;
    z-index: 1;
    left: 0;
    margin-left: 0;
}

.wizard-steps.checkout-custom li + li:after {
    content: "";
    display: block;
    width: 100%;
    background-color: rgb(25,126,193);
    height: 2px;
    position: absolute;
    left: -42%;
    top: 1em;
    z-index: 0;
}

.wizard-steps .current ~ li {
    color: #ccc;
}
.wizard-steps li::marker{
    content:none;
}
.wizard-steps li:before {
    counter-increment: wizard;
    content: counter(wizard);
    display: block;
    color: white;
    background-color: rgb(25,126,193);
    border: 2px solid rgb(25,126,193);
    text-align: center;
    width: 2em;
    height: 2em;
    line-height: 1.8em;
    border-radius: 2em;
    position: relative;
    left: 0;
    margin-bottom: 1em;
    margin-left: 0;
    z-index: 1;
}

.wizard-steps .current ~ li:before {
    background-color: #fff;
    color: #ccc;
    border-color: #ccc;
}
/*.wizard-steps li:after {
    content: "";
    display: block;
    width: 100%;
    background-color: rgb(25,126,193);
    height: 2px;
    position: absolute;
    left: -50%;
    top: 1em;
    z-index: 0;
}*/
.wizard-steps li + li:after {
    content: "";
    display: block;
    width: 100%;
    background-color: rgb(25,126,193);
    height: 2px;
    position: absolute;
    left: -100%;
    top: 13px;
    z-index: 0;
}

.wizard-steps .current ~ li:after {
    background-color: #ccc;
}

.wizard-steps.checkout-custom .current ~ li:after {
    background-color: #ccc;
}


.btn__checkout {
    padding: 10px 20px;
    font-weight: bold;
    font-size: 16px;
    border-radius: 5px;
    background-color: #259500;
    color:#ffffff;
    text-transform: uppercase;
}

    .btn__checkout:hover {
        background-color: rgb(37, 180, 0);
        color: #ffffff !important;
        text-decoration:none;
    }
    .btn__checkout:focus, .btn__checkout:active {
        color: #ffffff !important;
        text-decoration: none;
    }
        

/*RESPONSIVE CHANGES*/
/*-------------------------------------------------------------------------------------*/
@media (max-width:1200px) {
    .infoRight {
        padding:0 20px;
    }
    .feature .feature-box .box-title { font-weight: 500; font-size: 12px; }
    .feature .feature-box .box-subtitle {font-size:12px;line-height:16px;
    }
    /*EVENT PROMOTION*/
    .event-title-wrapper {
        margin-right:0px;
        margin-top:10px;
    }
    .event-title {
        font-size:30px;
    }
    .event-title-date {
        font-size:16px;
    }
    .event-cert .event-cert-box .box-title { font-weight: 500; font-size: 12px; }
    .event-cert .event-cert-box .box-subtitle {font-size:12px;line-height:16px;
    }

    .plEvent-cert .plEvent-cert-box .box-title { font-weight: 500; font-size: 12px; }
    .plEvent-cert .plEvent-cert-box .box-subtitle {font-size:12px;line-height:16px;
    }
    .last-minute-title {
        /*font-size: .9em;*/
        /*width:100%;*/
    }

}
@media (max-width:990px) {
    .feature .feature-box .box-title { font-weight: 700; font-size: 14px; }
    .feature .feature-box .box-subtitle {font-size:12px;line-height:16px;
    }

    /*EVENT PROMOTION*/
    .event-title-wrapper {
        margin-right:0px;
        margin-top:15px;
    }
    .event-title {
        font-size:24px;
    }
    .event-title-date {
        font-size:16px;
    }
    .event-intro h2 {
        font-size:24px;
    }
    .event-intro h4 {
        font-size:16px;
    }

    .event-cert .event-cert-box .box-title { font-weight: 700; font-size: 14px; }
    .event-cert .event-cert-box .box-subtitle {font-size:12px;line-height:16px;
    }
    .plEvent-cert .plEvent-cert-box .box-title { font-weight: 700; font-size: 14px; }
    .plEvent-cert .plEvent-cert-box .box-subtitle {font-size:12px;line-height:16px;
    }
   .pladmin-menu {
    font-size:14px;
    }
}

@media screen and (max-width: 1024px) {
    #scrollingDiv {
        width: 100% !important;
        left: 0 !important
    }
}
/*Tablet*/
@media (max-width:767px) {
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        border-left:5px solid;
        border-bottom:0px;
        border-color:rgb(125, 157, 82);
        padding-left:4px;
    }
    .pladmin-menu .navbar-nav > .active > a, .pladmin-menu .navbar-nav > .active > a:focus, .pladmin-menu .navbar-nav > .active > a:hover {
        border-left:5px solid;
        border-bottom:0px;
        border-color:rgb(125, 157, 82);
        padding-left:4px;
    }
    .nav > li > a {
        margin-right:0px;
    }
    .nav > li > a  {
        border-left:0px solid #fff;
        border-bottom:0px;
    }
    .shareThisWrapper .shareTiptext {
        text-align:right;
        padding-right:20px;
    }

     .last-minute-title {
        font-size: .9em;
        width:105%;
    }
    .top-feature {
        height:300px;
    }
    .top-feature-Panel, .top-feature-PanelText {
        height:30%;
        /*font-size:.9em;
        padding:10px 0px 0px 3px;*/
    }
    .first {
        font-size:16px;
    }
    .modal:before {
        height: 0% !important;
    }
    .pladmin-menu .navbar-nav > li {
        margin-right: 5px;
        padding: 0 8px;
        background-color: #FFF;
    }
        .pladmin-menu .navbar-nav > li > a:focus,
        .pladmin-menu .navbar-nav > li > a:hover {
            color: #000; /*[$BodyHeadlineColor$];*/
        }

}
.desktop-only {
    display: inline;
}

.desktop-only.checkout-custom {
    display: contents;
}

.mobile-only, .mobile-only-block {
    display: none;
}

/*Phone*/
@media (max-width:440px) {
    .desktop-only{
        display:none;
    }
    .mobile-only {
        display: inline;
    }
    .mobile-only-block {
        display: block;
    }
    .adminLogo {
        max-height: 80px !important;
        max-width: 215px !important;
    }
    .navbar {
        margin-bottom:2px;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        border-left:0px solid;
    }
    .pladmin-menu .navbar-nav > .active > a, .pladmin-menu .navbar-nav > .active > a:focus, .pladmin-menu .navbar-nav > .active > a:hover {
        border-left:0px solid;
    }
    h1 {
        font-size:18px;
    }
    h2 {
        font-size:17px;
    }
    h3 {
        font-size:16px;
    }
    h4 {
        font-size:15px;
    }
    .shareThisWrapper .shareTP input {
        width: 95%;
    }
    .shareThisWrapper .sms-link {
        display:block;
    }
   .shareThisWrapper .shareTP {
        margin-right:0px;
        width:100%;
    }
    .shareIcons {
        text-align:center;
    }
    .shareThisWrapper .shareTip {
        font-size:.8em;
        margin-top:2px;
    }

    .banner-admin .title {
        opacity: 0.85;
        padding:15px 5px;
        font-size:16px;
    }
    #activeEvent {
        margin-bottom:10px;
    }
    #checkoutBegin {
        margin-bottom:10px;
    }

    .last-minute-title {
        font-size: 1em;
        padding: 3px 0 3px 2px;
        margin-left:-4px;
        margin-bottom:0px;
    }
    .participation-incentive p {
        font-size:.8em;
    }

    .top-feature {
        height:180px;
    }
    .top-feature-Panel, .top-feature-PanelText {
        height:45%;
        font-size:.9em;
        padding:10px 0px 0px 3px;
    }
    .btn-lg {
        font-size:14px;
        padding:4px 15px !important;
    }
    .corner-ribbon {
        display: none;
    }
    .top-feature-ButtonMore a {
        padding:0px 10px;
        font-size:.8em;
    }
    .carousel-control {
        background-color: none; 
        opacity: 0.4;
        width:40px;
        height:35%;
        top:20px;
    }
    #lm-incentive {
        font-size:.8em;
    }
    .feature { margin-bottom: 30px; }

    .btn-top-event-details {
        margin-top:8px;
    }

    .purchase-alert{
        border:1px solid #68BADA; 
        padding: 10px; 
        margin-left: 0px; 
        margin-right: 0px; 
        margin-bottom: 10px;
    }
    .purchase-table {
    }
    .purchase-table td {
        padding: 0 8px 3px 0px;
    }
    .pltopNav {
        margin-left:0px;
    }
    #getInvolved {
        margin-top:20px;
    }
    #getInvolved .rowTitle {
        font-size:20px;
        line-height:22px;
    }
    #testimonials-content br {
        /*margin-top:20px;*/
        line-height: 2em;
        
    }
    .testimonial-quote {
        width:10%;
        font-size:.5em;
    }
    .btn-add-more{
        float:none;
        margin:auto;
        text-align:center;
    }
    .items-selected-title{
        margin-top:0px;
    }
    .add-more-wrapper{
        text-align:center;
    }
    .add-more-wrapper .btn-lg {
        font-size:14px;
        padding:8px 20px !important;
    }
    .total-donation-amount{
        display:none;
    }
    .search-results-reminder {
        margin:10px;
        padding:15px;
        border:1px solid #ccc;
        border-radius:3px;
    }
    .banner-image{
        background-image:none !important;
    }
    .login-link {
    letter-spacing:normal;
    }

    /*EVENT PROMOTION*/
    .event-title-wrapper {
        margin-right: 0px;
        margin-top: 15px;
    }

    .event-title {
        font-size: 20px;
    }

    .event-title-date {
        font-size: 12px;
    }

    /*ADMIN CONTENT AREA - MOBILE*/

    .button-primary {
        font-size:16px;
        padding:10px 30px;
        min-width:100px;
    }
        .button-primary:link, .button-primary:active, .button-primary:visited {
            color:#fff;
        }
    .button-primary:hover {
        opacity:.9;
    }

    .modal:before {
        height: 0% !important;
    }
    .pl-admin-footer__content--left {
        float: unset;
        text-align: center;
    }

    .pl-admin-footer__content--right {
        float: unset;
        text-align: center;
    }
    .wizard-steps {
        margin-left:10px;
    }
 
}

/* Util classes */
.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

/*HOME PAGE CSS OVERRIDE*/
.tagline {
    margin-bottom: 0px;
}

.h-20px {
    height: 20px;
}

.h-25px {
    height: 25px;
}

.h-100px {
    height: 100px;
}

.h-150px {
    height: 150px;
}

.h-15px {
    height: 15px;
}

.h-90px {
    height: 90px;
}

.h-40px {
    height: 40px;
}

.h-30px {
    height: 30px;
}

.h-48px {
    height: 48px;
}

.h-165px {
    height: 165px;
}

.last-minute-start-date-text {
    font-size: .7em;
}

.receive-purchase-price {
    padding: 5px 0;
}

.div-both-20 {
    clear: both;
    height: 20px;
}

.font-size-1d6em {
    font-size: 1.6em;
}

.font-size-1d5em {
    font-size: 1.5em;
}

.div-browse-exp {
    text-align: center;
    margin-top: 25px;
}

.exec-name-title {
    text-align: right;
    font-style: italic;
    padding-top: 5px;
    opacity: .8;
}

.embed-video-url {
    text-align: center;
    margin-top: 10px;
}

.icon-watch-our-video {
    padding-right: 8px;
}

.shop-now-button {
    text-align: center;
    margin-bottom: 20px;
}

.div-thank-you-text {
    width: 120%;
    margin-top: 15px;
}

.td-charity-name {
    font-size: 12px;
    color: gray;
    text-align: center;
}

.h-52px {
    height: 52px;
}

.h-5px {
    height: 5px;
}


.see-my-previous-link {
    font-size: 14px;
    text-transform: none;
}

.location {
    font-size: 14px;
    font-weight: bold;
}

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

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

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

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

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

.font-size-bold-14 {
    font-size: 14px;
    font-weight: bold;
}

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

.price-vary {
    opacity: .5;
    font-size: .6em;
}

.div-num-of-nights {
    font-size: .5em;
    font-weight: normal;
    line-height: 1em;
    opacity: .7;
    padding-bottom: 2px;
}

.share-link-twiter {
    background-color: #53BFEE;
    border-color: #53BFEE;
}

.div-site-url {
    font-size: 10px;
    color: #666;
    padding-left: 4px;
}

.padding-share-tip-text {
    padding-top: 10px;
}

.d-none {
    display: none;
}

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

.d-flex {
    display: flex;
}

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

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

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

.w-350px {
    width: 350px;
}

.w-335px {
    width: 335px;
}

.w-280px {
    width: 280px;
}

.w-255px {
    width: 255px;
}

.w-310px {
    width: 310px;
}

.w-260px {
    width: 260px;
}

.w-150px {
    width: 150px;
}

.w-fit {
    width: fit-content !important;
}

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

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

.margin-bottom-35 {
    margin-bottom: 35px !important;
}

.div-fun-experiences {
    padding: 10px;
    border-radius: 5px;
    background-color: #11af4b;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.5em;
    text-align: left;
}

.div-donation-content {
    margin-left: 4px;
    padding: 0 5px 10px 0;
    line-height: 1.3em;
    margin-bottom: 20px;
    font-size: 1.3em
}

.div-get-involved {
    padding: 0 40px 30px 40px;
}

.promote-your-business {
    padding: 0 40px 30px 40px;
}

.qtip {
    max-width: 400px;
}
/*-----------------------*/

/*ModalAuctionCert*/
.inline-block {
    display: inline-block;
}

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

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

.favorite-button {
    display: inline-block;
    font-size: initial;
    color: red;
    cursor: pointer;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.icon-2x {
    position: absolute;
    right: 24px;
    border: none !important;
    bottom: 46px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background-color: #33ACF2;
    color: white;
    font-size: 15px;
    padding: 4px 2px;
    font-weight: bold;
    text-align: center;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

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

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

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

.margin-top-5 {
    margin-top: 5px !important;
}

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

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

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

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

.margin-left-16 {
    margin-left: 16px;
}

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

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-left-45 {
    margin-left: 45px;
}

.margin-left-60 {
    margin-left: 60px;
}

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

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-25 {
    margin-left: 25px;
}

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

.margin-50 {
    margin: 50px;
}

.padding-10 {
    padding: 10px;
}

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

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

.border-1px-solid-999999 {
    border: 1px solid #999999;
}

.last-minute-escape {
    color: red;
    font-size: 1.1em;
}

.limit-date {
    border: 1px solid #ff6a00;
    padding: 10px;
}

.limit-date-color {
    color: #ff6a00
}

.selected-icon {
    border: 1px solid #6daa6a;
    padding: 10px;
}

.selected-icon-color {
    color: #6daa6a;
}

.both {
    clear: both;
}

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

.height-60 {
    height: 60px;
}

.height-10 {
    height: 10px;
}

.height-15 {
    height: 15px;
}

.height-22 {
    height: 22px;
}

.height-27 {
    height: 27px;
}

.height-40 {
    height: 40px;
}

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

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

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

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

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

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

.letter-spacing-2 {
    letter-spacing: 2px;
}

.line-height-1d3em {
    line-height: 1.3em;
}

.line-height-1d5em {
    line-height: 1.5em;
}

.line-height-1d6em {
    line-height: 1.6em;
}

.table-border {
    border: 1px solid #ccc;
}

.w-50 {
    width: 50%;
}

.w-100px {
    width: 100px;
}

.w-400px {
    width: 400px;
}

.border-right-1 {
    border-right: 1px solid #ccc;
}

.border-bottom-1 {
    border-bottom: 1px solid #ccc;
}

.padding-5 {
    padding: 5px;
}

.padding-8 {
    padding: 8px;
}

.height-0 {
    height: 0px;
}

.height-80 {
    height: 80px;
}

.vertical-align-top {
    vertical-align: top;
}

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

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

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-top-0 {
    padding-top: 0px;
}

.w-100 {
    width: 100% !important;
}

.w-60px {
    width: 60px;
}

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

/*event page*/
.raffle-item-wrapper {
}

.auction-item-wrapper {
}

.button-twitter-share {
    border-color: #53BEEC;
    background-color: #53BEEC;
}

.padding-0 {
    padding: 0px;
}

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

.margin-left-50 {
    margin-left: 50px;
}

.font-size-1d1em {
    font-size: 1.1em;
}

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

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

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-0 {
    padding-right: 0px;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.font-size-0d9em {
    font-size: 0.9em;
}

.font-size-0d8em {
    font-size: 0.8em;
}

.padding-bottom-6 {
    padding-bottom: 6px;
}

.h-1px {
    height: 1px;
}

.h-3px {
    height: 3px;
}

.h-10px {
    height: 10px;
}

.h-50px {
    height: 50px;
}

.h-60px {
    height: 60px;
}

.h-100px {
    height: 100px;
}

.w-100px {
    width: 100px;
}

.w-145px {
    width: 145px;
}
.w-170px {
    width: 170px;
}

.w-20px {
    width: 20px;
}

.w-90 {
    width: 90%;
}

.w-97 {
    width: 97%;
}

.padding-logo-5 {
/*    padding-left: 5%;
*/}
/*---------------------*/
.font-size-12d5px {
    font-size: 12.5px;
}

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

.font-size-1d8em {
    font-size: 1.8em;
}

.padding-12-40px {
    padding: 12px 40px;
}

.padding-4-10px {
    padding: 4px 10px;
}

.padding-0-20px {
    padding: 0 20px 0 20px;
}

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

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

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

.color-edd044 {
    color: #edd044;
}

.color-white {
    color: white;
}

.color-2f6da1 {
    color: #2f6da1;
}

.color-aaa {
    color: #aaa;
}

.color-f35809 {
    color: #f35809;
}

.color-888 {
    color: #888;
}

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

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

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

.cursor-pointer {
    cursor: pointer;
}

.max-width-200px {
    max-width: 200px;
}

.max-width-240px {
    max-width: 240px;
}

.max-width-400px {
    max-width: 400px !important;
}
.max-width-440px {
    max-width: 440px !important;
}

.max-height-150px {
    max-height: 150px;
}
/*sponsor page*/

.font-size-26px {
    font-size: 26px !important;
}

.font-size-24px {
    font-size: 24px !important;
}

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

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

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

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

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

.padding-top-2 {
    padding-top: 2px;
}

.padding-bottom-2 {
    padding-bottom: 2px;
}

.vertical-align-middle {
    vertical-align: middle;
}

#divEventTallyInformationBody {
    max-height: 550px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.color-2f6da1 {
    color: #2f6da1;
}

.w-180px {
    width: 180px;
}

.w-520px {
    width: 520px;
}

.margin-auto {
    margin: auto !important;
}

.font-weight-normal {
    font-weight: normal;
}

.color-cornflowerblue {
    color: cornflowerblue;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.color-006600 {
    color: #006600;
}

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

.font-weight-bold {
    font-weight: bold;
}

.h-350px {
    height: 350px;
}

.h-170px {
    height: 170px;
}

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

.display-inline-block {
    display: inline-block;
}

.display-block {
    display: block;
}

.display-none {
    display: none;
}

.color-forestgreen {
    color: forestgreen;
}

.position-relative {
    position: relative;
}

.background-d96d00 {
    background: #d96d00 !important;
}

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

.margin-60px-100px {
    margin: 60px 100px
}

.color-lightgray {
    color: lightgray;
}

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

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

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

.plEvent-cert .pl-event-cert {
    width: 100%;
    height: 160px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .plEvent-cert .pl-event-cert img {
        min-height: 100%;
        min-width: 280px;
        max-width: 280px;
        position: absolute;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
        margin: auto;
        cursor:pointer;
    }

.pl-event-cert .c-detail-link {
    cursor:pointer;
}
.cert-image .address .c-detail-link{
    color:#fff;

}
/*.cert-image .address .c-detail-link:hover,*/
    .pl-event-cert .c-detail-link:hover,
    
    .cert-image .address:hover,
    .cert-image .address .cert-headline-link:hover{
        text-decoration: underline;
    }
    .cert-image .address .c-detail-link .line1:hover {
        text-decoration: underline;
    }

/*Phone*/
@media (max-width:440px) {
    .plEvent-cert .pl-event-cert img {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

.event-cert .event-sponsor-cert-image {
    width: 100%;
    height: 184px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.event-cert .event-sponsor-cert-image img {
    min-height: 150%;
    min-width: 50%;
    max-width: 380px;
    position: absolute;
    top: -70%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
}

.event-cert .event-suitcase-cert-image {
    width: 100%;
    height: 184px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.event-cert .event-suitcase-cert-image img {
    min-height: 150%;
    min-width: 50%;
    max-width: 380px;
    position: absolute;
    top: -70%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
}

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

.vertical-align-unset {
    vertical-align: unset !important;
}

.padding-cert-headline {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.margin-15 {
    margin: 15px;
}

.w-700px {
    width: 700px;
}

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

.font-family-arial {
    font-family: Arial;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-10-60 {
    padding: 10px 60px;
}

.padding-15 {
    padding: 20px;
}

.padding-20 {
    padding: 20px;
}

.border-1px-solid-c0c0c0 {
    border: 1px solid #C0C0C0;
}

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

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

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.w-95 {
    width: 95%;
}

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

.max-width-500px {
    max-width: 500px;
}

.color-000000 {
    color: #000000;
}

.color-666 {
    color: #666;
}

.font-size-1d4em {
    font-size: 1.4em;
}

.max-width-910px {
    max-width: 910px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-25 {
    padding: 25px;
}

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

.w-58 {
    width: 58%;
}

.w-96 {
    width: 96%;
}

.disabled-url {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.display-more-info {
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-family: arial;
    position: absolute;
    top: 45%;
    width: 100%;
}

.w-b {
    padding: 40px;
    margin-top: 50px;
    -webkit-box-shadow: 1px 1px 50px 1px #b7b9bb;
    box-shadow: 1px 1px 50px 1px #b7b9bb;
    min-height: 855px;
}

    .w-b > h2 {
        text-transform: uppercase;
        text-align: center;
        font-weight: Bold;
        font-size: 24px;
        color: #262626;
        margin-top: 0px;
    }

    .w-b > h4 {
        font-weight: bold;
        font-size: 16px;
        color: #262626;
        letter-spacing: .5px;
    }

    .w-b > p {
        font-size: 16px;
        color: #262626;
    }

.word-break {
    word-break: break-word;
    white-space: pre-line;
}

.read-more-charity-about {
    float: right;
    display: none;
    font-size: 14px;
    margin-top: 5px;
    color: #[$MenuBackgroundColor$];
}

.read-less-charity-about {
    float: right;
    display: none;
    font-size: 14px;
    margin-top: 5px;
    color: #[$MenuBackgroundColor$];
}

.block-ellipsis {
    display: block;
    /*display: -webkit-box;*/
    max-width: 100%;
    height: 110px;
    margin: 0 auto;
    font-size: 14px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #262626;
}

.charity-video {
    font-size: 16px;
    color: #[$MenuBackgroundColor$];
    margin-left: -7px;
}

.flash-sale-flag {
    width: 120px;
    height: 30px;
    background-color: #b00808;
    color: #ffffff;
    position: absolute;
    top: 5px;
    text-align: center;
    line-height: 30px;
}

.color-black {
    color: #000000;
}

.question-label {
    font-size: 16px;
    color: #000000;
    font-weight: normal;
    opacity: 0.8;
    text-align: left;
    display: inline;
    margin-right: 5px;
}

.color-white {
    color: #ffffff;
}

.visit-link {
    font-size: 16px;
    display: inline;
}

    .visit-link > a {
        color: #[$MenuBackgroundColor$];
    }

@media (max-width:767px) {
    .question-label {
        font-size: 14px;
        margin-right: 0px;
    }
}

@media (max-width:767px) {
    .visit-link {
        font-size: 11px;
    }
}

@media (max-width:767px) {
    .plContactBlock {
        margin-top: 15px;
        margin-right: 15px;
    }
}

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


.margin-0-auto {
    margin: 0 auto;
}

.user-login {
    position: absolute;
    right: 15px;
    top: 5px;
}

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

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

.font-size-45 {
    font-size: 45px !important;
}

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

.btn-view-event-detail {
    height: 40px;
    font-size: 18px;
    background-color: #[$MenuBackgroundColor$];
    border-color: #[$MenuBackgroundColor$];
    border-radius: 0px;
}

    .btn-view-event-detail:hover, .btn-view-event-detail:focus, .btn-view-event-detail:active {
        background-color: #[$MenuBackgroundColor$] !important;
        border-color: #[$MenuBackgroundColor$] !important;
    }

.clear-both {
    clear: both;
}

.margin-right-5 {
    margin-right: 5px !important;
}

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

.read-more-cert-description {
    float: right;
    display: none;
    font-size: 14px;
    margin-top: 5px;
    color: #[$MenuBackgroundColor$];
}

.read-less-cert-description {
    float: right;
    display: none;
    font-size: 14px;
    margin-top: 5px;
    color: #[$MenuBackgroundColor$];
}

.block-ellipsis-cert-description {
    display: block;    
    max-width: 100%;
    height: 200px;
    margin: 0 auto;  
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #262626;
}

.height-cert-description-info {
    height: 200px;
}

.location-icon {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

.cert-headline-info {
    font-size: 22px;
    font-weight: bold;
}

.cert-location-info {
    font-size: 16px;
    font-weight: bold;
}

.event-name-info {
    font-size: 22px;
    font-weight: bold;
}

.top-feature-category {
    font-size: 1.3em;
    float: left;
}

.top-feature-headline {
    float: left;
    font-size: 16px;
}

.top-feature-pannel-text {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    height: 110px;
    padding: 15px 30px 15px 30px;
    font-size: 24px;
    text-align: left;
    bottom: 10px;
}

.top-featured-cert-panel {
    position: absolute;
    bottom: 0;
    background-color: #000;
    opacity: .6;
    width: 100%;
    height: 120px;
}

.pl-contact-block {
    float: right;
    text-align: right;
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-bottom: 10px;
    margin-right: 15px;
}

@media (max-width:767px) {
    .pl-contact-block {
        margin-top: 15px;
        margin-right: 15px;
    }
}

.event-wrapper-large {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 0px;
    padding-bottom: 56.25%;
}

.event-wrapper-large img {
    top: -20px;        
}

.h-420px {
    height: 420px;
}

.h-65 {
    height: 65%;
}

.h-75 {
    height: 75% !important;
}

.upcoming-title {
    font-weight: Bold;
    font-size: 30px;
    color: #262626;
    margin-bottom:20px;
}

.pay-value {
    font-size: 26px;
    color: #[$MenuBackgroundColor$];
    padding-left: 7px;
}

.featured-img {
    margin: 0px !important;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.height-buff {
    height: 27px;
}

.top-75 {
    top: 75% !important;
}

.event-name-text {
    font-size: 40px;
    display: block;
}

.event-date-text {
    font-size: 16px;
    display: block;
}

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}


.s-share > a {
    display ?: inline-block;
    float: left;
    padding-left: 10px;
}

    .s-share > a > img {
        width: 28px;
        height: 28px;
    }

@media only screen and (min-device-width : 768px) and (max-device-width : 1920px) {
    .container1 {
        padding-left: 120px;
        padding-right: 120px;
    }
}

@media (max-width:767px) {

    .container1 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.legal-link {
    display: inline;
    vertical-align: middle;
}

.payment-img {
    padding-top: 5px;
    margin-right: 10px;
}

.customized-color {
    color: #[$MenuBackgroundColor$];
}

.customized-bg-color {
    background-color: #[$MenuBackgroundColor$];
}

.corner-ribbon.customized-bg-color {
    background-color: #[$MenuBackgroundColor$];
}

.horizontal-line {
    color: #ececec;
    border-top: 1px solid #dbdbdb;
    margin-top: 10px;
    margin-bottom: 15px;
}

.about-faq {
    margin: 0px 50px 0px 50px;
    padding: 15px 15px 60px 15px;
    float: left;
    width: 860px;
    position: relative;
}

    .about-faq h3 {
        color: #[$MenuBackgroundColor$];
        font-size: 1.5em;
        font-style: normal;
        font-weight: bold;
        padding: 5px 0 10px 0;
    }

.btn-video {
    color: #[$MenuBackgroundColor$];
    font-size: 50px !important;
}

.link-text {
    font-size: 16px;
    color: #[$MenuBackgroundColor$];
}

.top-featured-item {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 0px;
    padding-bottom: 56.25%;
}

.carousel-control-customized {
    height: unset;
    bottom: 120px;
}

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

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

.h-115px {
    height: 115px;
}

.min-height-calc {
    min-height: calc(100vh - 383px);
}

@media (max-width:420px) {
    .top-featured-cert-panel {
       height: 75px;
    }

    .top-feature-pannel-text{
        height: 75px;
    }

    .carousel-control-customized {
        height: unset;
        bottom: 80px;
    }

    .top-feature-category{
        font-size: 18px;
    }

    .top-feature-headline {
        font-size: 14px;
    }
}

.save-retail-value-text {
    float: right;
    font-size: 16px;
    font-style: italic;
    padding-top: 10px;
}

.save-retail-value-text-mobile {
    text-align: center;
    font-size: 16px;
    font-style: italic;
}

.about-us-flash-image {
    padding: 5px 0 5px 0;
    width: 100%;
}

.display-exec-name-quote {
    text-align: right;
    font-style: italic;
    padding-top: 5px;
    opacity: .8;
}

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

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

.font-size-30 {
    font-size: 30px !important;
}

.info-submitted-icon {
    color: #ef7728;
    font-size: 40px !important;
}

.info-submitted-icon-mobile {
    color: #ef7728;
    font-size: 35px !important;
}

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

.emty-state-img {
    margin-left: -15px;
}

.d-inline-flex {
    display: inline-flex;
}

.you-pay-box {
    padding-left: 10px;
    padding-right: 10px;
}

.we-receive-box {    
    padding-left: 10px;
    padding-right: 10px;
}
    .you-pay-box h4, .we-receive-box h4 {
        margin-bottom: 3px;
    }

.you-pay-text {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px !important;
}

.you-pay-value {
    font-family: Light;
    padding-left: 7px;
    font-size: 22px;
}

.we-receive-text {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px !important;
}

.approximate-value {
    margin-bottom: 0px;
    margin-top: 0px;
    color: #666 !important;
}

.local-lesson-search-page-text {
    padding: 4px;
    background-color: #BFEFFF;
    border-radius: 5px;
}

.background-color-lightgray {
    background-color: lightgray;
}

.word-spacing-0d6px {
    word-spacing: 0.6px;
}


/*New UI July 1 2022 =======================*/
.pl-admin-header {
  background-color:  rgba(255, 255, 255, 0.9);
  padding: 10px 0;
}

.pl-admin-narbar {
    margin-bottom: 50px;
    background: url(/content/images/panel/panel.png), linear-gradient(90.77deg, #2A89C6 6.29%, #3096D7 89.55%);
    background-size: inherit;
}

.pl-admin-panel {
    height: 136px;
}

.pl-admin-narbar__container {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.container.admin-header {
    margin-right: 0;
    margin-left: 0;
    padding-right: 35px;
    padding-left: 35px;
    width: 100%;
}

.container.messageWrapper {
    width: 100%;
}

.pl-admin-panel__left {
    top: 30px;
    padding: 0;
}

.pl-admin-panel__left__logo {
    display: flex;
    justify-content: flex-start;
}

.pl-admin-panel__logo--image {
    border-radius: 50%;
    border: 2px solid #1F80BE;
    height: 140px;
    width: 140px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 20px;
    background: white;
}

.pl-admin-panel__logo--image > img {
    max-width: 100%;
}

.pl-admin-panel__logo--image--oval {
    width: 240px;
}

.pl-admin-logo__edit {
    display: flex;
    align-items: center;
}

.pl-admin-logo__edit--icon {
    padding: 0 20px;
    color: white;
}

.pl-admin-container {
    position: relative;
    overflow-x: hidden;
    min-height: 100vh;
}

/* footer */
.pl-admin-footer {
    width: 100%;
    margin-top:50px;
}

.pl-admin-footer__content {
    padding-top: 0.5rem;
    border-top: 1px solid #D3D3D3;
}

.pl-admin-footer__content--left {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #949494;
    float:left;
}
.pl-admin-footer__content--right {
    float: right;
    text-align:right;
}


.pl-admin-footer__image {
    height: 25px;
    padding: 5px;
}

.pladmin-menu .navbar-nav > .active {
    background-color: transparent;
}

.pladmin-menu .navbar-nav > .active > a,
.pladmin-menu .navbar-nav > .active > a:hover{
    color: white;
    background: transparent;
    border-bottom: 2px solid white;
}

.pl-admin-panel__toggel--icon {
   background-color: white
}

@media only screen and (min-device-width : 768px) {
    .pladmin-menu .navbar-nav > li > a.link {
        color: white;
    }

    .pladmin-menu .navbar-nav > li {
        color: white;
        background-color: transparent;
    }

    .pl-admin-panel__menu {
        top: 102px;
    }
}

/*Phone*/
@media (max-width:440px) {
    .plSuperUser-nav-bar .navbar-nav > .active > a,
    .plSuperUser-nav-bar .navbar-nav > .active > a:hover {
        color: #000 !important;
        font-weight: bold !important;
        padding-left: 0px !important;
    }
}
.pl-admin-header .pl-admin-header__menu-item,
.pl-admin-header__menu-item {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    color: #2A89C6;
}

.pl-admin-header a.pl-admin-header__menu-item__logout,
.pl-admin-header__menu-item__logout {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    text-transform: uppercase;
    color: #0F3C59;
}

.pl-admin-header__menu-item .pl-admin-header__menu-item__dashboard-link a {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    text-transform: uppercase;
    color: #0F3C59;
}

.pl-admin-narbar__container .pl-contact-block .question-label,
.pl-admin-narbar__container .pl-contact-block .visit-link a {
    color: white;
}

.pl-admin-narbar__container .pl-contact-block {
    margin-bottom: 35px;
    margin-right: 0
}

/*Dashboard*/
.dashboard__dropdown-menu {
    position: absolute;
    gap: 4px;
    padding: 8px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
    border-width: 0px;
    color: #0F3C59;
    list-style: none;
}

.dashboard__dropdown-menu > li > a.dashboard__dropdown-menu__item {
    padding: 4px 8px;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    color: #0F3C59;
}

.dashboard__dropdown-menu > li > a:hover {
    text-decoration: none;
    background: rgba(42, 137, 198, 0.05);
    color: #0F3C59;
    padding: 4px 8px;
    font-weight: 500;
}

.dashboard__dropdown-menu--no-item {
    width: 258px;
}

.geronimo-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: #FFFFFF;
    border-width: 0;
    padding: 8px 16px;
    gap: 8px;
    white-space: nowrap;
    text-transform: uppercase;
    line-height: 15px;
    font-size: 14px;
}

.geronimo-btn a:hover a:focus {
    color: white;
    text-decoration: none;
}

.geronimo-btn__no-icon {
    padding: 8px 12px;
}

.geronimo-btn-lg {
    padding: 12px 20px;
}

.geronimo-btn-primary {
    background: #2A89C6;
    color: #FFFFFF;
}

.geronimo-btn:hover {
    text-decoration: none;
}

.geronimo-btn:focus {
    text-decoration: none;
}

.geronimo-btn-primary:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #2A89C6;
    color: #FFFFFF;
}

.geronimo-btn-light {
    background: #F06C28;
    color: #FFFFFF;
}

.checkout_btn[disabled], .checkout_btn[disabled]:hover {
    background-color: rgb(102, 102, 102);
}

.geronimo-btn-light:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #F06C28;
    color: #FFFFFF;
}

.geronimo-btn-white {
    background: white;
    border: 1px solid #2A89C6;
    color: #2A89C6;
    padding: 7px 15px;
}

.geronimo-btn-white:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #2A89C6;
    color: #FFFFFF;
}

.geronimo-btn-gray {
    background: #F4F4F4;
    color: #2A89C6;
}

.geronimo-btn-gray:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #F4F4F4;
    color: #2A89C6;
}

.dashboard__col--center {
    text-align: center;
    height: inherit;
    display: flex;
    align-items: center;
    margin-top: 7%;
}

.dashboard__background-image--no-item {
    background-image: url("/Content/images/background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: auto;
}

.dashboard__content--no-item {
    height: 16vw;
    min-height: 40vh;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.dashboard__add-donated-item--no-item {
    position: absolute;
    height: inherit;
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

.dashboard__cert-card {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
}

.dashboard__cert-card--col {
    margin-bottom: 40px;
    max-height: 322px;
}

.dashboard__cert-card--panel {
    width: 100%;
    height: 220px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.cert-card__headline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: #2A89C6;
    padding: 8px 12px;
    color: #FFFFFF;
    z-index:999;
    position:relative;
}

.cert-card__headline--title {
    font-size: 15px;
    font-weight: bold;
    overflow-wrap: break-word;
}

.cert-card__headline--subaddress {
    font-size: 10px;
}

.cert-card__remove-cert-icon {
    position: absolute;
    right: 4px;
    font-size: 16px;
    color: #FFFFFF;
}

.cert-card__headline--img {
    /*    display: flex;
    align-self: center;
    width: 100%;
    height: auto;
*/
    position: absolute;
    cursor: pointer;
    object-fit: contain;
    min-height: 100%;
    min-width: 400px;
    max-width: 100%;
    max-height: 400px;
    top: -70%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
}

/*Phone*/
@media (max-width:440px) {
    .cert-card__headline--img {
        min-width: 100%;
        max-width: 100%;
    }
    .container.admin-header {
        padding-right: 0px;
        padding-left: 5px;
        width: 100%;
    }
}

.cert-card__box {
    line-height: 18px;
    padding: 10px 0px 0px 0px;
    width: 100%;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #888888;
    min-height: 102px;
    background-color: #FFFFFF;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
    .cert-card__box.item_box {
        min-height: initial;
    }

.cert-card__action-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    height: 40px;
    font-size: 11px;
    line-height: 12px;
    gap: 7px;
}

.cert-card__action-icons a {
    height: 28px;
}

.cert-card__action-icons--cert-icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    /*background: #F4F4F4;*/
    gap: 4px;
    width: 100%;
    height: 100%;
    color: #2A89C6;
    font-size: 11px;
    text-transform: capitalize;
    padding: 0 5px 0 5px;
}

.cert-card__bid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    color: #aaa;
    border-top: 1px dashed #CCCCCC;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 10px;
}

.cert-card__bid--donated-item {
    color: #666666;
    text-decoration: none;
}

.cert-card__bid--donated-item:hover {
    color: #666666;
    text-decoration: none;
}

.cert-card__bid--text-center {
    justify-content: center;
    text-align: center;
}

.cert-card__bid--button {
    padding: 6px;
    background: #F4F4F4;
    border-radius: 4px;
}

.cert-card__bid--amount-tip {
    color: #2A89C6;
    line-height:20px;
}

.cert-card__bid--start-bidding {
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    color: black;
}
.big_pct{
    font-size:1.3em;
}
.c-detail-link {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cert-card__sponsored-name-warp {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    background-color: rgba(0, 140, 70, 0.7);
    font-size: 13px;
    font-weight: 700;
    padding: 8px 15px 8px 15px;
    text-align: center;
    white-space: nowrap;
}

.dashboard__text--fit-nowarp {
    width: fit-content;
    white-space: nowrap;
}

.dashboard__text-align{
    margin-right: 16px;
}

.dashboard__btn-group {
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    padding-right: 15px;
    padding-left: 15px;
}

.dashboard_align-button {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dashboard_align-button__tpa {
    justify-content: end;
}

.dashboard_align-button-right {
    display: flex;
}

.dashboard_align-button-right__tpa {
    display: flex;
    flex: 1;
    justify-content: flex-end;
}

.btn-group__item--float-left {
    float: left;
    width: 43%;
}

.btn-group__item {
    display: flex;
    gap: 16px;   
}

.add-auction-item {
    display: flex;
    gap: 16px;
    margin-right: 16px;
}

.dropdown-item {
    width: 30%;
}

.btn-group__item--no-margin {
    margin-left: 0;
}

/*Three dots dropdown*/

.btn-group__dropdown-menu {
    background: #F4F4F4;
    border-radius: 4px;
    margin-left: 16px;
}

.dropdown-menu__list {
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    background-color: #FFFFFF;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    right: 0;
    left: auto;
}

.dropdown-menu__three-dots {
    padding: 6px 16px;
    cursor: pointer;
}

.dropdown-menu__three-dots:after {
    color: #444;
    font-size: 20px;
}

.dropdown-menu__list > li > a:hover {
    color: #2A89C6;
}

.pl-admin__main-content {
    min-height: 70vh;
}

.container.main-content-wrapper.admin-content.pl-admin__main-content {
    margin-right: 0;
    margin-left: 0;
    padding-right: 25px;
    padding-left: 25px;
    width: 100%;
}

.notifications__background--sharp {
    display: flex;
    align-items: center;
    text-align: center;
}

.notifications__background {
    display: flex;
    gap: 8px;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 4px;
}

.dashboard-notifications__content {
    display: flex;
}

.dashboard-notifications__right-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: start;
}

.notification__background--orange {
    background: rgba(255, 153, 0, 0.1);
}

.notifications-text__title {
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    color: #0F3C59;
}

.dashboard-notifications__icon img {
    width: 24px;
}

.btn.switch-name__dropdown-button {
    padding-right: 0;
    margin-bottom: -2px;
}

.dropdown-menu.switch-name-content {
    border-radius: 8px;
    min-width: 350px;
}

.switch-name-content__name {
    font-weight: 600;
}

.switch-name__dropdown:hover > .switch-name__dropdown-button + .dropdown-menu.switch-name-content {
    display: block;
}

.switch-name__dropdown:hover > .switch-name__dropdown-button-none + .dropdown-menu.switch-name-content {
    display: none;
}
.switch-name__dropdown-button-none{
    text-transform:none !important; /*Override button uppercase*/
}
.switch-name-content div {
    padding: 3rem;
    border-bottom: 1px solid;
    border-bottom-color: #e7f4fa;
}

.switch-name-content div span {
    font-weight: 500;
}

.switch-name-content div:hover {
    background-color: #f2f8fb;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #666;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.public-invoice__title-text {
    font-size: 26px;
    letter-spacing: 2px;
    margin-top: 5px
}

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

.public-invoice__print .printLink {
    padding-right: 10px;
}

.checkout__table__content {
    overflow-x: auto;
}

.width-100 {
    width: 100%;
}

.display-flex {
    display: flex;
}

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

.invoice-step-sticky {
    position: -webkit-sticky;
    position: sticky;
    backdrop-filter: blur(25px);
    position: sticky;
    top: 0;
    border-radius: 10px;
}

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

.modal__btn__ship {
    margin: 0 10px;
    min-width: 100px;
    height: 45px;
    border-radius: 5px;
    border: 1px solid var(--primary-color-cyan-cornflower-blue);
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.modal-shipping-fee{
    width: 90%;
}

.overlay-shipping {
    background-color: rgba(0, 0, 0, .5);
}

.geronimo-blue {
    color: #337ab7;
}

button.btn-disabled, button.btn-disabled:hover {
    background-color: rgb(102, 102, 102);
}

@media (max-width: 767px) {
    .modal-shipping-fee{
        margin-top: 25vh;
    }
}

.modal-footer .btn + .btn{
    margin-bottom:auto;
}

.orgTypeSelection_ModalContent {
    margin: 20px auto;
    width: 68%;
}
@media (max-width:568px) {
    .orgTypeSelection_ModalContent {
        margin: 20px auto;
        width: 90%;
    }
}