/*@import url("https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css");*/
/********Global Css*********/



.button {
    background: #01B3DF;
    border: 2px solid #01B3DF;
    text-transform: none !important;
}

.prempartnerlogo-height {
    height: 80px !important;
}

.partnerlogo-height {
    height: 50px !important;
}

.bginfo {
    background: #1973fb;
}

.theme-color, a, a:hover, button, input {
    color: #01B3DF;
}

.grey-text {
    color: #333333;
}

.mega-menu .menu-logo {
    padding: 10px 0 0px;
    position: absolute;
}

    .mega-menu .menu-logo img {
        height: 85px !important;
    }

/********Login/Signup Page Css *********/
.modal-login h5 a {
    color: #01B3DF !important;
}

.login-bg .login-title {
    background: #01B3DF !important;
    padding: 16px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.remember-checkbox a {
    color: #01B3DF !important;
}

.underline {
    text-decoration: underline;
}

.login-bg .login-social {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.login-bg {
    border-radius: 5px !important;
}

.signupForm h1 {
    font-size: 26px;
    line-height: 32px;
}

.signupForm .appleBtn {
    background: #25b6e6;
    color: #fff;
    border-radius: 25px;
}

.signupForm .fbBtn {
    background: #3b5998;
    color: #fff;
    border-radius: 25px;
}

.signupForm .googleBtn {
    color: #fff;
    border: 1px solid #dd4b39;
    border-radius: 25px;
    background: #dd4b39;
}

.signupForm .emailBtn {
    background: #ffb636;
    color: #fff;
    border-radius: 25px;
}

.signupForm .appleBtn, .signupForm .fbBtn,
.signupForm .googleBtn, .signupForm .emailBtn {
    padding: 8px 15px;
    vertical-align: middle;
    font-size: 18px;
}

    .signupForm .appleBtn i, .signupForm .fbBtn i, .signupForm .googleBtn i, .signupForm .emailBtn i {
        font-size: 22px;
    }

.signupForm .or {
    display: block;
    position: relative;
    z-index: 1;
}

    .signupForm .or:before {
        border-top: 2px solid #dfdfdf;
        content: "";
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }

    .signupForm .or .translate-or {
        background: #fff;
        padding: 0 30px;
        font-size: 20px;
        font-weight: 500;
        text-transform: lowercase;
    }

.signupBtn .btn-warning {
    background-color: #01B3DF !important;
    border-color: #01B3DF !important;
    color: #ffffff !important;
}

    .signupBtn .btn-warning:hover {
        color: #333333 !important;
    }

/********Header Css*******/

.header.home-nav.light.topbar-dark {
    background: transparent;
    position: absolute;
    width: 100%;
}

#header.topbar-dark .topbar-call p {
    margin: 0;
    color: #01B3DF;
}

#header.topbar-dark .topbar-social .dropdown .dropdown-menu {
    min-width: 6rem !important;
}

.header.home-nav.topbar-dark .topbar {
    background: transparent;
}

#header.home-nav.topbar-dark .menu {
    background: #fff;
}

#header.topbar-dark .menu .menu-bar {
}

    #header.topbar-dark .menu .menu-bar ul {
    }

    #header.topbar-dark .menu .menu-bar > ul > li {
        padding: 0 13px;
    }

        #header.topbar-dark .menu .menu-bar > ul > li > a {
            padding: 30px 0;
            color: #333333;
            border-bottom: 3px solid transparent;
            font-weight: 700 !important;
        }

            #header.topbar-dark .menu .menu-bar > ul > li > a:hover {
                border-bottom: 3px solid #01B3DF;
            }

        #header.topbar-dark .menu .menu-bar > ul > li.active {
        }

            #header.topbar-dark .menu .menu-bar > ul > li.active > a {
                color: #01B3DF;
                border-bottom: 3px solid #01B3DF;
                border-top: 0px solid #fff;
            }

        #header.topbar-dark .menu .menu-bar > ul > li.signupBtn > a {
            padding: 7px 10px 3px 10px;
        }

            #header.topbar-dark .menu .menu-bar > ul > li.signupBtn > a:hover {
                border-bottom: 3px solid transparent;
                color: #fff;
            }

        #header.topbar-dark .menu .menu-bar > ul > li.userMenu .dropdown > span {
            color: #333;
            font-size: 14px;
            font-weight: 700;
        }

        #header.topbar-dark .menu .menu-bar > ul > li.userMenu .dropdown .userProfile {
            background: #969696;
            padding: 3px 9px;
            color: #fff;
            font-size: 16px;
            border-radius: 25px;
        }

        #header.topbar-dark .menu .menu-bar > ul > li.userMenu .dropdown .dropdown-menu a {
            font-size: 14px;
            color: #333333;
        }

.leaflet-marker-icon {
    width: 35px !important;
    height: 40px !important;
}

.marker-cluster-large div {
    background-color: rgba(249, 175, 25, 0.6) !important;
}

.marker-cluster-medium div {
    background-color: rgba(249, 175, 25, 0.6) !important;
}

.marker-cluster-small div {
    background-color: rgba(249, 175, 25, 0.6) !important;
}

.ylink {
    color: #01B3DF !important;
}

.profile-icon {
    background: #01B3DF;
    width: 120px;
    height: 120px;
    position: relative;
    display: inline-block;
}

    .profile-icon .profile-alt-txt {
        line-height: 120px;
        font-size: 60px;
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 0;
    }

    .profile-icon img {
        height: 120px;
        border-radius: 50%;
        z-index: 1;
        position: absolute;
        left: 0;
    }



.font-25 h1 {
    font-size: 25px !important;
}

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

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

.video-icon {
    position: absolute;
    margin-left: 30px;
    bottom: 10px;
    font-size: 35px;
    z-index: 8;
    color: #6d747c;
}

.pro-55 {
    margin-top: -55px;
}

.tab-border .nav.nav-tabs > li > a.active {
    color: #01B3DF !important;
}

.btncolor {
    background-color: #01B3DF;
    border-color: #01B3DF;
}

.button.x-small {
    padding: 3px 14px;
    /*font-size: 9px;*/
    font-size: 13px;
    font-weight: bold;
}

.button.button-border {
    background: transparent;
    border: 2px solid #01B3DF;
    color: #333333;
    border-radius: 5px !important;
    text-transform: none !important;
}

    .button.button-border:hover {
        background: #01B3DF;
        border-color: #01B3DF;
        color: #fff !important;
    }

.input-group > .form-control:not(:last-child) {
    display: block !important;
}





.menu-list-items {
    height: auto !important;
}



.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background: #01B3DF !important;
}

.lock-icon {
    padding: 65px 0;
    width: 200px !important;
}

    .lock-icon i {
        font-size: 4rem;
        color: #dfdfdf;
    }

.select2-container {
    border-radius: 3px !important;
    font-size: 14px !important;
    height: auto !important;
    line-height: 1.33333 !important;
    padding: 10px 15px 10px 20px !important;
    background: #f6f7f8 !important;
    color: #323232 !important;
    border: 0px solid transparent !important;
    box-shadow: none !important;
}

    .select2-container:focus, .select2-container:hover, .select2-container:visited {
        outline: none !important;
        border: 0 !important;
    }

.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: 0px solid #aaa !important;
    border-radius: 4px !important;
}

    .select2-container--default .select2-selection--single:focus {
        outline: none !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 48px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        outline: none !important;
    }

        .select2-container--default .select2-selection--single .select2-selection__rendered:hover, .select2-container--default .select2-selection--single .select2-selection__rendered:focus {
            outline: none !important;
        }



.accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover {
    color: #fff;
    background: #01B3DF !important;
    text-transform: none !important;
    text-decoration: none;
}

.accordion.shadow .acd-group.info.acd-active .acd-heading, .accordion.shadow .acd-group.info .acd-heading:hover {
    color: #fff !important;
    background: #0045AD !important;
    text-transform: none !important;
    text-decoration: none;
}


.accordion .acd-group .acd-heading:before {
    content: "\f067" !important;
    font-size: 16px !important;
}

.accordion .acd-group.acd-active .acd-heading:before {
    content: "\f068" !important;
    font-size: 16px !important;
}

.email-bg {
    background-color: #7D7D7D !important;
}

.wapp-bg {
    background-color: #26d367 !important;
}



.border-blue {
    border: 1px solid #1973FA !important;
    color: #595959 !important;
    text-transform: inherit !important;
}

.button.white:hover, .button.white:focus {
    background: #f9af1a !important;
    color: #ffffff !important;
    border-color: #f9af1a !important;
}

