@charset "utf-8";
/* Common CSS Document */

@font-face {
    font-family: Open Sans;
    src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: Open Sans;
    src: url(../fonts/OpenSans-Bold.ttf);
    font-weight: bold;
}
@font-face {
    font-family: Droid Arabic Kufi;
    src: url(../fonts/DroidKufi-Regular.ttf);
}

@font-face {
    font-family: Droid Arabic Kufi;
    src: url(../fonts/DroidKufi-Bold.ttf);
    font-weight: bold;
}
body {
    font-family: "Open Sans","Droid Arabic Kufi";
    color: #414142;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.page-center-container{
    display: flex;
    flex-direction: column;
    justify-content: flex-start; min-height: 92vh;
}
.hy-page-content-container{
    flex: 1;;
    /*align-self:flex-start;*/
}
#copyright_footer_box{
    /*flex: 1; */
    align-self: flex-end;
}
.hy-grey-bg{background-color: #f5f5f5;}
.group_list,.list_item{background-color: #fff}
.body-wrapper {
    /*padding: 55px 0px;*/
    margin: 0 auto;
    z-index: 0;
}

.content-display-width {
    min-width: 320px !important;
    max-width: 480px !important;
}

.outer-display-main {
    position: absolute;
    height: 100%;
    width: 100%;
    background: url('/desktop_source/img/background.jpg') no-repeat center;
    background-size: cover;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    perspective: 2000px;
}

.middle-display-main {
    margin-left: auto;
    margin-right: auto;
    margin-top: 55px;
}

.inner-display-main {
    margin-left: auto;
    margin-right: auto;
    width: 422px;
    height: 834px;
    overflow: hidden;
    background: url('/desktop_source/img/phone_img.png');
    padding: 100px 23px;
    z-index: 10;
    position: relative;
}

.wireframe5 {
    width: 100%;
    height: 100%;
    background: url('/desktop_source/img/wireframe.png') 0 0 repeat;
    background-repeat: repeat;
    position: absolute;
    top: 0;
    z-index: 2;

}

.inner-content-display-main {
    /*position: absolute;
    left: 23px;
    width: 375px;*/
    /*overflow: scroll;
    overflow-x: hidden;*/
    /*margin: 54px 0px;*/
    height: 525px;
    position: relative;
    /*background-color: #ffffff;*/
    /*z-index: 10;*/
}
.inner-display-bg-main {
    background-color: #ffffff;
    top: 100px;
    left: 23px;
    width: 376px;
    height: 648px;
    position: absolute;
    /* overflow: hidden; */
}
/*.inner-content-display-main::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
}*/

.langbody .body-wrapper {
    padding: 0px;
}

.green-text {
    color: #00A69C;
}
.red-text {
    color: red;
}
.hy-green-dark {
    color: #4bac45;
}
.hy-green-light {
    color: #37B34A;
}
.hy-yellow {
    color: #efc637;
}
.white-bg {
    /*background-color: #ffffff;*/
}
.navbar-fixed-top {
    z-index: 1000;
}
/* Assign maximum and minimum widths for screen */

.body-wrapper,
#parent-container,
.footer_bar,
.bottom_button_bar,
#search_div {
    min-width: 320px !important;
    max-width: 480px !important;
}
/* page loader css */

/* inline loading animation */
.inline-loading {
    height: 30px;
}

#content_loader {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 1800;
    text-align: center;
    background: rgb(255,255,255, 0.5);
}


#page_loader {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 1800;
    text-align: center;
}

.display-loader-full {
    display: block !important;
}
.spinner {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
}
.spinner_inside {
    position: relative;
    text-align: center;
    width: 100%;
    height: auto;
    border-radius: 100%;
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0.0)
    }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}
@keyframes scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}
/* new html design structure*/

#parent-container {
    min-width: 320px !important;
    max-width: 480px !important;
    margin: 0px auto !important;
}
.organizer-icon-color {
    color: #efc637 !important;
}

.co-organizer-icon-color {
    color: #4bac45 !important;
}
.delete-icon-color {
    color: #EC1C24 !important;
}
.organizer-row-bg-color {
    background-color: #f4f4f4 !important;
}

/*CSS UI ISSUES JULY 2016*/
/* Below classes are used to fix the flickering in iPhone app & browser - START */
/* Header footer mid body animation */

