@charset "utf-8";

/* Custom CSS Document */

/* reset */



/* ***  Color group *** */

.interest_selection,.private_group_detail_section .interest_selection,.green-color{ color: #00C853;}

/* ***  Color group end *** */

/* user event detail section */

/* top black are group detail section */
.group_detail_section {
    background-color: #231f20;
    color: #ffffff;
    height: auto;
    padding-top: 0px;
}

.group_title {

}

.interest_selection {

    font-size: 11px;
    height: auto;
    max-height: 31px;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    overflow: hidden;
}

.gr_event_section {
    color: #929497;
    font-size: 11px;
    /*text-align: right;*/
}

.gr_event_section .event_number_text {
    font-size: 12px;
    color: #FFFFFF;
}

.gr_event_section .media {
  /*  float: right;
    text-align: center;*/
}

.gr_event_section .gr_digits {
    color: #FFFFFF;
    font-size: 12px;
    /*margin-top: 7px;*/
    margin-top: 4px;

}

.gr_event_section .gr_event_txt {
    margin-top: 2px;
    line-height: 8px;
}

.gr_white_text .media-body {
    padding-left: 6px;
}

.gr_member_section {
    font-size: 11px;
    text-align: right;
}

.gr_white_text {
    color: #ffffff;
    font-size: 11px;
    /*max-height: 30px;*/
    /*height: 29px;*/
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
}

.gr_white_text .media-left i.media-object {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 8px;
    margin-top: -12px;
}

/* top black are group detail section end */

.event_games_list {
    margin: 0px;
    padding: 0px;
    height: 35px;
}

.event_games_list li {
    list-style: none;
    float: left;
    margin-right: 5px;
    width: 30%;
}

.game_ico {
    height: auto;
}

.event_games_list li .child_node {
    right: auto;
    height: 35px;
    width: 95%;
    top: auto;
    font-size: 14px;
    bottom: auto;
}

.event_games_list li .child_node div {
    float: left;
}

.event_games_list li .child_node div.pro_text {
    margin-top: 11px;
}

/* user event detail section end*/
.event_games_list .game_ico {
    height: 35px;
}

.aside_img {
    margin-top: 10px;
}

.pro_img img {
    width: 90%
}

.aside .pro_img {
    width: 32px;
}

.game_ico.aside {
    width: 32%;
}

.event_location_section {
    font-size: 11px;
    background-image: url("../imgs/transparent_bg_black.png");
    background-repeat: repeat;
    background-position: left top;
    color: #ffffff;
    height: 46px;
    padding-top: 15px;
}

.event_location_section .content_area_holder div.column {
    height: 27px;
}

.event_location_section .content_area_holder {
    margin-right: 0px;
}

.ev_time {
    padding-right: 5px;
}

.ev_location {
    max-height: 28px;
    overflow: hidden;
}

.ev_cur {
    background-color: #000000;
    position: absolute;
    top: -15px;
    width: 100%;
    height: 46px;
    padding-top: 15px;
    text-align: center;
}

.media-left, .media > .pull-left {
    padding-right: 4px;
}

.ev_location a {
    color: #ffffff;
}

.pro_text.games_text {
    max-width: 58%;
    max-height: 120%;
    overflow-wrap: break-word;
    overflow: hidden;
}

/*.media-body {

        max-height: 15px;
    overflow: hidden;
}*/

/* event profile end*/

/*join button css*/

.icon_going {
    background-image: url("../imgs/svg_icons/join_ico.svg");
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    height: 35px;
    font-size: 14px;
    background-size: 24px;
    background-position: center 0px;
    position: relative;
    top: -2px;
}

.gray_line_sepration {
    height: 1px;
    border-bottom: 1px solid #eaeaea;
}

.join_arrow {
    float: right;
    text-align: right;
    padding-right: 20px;
}

/*  event join button end*/

/*  social icons section */

.social_icons_section {
    height: 111px;
    color: #000000;
}

.social_icons_section .col-xs-12 .child_node2 {
    width: 107px;
}

.social_icons_section .col-xs-2 img {
    /* width: 60%;
     height: 60%;*/
}

.invite_text {
    margin-top: 13px;
    height: 36px !important;
    padding-left: 9%;
}



.social_icons_section .col-xs-2 img {
    /*width: 100%;
    height: 60%; */
}

.gray_left_border {
    border-left: 1px solid #eaeaea;
}



.invite_btn {
    width: 23px !important;
}



.watsapp-share img {
    width: 45px;
}

.watsapp-share {
    background-color: #2AB200;
}

.phone-share img {
    width: 45px;
    height: 55px;
}

.phone-share {
    background-color: #00A69C;
}

.email-share img {
    width: 45px;
    height: 29px;
}

.email-share {
    background-color: #F05A28;
}

.twiter-share img {
    width: 40px;
    height: 32px;
}

.twiter-share {
    background-color: #09BBD8;
}

.facebook-share img {
    width: 33px;
    height: 33px;
}

.facebook-share {
    background-color: #4A6FA7
}

/*  social icons section end*/
/* chat section start*/
.chat_section {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 44px;
    font-size: 28px;

}

.chat_icon img {
    width: 23px;
    text-align: left;
}



.chat_arrow {
    color: #a6a8ab;
    text-align: right;
    width: 161px;
}

.chat_arrow2 {
    color: #a6a8ab;
    text-align: right;
    width: 224px;
    font-size: 24px;
}

.chat_arrow2 a {
    color: #a6a8ab;
}

.sep_color {
    color: #eaeaea;
}

.chat_icon .media .media-body {
    padding-left: 4px;
    padding-top: 1px;
}

/* chat section end*/

/* user host section */

.ev_spacer {
    max-height: 3px;
}

/* user host section end*/

/* background color section */

.clr_1 {
    background-color: #f1c40f;
}

.clr_2 {
    background-color: #0000ff;
}

.clr_3 {
    background-color: #00ff00;
}

.clr_4 {
    background-color: #0f0f0f;
}

.clr_5 {
    background-color: #e33914;
}

.clr_6 {
    background-color: #969130;
}

/* background color section end */

/***** Custom media quries *****/

/* private group join*/
.private_group_detail_section {
    background-color: #231f20;
    color: #ffffff;
    height: 100px;
    padding-top: 21px;
}

.group_event_title_section {
    margin-top: 30px;
    margin-bottom: 10px;
}

.lock_ico {
    background-image: url("../imgs/svg_icons/lock_ico.svg");
    background-repeat: no-repeat;
    background-position: left center;
    width: 20px;
    height: 20px;
}

.private_group_heading {
    font-size: 20px;
    padding-top: 7px;
    padding-left: 2px;
    margin-bottom: 10px;
}

.group_title .media-left a img {
    width: 19px;
}

.private_group_detail_section .interest_selection {

    font-size: 12px;
    height: auto;
    max-height: 31px;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    overflow: hidden;

}

.private_gr_info_title {
    color: #bbbdbf;
    font-size: 30px;
    margin-top: 20px;
}

.private_gr_info_detail {
    color: #bbbdbf;
    font-size: 16px;
}

.mustash_ico {
    margin-top: 15px;
    margin-bottom: 10px
}

/* private group join end*/

/* group organizer start */
.org_title {
    margin-top: 10px
}

.org_btns {
    margin-top: 10px;
    color: #a6a8ab;
}

.org_btns a {
    color: #a6a8ab;
    border-left: #a6a8ab 1px solid;
    padding-left: 10px;
}



.org_btns a i img {
    width: 18px;
}

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



/* group organizer end */

/* group info descriptive icon */
.info_icon{
    width: 14px;
    height: 30px;
    background-image: url("../imgs/svg_icons/description_ico.svg");
    background-size: 12px;
    background-position: top left;
    background-repeat: no-repeat;
    content: " ";
    margin-top: 0px;

    position: relative;
    top: 4px;
    margin-left: 0px;

}

.gr_white_text .media-left{
    vertical-align: top;
}



/* Event & Group filters Start */
.filter-ul {
    right: 15px;
    left: inherit;
    width: 160px;
    font-size: 14px;
    padding: 0;
    top: auto;
}
.filter-ul li {
    padding: 12px 8px;
    min-height: 40px;

}
.filter-ul i {
    float:right;
    top: 5px;
}
.filter-ul input {
    float:right;
    margin-top: 10px;
}

.filter_options_list {
    padding:0px 10px 0px 13px;
    list-style: none;
}
.filter_options_list li > label {
    font-weight: normal !important;
    margin: 0;
}
.toggle-div {
    font-weight: normal;
    color: #00A69C;
    cursor: pointer;
}
.filter_heading {
    min-height: 35px !important;
    /*padding: 10px 8px !important;*/
    background-color: #efefef;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #dedede;
}
.reset-filter { float: right; }
.dark_gray_bg { background-color: #929497; }
.light_gray_bg { background-color: #e6e7e8; }
.filter_border_top { border-top: 1px solid #dedede; }
.filter_submit{
    font-size: 14px;
    font-weight: bold;
    padding: 2px 8px;
}
.filter_submit_div {
    float: right;
    top: -5px;
    position: relative;
    vertical-align: top;
}
.filter_info {
    padding-left: 25px;
    font-size: 28px;
    color: #404041;
    margin-bottom: 10px;
}
.search_content_title { font-size: 28px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; }
.search_content_links { font-size: 28px; text-align: right; margin-top: 10px; padding-left:0px !important; }

.filter-options-container {
    overflow: hidden;
    overflow-y: auto;
    max-height: 350px;
}
.filter-options-list li {
    background-color:#efefef;
    cursor: pointer;
}
.selected-filter {
    color:#F1C400;
    cursor: pointer;
}
.selected-filter input {
    border-color: #F1C400;
}
.filter-selection-text {
    color: #333;
    font-size: 11px;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #efefef;
    position: absolute;
    right: 25px;
    top: -5px;

}
.dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 15px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #efefef;
    border-left: 6px solid transparent;
    content: '';
}
.dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 14px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eee;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.Cyan_back {
    /* background-color: #00A69C; */
    background: -webkit-linear-gradient(#37B34A, #009345);
    background: -o-linear-gradient(#37B34A, #009345);
    background: -moz-linear-gradient(#37B34A, #009345);
    background: linear-gradient(#37B34A, #009345);
}


.right_button_list > .group_icon > img {
    width: 25%;
    margin-top: 1px;
    margin-left: 0px;
    margin-bottom: 4px;
}

.right_button_list > .group_icon > img.woman {

    margin-right: 8px;
}

.pic_blur {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.activity-link-button {
    color: #009345 !important;
    padding: 2px 7px;
    border: 1px solid #009345 !important;
}
/*.dropdown-menu {
    top:130%;
}*/
/* Event & Group filters End */

/* Leave group dialog */
.leave-group-interest {
    font-weight: bold;
    color: #00A69C;
}
.leave-group-activity-row {
    border-top: 1px solid #efefef;
    margin-top: 5px !important;
    padding-top: 5px;
}
/* group details create button  */
.create-btn-group-details {
    padding: 7px 8px !important;
    color: #ffffff !important;
}
.create-btn-group-icon {
    top: 1px !important;
    font-size: 12px;
}




/* Mostly Work From min-width: 320px*/
@media (min-width: 220px) {

    .event_games_list li {
        width: 30%;
    }

    .game_ico.aside {
        width: 32%;
    }

    .social_icons_section .column {
        height: 56px;
    }

    .invite_text {
        margin-top: 23px;
        font-size: 16px;
    }

    .chat_icon img {
        width: 34px;
    }

    .social_icons_section .hy_col_tow.column img {
        float: left;
        left: -8%;
    }

    .whish_ico img {
        width: 34px;
    }

    .social_icons_section .col-xs-2 {
        /*height: 111px;*/
    }

    .invite_btn {
        width: 34px !important;
    }

    .chat_section {
        margin-top: 0px;
        margin-bottom: 0px;
        height: 53px;
        font-size: 14px;
    }

    .chat_icon .media .media-body {
        padding-left: 9px;

        padding-top: 5px;
    }

    .chat_arrow {
        padding-top: 0px;
        width: 109px;
    }

    .chat_list .media .media-left a img {
        width: 20px;
        margin-right: 15px;
    }

    .group_title {


    }

    .group_detail_section {
        min-height: 116px;
        /*max-height: 232px;*/
    }

    .interest_selection {
        font-size: 11px;
        height: auto;
        max-height: 46px;
        overflow: hidden;
        overflow-wrap: break-word;
        text-overflow: ellipsis;
        margin-top: 5px !important;
        line-height: 16px;
    }

    .interest_selection i {
        padding-right: 7px;
    }

    .gr_white_text {
        font-size: 11px;
        /*max-height: 45px !important;*/
        height: auto !important;
        margin-top: 8px !important;
        line-height: 15px !important;
    }

    .gr_event_section {

    }

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

    .gr_event_section .gr_event_txt {
        line-height: 14px;
        font-size: 10px;
    }

    .gr_event_section {
        font-size: 14px;
    }

    .group_title > .media-left > a > img {
        width: 21px;
    }

    .event_number_img {
        width: 100%;
    }

    .private_group_heading {
        font-size: 26px;
        padding-top: 5px;
        padding-left: 5px;
        margin-bottom: 10px;
    }

    .organize_num {
        margin-top: 5px;
    }

  

    .chat_arrow {
        font-size: 11px;
        font-weight: bold;
        position: relative;
        padding-right: 20px;
    }

    .chat_arrow i {
        font-size: 18px;
        position: absolute;
        top: -2px;
        right: 0px;
    }

    .gr_event_section .media .media-body {
        width: 4px;
        content: " ";

    }

    .gr_event_section .media .media-left img {
        width: 22px;
    }

    .gr_event_section .media .media-left {
        width: 46px !important;
        padding: 0px;
        margin: 0px;

    }

    .gr_event_section .media .media-right .gr_img img {
        width: 22px;
    }

    .gr_event_section .media .media-right {
        width: 45px !important;
        padding: 0px;
        margin: 0px;

    }

    .dark_heading {
        margin-top: 17px;
    }

    .gr_white_text .media-left, .gr_white_text .media > .pull-left {
        padding-right: 7px;
    }

    .chat_img {
        width: 39px;
        height: 34px;
    }

    .member_img {
        width: 39px;
        height: 37px;
    }

    .matches_img {
        width: 34px;
        height: 36px;
    }

    .event_img {
        width: 44px;
        height: 39px;
    }

    .chat_arrow2 i {
        position: relative;
        top: -3px;
    }

    .chat_arrow2 .sep_color {
        position: relative;
        top: -3px;
    }

    .gr_white_text .media-left i.media-object {
        color: #FFFFFF;
        border: 1px solid #FFFFFF;
        padding: 2px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        font-size: 7px;
        margin-top: -20px;
        position: relative;
        top: -6px;
    }

    .social_icons_section {
        height: 56px;
        color: #000000;
    }

    .chat_arrow2 {
        color: #a6a8ab;
        text-align: right;
        width: 142px;
        font-size: 14px;
        padding-right: 2px;
    }

    .gr_white_text .media-body {
        padding-left: 0px;
        font-size: 10px;
    }


    .chat_arrow2 i img {
        width: 14px;
    }

    .share_ico img {
        width: 22px;
        height: 29px;
    }

    .watsapp-share img {
        width: 23px;
    }

    .phone-share img {
        width: 23px;
    }

    .email-share img {
        width: 23px;
    }

    .twiter-share img {
        width: 20px;

    }

    .facebook-share img {
        width: 17px;
    }

    .left-good-icon {
        margin-top: 0px;
        font-size: 22px;
        margin-right: 24px;
        margin-left: 22px;
    }

    .right_create_btn {
       /* font-size: 12px;
        font-weight: bold;*/
    }

    .last_item
    {
       
    }


}


.group_list > .media > .media-body,
.group_list > .media > .media-left,
.group_list > .media > .media-right
{
    vertical-align: middle;
}
.container-fluid{ padding-left: 0px; padding-right: 0px;}

.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;
}


.male-female-icons img#woman{margin-right: 8px;}
.male-female-icons img{height: 20px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom:15px;}