.button.blue {
    background: #1973FA !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}

    .button.blue:hover, .button.blue:focus {
        background-image: none;
        background: #00000000 !important;
        color: #6c757d !important;
    }

.ai1ec-date-title {
    border: 0.1px solid #01B3DF;
    border-top: none;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 2px #00000024;
    box-shadow: 0 2px 2px #00000024;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #474747;
    float: left;
    font-weight: bold !important;
    background-image: -webkit-linear-gradient(#fff,#fff 1em,#e7e7e7);
    background-image: linear-gradient(#fff,#fff 1em,#e7e7e7);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: none \9;
    line-height: 1.3em;
    margin: 6.5px 0.75em;
    overflow: hidden;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 4.5em;
    margin-top: -1px !important;
}

.border-grey-date {
    border: 0.1px solid #666 !important;
}

.ai1ec-month-grey {
    background: #666 !important;
}

.ai1ec-month {
    background: #01B3DF;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 0.8em;
    letter-spacing: 0.2em;
    padding: 0 0.2em;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #00000024;
}

.ai1ec-day {
    font-size: 2em;
    padding: 0.35em 0 0.24em;
}

.ai1ec-day-sm {
    font-size: 1.2em;
    /*padding: 0.50em 0 0.22em;*/
    padding: 0.63em 0 0.35em;
}

.ai1ec-weekday {
    font-size: 0.7em;
    padding: 0 0 0.3em;
}

.entry-content .ai1ec-agenda-widget-view .ai1ec-date-title, .entry-content .ai1ec-agenda-view .ai1ec-date-title, .comment-content .ai1ec-agenda-widget-view .ai1ec-date-title, .comment-content .ai1ec-agenda-view .ai1ec-date-title, .site-footer .widget .ai1ec-agenda-widget-view .ai1ec-date-title, .site-footer .widget .ai1ec-agenda-view .ai1ec-date-title {
    color: #525252;
}

.timely a, .timely a:link, .timely a:visited, .timely a:active, .timely a:hover, #ai1ec-container a, #ai1ec-container a:link, #ai1ec-container a:visited, #ai1ec-container a:active, #ai1ec-container a:hover {
    font-weight: normal;
    text-decoration: none !important;
    box-shadow: none;
}

.accordion .acd-heading {
    /*text-transform: lowercase !important;*/
    text-decoration: underline;
    color: #01B3DF;
}

    .accordion .acd-heading.info {
        /*text-transform: lowercase !important;*/
        text-decoration: underline;
        color: #0045AD !important;
    }

.userMenu-active span {
    color: #01B3DF !important;
}

.userMenu-active {
    border-bottom: 3px solid #01B3DF;
}

.event-title {
    color: #01B3DF;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
}

.ev-icon-green {
    color: #339933;
    font-size: 22px;
    /*font-size: 225px;*/
}

.ev-icon-grey {
    color: #666;
    font-size: 22px;
    /*font-size: 25px;*/
}

.ev-icon-grey_holiday {
    color: #cccccc;
    font-size: 22px;
    /*font-size: 25px;*/
}

.accordion.shadow .acd-des {
    padding: 0 15px 20px !important;
}

.minus-15 {
    margin-right: -15px !important;
}
/*.custom-checkbox{margin-top:6px;}
.custom-checkbox .custom-control-label::before{margin-top:3px !important;}*/
.custom-control-label::after {
    width: 1.2rem !important;
    height: 1.2rem !important;
    top: 0.5rem !important;
}

.default-avatar,
.member-overlap-item {
    height: 25px;
    width: 25px;
}

.member-overlap-item {
    border: 2px solid #fff;
}

.group {
    min-height: 40px;
    height: auto;
    line-height: 1.6rem;
}

.grid-icon {
    vertical-align: middle;
    line-height: 1;
}

.mycal-fa-icon-bg {
    border-radius: 5px !important;
    padding: 2px 4px;
}

.group-class {
    height: 1rem;
    line-height: 4rem;
    vertical-align: middle;
}

.custom-control-label::before {
    border: 2px solid !important;
    width: 1.2rem !important;
    height: 1.2rem !important;
}

.green-fl-text {
    color: #339933;
}

.custom-control-label-green::before {
    border-color: #339933 !important;
    width: 1rem !important;
    height: 1rem !important;
}

.pink-star {
    color: #F90A97;
    font-size: 22px;
}

.after:after {
    display: none !important;
}

.fl-hover:hover {
    background-color: #01B3DF !important;
}

.form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    color: #aaa;
    right: 30px;
    line-height: 48px;
    top: 0;
}

.allign-center30 {
    margin-left: 30%;
    margin-right: 30%;
}
.btn-bg-green {
    background-color: #339933 !important;
    border-color: #339933 !important;
    border-radius: 10px;
}

    .btn-bg-green:hover, .btn-bg-green:active {
        background-color: #339933 !important;
        border-color: #339933 !important;
    }

.btn-bg-grey {
    background-color: #999 !important;
}

    .btn-bg-grey:hover, .btn-bg-grey:active {
        background-color: #1973fb !important;
    }

.btn-bg-blue {
    background-color: #1973fb !important;
}

.bg-search-button:hover, .bg-search-button:visited {
    background-color: #1973fb;
}

.border-left-or {
    border-left: 2px solid #0c3182 !important;
}


.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: transparent !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
    border: 1px !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    content: "\f00c" !important;
    color: #8b9197 !important;
    top: -2px !important;
    left: -24px !important;
    background-image: none !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #8b9197 !important;
    background-color: #8b9197 !important;
    border-width: 2px !important;
}

.custom-control-label::before {
    border: 2px solid #8b9197 !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
    border: 2px solid #8b9197 !important;
}


.editable-text1 {
    color: #01B3DF !important
}

    .editable-text1 i:hover, editable-text1 i:focus, editable-text1 i:visited {
        color: #01B3DF !important;
    }

.editable-textinfo {
    color: #fff !important
}

    .editable-textinfo i:hover, editable-textinfo i:focus, editable-textinfo i:visited {
        color: #fff !important;
    }
/*-------------search calander-------------*/
/*.bootstrap-datetimepicker-widget table td:hover {background: #1973fa !important; color:#fff !important;}*/
.datepicker table tr td.active.active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover {
    /*background: #01B3DF !important;*/
    background: #1973fa !important;
    color: #fff !important;
}

    .datepicker table tr td.day:hover, .datepicker table tr td span:hover, .datepicker table tr td span.active.active:focus {
        background: #01B3DF !important;
        color: #fff !important;
    }

.date-bg .form-control, .input-group-prepend {
    /*background-color: transparent !important;*/
    padding-left: 15px;
    padding-right: 15px;
    border: 0 !important;
}

/*.rounded-10 {
    border-radius: 10px !important;
}*/

.form-control-orange {
    position: absolute;
    z-index: 2;
    display: block;
    color: #01B3DF;
    right: 40px;
    line-height: 45px;
    top: 0;
}

.cal-search-pr .date input, .dropdown-text {
    font-size: 14px !important;
    font-style: normal !important;
}

.cal-search-pr .form-control {
    border-radius: 3px !important;
    height: auto !important;
    line-height: 1.33333 !important;
    padding: 10px 10px 10px 15px !important;
    background: none !important;
    /*color: #323232 !important;*/
    color: #1973fa !important;
    border: 0px solid transparent;
    box-shadow: none;
    font-style: italic;
    font-size: 14px !important;
}

.dropdown-text label {
    color: #666 !important;
}

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

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

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

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

.cal-search-pr .form-control-input {
    border-radius: 3px !important;
    height: auto !important;
    line-height: 1.33333 !important;
    padding: 10px 10px 10px 15px !important;
    background: #f6f7f9 !important;
    color: #323232;
    border: 0px solid transparent;
    box-shadow: none;
    font-style: italic;
}

ul.page-breadcrumb li a {
    color: #01B3DF !important;
    font-size: 12px !important;
    /*text-transform: capitalize;*/
}

    ul.page-breadcrumb li a span {
        font-size: 12px !important;
        /*text-transform: capitalize;*/
    }

ul.page-breadcrumb li span {
    color: #626262 !important;
    font-size: 12px !important;
    /*text-transform: capitalize;*/
}

ul.page-breadcrumb li i {
    font-size: 14px;
    padding: 0 7px;
}

.breadcrumb-orange {
    color: #01B3DF !important;
}

.breadcrumb-grey {
    color: #333 !important;
}

.ui-widget.ui-widget-content {
    z-index: 999 !important; /* display:block !important;*/
}

.search-header-light {
    z-index: 1 !important;
    position: relative;
    box-shadow: 0 0 15px #00000024;
}

.header.light {
    z-index: 9 !important;
    /* z-index: 1 !important;*/
}

.col-form-label {
    line-height: inherit !important;
    line-height: 2.5 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    border: 0 !important;
    content: "\f078";
    font-family: 'FontAwesome' !important;
    font-size: smaller;
    line-height: 45px;
    padding: 8px;
    font-weight: 300;
    font-size: 8px;
    color: #98a8ba;
}

.dropdown-toggle::after {
    content: "\f078";
    font-family: 'FontAwesome' !important;
    padding: 8px;
    font-weight: 300;
    font-size: 10px;
    color: #565656;
    border: 0;
}

.bg-orange-avt {
    background: #01B3DF;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

.ev-icon-red {
    color: #ff0000 !important;
    font-size: 22px !important;
}
.ev-icon-greend {
    color: #339933 !important;
    font-size: 22px !important;
}



.dropdown-search {
    color: #01B3DF !important;
}

.ui-state-active {
    background: none !important;
    background-color: transparent !important;
    color: #01B3DF !important;
    background-image: inherit !important;
    border: 0 !important;
    font-weight: bold !important;
}

.ui-menu-item-wrapper {
    color: #000 !important;
    border: 0 !important;
    font-weight: normal !important;
}

.text_orange {
    color: #01B3DF !important;
}

.ui-menu a {
    color: #01B3DF !important;
    border: 0 !important;
    font-weight: bold !important;
    margin-bottom: 0 !important;
    padding: 3px 1em 3px .4em !important;
    cursor: pointer;
}

.ui-widget.ui-widget-content {
    padding: 10px 5px 20px 5px !important;
    border: 1px solid #f2f2f2 !important;
}

.ui-menu-item-wrapper {
    color: #01B3DF;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
}

.ui-menu i {
    /*padding: 3px 0 3px 10px !important;*/
    padding: 0px 0 3px 10px !important;
    font-size: 16px !important;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0 0 0 0px !important;
}

.ui-menu label .ui-state-active, .ui-menu label {
    margin: 0 0 0 0px !important;
}

.ui-menu-item a {
    font-size: 16px !important;
}

.ui-widget.ui-widget-content {
    z-index: 999 !important;
}

.modal {
    z-index: 99 !important;
}

.modal-backdrop {
    z-index: 9 !important;
}

.select2-dropdown--below {
    margin-top: -15px;
    background: #fff;
}

.city-100 .select2-container {
    width: 100% !important;
}

.invite-club .custom-checkbox .custom-control-label::before {
    margin-top: -4px !important;
}

.invite-club .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    top: -4px !important;
}

.text-yellow {
    color: #01B3DF !important;
}

.text-blue {
    color: #1973FA !important;
    font-weight: 700;
}

.text-red {
    color: #FF0000 !important;
}

.text-green {
    color: #339933 !important;
}

.event-arrow-text i {
    float: left;
    display: table-cell;
    line-height: 29px;
    width: 10px;
}

.event-arrow-text p {
    display: table;
}