.mid-body {
    /* position: static !important;
   top: 0;
   overflow:auto;
   left: 0;
   right: 0; */
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.ui-page-footer-fixed,.ui-page-header-fixed {
/*    padding: 55px 0px;*/

}

@-webkit-keyframes late-load {
    from {
        opacity: 0.9;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes late-load {
    from {
        opacity: 0.9;
    }
    to {
        opacity: 1;
    }
}
@keyframes late-load {
    from {
        opacity: 0.9;
    }
    to {
        opacity: 1;
    }
}
.late-load {
    opacity: 1;
    /* make things invisible upon start */

    -webkit-animation: late-load ease-in 1;
    /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    -moz-animation: late-load ease-in 1;
    animation: late-load ease-in 1;
    -webkit-animation-fill-mode: forwards;
    /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.1s;
    -moz-animation-duration: 0.1s;
    animation-duration: 0.1s;
}
.late-load.one {
    -webkit-animation-delay: 0.01s;
    -moz-animation-delay: 0.01s;
    animation-delay: 0.01s;
}
.late-load.three {
    -webkit-animation-delay: 0.01s;
    -moz-animation-delay: 0.01s;
    animation-delay: 0.01s;
}
@-webkit-keyframes mid-load {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes mid-load {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes mid-load {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.mid-load {
    opacity: 1;
    /* make things invisible upon start */

    -webkit-animation: mid-load ease-in 1;
    /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    -moz-animation: mid-load ease-in 1;
    animation: mid-load ease-in 1;
    -webkit-animation-fill-mode: forwards;
    /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}
.mid-load.two {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
/* mid body END */
/* preloader START */

@-webkit-keyframes scaleLeft {
    from {
        /*width: 0%;*/
        /*opacity: 1;*/
    }
    to {
        /*width: 100%;*/
        /*opacity: 0;*/
    }
}
@-moz-keyframes scaleLeft {
  from {
      /*width: 0%;*/
      /*opacity: 1;*/
  }
  to {
      /*width: 100%;*/
      /*opacity: 0;*/
  }
}
@keyframes scaleLeft {
  from {
      /*width: 0%;*/
      /*opacity: 1;*/
  }
  to {
      /*width: 100%;*/
      /*opacity: 0;*/
  }
}

@-webkit-keyframes loaderFadeOut { from { opacity:0.8 } to {opacity:0}}
@-moz-keyframes loaderFadeOut {from { opacity:0.8 } to {opacity:0}}
@keyframes loaderFadeOut { from { opacity:0.8 } to {opacity:0}}


/*#page_loader {
    animation-name: loaderFadeOut;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}*/
#page_loader{ background-color: #098A44!important }
/*#page_loader{ background-color: rgba(51, 164, 67, 1); }*/
/*#page_loader{background-color:#1ea74a;opacity:0.8}*/
/*#page_loader,body{background: url('/hy_source/imgs/testbg.jpg') no-repeat!important;}*/


@-webkit-keyframes nodeInserted {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes nodeInserted {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes nodeInserted {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
ul,
.ui-dialog {
    /*animation-duration: 0.2s;*/
    animation-name: nodeInserted;
}
/* preloader END*/
/* page fade out */

@-webkit-keyframes zero-load {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-moz-keyframes zero-load {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes zero-load {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.zero-visibility {
    opacity: 1;
    /* make things invisible upon start */

    -webkit-animation: zero-load ease-in 1;
    /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    -moz-animation: zero-load ease-in 1;
    animation: zero-load ease-in 1;
    -webkit-animation-fill-mode: forwards;
    /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
/* page fade out end */
/* fix for pages where there is no footer */

.global-no-footer-fix .mid-body {
    bottom:0;
    margin-bottom: 0;
}
/* flickering in iPhone app & browser issue fix - END */

/* new button classes - START */
.log_button {
    padding: 8px 15px;
    border: 0px none;
    color:#fff;
}
.toggle-div {
    font-weight: normal;
    color: #337ab7;
    cursor: pointer;
}


.activity-back, .log_button, .venu_list_button_sign, .reload_btn a, .reload_btn span {
   background: -webkit-linear-gradient(#37B34A , #4bac45 ); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#37B34A , #4bac45 ); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#37B34A , #4bac45 ); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#37B34A , #4bac45 ); /* Standard syntax */
   /*box-shadow: inset -80px -82px 4px -79px rgba(0,0,0,0.21);*/
}
/* new button classes - END */
/*remove all hover effect */

/*remove all hover effect */
/*fixing border-radius*/

.log_button,
.join-spectator-btn,
.log_footer_buttons,
.creategroup,
.join_button,
.reg3_button,
#advanced_options_toggle,
.pop_clr_btn,
.advanced-options-div,
.count-buttons > a,
.searchfield,
.input-group-addon.venu_list_button_sign,
#advanced_options_toggle,
.member_right_btns > .glyphicon,
.setting-btn,
.config_option,
.badge,
.attach_btn,
.setting_btn,
.config_option,
.join-tournaments-link,
.profile-image-overlay-div,
.notify_btn,.block-buttons,.editbutton,#event_join_page_button,.group-event-button,.profile_status_list,.profile_status_list_joined,.hoster,.goin_btn_group,
.soccer-position-btn,.soccer-position-panel,.profile_status_list,.profile_status_list_joined,.soccer-position-btn,.soccer-position-panel,
.join_button,.reload_btn a,.reload_btn span
 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.badge {
    line-height: inherit
}
.ui-tabs .ui-tabs-nav {
    border: none
}
/*fixing border-radius*/
/*msg_view_tip*/
.hy-notify-icon a.notify_link,.notify_number_small, span.notify_link{
  font-size: 10px;
  color: #FFFFFF;
  background: red;
  padding: 2px 6px;
  border-radius: 50%;
  position: absolute;
  left:14px;
  top: -6px;
}
.notify_number_small{top:0}
a.chats-bubble-count, span.chats-bubble-count{
  font-size: 10px;
  color: #FFFFFF;
  background: red;
  padding: 2px 6px;
  border-radius: 50%;
  position: absolute;
  left: 42px;
  top: 2px;
}
/*msg_view_tip*/

/*All title first letters caps */
/*.group_list_middle h4::first-letter,.group_title::first-letter,.group-description::first-letter,.list-content-title::first-letter,.list-content-address::first-letter {
   text-transform:uppercase;
}*/
/*All title first letters caps */

/*interest form*/
.interest_form ul.center_blocker{width:100%}
.interest_form ul.center_blocker li{width:25%;padding:0}
.interest_form .ui-tabs .ui-tabs-nav{border:none}
.interest_form ul.center_blocker li a{width:100%;text-align: center}

/*interest form*/

input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input
{font-size:14px!important}
#map_address_div{  border-top:4px solid #4bac45;font-size: 12px}
/*CSS UI ISSUES JULY 2016*/
/* header  start */
/***  new classes for newly design html structure ***/

.col-xs-2-4 {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;
}
.hy_col_one {
    width: 16.6666666666%;
    float: left;
}
.hy_col_tow {
    width: 33.3333333333%;
    float: left;
}
.hy_col_three {
    width: 50%;
    float: left;
}
.hy_col_four {
    width: 66.6666666666%;
    float: left;
}
.hy_col_five {
    width: 83.3333333333%
}
.hy_col_six,
.container-fluid {
    width: 100%;
    clear: both;
    color: #414142;
}
/* new structure for five columns*/

.hy_odd_col_one {
    width: 20%;
    float: left;
}
.hy_odd_col_tow {
    width: 40%;
    float: left;
}
.hy_odd_col_three {
    width: 60%;
    float: left;
}
.hy_odd_col_four {
    width: 80%;
    float: left;
}
.hy_odd_col_five {
    width: 100%;
    float: left;
}
/* new structure for five columns*/
/* new structure for four columns*/

.hy_col_four_one {
    width: 25%;
    float: left;
}
.hy_col_four_tow {
    width: 50%;
    float: left;
}
.hy_col_four_three {
    width: 75%;
    float: left;
}
.hy_col_four_four {
    width: 100%;
    float: left;
}
/* new structure for twelve columns*/

.hy_col_tw_1 {
    width: 8.33333333%;
    float: left;
}
.hy_col_tw_2 {
    width: 16.66666666%;
    float: left;
}
.hy_col_tw_3 {
    width: 24.99999999%;
    float: left;
}
.hy_col_tw_4 {
    width: 33.33333332%;
    float: left;
}
.hy_col_tw_5 {
    width: 41.66666665%;
    float: left;
}
.hy_col_tw_6 {
    width: 49.99999998%;
    float: left;
}
.hy_col_tw_7 {
    width: 58.33333331%;
    float: left;
}
.hy_col_tw_8 {
    width: 66.66666664%;
    float: left;
}
.hy_col_tw_9 {
    width: 74.99999997%;
    float: left;
}
.hy_col_tw_10 {
    width: 83.33333333%;
    float: left;
}
.hy_col_tw_11 {
    width: 91.66666663%;
    float: left;
}
.hy_col_tw_12 {
    width: 100%;
    float: left;
}
/* new structure for columns*/
/*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .container-fluid {
    padding: 0px;
    margin: 0px;
}*/
/* new structure for columns*/

.column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
}
.column:before,
.column:after {
    content: " ";
    color: #414142;
}
.hy_row {
    margin: 0px;
    padding: 0px;
}
.hy_row:after,
.hy_row:before {
    display: table;
    content: " "
}
.hy_row:after {
    clear: both
}
/* new html design structure end*/

.no-border {
    border: none !important;
}
.font-b {
    font-weight: bold;
}
/* if browser support the animation the it will show*/

body,
img,
a,
.container-fluid,
.col-xs-12,
li {
    /*transition: all 0.3s linear !important;
    -o-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;*/
}
.center_blocker {
    display: inline-block;
    text-align: center;
}
#parent_container {
    min-width: 320px !important;
    max-width: 480px !important;
    margin: 0px auto !important;
}
/* *** header  *** */

.row-pd {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/* header start */

.row-pd {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.bg-yellow {
    /* background-color: #006C35; */
    /*background-image: url('../imgs/bg-pattern.png');*/

    background: url('../imgs/bg-pattern.png'), -webkit-linear-gradient(#37B34A, #4bac45);
    /* For Safari 5.1 to 6.0 */

    background: url('../imgs/bg-pattern.png'), -o-linear-gradient(#37B34A, #4bac45);
    /* For Opera 11.1 to 12.0 */

    background: url('../imgs/bg-pattern.png'), -moz-linear-gradient(#37B34A, #4bac45);
    /* For Firefox 3.6 to 15 */

    background: url('../imgs/bg-pattern.png'), linear-gradient(#37B34A, #4bac45);
    /* Standard syntax */

    background-size: 100% 100%;
}
.bg-pink {
    background-image: url('../imgs/bg-pattern.png');
    background-size: 100% 100%;
    background-color: #E91E63;
}
.bg-graydark {
    background-color: #6e6f71;
}
.create_button_plus_icon {
    background-position: left top;
    height: 41px;
    width: 41px;
}
.header {
    height: 95px;
}
.logo {
    margin-top: 31px;
    margin-left: 10px;
}
.header-button {
    height: 95px;
}
.list-button {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    text-align: center;
}
.list-button li {
    float: left;
    list-style: none;
}
.list-button li.text {
    margin-left: 7px;
    margin-top: 5px;
    color: #ffffff;
    font-size: 27px;
}
.create_button {
    color: #ffffff;
    height: 95px;
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    font-size: 27px;
    margin: 0px;
    padding-top: 25px;
}

.top_right_header_bg {
    background-image: url("../imgs/svg_icons/event_notify_rectangle_blue_border.svg");
    background-repeat: no-repeat;
    height: 50px;
    width: 47px;
    margin-top: 31px;
    padding-top: 5px;
    font-size: 19px;
    color: #226982;
    cursor: pointer;
}
.create_button_icon_next_pages {
    height: 41px;
    width: 41px;
    font-size: 32px;
    color: #000000;
}

.create_button_next_pages {
    height: 95px;
    display: block;
    width: 100%;
    background-color: #D6DE23;
    background-repeat: no-repeat;
    font-size: 27px;
    margin: 0px;
    padding-top: 25px;
    border-right: 1px solid #9B971F;
}

.top_right_number_border {
    border-left: 1px solid #9B971F;
    height: 95px;
}
.top_right_header_bg_next_pages {
    background-image: url("../imgs/number_rectangle.png");
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 31px;
    padding-top: 5px;
    font-size: 19px;
    color: #226982;
}
.number_area {
    border-left: 1px solid #9B971F;
    height: 46px;
}
.parent_node2 {
    display: table;
    height: 100%;
}
.child_node2 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.parent_node {
    position: relative;
    vertical-align: middle;
}
.child_node {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    height: 30%;
    margin: auto;
}
.event_inner_title {
    font-size: 35px;
    color: #000000;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 95px;
}
.event_top_title_parent {
    display: table;
}
/* header end */
/* Messages */

.green_msg_back {
    background-color: #efe278;
    text-align: left;
    font-weight: lighter;
    padding: 12px 0 !important;

}

.black_msg_back {
    background-color: #000000;
    text-align: left;
    color: #ffffff;
    font-weight: lighter;
    padding: 12px 0 !important;
}
.red_msg_back {
    background-color: #EC1C24;
    text-align: left;
    color: #ffffff;
    font-weight: lighter;
    padding: 12px 0 !important;
}
.text_green_msg {
    text-align: left;

}
.yellow-msg-back {
    background-color: #EFE278;
    text-align: left;

    color: #000000;
    font-weight: lighter;
    padding: 12px 0 !important;
    /*margin: 10px 0;*/
}
.yellow-bar-footer {
    background-color: #EFE278;
    text-align: left;
    color: #000000;
    bottom: 55px;
    position: fixed;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 1001;
}
#location_notify_bar {
    padding: 1% 3%;
}
/* msg end*/
/* footer start */

.footer_bar img {
    width: 67px;
    margin-top: 14px;
}
.footer_link {
    padding-top: 0px;
    margin-left: 0px;
    font-size: 17px;
    margin-top: 4px;
}
.footer_bar ul.list-unstyled li img {
    cursor: pointer;
}
.footer_bar {
    position: fixed;
    bottom: 0;
    background-color: #6e6f71;
    height: 119px;
    clear: both;
    width: 100%;
    max-width: 480px;
    min-width: 320px;
    z-index: 120;
}
.footer_link {
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    padding-top: 0px;
    margin-top: 6px;
    text-align: center;
    text-decoration: none;
    position: relative;
}
.footer_link {
    color: #ffffff;
}

.profile_menu_img {
    width: auto !important;
    margin-top: 11px !important;
}
.search_menu_img {
    width: auto !important;
}
.top_right_header_bg {
    margin-left: 0px;
}
/*   footer end */
/* Sticky button bar - currently used for venue create button */

.bottom_button_bar {
    position: fixed;
    bottom: 0;
    /* webkit example */

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(55, 55, 55, 0.7)));
    /* mozilla example - FF3.6+ */

    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(55, 55, 55, 0.7) 90%);
    height: 66px;
    clear: both;
    width: 100%;
    max-width: 480px;
    min-width: 320px;
    z-index: 120;
}
/* venue google map classes */

#map {
    height: 254px;
}
#map-edit {
    height: 310px;
}
.controls {
    margin-top: 16px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}
#pac-input:focus {
    border-color: #4d90fe;
}
.pac-container {
    font-family: Roboto;
}
#map_address_div {
    background-color: #efe278;
    padding: 0 10px;line-height: 30px;
}
/* Common Margins */

.b_margin_five {
    margin-bottom: 5px !important;
}
.b_margin_ten {
    margin-bottom: 10px !important;
}
.b_margin_twenty {
    margin-bottom: 20px !important;
}
.b_margin_thirty {
    margin-bottom: 30px !important;
}
.b_margin_fifty {
    /*margin-bottom: 50px !important;*/
}
.b_margin_seventy_five {
    margin-bottom: 75px !important;
}
.b_margin_hundred {
    margin-bottom: 25px !important;
}
.b_margin_hundred_fifty {
    margin-bottom: 15px !important;
}
.t_margin_ten {
    margin-top: 10px !important;
}
.t_margin_fifteen {
    margin-top: 15px !important;
}
.t_margin_twenty {
    margin-top: 20px !important;
}
.t_margin_thirty {
    margin-top: 30px !important;
}
.t_margin_fifty {
    margin-top: 50px !important;
}
.zero-vertical-margins {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.no-top-margin {
    margin-top: 0px !important;
}
.no-margin {
    margin: 0px !important;
}

/* Common Paddings */

.t_padding_five {
    padding-top: 5px !important;
}
.t_padding_ten {
    padding-top: 10px !important;
}
.t_padding_fifteen {
    padding-top: 15px !important;
}
.t_padding_twenty {
    padding-top: 20px !important;
}
.t_padding_fifty {
    padding-top: 50px !important;
}
.r_padding_five {
    padding-right: 5px !important;
}
.r_padding_ten {
    padding-right: 10px !important;
}
.r_padding_fifteen {
    padding-right: 15px !important;
}
.l_padding_five {
    padding-left: 5px !important;
}
.l_padding_ten {
    padding-left: 10px !important;
}
.l_padding_fifteen {
    padding-left: 15px !important;
}
.zero-vertical-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


/* Common Font Sizes*/
.font-20 {
    font-size: 20px !important;
}
.font-16 {
    font-size: 16px !important;
}
.font-11 {
    /*font-size: 11px !important;*/
}
.font-12 {
    font-size: 12px !important;
}

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

.gray_bg_btn {
    background-color: #6d6e70 !important;
    color: #ffffff;
}
.clickable-element {
    cursor: pointer;
}
.search-filter-icon-link {
    line-height: 45px !important;
}
.search-filter-icon-div-groups {
    vertical-align: initial !important;
}
#search_div {
    /*display: block;
    position: relative;*/

}
.search_box {
    padding: 8px 15px;
    border-radius: 0px;
    background: -webkit-linear-gradient(#37B34A, #4bac45);
    background: -o-linear-gradient(#37B34A, #4bac45);
    background: -moz-linear-gradient(#37B34A, #4bac45);
    background: linear-gradient(#37B34A, #4bac45);
    height: auto;
    display: table;
    width: 100%;
}
.notification-text-container {
    display: none;
    position: absolute;
    right: 5px;
    top: 50px;
    background-color: #fcfcfc;
    border-left: 6px solid #404041;
    z-index: 2002;
    padding: 10px;
    /*border-radius: 5px;*/
    width: 85%;
}

.notification-text-box {
    width: 100%;
    text-align: left;
    font-size: 14px;
    /*font-weight: bold;*/
}
.notification-text-box a {
    display: block;
}
/***************************************
 * Feedback bar - header               *
 ***************************************/

.feedback-bar {
    padding: 0px!important;
    clear: both;
    /*background-color: #efc637;*/
    color: #000000;
    font-size: 12px;
    /*border-top: 1px solid #029545;*/
    /* height: 46px; */
    overflow: visible;
}
.feedback-bar-inside-container {
    margin: 0 auto;
    overflow: visible;
     display: -webkit-box!important; 
display: -moz-box!important;
display: -ms-flexbox!important;
display: -webkit-flex!important; 
display: flex!important;  
flex-direction:row;
align-items:flex-end;
height:45px!important;
}
.feedbak-ribbon-fix {
    position: relative;
    background-color: #ffffff;
}
.feedback-bar-icon {
    width: 30px;
    color: #029545;
    font-size: 22px;
}
#feedback_bar {
   /*background: url('../imgs/beta-ribbon.png') -2px 0px no-repeat;
   background-size: 62px;*/
}
.feedback-bar-text {
   /* padding-left: 5px !important;
    padding-right: 10px !important;*/
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.feedback-bar-text p {
    margin: 0;
    position: relative;
    /*padding: 14px 8px;*/
    overflow: hidden;
    top:2px;
    /*text-decoration: underline;*/
}
.feedback-bar-link {
    color: #029545;
    font-size: 12px;
    text-decoration: underline;
}
.feedback-close {
    position: absolute;
    right: 0;
    top: 0px;
    width: 31px;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    color: #029545;
    cursor: pointer;
}
#feedback_bar {
    background-color: #efc637;
    color: #000000;
}
.feedback_bar_icon {
    font-weight: bold;
}
#feedback_bar .content_area_holder .media .media-left {
    font-size: 22px;
    color: #029545;
}
.chat_section {
    height: 55px;
}
.hy-bold{font-weight: bold}
.feedback-text {
    font-size: 12px;
    font-weight: bold;
}

/***************************************
 * Warning bar - footer - START        *
 ***************************************/

#warning_bar_margin {
    display: none;
}
.warning-bar {
    padding: 5px 10px !important;
    opacity: 0.9;
    position: absolute;
    clear: both;
    bottom: 55px;
    background-color: #EC1C24;
    color: #FFFFFF;
    min-height: 55px;
    max-width: 480px;
    min-width: 320px;
    z-index: 1000;
    font-size: 14px;
    display: none;
    /*text-align: center;*/
}
.warning-bar-text {
    padding-left: 10px !important;
    text-align: left;
}
.warning-bar-text p {
    margin: 0;
}
.warning-bar-help-link:active,
.warning-bar-help-link:visited,
.warning-bar-help-link:link {
    color: #ffffff;
}
.warning-bar-link {
    color: #efc637;
    font-size: 12px;
    text-decoration: underline;
}
.warning-bar-link:active {
    color: #fff;
}
.warning-bar-icon {
    width: 40px;
}
.warning-bar-icon i > img {
    width: 38px;
}
.warning-bar-inside-container {
    display: inline-table !important;
}
.email-sent-warning-text {
    font-size: 11px;
}
/* Warning bar - footer - END */


/* Maintenance bar - footer - START */
.maintenance-bar {
    padding: 5px 10px !important;
    opacity: 0.9;
    position: fixed;
    clear: both;
    bottom: 55px;
    background-color: #EFE278;
    color: #000000;
    min-height: 55px;
    max-width: 480px;
    min-width: 320px;
    z-index: 1000;
    font-size: 14px;
    /*display: none!important;*/
    /*text-align: center;*/
}
.maintenance-bar-text {
    padding-left: 10px !important;
    text-align: left;
}
.maintenance-bar-text p {
    margin: 0;
}
.maintenance-bar-help-link:active,
.maintenance-bar-help-link:visited,
.maintenance-bar-help-link:link {
    color: #ffffff;
}
.maintenance-bar-link {
    color: #efc637;
    font-size: 12px;
    text-decoration: underline;
}
.maintenance-bar-link:active {
    color: #fff;
}
.maintenance-bar-icon {
    width: 40px;
    font-size: 30px;
    height: 80px;
    float: left;
}
.maintenance-bar-icon i > img {
    width: 38px;
}
.maintenance-bar-inside-container {
    display: inline-table !important;
}

/* Maintenance bar - footer - END */

#share_buttons_bar {
    display: none;
}
/* share button bar - initially hidden */

.footer-green-ico {
    color: #4bac45;
    font-size: 12px;
    position: relative;
    padding: 0px 2px !important;
}
.footer-copyright-div {
    text-align: right;
    font-weight: bold;
    font-size: 10px;color:#9b9b9b;
    margin: 5px 0!important;
}
.version-text{color:#9b9b9b;}
.copyright-div {
    font-weight: normal;
    color: #ffffff;
}
.footer-copyright-div img {
    position: relative;
    top: -2px;
    height: 15px;
    margin: 0;
    padding: 0;
}
/*** Join button section ***/

.join-spectator-container {
    /*height: 66px;*/
    padding-top: 12px;
    padding-bottom: 12px;
}
.join-spectator-btn {
    /*background-color: #00a69c;*/

    background: linear-gradient(#37B34A, #4bac45);
    height: 40px;
}

.spec_ico {
    width: 23px !important;
    margin-left: 8px;
    margin-right: 7px;
}
.join-spectator-btn > .media > .media-body {
    /*font-size: 14px;*/

    color: #FFFFFF;
    /*color: #000000;*/
}
.join-spectator-btn > .media > .media-right {
    font-size: 16px;
    color: #FFFFFF;
    padding-right: 14px;
}
/* MEADIA queries */

/* for desktop only - phone display */
@media ( min-width: 480px) {

    .navbar-fixed-top {
        position: fixed;
        top: 154px !important;
        width: 376px !important;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
    .body-wrapper {
        padding-top: 0px;
        padding-bottom: 0px;
        min-height: 650px;
        height: 100%;
    }
    .container-fluid-footer {
        left: 50% !important;
        transform: translateX(-50%);
        top: 735px;
        width: 376px;
    }
    .activity-cards-tabs {
        width: 374px !important;
        /*top: 209px;*/
    }
    .activity-cards-tabs .nav-tabs>li>a {
        font-size: 12px !important;
    }
    .filter-icons-wrapper-desktop {
        position: fixed;
        top: 304px !important;
        width: 325px;
        min-width: 320px;
        left: 50%;
        transform: translateX(-50%);
        text-align: right;
        z-index: 50;
    }
    .filter-icons-wrapper-desktop > .card-switch {
        position: relative !important;
        top: auto;
        right: auto;
        width: 50px;
        float: right;
    }
    .filter-icons-wrapper-desktop > .card-filter {
        position: relative !important;
        top: auto;
        right: 0px;
        width: 50px;
        float: right;
    }

    #page_loader {
        position: fixed;
        width: 374px !important;
        margin: 0 auto;
        height: 635px;
        top: 156px !important;
    }
    #content_loader {
        position: fixed;
        width: 374px !important;
        margin: 0 auto;
        height: 635px;
        top: 156px !important;
    }


    .desktop-dipslay-no-footer-fix {
        margin-bottom: 0px;
        height: 575px;
    }
    .bottom_button_bar {
        bottom: auto;
        top: 725px;
        width: 374px !important;
    }

    .hider {
        position: fixed;
        width: 374px !important;
        margin: 0 auto;
        height: 575px !important;
        left: auto;
        top: auto;
    }

    #messages_div {
        position: absolute !important;
        height: 120vh !important;
        max-width: 374px !important;
    }

    .interest-buttons {
        list-style: none;
        z-index: 10;
        text-align: center;
    }
    .interest-buttons li {
        display: inline-block;
        margin: 10px 20px 20px;
    }

    .ui-dialog {
        width: auto;
        margin: 0 auto;
        position: relative !important;
    }

    /* warning bar css edits for desktop display */
    .warning-bar {
        position: static;
    }
    .warning-bar-inside-container {
        width: 100%;
    }
    .warning-bar-close-btn-div {
        vertical-align: top !important;
    }
    .maintenance-bar {
        position: static;
    }

}

/* overwrite bootstrap default width - for desktop phone display */
@media (min-width: 768px) {
    .container {
        max-width: 480px;
        width: auto;
    }
}
/* desktop display END */

/* for mobile */
/* notification count badge for chat & group list pages (have to add badges to other pages too) - moved from forms.css */
.new_chats_count {
    background-color: #efc637;
    color: #ffffff;
    padding: 1px 5px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #efc637;
}
/* notification count badge END */

@media ( max-width: 480px) {

    #map {
        height: 254px;
    }
    #map-edit {
        height: 230px;
    }
    #pac-input {
        width: 188px !important;
    }
    /* venue google map classes END */
    /* css fix for header col-xs-2 and col-xs-8 */
    /* main logo size changing */

    .col-xs-8.row-pd img {
        width: 60%;
    }
    .create_button {
        color: #ffffff;
        height: 46px;
        display: block;
        background-repeat: no-repeat;
        font-size: 27px;
        padding-top: 25px;
    }
    .event_inner_title {
        font-size: 16px;
        height: 46px;
    }
    .create_button_icon_next_pages {
        height: 30px;
        font-size: 16px;
    }
    .create_button_next_pages {
        padding-top: 0px;
        height: 46px;
    }
    .create_button_icon_next_pages {
        margin-top: 14px;
    }

    .header {
        height: 46px;
    }
    .create_button {
        color: #ffffff;
        height: 46px;
        display: block;
        background-repeat: no-repeat;
        font-size: 27px;
        padding-top: 3px;
    }
    .create_button_plus_icon {
        background-position: left top;
        height: 41px;
        width: 19px;
    }
    .header-button {
        height: 46px;
    }
    li.create_button_plus_icon img {
        width: 100%;
    }
    .list-button li.text {
        font-size: 12px;
        margin-top: 14px;
        margin-left: 5px;
    }
    /* main logo size changing */

    .col-xs-7.row-pd img,
    .col-xs-8.row-pd img,
    .col-xs-9.row-pd img {
        width: 60%;
    }
    .logo {
        margin-left: 1px;
        margin-top: 11px;
    }
    .top_right_header_bg {
        background-image: url("../imgs/svg_icons/event_notify_rectangle_blue_border.svg");
        height: 25px;
        width: 24px;
        margin-top: 11px;
        padding-top: 2px;
        font-size: 11px;
        margin-left: 0px;
        cursor: pointer;
        background-size: 24px;
    }
    li.create_button_icon_next_pages.glyphicon.glyphicon-chevron-left {
        margin-top: 14px;
    }
    /* *** header end *** */

    .profile_menu_img {
        width: 26% !important;
        margin-top: 13px !important;
    }
    /* user public profile page */
    .event-info-row-inside-div {color:#414142 }

    .search_menu_img {
        width: 40% !important;
    }
    .footer_bar {
        height: 66px;
    }
    .footer_bar img {
        width: 40%;
        margin-top: 14px;
    }
    .footer_link {
        padding-top: 0px;
        margin-left: 0px;
        font-size: 12px;
        margin-top: 4px;
    }
    .list-unstyled a {
        text-align: center;
    }
}
/* footer end */
/* some hover effects*/

a.forget-password {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff;
    /*text-decoration: underline;*/
    /*font-size: 12px;*/
}
a.reg-signin {
    display: inline-block;
    padding: 10px 5px;
    background-color: #ffffff;
}
.login-register-text {
    text-decoration: underline;
    color: #337ab7;
}

#myevents_filter_div a,
#group_filter_div a,
#nearby_filter_div a {
    padding: 5px 10px;
}

label {
    padding: 0px;
    margin: 0px;
    font: inherit;
}


input[type="button"] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.12);
    -webkit-touch-callout: none;
}
.container-fluid {
    -webkit-overflow-scrolling: touch;
    -webkit-touch-callout: none;
}
/**/
/* some hover effects end*/
/******************
FOOTER NEW ICONS
********************/

.font-bold {
    font-size: 16px;
    font-weight: bold;
}
.font-bold > a,
.font-bold a {
    color: #838255;
}

/***  Activity ***/

.activity-ico {
    width: 26px;
    height: 26px;
    background-image: url("../imgs/svg_icons/new_activities.svg");
    background-repeat: no-repeat;
    background-position: left -26px;
    display: block;
    margin: 0 auto;
    background-size: 26px;
}
.activity-ico-active {
    background-position: left top;
}
.activity-ico-active-revert {
    background-position: 0px 26px;
}
/***  Group ***/

.group-ico {
    width: 26px;
    height: 26px;
    background-image: url("../imgs/svg_icons/new_groups.svg");
    background-repeat: no-repeat;
    background-position: left -26px;
    display: block;
    margin: 0 auto;
    background-size: 26px;
}
.group-ico-active {
    background-position: left top;
}
.group-ico-active-revert {
    background-position: 0px 26px;
}
/***  profile ***/

.profile-ico {
    width: 26px;
    height: 26px;
    background-image: url("../imgs/svg_icons/new_profile.svg");
    background-repeat: no-repeat;
    background-position: left -26px;
    display: block;
    margin: 0 auto;
    background-size: 26px;
}
.profile-ico-active {
    background-position: left top;
}
.profile-ico-active-revert {
    background-position: 0px 26px;
}
/***  search ***/

.search-ico {
    width: 28px;
    height: 28px;
    background-image: url("../imgs/svg_icons/searchs_footer_joint_icons.svg");
    background-repeat: no-repeat;
    background-position: left -28px;
    display: block;
    margin: 0 auto;
    background-size: 28px;
}
.search-ico-active {
    background-position: left top;
}
.search-ico-active-revert {
    background-position: 0px 28px;
}
/***  tournaments ***/

.tournaments-ico {
    width: 26px;
    height: 26px;
    background-image: url("../imgs/svg_icons/new_cups.svg");
    background-repeat: no-repeat;
    background-position: left -26px;
    display: block;
    margin: 0 auto;
    background-size: 26px;
}
.tournaments-ico-active {
    background-position: left 0px;
}
.tournaments-ico-active-revert {
    background-position: 0px 26px;
}

/***  chats ***/

.chats-ico {
    width: 26px;
    height: 26px;
    background-image: url("../imgs/svg_icons/chats.svg");
    background-repeat: no-repeat;
    background-position: left -26px;
    display: block;
    margin: 0 auto;
    background-size: 26px;
}
.chats-ico-active {
    background-position: left 0px;
}
.chats-ico-active-revert {
    background-position: 0px 26px;
}

/***  classes ***/

.classes-ico {
    width: 26px;
    height: 26px;
    background-image: url("../imgs/svg_icons/new_classes.svg");
    background-repeat: no-repeat;
    background-position: left -26px;
    display: block;
    margin: 0 auto;
    background-size: 26px;
}
.classes-ico-active {
    background-position: left top;
}
.classes-ico-active-revert {
    background-position: 0px 26px;
}

/* Book icon  */
.book-ico {
    width: 26px;
    height: 26px;
    background-image: url("../imgs/svg_icons/book.svg");
    background-repeat: no-repeat;
    background-position: left -26px;
    display: block;
    margin: 0 auto;
    background-size: 26px;
}
.book-ico-active {
    background-position: left top;
}
.book-ico-active-revert {
    background-position: 0px 26px;
}

#copyright_footer_box{width:100%;padding: 0 15px;display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;}
ul.hy-awards-flex-container{
    padding: 0;

    margin: 0
}
li.hy-awards-item{display: inline-block;text-align: center;margin-right: 10px}
li.hy-awards-item:last-item{margin-right: 0}
li.hy-awards-item img{width:35px;margin:0 auto;}
.hy-ksa{margin-bottom: 0px}
@media (max-width: 320px){
    li.hy-awards-item img{width:30px;}

    .footer-copyright-div{font-size: 9px}
    .footer-copyright-div{margin:0}
}
/******************
FOOTER NEW ICONS END
********************/
/******************
WOMEN SIGNIN AREA
********************/


.women_signin_area:active {
    background-color: rgba(55, 179, 74, 0.4) !important;
    cursor: pointer;
}
.women_signin_area {
    /*border-top: 1px solid #e0e1e2;*/
    border-bottom: 1px solid #f3b0c7;
    font-size: 12px;
    font-weight: bold;padding: 0;margin:10px 0;
}
.women_signin_area > .chat_section {
    height: 53px !important;
   /* margin-right: -2%;
    margin-left: 0%;*/
    padding:0;
}
.w-red-text {
    color: #ec4079;
    font-size: 11.5px;
}
.w-red-text > strong {
    font-size: 12.5px;
}
.w-blue-text {
    color: #337ab7;
    font-size: 11.5px;
}
.women-sign-img {
    width: 40px;
    position: absolute;
    bottom: -12px;
}
.w-img-wrapper {
    width: 40px;
    height: 30px;
    position: relative;
}
/************************
WOMEN SIGNIN AREA END
**************************/

li.glyphicon,
i.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}
#search_div {
    padding: 0px;
}
.user-profile-location > img.email {
    width: 22px;
}
.user-profile-location > img.sms {
    width: 11px;
}
#private_visibility_value,
#private_visibility_value input {
    min-width: 0px;
    height: 0px;
    visibility: hidden;
}





/*ripple effect for buttons*/
.ripplelink{
  display:block;
  float:left;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
}


.ink {
  display: block;
  position: absolute;
  background:rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          transform:scale(0);
}

.animateBtn {
    -webkit-animation:ripple 0.65s linear;
   -moz-animation:ripple 0.65s linear;
    -ms-animation:ripple 0.65s linear;
     -o-animation:ripple 0.65s linear;
        animation:ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}



.lightgreen{
  /*background:#ffc107;*/
}


/*ripple effect for buttons*/


/*public, private profile page issues*/
.event-info-row-inside-div{color:#414142}
/*public, private profile page issues*/



/*hexagon*/
.hexagon {
  position: relative;
  width: 30px;
  height: 17.32px;
  background-color: #64C7CC;
  margin: 8.66px 0;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

.hexagon:before {
  bottom: 100%;
  border-bottom: 8.66px solid #64C7CC;
}

.hexagon:after {
  top: 100%;
  width: 0;
  border-top: 8.66px solid #64C7CC;
}
/*hexagon*/

/* rewards classes */
.reward-icon {
    max-width: 50px;
}
.reward-heading {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}
.reward-heading-profile {
    margin-bottom: 6px !important;
}




/*hy- new-ui*/

.hy-filter-container{background-color: #4bac45;position: relative;align-self:center;}
.hy-filter-container{padding-right: 5px;padding-left: 5px}
.hy-filter-container > a{color:#fff;
    /*padding: 14px 5px;*/
    display: block;position: relative;top:2px;}
.hy-filter-container > a span{display: inline-block;padding-right: 10px}
.hy-feedback-container{
    /*float:left;width:80%;*/
    /*background-color: #efc637;*/
    color: #000000;
    /*border:1px solid #ffd07a;*/
    }

.hy-filter-container{
    /*float:left;width:20%;*/
}
.arrow-right {
  width: 0;
    height: 0;
    border-top: 45px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 32px solid  #4bac45;
    /*position: absolute;*/
    left: -32px;
    top: 0;
}
.pouplar-heading{margin:15px 0;}
#areaList{width:100%;}
.pouplar-listItems ul,.hy-expand-search ul{padding: 0;margin:5px 0 ;}
.pouplar-listItems ul li{ display: inline-block;
    float:left;background-color: #00a038;padding:10px;border-radius: 6px;text-align: center;margin-right:6px;list-style-type: none;}
.pouplar-listItems ul li.last{margin-right:0;}
.hy-expand-search ul li{display: inline;list-style-type: none;}
.hy-expand-search form{display: inline;}
.hy-expand-search{margin:10px  0;}
.hy-expand-search p{margin:0;}
.hy-expand-search li.zero-design-heading{position: relative;top: 10px}
/*Search Expand*/
.hy-expand-search input{
    background-color: #ffffff;
    border: none!important;
    font-size: 16px;
    padding: 10px 0px 10px 0px;
}


.expandSearch,
.expandSearch input,
.expandSearch a{
    float: right;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.expandSearch{
    border: solid 1px #eeeeee;
}

.expandSearch input{
    height: 22px;
    overflow: hidden;
    width: 0px;
    opacity: 0;
    padding: 0!important;
}

.expandSearch a{
    display: block;
    padding: 12px 15px 8px 15px;
    background-color: #eeeeee;
}

.showSearch input{
    margin-left: 10px;
    margin-right: 10px;
    width: 200px;
    opacity: 1;
}

.showSearch a{
    /*background-color: #b3d2f2;*/
}

.showSearch{
    /*border-color: #b3d2f2;*/
}
/*Search Expand*/



.hideEl{display: none}
#feedback_bar .media{display:block}
.hy-filter-container a span img{width:13px;}
.circle {
    width: 10px;
    height: 10px;
    background: #ff6259;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;display: inline-block;position: absolute;right:15px;top: 15px
}
.notify_list{position: relative;}

html,body,.body-wrapper,.hy-body-mid{height:100%;}
.hy-body-mid{display: flex;flex-direction: column;}

#copyright_footer_box{min-height: 50px;
  margin: 20px 0;opacity: 0}

.hy-expand-search .zero-design-heading{padding:10px 0;}
.expandSearchClass input[type=text] {

    width: 20px;
    box-sizing: border-box;
    border: 1px solid #ccc!important;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('/hy_source/imgs/searchicon.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 10px 20px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
.expandSearchClass input[type=text]:focus {
    width: 100%;
    padding: 10px 20px 10px 40px;
}
.nopadding{padding:0;}
.textR{text-align: right;}




/*New group page design*/
.group_list>.media>.group_list_left{display: none}
.group_list > .media{padding-left: 10px}
.org-hasborder{border-left:6px solid #efc637;}
.hy-private-icon img{width:9px;position: relative;top: -2px}
.result_list li{
    /*border-bottom: 1px solid #D0D2D3;*/
}
.list-icon-container{display: none}
.hy-class-list{padding:0 10px;}
.hy-class-container{border-bottom: 1px solid #D0D2D3;
    }
    .detail-view .hy-body {
    width: 85%;
}
    .right-images-contents ul li{border:none;}
    .right-images-contents ul li img{display: inline-block;height: 20px;
    margin-top: 1px;
    margin-left: 0px;
    margin-bottom: 4px;margin-right: 8px}
    .right-images-contents{padding: 15px 0}
    .right-images-contents ul{padding:0;}
    .group_list_right{position: relative;}
ul.hy-arrow-right li{list-style-type: none;

    text-align: right;}
ul.hy-arrow-right li i{color:#c3c2c7;}
#feedback_bar_text{position: relative;flex:1;align-self: center;}
.hy-spots{color: #7f7f7f;font-size: 11px;}
.list-content-container {
   margin-bottom: 10px;
}
#feedback_bar_text p span.hy-back-btn{ font-size: 9px;}
.hy-back-btn{
    background-color: #4bac45;
    color:#fff;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
    display: inline-block;
    position: absolute;
    left: -13%;width:38%;padding: 2px 0;
}
.hy-body{width:80%;float:left;}
.hy-right{width: 20%;float:left;}


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

 .hy-filter-container > a span{padding-right: 5px}
 .hy-filter-container > a{ }
 .feedback-bar {}
 .feedback-bar-text p{}
 #feedback_bar_text span,#feedback_bar_text p{font-size: 11px}

.pouplar-listItems ul li img{width: 23px}

}
@media only screen and (max-width : 320px) {
    .feedback-bar{}
    .feedback-bar-text p{}
    .arrow-right{}
    #feedback_bar_text span,#feedback_bar_text p{font-size: 10px}
    .hy-filter-container a{font-size: 10px;}
    #feedback_bar{background-size: 50px}
    .hy-body{width:77%;}
    #areaList li img{width:22px;}
    .hy-right{width: 23%;}


}
/*New group page design*/



/*hy- new-ui*/
ul.t_margin_ten{margin: 10px 0;padding: 0}
ul.t_margin_ten li{
    border-bottom: 1px solid #d9d9d9;
    margin: 0 0 2px;
    padding: 5px 10px;
    list-style-type: none;
    border-left: 5px solid #d9d9d9;
}

#add_to_confirmed{color:#fff;}
#generic_groups_container .glyphicon{color:#9b9b9b;}
#generic_groups_container .loader-off .glyphicon{color:#fff;}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
    background:#4bac45!important;
}
ul.hy-arrow-right {padding:0;margin:0;position: absolute;top:30%;right:4px;}

/*groups page with flex*/
.hy-filter-container,.hy-feedback-container{display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;align-items:center;height: 100%;justify-content:center;}
.flex-parent{display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
flex-wrap: nowrap;
border-bottom:1px solid #D0D2D3;
padding:10px;background-color:#fff;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;}

.myflex{display:-webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;flex-direction:row;align-items: center;}

.openBar{background: #fff;padding:10px 0;}
.openBar div{padding: 0 10px}
.openBar img{height:40px;}
.openBar div a{background: #e1e1e1;padding: 10px}
.navbar-fixed-top .media{margin-top: 0!important}
.list-flex{display:-webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;flex-direction:column;}
.flex-row{flex-direction:row;}
.flex-item{}
.flex-end{
-webkit-box-align: flex-end;
-moz-box-align: flex-end;
-ms-flex-align: flex-end;
-webkit-align-items: flex-end;

    align-items:flex-end;}
.big{flex: 2 0 0;}
.small{flex:1 0 0}
.flex-item-grow-1{flex:1 0 0;/*border:1px solid red;*/}
.flex-item-grow-2{flex: 2 0 0;}
.flex-item-grow-3{flex:3 0 0;}
.flex-item ul{margin:0;padding:0;}
li.group_right_arrow{list-style-type: none}
.list-flex li img{float: left;width:16px;}
.group-members li{margin: 0px;padding: 0px;list-style: none;color: #9b9b9b;font-size: 11px;padding: 0 2px;}
.no-lft-border{border-left:0!important;border-right:0!important;}
.nopadding{padding: 0!important}
.pad-sm{padding: 10px}
.pad-lft-rgt-10{padding-right: 10px;padding-left: 10px}
.right-arrow i{color:#9b9b9b;}
.flex-flag .list-content-title-flow{font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    color: #414142;
}
.star-rated{padding-bottom: 10px;padding-right: 10px;}
.right_button_list > .group_icon > img {
    height: 20px;
    margin-top: 1px;
    margin-left: 0px;
    margin-bottom: 4px;
}

.right_button_list > .group_icon > img.woman,.right_button_list > .group_icon > img#woman {
    margin-right: 8px!important;
}
.flex-text .button_part,.flex-text .button_part i {color:#fff;}
.black-text{font-size: 11px}
.flex-parent .group_list_middle h4{}



  /* page tutorials*/
    .page_tuts_container{


    }
    .page_tuts{
    padding:15px 10px;
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row; /* Safari 6.1+ */
    display: flex;
    flex-direction: row;
    align-items:center;
        background: rgba(68,228,151,1);
background: -moz-linear-gradient(left, rgba(68,228,151,1) 0%, rgba(144,105,229,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(68,228,151,1)), color-stop(100%, rgba(144,105,229,1)));
background: -webkit-linear-gradient(left, rgba(68,228,151,1) 0%, rgba(144,105,229,1) 100%);
background: -o-linear-gradient(left, rgba(68,228,151,1) 0%, rgba(144,105,229,1) 100%);
background: -ms-linear-gradient(left, rgba(68,228,151,1) 0%, rgba(144,105,229,1) 100%);
background: linear-gradient(to right, rgba(68,228,151,1) 0%, rgba(144,105,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44e497', endColorstr='#9069e5', GradientType=1 );
    }
    .page_tuts h1,.page_tuts p{color:#fff;}
    .page_tuts h1{font-size: 20px;margin-top: 0;font-weight: bold;margin-bottom: 10px}
    .page_tuts p{margin-bottom: 0}
    .page_tuts .padlr{padding: 0 10px}
    .page_tuts .slide_arrow img{width:20px;max-width: inherit;}
    .page_tuts img{max-width: inherit;}
    #tuts_click {
  
  color: #fff;
  cursor: pointer;
  display: inline-block;
}

#hidden-info {
  display: none;
  background-color: #c7e9d7;
  padding: 15px 10px;

}
.page_tuts_info{
     display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row; /* Safari 6.1+ */
    display: flex;
    flex-direction: row;
    align-items:flex-start;
}
.page_tuts_info ul li{list-style-type: none}
.page_tuts_info ul.list_tuts_one li:nth-child(2),
.page_tuts_info ul.list_tuts_one li:nth-child(3),
.page_tuts_info ul.list_tuts_two li:nth-child(1),
.page_tuts_info ul.list_tuts_two li:nth-child(2),
.page_tuts_info ul.list_tuts_two li:nth-child(3)

{padding-top: 40px}
.page_tuts_info ul li{font-size: 12px}
.page_tuts_info ul.list_tuts_one,.page_tuts_info ul.list_tuts_two{padding: 0 0 0 20px}

#hidden-info h3 {
  text-align: center;
  margin-bottom: 15px;
}
#save{background: transparent;
    border: 1px solid #00A14C;
    border-radius: 100px;
    
    padding: 15px;
    width: 100%;}

#hidden-info input[type=submit]{color: #00A14C;margin:20px auto 0;}

.tuts-line-1,.tuts-line-2,.tuts-line-3,.tuts-line-4,.tuts-line-5,.tuts-line-6 {
    border-top: 1px solid #8dc3a0;
    padding-top:5px;
    padding-bottom: 5px;
    /*margin: 10px auto 0;*/
    width: 100%;
    position: absolute;
    top:10%;right:-15%;
    z-index: 0;
}

.tuts-line-1:after,.tuts-line-2:after,.tuts-line-3:after,.tuts-line-4:after,.tuts-line-5:after,.tuts-line-6:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #8dc3a0;
    border-radius: 5px;
    position: absolute;
    top: -6px;

}

.tuts-line-1:after,.tuts-line-2:after,.tuts-line-3:after,.tuts-line-4:after,.tuts-line-5:after,.tuts-line-6:after {
    right: 0;
}

.page_tuts_img{position: relative;}
.page_tuts_img img{position: relative;left:0;top:0;z-index: 1}

.tuts-line-2{top:25%;right:-120%;width:150%;}
.tuts-line-3{top:44%;right:-15%;}
.tuts-line-4{top:57%;right:-120%;width:150%;}
.tuts-line-5{top:77%;right:-15%;}
.tuts-line-6{top:90%;right:-120%;width:150%;}

@media only screen and (max-device-width : 320px)  {
/* Styles */

.page_tuts_info ul li{font-size: 10px}
.tuts-line-2{top:29%;}

.tuts-line-4{top:63%;}

.tuts-line-6{top:99%;}
.page_tuts h1{font-size: 18px}

}

@media only screen and (min-device-width : 321px) and (max-device-width : 375px)  {
/* Styles */

.page_tuts_info ul li{font-size: 10px}
.page_tuts h1{font-size: 18px}
.tuts-line-1{top:8%;}
.tuts-line-2{top:23%;}
.tuts-line-3{top:38%;}
.tuts-line-4{top:50%;}
.tuts-line-5{top:68%;}
.tuts-line-6{top:78%;}

}

.tuts_flex-item {
  flex-grow: 2;
  width:80%;
}
.page_tuts p{line-height: 1.3!important}

.venues-section .page_tuts_info h1{font-size: 16px;margin-bottom: 10px}
.venues-section .page_tuts_info p{color:#5E5E5E;font-size: 12px}
.nopadR{padding-right: 0!important}
.flex-1{flex:1;}
.venues-section .page_tuts{
    background: rgba(66,229,150,1);
background: -moz-linear-gradient(left, rgba(66,229,150,1) 0%, rgba(27,205,221,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(66,229,150,1)), color-stop(100%, rgba(27,205,221,1)));
background: -webkit-linear-gradient(left, rgba(66,229,150,1) 0%, rgba(27,205,221,1) 100%);
background: -o-linear-gradient(left, rgba(66,229,150,1) 0%, rgba(27,205,221,1) 100%);
background: -ms-linear-gradient(left, rgba(66,229,150,1) 0%, rgba(27,205,221,1) 100%);
background: linear-gradient(to right, rgba(66,229,150,1) 0%, rgba(27,205,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42e596', endColorstr='#1bcddd', GradientType=1 );
}
.venues-section #hidden-info{background: rgba(164,237,239,1);
background: -moz-linear-gradient(left, rgba(164,237,239,1) 0%, rgba(178,216,242,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(164,237,239,1)), color-stop(100%, rgba(178,216,242,1)));
background: -webkit-linear-gradient(left, rgba(164,237,239,1) 0%, rgba(178,216,242,1) 100%);
background: -o-linear-gradient(left, rgba(164,237,239,1) 0%, rgba(178,216,242,1) 100%);
background: -ms-linear-gradient(left, rgba(164,237,239,1) 0%, rgba(178,216,242,1) 100%);
background: linear-gradient(to right, rgba(164,237,239,1) 0%, rgba(178,216,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4edef', endColorstr='#b2d8f2', GradientType=1 );}



.groups_page .page_tuts{
    background: rgba(67,227,150,1);
background: -moz-linear-gradient(left, rgba(67,227,150,1) 0%, rgba(70,18,246,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(67,227,150,1)), color-stop(100%, rgba(70,18,246,1)));
background: -webkit-linear-gradient(left, rgba(67,227,150,1) 0%, rgba(70,18,246,1) 100%);
background: -o-linear-gradient(left, rgba(67,227,150,1) 0%, rgba(70,18,246,1) 100%);
background: -ms-linear-gradient(left, rgba(67,227,150,1) 0%, rgba(70,18,246,1) 100%);
background: linear-gradient(to right, rgba(67,227,150,1) 0%, rgba(70,18,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43e396', endColorstr='#4612f6', GradientType=1 );
}


.groups_page #hidden-info{
    background: rgba(229,248,239,1);
background: -moz-linear-gradient(left, rgba(229,248,239,1) 0%, rgba(233,233,249,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(229,248,239,1)), color-stop(100%, rgba(233,233,249,1)));
background: -webkit-linear-gradient(left, rgba(229,248,239,1) 0%, rgba(233,233,249,1) 100%);
background: -o-linear-gradient(left, rgba(229,248,239,1) 0%, rgba(233,233,249,1) 100%);
background: -ms-linear-gradient(left, rgba(229,248,239,1) 0%, rgba(233,233,249,1) 100%);
background: linear-gradient(to right, rgba(229,248,239,1) 0%, rgba(233,233,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f8ef', endColorstr='#e9e9f9', GradientType=1 );
}

.groups_page #hidden-info ul,.chat-panel #hidden-info ul{padding: 0 20px 0 0}
.groups_page #hidden-info ul li,.chat-panel #hidden-info ul li{padding-bottom: 15px;background:url('/hy_source/imgs/tuts/star-bullet.png') no-repeat left 2px;padding-left: 23px;}
.groups_page .page_tuts_info{background: url('/hy_source/imgs/tuts/gathering-bg-illustration.png') no-repeat left top}

.events-page .page_tuts_info{background: url('/hy_source/imgs/tuts/fireworks-bg.png') no-repeat left top}

.chat-panel .page_tuts{

    background: rgba(88,212,142,1);
background: -moz-linear-gradient(left, rgba(88,212,142,1) 0%, rgba(223,103,99,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(88,212,142,1)), color-stop(100%, rgba(223,103,99,1)));
background: -webkit-linear-gradient(left, rgba(88,212,142,1) 0%, rgba(223,103,99,1) 100%);
background: -o-linear-gradient(left, rgba(88,212,142,1) 0%, rgba(223,103,99,1) 100%);
background: -ms-linear-gradient(left, rgba(88,212,142,1) 0%, rgba(223,103,99,1) 100%);
background: linear-gradient(to right, rgba(88,212,142,1) 0%, rgba(223,103,99,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58d48e', endColorstr='#df6763', GradientType=1 );
}

.chat-panel #hidden-info{background: rgba(215,246,232,1);
background: -moz-linear-gradient(left, rgba(215,246,232,1) 0%, rgba(214,241,235,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(215,246,232,1)), color-stop(100%, rgba(214,241,235,1)));
background: -webkit-linear-gradient(left, rgba(215,246,232,1) 0%, rgba(214,241,235,1) 100%);
background: -o-linear-gradient(left, rgba(215,246,232,1) 0%, rgba(214,241,235,1) 100%);
background: -ms-linear-gradient(left, rgba(215,246,232,1) 0%, rgba(214,241,235,1) 100%);
background: linear-gradient(to right, rgba(215,246,232,1) 0%, rgba(214,241,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7f6e8', endColorstr='#d6f1eb', GradientType=1 );}

#hidden-info h1.chat-header{margin-top: 0;font-size: 20px;color: #414142;text-align: center;
    font-weight: bold;}



    .arrow_dir a,.arrow_dir a i,.arrow_dir,.arrow_dir i{color:#4bac45;}
    .no-bg{background-color: transparent;}
    i.grey-color-hy{color:#9b9b9b;}
    .interesting_btn{text-align: center;background:#4bac45;color:#fff;padding:10px;width:100%;display: block }
    .hy-clearfix{clear: both}
    .btn-container{width:100%;margin:0 auto 10px;}

.nobottommargin{margin-bottom: 0!important}
.detail-page-flex,.detail-page-flex-item ul{display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
flex-direction:row;
justify-content: space-between;
}

#e_det_int_bg{
  display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;  
flex-direction:column;
align-items:flex-end;
}
.detail-page-flex-item ul li{list-style-type: none;color:#fff;}
.detail-page-flex-item ul{padding: 0}
.detail-page-flex-item li img,.hy-media-icon a img{width:20px!important;}
.detail-page-flex-item ul li:nth-child(1),.hy-media-icon a{
    margin-right:10px 
}
.venue-flex-panel{margin-top: 15px}
.nobottommargin{margin-bottom: 0!important}
.nobottompadding{padding-bottom: 0!important}
.venue-flex-panel .detail-page-flex-item ul li{font-size: 12px}
.venue-flex-panel .detail-page-flex-item ul li img{width:15px;}
.align-self-end{align-self:flex-end}
.align-self-end ul,.align-self-end ul li{padding: 0}
.align-self-end ul li{margin-right: 0!important}
.detail-page-flex-item ul {justify-content:flex-start;align-items: center;}


.flex-pad-sm{padding-top:12px;padding-bottom:12px}
.flex-chat,.flex-chat i,li.flex-dark,.flex-dark{color:#a6a8ab!important;}
.align-center{align-items:center;}
.hy-media-icon{padding: 0!important;}
.hy-media-icon a img{margin-right: 0!important}
.hy-media-icon a{display: block;}
.flex-start{justify-content:flex-start;}.list-unstyled .detail-page-flex{padding:0;margin-bottom:10px;}
li .detail-page-flex-item img{display: block;margin-right:10px;}
.align-end{align-self:align-end;}
.bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius: 0px!important;
    border-top-right-radius: 0px!important;}






html,
body,
.groups_page,.hy_login_page,.hy_bookings, .hy_activities,.hy_events,.hy_manage_friends,
.hy_event_explore {
  height: 100%; /* needed for proper layout */
}
 .groups_page,
 .hy_login_page,
 .hy_bookings,
 .hy_activities,
 .hy_events,
 .hy_manage_friends,
 .hy_event_explore

 {display: flex;flex-direction:column;overflow: hidden;}

 .groups_page .navbar-fixed-top,
 .hy_login_page .navbar-fixed-top,
 .hy_bookings .navbar-fixed-top,
 .hy_activities .navbar-fixed-top,
 .hy_events .navbar-fixed-top,
 .hy_manage_friends .navbar-fixed-top,
 .hy_event_explore .navbar-fixed-top

 {position: static;flex: 0 0 auto;transform:none;}

 .groups_page .container-fluid-footer,
 .hy_login_page .container-fluid-footer,
.hy_bookings .container-fluid-footer,
.hy_activities .container-fluid-footer,
.hy_events .container-fluid-footer,
.hy_manage_friends .container-fluid-footer,
.hy_event_explore .container-fluid-footer
 {position: static;flex: 0 0 auto;transform:none;    }

 .groups_page .page-center-container,
 .hy_login_page .page-center-container,
.hy_bookings .page-center-container,
.hy_activities .page-center-container,
.hy_events .page-center-container,
.hy_manage_friends .page-center-container,
.hy_event_explore .page-center-container
 {
    flex: 1 1 auto;
    position: relative;/* need this to position inner content */
  overflow-y: auto;overflow-x: hidden;
}
  
  .padding-null{padding:0!important;}
  .groups_page .page-center-container,
  .hy_login_page .page-center-container,
.hy_bookings .page-center-container,
.hy_activities .page-center-container,
.hy_events .page-center-container,
.hy_manage_friends .page-center-container,
.hy_event_explore .page-center-container
  {min-height: auto}


  .description-head{
    margin:0 0 10px;color:#414142;font-size: 14px;
  }
  .description-text{
    color:#a6a8ab;margin:0;font-size: 12px;
  }
  .tournament-banner img{width:100%;}

.tournament-banner a{display: block;margin-bottom: 5px}

.tournaments-hy .tournament-banner a{display: block;margin-bottom: 5px}
.hy-content h4 span{font-size: 14px;
    font-weight: bold;margin-right: 10px}
    .para-hy{font-size: 12px}.hy-content h4 span img{width: 15px}
.hy-content h4{display: flex;flex-direction:row;align-items: center;}
.join_tour_fill,.join_tour_transparent{padding:10px 25px;border-radius: 2px}
.join_tour_fill{background: #0b0203;color:#fff;font-size: 18px;
    display: inline-block;
    margin: 15px 0;}
.join_tour_transparent{color:#0b0203!important;font-size: 14px;
    font-weight: bold;}
a:hover{text-decoration: none}
  /*payment page css*/

  /* DivTable.com */
.divTable{
    display: table;
    width: 100%;
    margin:15px 0;
}
.divTableRow {
    display: table-row;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}
.divTableCell{font-size: 12px;color:#4d4d4d;}
.divTableCell.bp-tickets-seats{font-size: 20px;}
.divTableCell, .divTableHead {
    /*border: 1px solid #999999;*/
    display: table-cell;
    padding: 3px 10px 3px 0;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}
.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {
    display: table-row-group;
}
.results-hy .divTableCell{font-weight: bold}

#paymentForm .wrapper .container{margin:15px auto 0!important;}
.myservice{margin:15px auto;font-size:18px;color:#fff;padding:10px 16px;display:block;text-align:center;background-color: #129d47;}

.hyrelative{position: relative;}

.payment-bg h3 {
            margin: 0 0 5px;
            color: #4d4d4d;
            font-size: 16px;
            font-weight: bold
        }

        .payment-bg p {
            margin: 0 0 5px;
            color: #999;
            font-size: 12px
        }

.payment-bg {
           /* background: url('/hy_source/imgs/bp-payment-bg-top.png') no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            padding: 40px;*/
            /*height: 100%;*/
            margin: 50px auto 0;
            padding: 0;
            
            
        }
.payment-bg h3,.payment-bg .divTable,.payment-bg p{padding: 0 30px}
.payment-inner{
    background: url('/hy_source/imgs/pay_mid.png') center top repeat-y;/*url of image*/
    background-size: contain;
}


        .payment-bg:before{
            
            content:'';
background: url('/hy_source/imgs/pay_top.png') center top;/*url of image*/
height: 50px;
    width: 100%;
    position: absolute;background-size: cover;
    top: -50px;
    left: 0;
    right: 0;
        }
        .payment-bg:after{
             content:'';
background: url('/hy_source/imgs/pay_down.png') center top;/*url of image*/
height: 50px;
    width: 100%;
    position: absolute;background-size: cover;
    bottom: -50px;
    left: 0;
    right: 0;z-index: 1
        }

  #payment_form {
            padding:30px 0;
            /*margin-top: -90px*/
        }
        .third-party{margin: 25px 0!important; padding: 0px !important; background-color: #efefef; width: 100%; }

.join_tour_fill_back{background-color: #34b45b;font-size: 18px;
    display: block;
    margin: 15px 0;color:#fff;    padding: 10px 25px;
    border-radius: 2px;}
    .join_tour_fill_back:hover{color:#fff;}

.success_container h1{color:#818181;margin-top: 30px}
.success_container h1,.success_container h3,.success_container p{margin-bottom: 30px}
.para-hy-success{font-size: 13px;color:#0b0203;}
.success_container h3{color:#0b0203;}
.tournaments_heading {
    font-size: 14px;
    font-weight: bold;
    color: #4bac45;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}