.txtcategory span, .txtBike span, .txtMoreFilter span {
    width: 18px;
    background: #1973fa;
    color: #fff !important;
    border-radius: 25px;
    font-size: 12px;
    text-align: center;
    margin: 0 -5px 0 5px;
    display: inline-block;
}

.dropdown-text-category, .dropdown-text-bike {
    font-size: 14px !important;
}

.txtcategory, .txtBike, .txtMoreFilter {
    width: 18px;
    display: inline-block;
}


.dropdown-select .select2-container {
    width: 100% !important;
}

.checkbox-search {
    position: relative;
    margin-bottom: 20px;
}

.checkbox label {
    padding-left: 30px;
    display: block;
}

.checkbox-search label {
    vertical-align: middle;
}

.checkbox-search input {
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    position: absolute;
}

    .checkbox-search input:checked + .input-helper:before {
        border-color: #1370fa;
    }

.checkbox-search .input-helper:before,
.checkbox-search .input-helper:after {
    position: absolute;
    content: "";
    transition: all 200ms;
}

.checkbox-search .input-helper:before {
    left: 0;
    border: 1px solid #1370fa;
}

.checkbox-search input {
    width: 15px;
    height: 15px;
}

    .checkbox-search input:checked + .input-helper:before {
        background-color: transparent;
    }

    .checkbox-search input:checked + .input-helper:after {
        transform: scale(1);
        opacity: 1;
    }

.checkbox-search .input-helper:before {
    top: 0;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    color: #fff;
}

.dropdown-toggle::after {
    font-size: 8px !important;
    color: #90a1b5 !important;
    padding-right: 6px;
}

.dropdown.mfilter .dropdown-toggle::after {
    margin-left: -4px;
}

.checkbox-search .input-helper:after {
    content: '\f00c';
    font-size: 19px;
    left: 3px;
    top: -10px;
    color: #1370fa;
    transform: scale(0);
    opacity: 0;
    font-family: 'FontAwesome';
    font-style: normal;
}
/*custome_css*/

.ui-widget {
    font-family: 'Poppins', sans-serif !important;
}

.bg-yellow {
    background-color: #01B3DF !important;
}

.fa-grey {
    color: #626262 !important;
}

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

.d-right {
    position: absolute;
    right: 0;
}

.search-select-section {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
}

    .search-select-section .sss-child {
        width: calc(100% / 5);
    }

.category-section {
    width: auto;
    white-space: nowrap;
    min-height: 150px; /*overflow-y:scroll;*/
}

.mt-0-before::before {
    margin-top: 0 !important;
}

.mt-0-before::after {
    margin-top: 0px !important;
}

.quick-section .collapse:not(.show) {
    display: block;
}

.imageThumbnail {
    height: 70px;
    width: auto; /*maintain aspect ratio*/
    max-width: 150px;
    border-radius: 10px;
    margin: 0 0 0 15px;
}

.select2-container--default .select2-results__option--highlighted {
    background-color: #fff !important;
    font-weight: normal !important;
    color: #01B3DF !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: #fff !important;
    font-weight: bold !important;
    color: #626262 !important;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(249, 175, 21);
    background: #01B3DF !important;
    border-color: #01B3DF !important;
}

.bootstrap-datetimepicker-widget {
    background-color: #fff !important;
}

.dropdown-menu, .form-control {
    font-size: 14px !important;
}

.w-18 {
    width: 75px !important;
}

.div-w20 {
    width: 20px;
    background: #f6f7f8;
}

.cal_holiday_background {
    background-color: #fdf2e9;
}

.select_category {
    font-size: 9px;
    border-radius: 10px;
    padding: 6px 4px;
    border: 1px solid #d7d7d7;
    background: #fff;
    background: rgba(0,0,0,0) url(../../../assets/images/down-arrow.png) no-repeat scroll calc(5% + 3px) center/8px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #939598;
}

.selecty {
    border: 0 !important;
    content: "\f078";
    font-family: 'FontAwesome' !important;
    font-size: smaller;
    line-height: 45px;
    padding: 8px;
    font-weight: 300;
    font-size: 8px;
    color: #98a8ba;
}

.validation-y {
    background: #01B3DF !important;
    color: #fff !important;
    border-radius: 3px;
    position: absolute;
    top: -10px;
    line-height: 25px;
    z-index: 3;
    padding: 0px 5px;
    white-space: nowrap;
}

.clear {
    clear: both !important;
}

.mt3 {
    margin-top: -3px !important;
}

.valign-sub {
    vertical-align: sub;
}

.check-input input {
    vertical-align: sub;
    margin-right: 5px;
}

.tab.tab-padding .nav.nav-tabs li a {
    padding: 10px 12px !important;
    font-size: 13px !important;
}

.addresss-info li {
    clear: both;
}

.line-h30 {
    line-height: 30px;
}

/*.remove-search {
    color: #323232 !important;
    line-height:45px !important;
    right: 60px !important;
    cursor: pointer;
}*/

/*.form-control.bg-transparent.ui-autocomplete-input::placeholder {
    color: #1973fa !important;
}*/

.remove-search {
    color: #fff !important;
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 60px !important;
    background: #1973fa !important;
    width: 18px;
    height: 18px;
    line-height: 16px !important;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
}

.select-box select .selected {
    font-weight: 700 !important;
}

.select-box select option {
    padding: 20px 10px !important;
}

/*.blog-comments .comments-1 .comments-photo {
    width: 117px !important;
}*/
.blog-comments .comments-1 .comments-photo {
    /*width:85px !important;*/
    margin-right: 0px !important;
    padding-left: 0px;
}

.border-bottom-grey-2 {
    border-bottom: 2px solid #fbecd2;
}
/*.blog-comments .comments-1 .comments-photo img {
    width: 100px !important;
    height: 100px !important;
}*/
.blog-comments .comments-1 .comments-photo img {
    width: 50px !important;
    height: 50px !important;
}
/*.comments-1 .comments-info{display:block !important;}*/
.yellow-bb {
    border-bottom: #01B3DF 1px solid;
}

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

.w25 {
    width: 25% !important;
}

.add-gray {
    width: 100%;
    height: 250px;
    background: #dadada;
    text-align: center
}

.add-yellow {
    width: 100%;
    height: 250px;
    background: #01B3DF;
    color: #ffffff !important;
    text-align: center;
}

    .add-yellow h4, .add-yellow p {
        color: #ffffff !important;
    }

    .add-yellow button, .add-yellow a {
        background: #fefdfd;
        color: #8c8c8c !important;
    }

/*.home-add-yellow {
    width: 235px;
    height: 210px;
    background: #01B3DF;
    color: #ffffff !important;
    text-align: center;
    top: 708px;
    position: relative;
    left: 300px;
}*/

.home-add-yellow {
    width: 290px;
    height: 260px;
    right: 300px;
    /*width: 360px;
    height: 220px;
    right: 190px;*/
    background: #01B3DF;
    color: #ffffff !important;
    text-align: center;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}

    .home-add-yellow h4 {
        font-size: 23px;
        line-height: 32px;
    }

    .home-add-yellow h4, .home-add-yellow p {
        color: #ffffff !important;
    }

    .home-add-yellow button, .home-add-yellow a {
        background: #fefdfd;
        color: #8c8c8c !important;
    }

.home-content {
    top: 400px;
}

.home-search {
    top: 450px;
}

.error-content {
    top: 55%;
}

.height35 {
    height: 35px;
}

.height70 {
    height: 70px;
}

.comments-1.comments-2 {
    /*padding-left: 120px;*/
    padding-left: 65px;
    margin-right: 15px;
}

.comments-1 .comments-info {
    margin-bottom: 0px !important;
}

.commrep {
    margin-bottom: 20px;
}

.port-post-social a {
    margin-left: 30px;
}

.section-field .form-control[readonly] {
    background-color: #f6f7f8;
    border-left: #dee2e6 2px solid;
    border-radius: 0px 3px 3px 0px;
}

.myevents-info li {
    font-size: 14px;
    margin-bottom: 15px;
    list-style: none;
}

.myevents-info i {
    padding-right: 5px;
    float: left;
    display: table-cell;
    width: 30px;
    line-height: 23px;
    font-size: 14px;
}

.myevents-info span {
    /*padding-right: 10px;*/
    float: left;
    display: table-cell;
    line-height: 23px;
    font-size: 14px;
    width: 45px;
}

.myevents-info p {
    display: table;
    margin-bottom: 0px;
}

.myevents-info li a {
    color: #01B3DF !important;
    text-decoration: underline;
}

.mt55 {
    margin-top: 55px;
}

.mt20 {
    margin-top: 20px;
}

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

#hours span {
    margin-left: 20px;
}

#minutes span {
    margin-left: 14px;
}

.holiday-name {
    margin-top: 90px;
    padding: .50rem 0rem .50rem 1rem !important;
    width: 100%;
    background: #fff;
}



.holiday-btn {
    background: #01B3DF;
    border: 0px solid #01B3DF;
    color: #363636;
    border-radius: 10px;
    /*font-size: 12px;*/
    font-weight: bold;
    padding: 10px;
    line-height: 18px;
}

    .holiday-btn:hover {
        color: #363636;
    }

.holiday-shadow {
    box-shadow: 0px 5px 10px #00000024;
    background: #ffffff;
}

    .holiday-shadow p {
        line-height: 35px;
    }

    .holiday-shadow .add-yellow p {
        font-size: 16px;
        line-height: 33px;
    }

    .holiday-shadow .icon-width {
        width: 25px;
        float: left;
    }

.lefletmapshadow {
    box-shadow: 0px 5px 10px #00000024;
    background: #ffffff;
}

    .lefletmapshadow p {
        line-height: 35px;
    }

    .lefletmapshadow .add-yellow p {
        font-size: 16px;
        line-height: 33px;
    }

    .lefletmapshadow .icon-width {
        width: 25px;
        float: left;
    }




/*.holiday-shadow i {
    font-size: 25px;
}

    .holiday-shadow .ai1ec-date-title {
        width: 4em !important;
    }

    .holiday-shadow .ai1ec-day {
        font-size: 1.5em;
        padding: 0.30em 0 0.05em;
    }*/

.holiday-ybg {
    background: #f7cc70;
}

.holiday-ybh {
    min-height: 345px !important;
}

.holiday-h6 {
    position: absolute;
    margin-top: 170px;
}

/*.img-15 {
    width: 15px;
}*/
.modal-content {
    border: 0px !important;
}

    .modal-content button.border-0.pull-right {
        border-top-right-radius: 5px !important;
    }

.date-width {
    width: 4.9em;
}

.float-left {
    float: left !important;
}

.tag-container {
    display: flex;
    flex-flow: row wrap;
}

.tag {
    pointer-events: none;
    background-color: #f6f7f8;
    color: #626262;
    padding: 6px;
    margin: 5px 5px 0px 0px;
    line-height: 20px !important;
}

    .tag::before {
        pointer-events: all;
        display: inline-block;
        content: 'x';
        height: 20px;
        width: 20px;
        margin-right: 6px;
        text-align: center;
        color: #ffffff;
        background-color: #01B3DF;
        cursor: pointer;
    }

.white-space-nowrap {
    white-space: nowrap !important;
}

.tooltip-height {
    height: 44px !important;
    margin-top: 2px !important;
}

.administrator ul {
    padding: 0px 0px 0px 20px
}

#CountryId-error {
    top: 20px !important;
}

.distance {
    background: transparent;
    border: 1px solid #01B3DF;
    color: #333333;
    border-radius: 5px !important;
    text-transform: none !important;
    padding: 0px 7px;
    margin-right: 3px;
}

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

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

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

.yellow-bg {
    background: #FEF2DC;
}

.shadow-sm {
    box-shadow: 0 .5rem .50rem rgba(0,0,0,.15) !important;
}

.thumbnail-icon {
    position: absolute;
    border-radius: 50%;
    background: #fff;
    border: 0;
    padding: 0px;
    width: 25px;
    height: 25px;
    right: 10px;
    bottom: 10px;
    line-height: 25px;
}

.bg-blue {
    background-color: #1973fa !important;
    /*padding: 18px !important;*/
}

.cl-blue {
    color: #1973fa !important;
}

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

.fsize-16 {
    font-size: 16px !important;
}

.fsize-18 {
    font-size: 18px !important;
}

.fsize-20 {
    font-size: 20px !important;
}

.fsize-22 {
    font-size: 22px !important;
}

.my-editon-addbtn {
    position: absolute;
    background: transparent !important;
    border: 0;
    padding: 0;
    left: 12px !important;
    width: 30px;
    height: 30px;
    bottom: 4px !important;
    z-index: 1;
}

.blog-entry .blog-detail .entry-title a:hover {
    color: #01B3DF;
}

.box-shadow-none {
    box-shadow: none !important
}

.comments-info.bg-white iframe, iframe, #aswift_1_expand,
#aswift_1_anchor, #aswift_2_expand, #aswift_2_anchor,
#aswift_1, .adsbygoogle, #aswift_3_expand, #aswift_4_expand,
#aswift_5_expand, #aswift_6_expand, #aswift_7_expand,
#aswift_2, #aswift_3, #aswift_4, #aswift_5, #aswift_3_anchor,
#aswift_4_anchor {
    width: 100% !important;
}

.thumb-height {
    height: 247px;
}

.carousel-item img {
    width: 100% !important;
    /*max-height: 247px;*/
}

.login.white-bg.o-hidden.scrollbar {
    touch-action: auto !important;
}

#raindrops #raincanvas {
    width: 100% !important;
}

.cycling-btn {
    bottom: 25%;
    position: absolute;
    text-align: center;
    width: 92.5%;
    clear: both;
}

.entry-pagination ul.pagination {
    margin: 0px !important;
}

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

.coming-logo {
    height: 110px;
}

.coming-mt-15 {
    margin-top: 5% !important;
}

.coming-mt-45 {
    margin-top: 8% !important;
}

.coming-mt-4 {
    margin-top: 1.5rem !important;
}

.countdown.round {
    border: 7px solid #f5f5f5 !important;
}

.countdown.medium p, .countdown.medium span {
    color: #01B3DF !important;
}

.coming-bg {
    background: #fff;
    width: 100%;
    height: 120px;
    position: absolute;
    opacity: .5;
    top: 35px;
}

.carousel-item {
    width: 101% !important;
}

.carousel .carousel-inner .carousel-item .col-lg-4.col-md-4.px-0 {
    margin-top: -3px !important;
    margin-right: -3px !important;
}

.carousel .carousel-inner .carousel-item .col-lg-12.col-md-12.px-0 {
    margin-top: 2px !important;
    margin-left: -1px !important;
}

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

/*.span1 {
    background: #1e65d0;
    padding: 16px 30px;
    position: absolute;
    top: -16px;
    right: 170px;
}

.span2 {*/
/*background: #1973fa;*/
/*padding: 16px 39px;
    position: absolute;
    top: -16px;
    right: 15px;
}*/

.span1 {
    background: #1e65d0;
    padding: 16px 30px;
    display: inline-block;
}

.span2 {
    padding: 16px 37px 16px 36px;
    display: inline-block;
}

.pl-edition {
    padding-left: 69px !important;
}

.col-lg-7.coming-width {
    width: 885px;
    max-width: 100%;
}

.coming-dflex {
    display: flex !important;
    justify-content: center !important;
}

    .coming-dflex h1 {
        text-align: right !important;
        padding-right: 3rem !important;
        margin-top: 1rem !important;
        white-space: nowrap;
    }

    .coming-dflex span {
    }

        .coming-dflex span img {
            padding-left: 3rem !important;
        }


.bg-dark-blue {
    background-color: #0045AD !important;
}

.holidaysubscription .pricing-table.active.boxed {
    /*border-top: 16px solid #01B3DF !important;*/
    border-top: 8px solid #01B3DF !important;
}

.holiday-pricing ul li {
    line-height: 50px !important;
}

#SocialMedia .topbar-social ul li .fa-facebook:hover, #SocialIcon .social-icons ul li .fa-facebook:hover {
    color: #1877f2 !important;
}

#SocialMedia .topbar-social ul li .fa-twitter:hover, #SocialIcon .social-icons ul li .fa-twitter:hover {
    color: #1da1f2 !important;
}

#SocialMedia .topbar-social ul li .fa-instagram:hover, #SocialIcon .social-icons ul li .fa-instagram:hover {
    color: #c32aa3 !important;
}

#SocialMedia .topbar-social ul li .fa-youtube:hover, #SocialIcon .social-icons ul li .fa-youtube:hover {
    color: #ff0000 !important;
}

#SocialMedia .topbar-social ul li .fa-pinterest:hover, #SocialIcon .social-icons ul li .fa-pinterest:hover {
    color: #bd081c !important;
}

#SocialMedia .topbar-social ul li .fa-tumblr:hover, #SocialIcon .social-icons ul li .fa-tumblr:hover {
    color: #35465d !important;
}

#SocialMedia .topbar-social ul li .fa-spotify:hover, #SocialIcon .social-icons ul li .fa-spotify:hover {
    color: #1ed760 !important;
}

#SocialMedia .topbar-social ul li .fa-linkedin:hover, #SocialIcon .social-icons ul li .fa-linkedin:hover {
    color: #0a66c2 !important;
}

.fa-strava {
    width: 14px;
    height: 14px;
}

    .fa-strava:hover {
        color: #fc4c02 !important;
        width: 14px;
        height: 14px;
    }


.modal-content button.border-0.pull-right {
    background-color: #ffffff !important;
}

.pagination .page-item.border-0 {
    position: relative;
    padding: 7px 8px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd !important;
    border-radius: 3px;
    float: left;
    margin: 0 5px;
    margin-left: -1px;
}

.holiday-sub {
    vertical-align: middle !important;
}

    .holiday-sub .check-shape::before {
        border-radius: 0.1rem !important;
    }

    .holiday-sub .custom-control-label::before {
        border: 2px solid #ffffff !important;
        background-color: transparent !important;
        width: 1rem !important;
        height: 1rem !important;
    }

    .holiday-sub .custom-control-label::after {
        width: 1rem !important;
        height: 1rem !important;
        top: 0rem !important;
    }

    .holiday-sub .custom-control-input:focus ~ .custom-control-label::before {
        border: 2px solid #ffffff !important;
    }

    .holiday-sub.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        color: #ffffff !important;
    }

    .holiday-sub.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: transparent !important;
    }

    .holiday-sub.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
        background-color: transparent !important;
        border-color: #ffffff !important;
    }

.min-height-HS {
    min-height: 30px;
}

.min-height-HS100 {
    min-height: 100px;
}

.holidaysubscription .pricing-table.active .pricing-top a.button {
    /*padding: 12px 32px !important;
    font-size: 18px !important;*/
    padding: 10px 20px !important;
    font-size: 13px !important;
}

.holidaysubscription .pricing-table.boxed {
    padding: 20px !important;
}

.holidaysubscription .pricing-button {
    text-align: center;
}

    .holidaysubscription .pricing-button .button {
        background: #353535 !important;
        border: 2px solid #353535 !important;
    }

        .holidaysubscription .pricing-button .button:hover {
            background: #01B3DF !important;
            border: 2px solid #01B3DF !important;
        }

.holidaysubscription .pricing-table.active .pricing-top a.button {
    background: #01B3DF !important;
    border: 2px solid #01B3DF !important;
    color: #fff !important;
}

.pricing-table.active .pricing-prize {
    margin: 30px 0 30px !important;
}

.pricing-table.active {
    margin-top: auto !important;
}

.pricing-content .pricing-table-list ul li {
    line-height: 44px !important;
}

.holidaysubscription .pricing-prize h2 {
    font-size: 18px !important;
}

    .holidaysubscription .pricing-prize h2 span {
        font-size: 14px !important;
        vertical-align: bottom;
    }

.holiday-bgimg {
    background-size: cover;
    height: 220px;
    width: 100%;
    background-position: center;
}

.public-member-img {
    background-size: cover;
    height: 250px;
    width: 100%;
    background-position: bottom;
}

.public-member-img-athlete {
    background-size: cover;
    height: 235px;
    width: 100%;
    background-position: bottom;
}

.public-member-img-carousel {
    background-size: cover;
    height: 250px;
    width: 100%;
    background-position: bottom;
}

.light-ybg {
    background-color: #fef2db !important;
}

.holiday-shadow .clearfix.p-3 {
    min-height: 122px;
}

.lefletmapshadow .clearfix.p-3 {
    min-height: 80px;
}

.dropdown.mfilter .dropdown-menu.dropdown-text.px-3 {
    min-width: 12rem !important;
}

.comments-photo span.img-fluid.rounded-circle {
    background: #dadada;
    /*padding: 20px 24px;*/
    padding: 14px 15px;
    font-size: 14px;
    line-height: 55px;
    border-radius: 10px !important;
}

.text-purple {
    color: #F90A97 !important;
}

.home-purple:before {
    color: #F90A97 !important;
    content: "\f005";
    font-family: 'FontAwesome';
    font-style: normal;
}

.min-height-75 {
    min-height: 75px;
    width: 90%;
}

.addresss-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 232px;
    float: left;
    display: block;
}

.multidayEvent-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 230px;
    float: left;
    display: block;
}

.add-yellow-mh {
    min-height: 285px;
}

.profile-url {
    width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.icon-size1-5 {
    font-size: 1.5em;
}

.max-w100 {
    max-width: 100% !important;
}

.cookies {
    margin-bottom: -1px;
    position: fixed;
    z-index: 9;
    bottom: 0px;
    width: 100%;
    border-radius: 0px;
    background: #1973FA;
    color: #fff;
    border: 0px;
}

    .cookies button {
        background: #01B3DF !important;
        border-radius: 5px;
        opacity: unset;
        padding: 6px 10px !important;
        font-size: 13px;
        font-weight: normal;
        margin: 11px;
        left: auto;
        border: 0px !important;
    }

.comments-photo-img {
    background: #dadada;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    border-radius: 50% !important;
}

.org-title {
    font-size: 30px !important;
    color: #ffffff !important;
    font-weight: 700;
    line-height: 40px;
}

.modal-title {
    font-size: 33px !important;
    color: #ffffff !important;
    font-weight: 700;
    line-height: 40px;
}

.sub-table {
    width: 100%;
    text-align: center;
}

    .sub-table tr:nth-of-type(1) {
        border-bottom: #01B3DF 1px solid
    }

    .sub-table th, .sub-table td {
        padding: 8px;
    }

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 9999 !important;
}

.mpl-6 {
    padding-left: 6px;
}

.form-control:disabled, .select2-container--default.select2-container--disabled, .form-control[readonly], .disable-select {
    background-color: #f6f7f8 !important;
    font-style: italic;
    color: #999 !important;
}

#myOwnEventAdd .table td, .table th {
    padding: 0.25rem !important;
}


.premium {
    background: #01B3DF;
    color: #fff;
    padding: 2px 10px;
    margin-top: 15px;
    font-weight: 600;
}

.premium-img {
    background-size: cover;
    height: 80vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

.P-absolute {
    position: absolute !important
}

.p10 {
    padding: 10px !important;
}

.mcol-10 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.validation-icons {
    position: absolute;
    width: auto;
    bottom: 20px;
    right: 25px;
    margin-top: 0;
    font-size: 12px;
}

.href-mx-1 a {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

#Message-error {
    top: -80px !important;
}

.signin-eye-icon {
    float: right;
    bottom: 35px;
    right: 15px;
    position: relative;
    font-size: 18px;
    line-height: 20px;
}

.logo-height {
    height: 50px;
}

.become-partner, .become-partner h2, .become-partner h6 {
    color: #fff !important;
}

    .become-partner .button.x-small {
        color: #fff !important;
        border: 1px solid #fff !important;
        font-weight: normal !important;
    }



@media (max-width: 1200px) {
    .nav.nav-tabs li a {
        margin-right: 0 !important;
        margin-bottom: 0px !important;
    }

    .mt3 {
        margin-top: unset !important;
    }

    #Categories_multiSelect, #Facilities_multiSelect, #BikeType_multiSelect {
        width: 100% !important;
    }

    .pl-32 {
        padding-left: 32px;
    }
}


.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    padding: 0 !important;
    margin-right: 18px;
    float: right;
}

.form-control option:hover {
    background-color: #01B3DF !important;
    font-weight: bold !important;
    color: #fff;
}

.select2-results__option {
    padding: 15px 6px !important;
}

.fancyselect, .list {
    width: 100% !important;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #ffffff !important;
    color: #626262 !important;
}

.nice-select .option:hover {
    background-color: #fff !important;
    color: #01B3DF !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}

.btn-form-color {
    border-radius: 3px;
    font-size: 13px;
    height: auto;
    line-height: 1.33333;
    padding: 10px 15px 10px 20px;
    background: #f6f7f8;
    color: #323232;
    border: 0px solid transparent;
    box-shadow: none;
}

    .btn-form-color:focus {
        background: #ffffff;
        border: 0px;
        box-shadow: 0px 3px 10px #00000024;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
        border-color: transparent;
    }

.check-text-label {
    color: #626262 !important;
}

    .check-text-label:hover {
        color: #f9af1a !important;
    }

.check-hover li a:hover {
    padding: 5px 15px !important;
}

.check-hover a:hover {
    color: #f9af1a !important;
    font-weight: 700;
}

.check-hover li a {
    padding: 5px 15px !important;
}

#ui-id-8 a {
    font-weight: normal !important;
    color: #626262 !important;
}

    #ui-id-8 a:hover {
        font-weight: normal !important;
        color: #f9af1a !important;
    }

.line-height-normal {
    line-height: normal !important;
}

.w-230 {
    width: 230px;
}

.pt-6px {
    padding-top: 6px;
}

.cam-icon {
    font-size: 40px;
    color: #6d747c;
}


@media screen and (max-width: 769px) {


    .userMenu.userMenu-active .dropdown-menu {
        width: 100% !important;
        border-radius: 0px !important;
    }

    .signupBtn .btn-warning {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
        border: 0 !important;
        color: #363636 !important;
    }

    #header.topbar-dark .menu .menu-bar > ul > li.userMenu .dropdown .userProfile {
        line-height: 55px;
    }

    .userMenu-active {
        padding: 0 15px !important;
    }

    #header.topbar-dark .menu .menu-bar > ul > li > a {
        padding: 10px 0 !important;
    }

    #header.topbar-dark .menu .menu-bar {
        margin-top: 55px !important;
    }

    .mega-menu .menu-logo {
        padding: 5px 0 0px !important;
    }

        .mega-menu .menu-logo img {
            height: 55px !important;
        }

    .ui-widget.ui-widget-content {
        white-space: nowrap !important;
    }
}

@media screen and (max-width: 767px) {

    .bootstrap-datetimepicker-widget.dropdown-menu {
        z-index: 9999 !important;
    }

    .coming-bg {
        height: 190px;
    }

    .coming-dflex h1 {
        text-align: center !important;
        padding-right: 0rem !important;
        margin-top: auto !important;
    }

    .col-lg-7.coming-width {
        width: auto;
    }

    .coming-dflex {
        display: inline-block !important;
        justify-content: center !important;
    }

        .coming-dflex .font-30 {
            font-size: 21px !important;
            line-height: 30px;
        }

    .pl-edition {
        padding-left: unset !important;
    }

    .countdown.round.medium {
        display: inline-block !important;
    }

        .countdown.round.medium:nth-of-type(4) {
            display: none !important;
        }

    .holiday-shadow .font-30 {
        font-size: 26px !important;
        line-height: 35px;
    }

    .mpx-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .comments-1.d-flex.clearfix {
        display: unset !important;
    }

    .comments-info .button.x-small {
        font-size: 12px;
    }

    .w25 {
        width: auto !important;
    }

    .mt3 {
        margin-top: 3px !important;
    }

    .myedition-left-icon {
        /*font-size: 25px !important;*/
        display: flex;
        margin: 10px 0;
        justify-content: space-between !important;
        /* margin: 0 auto !important; 
width: 50vw;
        line-height: 0 !important;
        height: 36px;
        position: relative !important;
        left: 0 !important;
        flex-direction: row !important;
margin-top:15px;*/
    }

        .myedition-left-icon p {
            line-height: 50px !important;
        }

    h1 {
        font-size: 18px !important;
        line-height: 27px;
    }

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

    .cam-icon {
        font-size: 16px !important; /*border:1px solid #fff;*/
    }

    .ai1ec-date-title {
        /* width: 94%;
        margin: 10px 10px 10px 0px !important;*/
    }

    .login-social li i {
        border-right: 0px solid #fff;
        padding-right: 0px;
        margin-right: 0px;
    }

    .login-bg .login-form {
        padding: 15px !important;
    }

    .login-bg .login-social li a.fb /*.twitter, .pinterest*/ {
        padding: 12px 12px !important;
    }

        .login-bg .login-social li a.fb.fb-pading {
            padding: 4px 20px !important;
        }

    .mb-search [placeholder] {
        width: 200px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 14px !important;
    }

    .quick-section .collapse:not(.show) {
        display: none;
    }

    .select2-container {
        width: 100% !important;
    }

    .search-select-section .sss-child {
        width: 100%;
    }

    .sss-child .dropdown-toggle::after {
        float: right;
        padding-right: 0 !important;
        padding-top: 5px;
    }

    .border-left-or {
        border-left: 2px solid #0c3182 !important;
    }

    .border-left-or-sm {
        border-bottom: 2px solid #0c3182 !important;
    }

    .search-select-section {
        flex-wrap: wrap;
    }

    .show-results .search-select-section .date-bg .datetimepicker span.input-group-prepend.bg-transparent {
        width: 100% !important;
    }

    .cal-search-pr .show-results .collapse:not(.show) {
        display: none !important;
    }

    .category-section {
        width: 100%;
        transform: none !important;
        height: 250px;
        overflow-y: scroll;
        top: 42px !important;
    }

    .userMenu.userMenu-active .dropdown-menu {
        width: 100% !important;
        border-radius: 0px !important;
    }

    .signupBtn .btn-warning {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
        border: 0 !important;
        color: #363636 !important;
    }

    #header.topbar-dark .menu .menu-bar > ul > li.userMenu .dropdown .userProfile {
        line-height: 55px;
    }

    .userMenu-active {
        padding: 0 15px !important;
    }

    #header.topbar-dark .menu .menu-bar > ul > li > a {
        padding: 10px 0 !important;
    }

    #header.topbar-dark .menu .menu-bar {
        margin-top: 55px !important;
    }

    .mega-menu .menu-logo {
        padding: 5px 0 0px !important;
    }

        .mega-menu .menu-logo img {
            height: 55px !important;
        }

    .pro-55 {
        margin-top: -30px !important;
    }

    .profile-icon {
        width: 50px !important;
        height: 50px !important;
        line-height: 45px !important;
        font-size: 22px !important;
    }

        .profile-icon img {
            height: 50px !important;
            border-radius: 50% !important;
        }

    .video-icon {
        margin-left: 50px !important;
        bottom: 5px !important;
        font-size: 16px !important;
    }

    .profile-icon .profile-alt-txt {
        line-height: 50px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    #Categories_multiSelect, #Facilities_multiSelect, #BikeType_multiSelect {
        width: 100% !important;
    }

    .multiselect-wrapper .multiselect-list {
        min-width: 90% !important;
    }

    .home-search .mb-search [placeholder] {
        width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 14px !important;
    }

    .home-add-yellow {
        display: none;
    }

    .w-25.mw-auto {
        width: 88% !important;
        display: inherit;
    }
}

/*@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
    }
}*/

@media (max-width: 576px) {

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

    .fsize-16 {
        font-size: 16px !important;
    }

    .fsize-18 {
        font-size: 18px !important;
    }

    .fsize-20 {
        font-size: 20px !important;
    }

    .fsize-22 {
        font-size: 22px !important;
    }

    .acd-heading .acd_nowrap {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 170px !important;
    }

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

    .prethumbimg {
        width: 500px !important;
    }

    .mpl-6 {
        padding-left: 24px;
    }

    .coming-logo {
        height: 90px !important;
    }

    .coming-mt-15, .coming-mt-45, .coming-mt-4 {
        margin-top: auto !important;
    }

    .w-25.mw-auto {
        width: 88% !important;
        display: inherit;
    }

    .d-flex.md-unset {
        display: unset !important;
    }

    .ev-icon-green, .ev-icon-grey, .ev-icon-grey_holiday, .pink-star,
    .mybucketlistProfile::before, .mycalendarProfile::before,
    .mycalendaroldProfile::before, .mybucketlistoldProfile::before {
        font-size: 26px !important;
    }

    #divComments .comments-1.comments-2 .comments-info {
        padding: 0px 0px 10px !important;
    }
}

@media screen and (max-width:480px) {

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

    .fsize-16 {
        font-size: 16px !important;
    }

    .fsize-18 {
        font-size: 18px !important;
    }

    .fsize-20 {
        font-size: 20px !important;
    }

    .fsize-22 {
        font-size: 22px !important;
    }

    .acd-heading .acd_nowrap {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 170px !important;
    }

    #divComments .comments-1, #dvSignIn .comments-1 {
        display: flex;
    }

    .prethumbimg {
        width: 500px !important;
    }

    .coming-dflex h1 {
        text-align: center !important;
        padding-right: 0rem !important;
        margin-top: 2rem !important;
    }

    .coming-bg {
        height: 150px;
    }

    .home-content {
        top: 170px;
    }

    .home-search {
        top: 180px;
    }

    .mt55 {
        margin-top: 30px;
    }

    .counter .timer.plsm-5 {
        padding-left: 44px !important;
    }

    .counter .timer.plsm-6 {
        padding-left: 37px !important;
    }

    .home-search .mb-search [placeholder] {
        width: 90% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        box-shadow: none;
    }

    .mpl-1 {
        padding-left: 0.25rem !important;
    }
}

@media screen and (max-width:640px) {

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

    .fsize-16 {
        font-size: 16px !important;
    }

    .fsize-18 {
        font-size: 18px !important;
    }

    .fsize-20 {
        font-size: 20px !important;
    }

    .fsize-22 {
        font-size: 22px !important;
    }

    .acd-heading .acd_nowrap {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 170px !important;
    }

    .prethumbimg {
        width: 500px !important;
    }

    .mcol-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}

@media screen and (min-width:768px) {

    .show-results {
        display: block;
    }
}

@media (min-width: 992px) {
    .header.light .mega-menu {
        min-height: 80px !important;
    }

    #header menu-bar .menu-links {
        height: 330px !important;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .fsize-14 {
        font-size: 14px !important;
    }

    .fsize-16 {
        font-size: 16px !important;
    }

    .fsize-18 {
        font-size: 18px !important;
    }

    .fsize-20 {
        font-size: 20px !important;
    }

    .fsize-22 {
        font-size: 22px !important;
    }

    .pl-32 {
        padding-left: 32px;
    }

    .prethumbimg {
        width: 500px;
    }

    .mega-menu .menu-logo img {
        height: 60px !important;
    }

    .search-row {
        display: block !important
    }

        .search-row .col-md-5.pr-md-0, .search-row .col-md-7.show-results {
            max-width: 100% !important;
            margin-bottom: 10px;
        }

    .search-select-section .border-left-or:nth-of-type(1) {
        border-left: 2px solid #0c3182 !important;
    }
    /*
    button.btnSearchResult {
        padding: 10px !important
    }

    button.btnSearchResult span {
        display: none !important;
    }*/

}

@media (min-width:1025px) and (max-width:1190px) /*(max-width:1365px)*/ {
    .fsize-14 {
        font-size: 14px !important;
    }

    .fsize-16 {
        font-size: 16px !important;
    }

    .fsize-18 {
        font-size: 18px !important;
    }

    .fsize-20 {
        font-size: 20px !important;
    }

    .fsize-22 {
        font-size: 22px !important;
    }

    .prethumbimg {
        width: 100%;
    }

    .search-row {
        display: block !important
    }

        .search-row .col-md-5.pr-md-0, .search-row .col-md-7.show-results {
            max-width: 100% !important;
            margin-bottom: 10px;
        }

    .search-select-section .border-left-or:nth-of-type(1) {
        border-left: 2px solid #0c3182 !important;
    }

    .pl-32 {
        padding-left: 32px;
    }
}

@media (max-width: 992px) {
    .fsize-14 {
        font-size: 14px !important;
    }

    .fsize-16 {
        font-size: 16px !important;
    }

    .fsize-18 {
        font-size: 18px !important;
    }

    .fsize-20 {
        font-size: 20px !important;
    }

    .fsize-22 {
        font-size: 22px !important;
    }

    .pl-32 {
        padding-left: 32px;
    }

    #divComments .port-post-social.float-right {
        float: right !important;
    }

    .holiday-shadow .add-yellow p {
        line-height: 25px;
    }

    .coming-mt-15, .coming-mt-45 {
        margin-top: 7% !important;
    }

    .countdown.round.medium:nth-of-type(4) {
        display: none !important;
    }

    .coming-dflex {
        display: inline-block !important;
        justify-content: center !important;
    }

    .coming-bg {
        height: 190px;
    }

    .col-lg-7.coming-width {
        width: auto;
    }

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

    .coming-dflex span img {
        padding-left: 0rem !important;
    }

    .coming-dflex .font-30 {
        font-size: 21px !important;
        line-height: 30px;
    }

    .coming-dflex h1 {
        text-align: center !important;
        padding-right: 0rem !important;
    }

    .m-clear {
        clear: both !important;
    }

    .select2-container {
        width: 100% !important;
    }

    ul#myTab {
        height: 180px;
        overflow-y: scroll;
    }

    form#frmRoutesData ul#myTab {
        height: auto;
    }
}

/*.ui-menu-item #ui-id-10 {
    padding: 0 !important;
}*/


.input-check-box {
    margin: 5px 0 0 -25px;
    width: 20px;
    height: 20px;
    background: transparent;
    z-index: 1;
}

.check-shape::before {
    border-radius: 0.25rem !important;
}

.check-shape:checked ~ .check-shape::before {
    border-radius: 0.25rem !important;
    content: "\f00c" !important;
}

.after-right::after {
    float: right;
}

.profile-banner-img {
    width: 100%;
    height: 390px;
    object-fit: cover;
}

/*

Template: Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file does not include with the Webster package. This is for color customizer demo purpose only.

*/
.style-customizer .text-dark {
    color: #626262 !important;
}

.pr-25 {
    padding-right: 25px !important;
}

div.style-customizer {
    background-color: #fff;
    color: #626262;
    width: 300px;
    position: fixed;
    top: 0;
    /*z-index: 10000;*/
    z-index: 99;
    right: -300px;
    box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    height: 100%;
    bottom: 0;
}

.style-customizer a.button:hover {
    color: #fff !important;
}

.style-customizer.closed {
    box-shadow: none;
}

.style-customizer a.button:hover:after {
    z-index: -1;
}

.style-customizer a.button {
    z-index: 9;
}

    .style-customizer a.button.button-border {
        text-transform: uppercase;
        width: 100%;
        font-size: 14px;
    }

div.style-customizer .buy-button {
    padding: 30px 30px 30px 30px;
    text-align: center;
    display: inline-block;
    z-index: 2;
    position: absolute;
    background: #fff;
    width: 100%;
}

div.style-customizer .content-chooser {
    padding: 20px 15px 30px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    position: absolute;
    background-color: #ffffff;
    border-top: none;
    border-left: 5px solid #F7AB1D;
    width: 100%;
}

div.style-customizer.opened .content-chooser {
    opacity: 1;
}

.content-chooser p {
    margin-bottom: 10px;
}

div.style-customizer h2 {
    margin: 0;
    font-size: 18px;
}

div.style-customizer h3 {
    font-size: 16px;
    margin-top: 30px;
    line-height: 15px;
}

div.style-customizer hr {
    margin: 15px 0;
}

    div.style-customizer hr + h3 {
        margin-top: 0;
    }

div.style-customizer a.opener {
    display: block;
    height: 45px;
    position: absolute;
    right: 300px;
    top: 200px;
    background: #fff;
    width: 45px;
    font-size: 20px;
    line-height: 45px;
    color: #777777;
    text-align: center;
    text-decoration: none;
    box-shadow: -5px 0 15px 0px rgba(0, 0, 0, 0.10);
}

div.style-customizer.opened a.opener {
    left: -45px;
    border-color: transparent;
}

div.style-customizer ul {
    list-style: none;
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 0;
}

    div.style-customizer ul li {
        float: left;
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
        cursor: pointer;
        margin: 0 3px 3px 0;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        transition: all linear 0.3s;
    }

    div.style-customizer ul.layoutstyle li {
        width: 45%;
        height: 30px;
        margin-right: 5px;
        color: #666666;
        background-color: #f1f1f1;
        border: 1px solid #f3f3f3;
        font-size: 13px;
        text-align: center;
        padding-top: 5px;
    }

        div.style-customizer ul.layoutstyle li i {
            color: #cccccc;
            font-size: 11px;
        }

        div.style-customizer ul.layoutstyle li.selected {
            border: 1px solid #aaaaaa;
        }

            div.style-customizer ul.layoutstyle li.selected i {
                color: #666666;
            }

    div.style-customizer ul.footerChange li {
        width: 45%;
        height: 30px;
        margin-right: 5px;
        font-size: 13px;
        padding: 6px 14px 0;
    }

        div.style-customizer ul.footerChange li.dark {
            color: #f1f1f1;
            background-color: #262626;
        }

        div.style-customizer ul.footerChange li.light {
            color: #333333;
            background-color: #f7f7f7;
        }

        div.style-customizer ul.footerChange li i {
            width: 20px;
        }

    div.style-customizer ul.patternChange li {
        border: 1px solid #f3f3f3;
    }

        div.style-customizer ul.patternChange li.pattern-0.selected:after, div.style-customizer ul.patternChange li.pattern-1.selected:after, div.style-customizer ul.patternChange li.pattern-2.selected:after, div.style-customizer ul.patternChange li.pattern-3.selected:after, div.style-customizer ul.patternChange li.pattern-4.selected:after {
            color: #333333;
        }

        div.style-customizer ul.patternChange li.selected:after {
            color: #ffffff;
        }

    div.style-customizer ul li.selected {
        border: 3px solid #000;
    }

    div.style-customizer ul.resetAll li {
        width: 100%;
        padding: 6px 0;
        min-width: 0;
        text-align: center;
        margin-top: 30px;
    }

div.style-customizer .btn a {
    text-decoration: none;
    color: #ffffff;
}

div.style-customizer select {
    width: 100%;
    padding: 5px;
    border: 1px solid #b2bfca;
}

/*Color Skins*/
div.style-customizer .skin-default {
    background: #01B3DF;
}

div.style-customizer .skin-blue {
    background: #299be8;
}

div.style-customizer .skin-brown {
    background: #885830;
}

div.style-customizer .skin-cyan {
    background: #37c5a6;
}

div.style-customizer .skin-dark-pink {
    background: #f41e54;
}

div.style-customizer .skin-gold {
    background: #ba893f;
}

div.style-customizer .skin-gray {
    background: #9a9a9a;
}

div.style-customizer .skin-green-dark {
    background: #005608;
}

div.style-customizer .skin-lime {
    background: #b4ef56;
}

div.style-customizer .skin-olive {
    background: #667900;
}

div.style-customizer .skin-orange {
    background: #ed5001;
}

div.style-customizer .skin-pink {
    background: #e9457a;
}

div.style-customizer .skin-green {
    background: #00b106;
}

div.style-customizer .skin-purple {
    background: #c36dff;
}

div.style-customizer .skin-red {
    background: #d12326;
}

div.style-customizer .skin-salmon {
    background: #ff796c;
}

div.style-customizer .skin-steelblue {
    background: #354a6b;
}

div.style-customizer .skin-water-blue {
    background: #0079fc;
}

div.style-customizer .skin-yellow {
    background: #f7c605;
}

div.style-customizer .skin-persian-green {
    background: #7dcdcd;
}

div.style-customizer .skin-perfume {
    background: #b3affa;
}

div.style-customizer .skin-chestnut-rose {
    background: #D35665;
}

div.style-customizer .skin-blue-gem {
    background: #5713A9;
}

div.style-customizer .skin-malachite {
    background: #51e887;
}

/*Background Patterns*/
.pattern-1 {
    background-image: url("../images/color-customizer/pattern-1.png");
}

.pattern-2 {
    background-image: url("../images/color-customizer/pattern-2.png");
}

.pattern-3 {
    background-image: url("../images/color-customizer/pattern-3.png");
}

.pattern-4 {
    background-image: url("../images/color-customizer/pattern-4.png");
}

.pattern-5 {
    background-image: url("../images/color-customizer/pattern-5.png");
}

.pattern-6 {
    background-image: url("../images/color-customizer/pattern-6.png");
}

.pattern-7 {
    background-image: url("../images/color-customizer/pattern-7.png");
}

.pattern-8 {
    background-image: url("../images/color-customizer/pattern-8.png");
}

.pattern-9 {
    background-image: url("../images/color-customizer/pattern-9.png");
}

.pattern-10 {
    background-image: url("../images/color-customizer/pattern-10.png");
}

.pattern-11 {
    background-image: url("../images/color-customizer/pattern-11.png");
}

.pattern-12 {
    background-image: url("../images/color-customizer/pattern-12.png");
}

.pattern-13 {
    background-image: url("../images/color-customizer/pattern-13.png");
}

.pattern-14 {
    background-image: url("../images/color-customizer/pattern-14.png");
}

.pattern-15 {
    background-image: url("../images/color-customizer/pattern-15.png");
}

/*Background Images*/
.main-bg-change li {
    overflow: hidden;
}

    .main-bg-change li img {
        height: 100%;
        width: 100%;
    }

body.main-bg-1 {
    background-image: url("../images/color-customizer/main-bg-1.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

body.main-bg-2 {
    background-image: url("../images/color-customizer/main-bg-2.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

body.main-bg-3 {
    background-image: url("../images/color-customizer/main-bg-3.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

body.main-bg-4 {
    background-image: url("../images/color-customizer/main-bg-4.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

body.main-bg-5 {
    background-image: url("../images/color-customizer/main-bg-5.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

body.main-bg-6 {
    background-image: url("../images/color-customizer/main-bg-6.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

body.main-bg-7 {
    background-image: url("../images/color-customizer/main-bg-7.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

body.main-bg-8 {
    background-image: url("../images/color-customizer/main-bg-8.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

body.main-bg-9 {
    background-image: url("../images/color-customizer/main-bg-9.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

body.main-bg-10 {
    background-image: url("../images/color-customizer/main-bg-10.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.lefletmapshadow .pc-icon-width {
    width: 17px;
    float: left;
}


.pl-1 {
    padding-left: 1px;
}

.pl-2 {
    padding-left: 2px;
}

.pl-3 {
    padding-left: 3px;
}

.pl-4 {
    padding-left: 4px;
}

.pl-5 {
    padding-left: 5px;
}
/*Box Layout Responsive*/
@media (min-width: 768px) {
    .boxed-layout .page-wrapper {
        width: 100%;
    }

    .boxed-layout.page-wrapper {
        width: 100%;
    }

    /*.home-search .mb-search [placeholder] {
        width: 200px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 14px !important;
    }*/
}
.leaflet-popup {
    bottom: -1px !important;
    left: -210px !important;
}
.leaflet-marker-name {
    margin-top: 166px;
    padding: .50rem 0rem .50rem 1rem !important;
    width: 100%;
    background: #fff;
    color: #01B3DF !important;
    position: absolute;
}
.leaflet-popup-content {
    width:354px;
}
.leaflet-cover-img {
    background-size: cover;
    height: 204px;
    width: 100%;
}

@media screen and (max-width:768px) {

    .map-sm-close {
        display: block !important;
    }

    .map-lg-close {
        display: none !important;
    }

    .ft-sm-inline {
        padding: 0.5rem !important;
    }

    .modalcal-lg, .modalcal-xl {
        max-width: 100% !important;
        width: 100% !important;
        height: 100% !important;
    }

    .leaflet-model-onmap {
        width: 100% !important;
    }

    .lefletmapshadow {
        width: 260px;
    }

    .leaflet-marker-name {
        margin-top: 109px;
        padding: 0.5rem 0rem 0.5rem 1rem !important;
        width: 100%;
        background: #fff;
        color: #01B3DF !important;
        position: absolute;
        max-width: 251px;
    }
    .leaflet-popup-content {
        width: 304px !important;
    }
    .leaflet-popup-content-wrapper {
        max-width: 304px !important;
    }

    .leaflet-popup  {
        bottom: -1px !important;
        left: -190px !important;
    }

    .leaflet-cover-img {
        height: 167px;
    }
    .leaflet-popup-content {
        width: 300px;
    }
}


@media (min-width: 992px) {
    .boxed-layout .page-wrapper {
        width: 100%;
    }

    .boxed-layout.page-wrapper {
        width: 100%;
    }
}

@media (max-width: 991px) {

    .home-add-yellow {
        display: none;
    }

    .counter .timer.plsm-5 {
        padding-left: 44px !important;
    }

    .counter .timer.plsm-6 {
        padding-left: 37px !important;
    }
}

@media (min-width: 1020px) and (max-width: 1024px) {
    /*.home-add-yellow {
            top: 492px;
        }*/

    .home-add-yellow {
        top: 630px;
        right: 100px;
    }

    .home-search .mb-search [placeholder] {
        width: 90% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 14px !important;
    }

    .coming-dflex span img {
        padding-left: 0rem !important;
        height: auto;
        margin-top: 15px;
    }
}

@media (min-width: 1240px) {
    .boxed-layout .page-wrapper {
        width: 1240px;
    }

    .boxed-layout.page-wrapper {
        width: 1240px;
    }
}

.boxed-layout .fullscreen-bg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.white-bg {
    background-color: #fff;
}

.patternChange .main-bg-change li.main-bg-1 {
    background-image: url("../images/main-bg-0.jpg");
}

@media( max-width:992px) {
    /*.style-customizer {
        display: none !important;
    }*/

    .boxed-layout .page-wrapper {
        width: inherit;
    }

    .boxed-layout.page-wrapper {
        width: inherit;
    }
}

@media( max-width:370px) {
    #header.topbar-dark .topbar-social .dropdown .dropdown-menu {
        min-width: 5rem !important;
    }

        #header.topbar-dark .topbar-social .dropdown .dropdown-menu .dropdown-item {
            padding: .25rem .75rem;
        }
}



.switch {
    position: relative;
    display: inline-block;
    width: 65px;
    min-width: 65px;
    height: 25px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9e9e9;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 25px;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        top: 3px;
        left: 1px;
        right: 1px;
        bottom: 1px;
        background-color: white;
        transition: 0.4s;
        border-radius: 25px;
    }

input:checked + .slider {
    background-color: #34B031;
}

.slider-Red input:checked + .slider {
    background-color: #ff0000 !important;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(43px);
}

.slider:after {
    content: 'NO';
    color: #333;
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

input:checked + .slider:after {
    content: 'YES';
    color: white;
}


.nice-select {
    height: 47px !important;
    line-height: 45px !important;
}


.event-search-icon {
    position: absolute;
    z-index: 2;
    display: block;
    color: #01B3DF;
    right: 20px;
    line-height: 45px;
    top: 0;
}

.spinnermodal {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

.tooltip-custom {
    display: inline;
    opacity: 1
}

    .tooltip-custom:hover {
        cursor: help;
        position: relative;
    }

    .tooltip-custom span {
        display: none;
    }

    .tooltip-custom:hover span {
        padding: 0px 5px 0px 5px;
        display: block;
        z-index: 100;
        background: #01B3DF;
        right: 0px;
        margin: 0;
        position: absolute;
        top: -35px;
        text-decoration: none;
        border-radius: 5px;
        color: #fff;
        border: 1px solid #fff;
    }

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff !important;
    background-color: #01B3DF !important;
}

.without_ampm::-webkit-datetime-edit-ampm-field {
    display: none;
}

input[type=time]::-webkit-clear-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin: -10px;
}

.mycalendar::before {
    color: #339933;
    content: "\f274";
    font-family: 'FontAwesome';
    font-style: normal;
}

.mycalendarold::before {
    color: #ffffff;
    content: "\f271";
    font-family: 'FontAwesome';
    font-style: normal;
}

#myCalendarIcon2 {
    font-size: 24px !important;
    float: right !important;

}
.pd-t-2 {
    position: absolute;
    padding-top: 2px !important;
}
.font-size19 {
    font-size: 19px !important;
}
.font-size16 {
    font-size: 16px !important;
}
.mycalendarold2::before {
    color: #333333 !important;
    content: "\f271";
    font-family: 'FontAwesome';
    font-style: normal;
}

.mycalendarold2Profile::before {
    /*color: #cccccc;*/
    color: #333333 !important;
    content: "\f271";
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 22px;
}

.mycalendaroldholiday::before {
    color: #666666;
    content: "\f271";
    font-family: 'FontAwesome';
    font-style: normal;
}

.mybucketlist::before {
    color: #ff0099;
    content: "\f005";
    font-family: 'FontAwesome';
    font-style: normal;
}

.myride::before {
    color: #339933;
    content: "\f1ae";
    font-family: 'FontAwesome';
    font-style: normal;
}

.myrideevent::before {
    color: #339933;
    content: "\f1ae";
    font-family: 'FontAwesome';
    font-style: normal;
}

.mybucketlistold::before {
    color: #ffffff;
    content: "\f006";
    font-family: 'FontAwesome';
    font-style: normal;
}

.mybucketlistHolidayOld {
    color: #ffffff;
}

.mybucketlistHoliday {
    color: #ff0099;
}

.myrideold::before {
    color: #ffffff;
    content: "\f1ae";
    font-family: 'FontAwesome';
    font-style: normal;
}

.myrideoldevent::before {
    color: #8b9197;
    content: "\f1ae";
    font-family: 'FontAwesome';
    font-style: normal;
}

.editiondeparturesicons::before {
    content: "\f041";
    font-family: 'FontAwesome';
    font-style: normal;
}

.myedition-bg {
    background-color: #f9af1a;
}

.myedition-sub-bg {
    background-color: #ffb933;
}

.day-count-bg {
    background-color: #ae750a;
}

    .day-count-bg h5 {
        white-space: nowrap;
        overflow: hidden;
        width: 96%;
        text-overflow: ellipsis;
    }

/*.h-285{height:285px;}*/

.my-editon-add-btn {
    position: absolute;
    border-radius: 50%;
    background: #fff;
    border: 0;
    padding: 22px;
    left: 0;
    width: 65px;
    height: 65px;
    right: 0;
    margin: 0 auto;
}

    .my-editon-add-btn:hover {
        background: #f9af1a;
        color: #fff;
    }

.maps-btn-my-edtion {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35px;
    width: 175px;
    margin: 0 auto;
    font-size: 16px;
    background: white;
    text-transform: lowercase;
}

    .maps-btn-my-edtion:hover {
        background: #f9af1a;
        color: #fff;
    }

.text-default {
    color: #626262 !important;
}


.border-bottom-2 {
    border-bottom: 2px solid #f9af1a;
}


.time-txt {
    font-size: 35px;
    margin-bottom: 0;
    line-height: 24px;
}

.myedition-left-icon {
    font-size: 40px;
    /* display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
position:relative;
width:45px; YT*/
    /*margin-right: 10px;
    position: absolute;
    left: -75px;
    top: 0;*/
}

    .myedition-left-icon p {
        position: absolute;
        top: 0;
        display: contents;
        line-height: 76px;
    }

.map {
    width: 100%;
    height: 247px;
}

.h-245 {
    height: 247px !important;
}

a.skiplink {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

    a.skiplink:focus {
        clip: auto;
        height: auto;
        width: auto;
        background-color: #fff;
        padding: 0.3em;
    }

#map:focus {
    outline: #4A74A8 solid 0.15em;
}

.ol-attribution.ol-uncollapsible {
    display: none;
}

.cursor-pointer {
    cursor: pointer !important;
}

.button.gray:hover, .button.gray.active, .button.gray:focus {
    background: #01B3DF !important;
    color: #ffffff;
    border-color: #01B3DF !important;
}

.button.button-border:hover, .button.button-border:focus {
    background: #01B3DF !important;
    color: #ffffff;
    border-color: #01B3DF !important;
}

.mycalendarProfile::before {
    color: #339933;
    content: "\f274";
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 22px;
}

.mycalendaroldProfile::before {
    /*color: #cccccc;*/
    color: #666666;
    content: "\f271";
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 22px;
}

.mybucketlistProfile::before {
    color: #F90A97;
    content: "\f005";
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 22px;
}

.mybucketlistoldProfile::before {
    /*color: #cccccc;*/
    color: #666666;
    content: "\f006";
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 22px;
}

#selectEditionDate-error {
    position: absolute;
    bottom: -35px;
    color: red;
}

.help-block {
    position: absolute;
    bottom: 36px;
    color: red;
}

#EditionDate-error {
    position: absolute;
    /*bottom: 38px;*/
    color: red;
}
/*
input:focus::placeholder {
    color: transparent;
}*/

::selection {
    background: #01B3DF !important;
}

.imgcross {
    position: absolute;
    left: 80px;
    bottom: 55px;
    background: #01B3DF !important;
    border-radius: 50%;
    padding: 0px 7px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 17px;
}

#Genders_1__Selected-error {
    margin-left: 145px;
    margin-top: 12px;
}

.SignIn-validation {
    background: #01B3DF !important;
    color: #fff !important;
    border-radius: 3px;
    position: relative;
    top: -60px;
    line-height: 25px;
    z-index: 3;
    padding: 0px 5px;
    white-space: nowrap;
}

.page-item.active .page-link {
    background: #01B3DF !important;
    border-color: #01B3DF !important;
}

.centerText {
    text-align: center;
}

.setBackGround {
    background: transparent !important;
    color: #01B3DF !important;
    font-weight: bold !important;
}

.setStyleI {
    padding: 6px 9px;
    color: #fff !important;
    font-size: 16px;
    border-radius: 25px;
    background: #01B3DF;
}

.SingupSetBackGround {
    background: transparent !important;
    color: #333 !important;
    font-weight: 700 !important;
}

.SingupSetStyleI {
    padding: 6px 9px;
    color: #fff;
    font-size: 14px;
    border-radius: 25px;
    background: #969696;
}

.fa-lg {
    font-size: 1.0em !important;
}

.athleteInitials {
    /*padding: 6px 10px;*/
    color: #fff !important;
    font-size: 16px;
    border-radius: 50%;
    background: #01B3DF;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    width: 32px;
    height: 31px;
    text-align: center;
    line-height: 30px;
}

.searchBackGround {
    background-color: #fdf2db;
}

.EditionCancelled {
    text-decoration: line-through;
}

.mapHeader {
    padding: 0px 2px 0 3px !important;
}

.textclock {
    color: #626262 !important;
}

.comment-validation {
    background: #01B3DF !important;
    color: #fff !important;
    border-radius: 3px;
    position: relative;
    top: 8px;
    line-height: 25px;
    z-index: 3;
    padding: 0px 5px;
    white-space: nowrap;
}

.subcomment-validation {
    background: #01B3DF !important;
    color: #fff !important;
    border-radius: 3px;
    position: relative;
    top: 8px;
    line-height: 25px;
    margin-left: 80px;
    z-index: 3;
    padding: 0px 5px;
    white-space: nowrap;
}

.subcomm-validation {
    background: #01B3DF !important;
    color: #fff !important;
    border-radius: 3px;
    position: relative;
    top: 8px;
    line-height: 25px;
    margin-left: 63px;
    z-index: 3;
    padding: 0px 5px;
    white-space: nowrap;
}

.H1IconSize {
    font-size: 18px;
    color: #faa000;
}
.border-light-blue {
    border: 1px solid #01B3DF !important;
    color: #595959 !important;
    text-transform: inherit !important;
}