@charset "utf-8";

/* Custom CSS Document */

/* reset */

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

/* ***  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: 120px;
    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_member_section {
    font-size: 11px;
    text-align: right;
}

/* 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;
}


/* 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 */

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



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

.invite_btn {
    width: 23px !important;
}

/*  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;
}



.disabled-gray {
    opacity: 0.4;
    cursor: not-allowed;
}


/* group organizer end */

/* Mostly Work From min-width: 320px*/
@media (min-width: 220px) {
    .lock_handler > .media-left, .media > .pull-left {
        padding-right: 0px;
    }

    .event_games_list li {
        width: 30%;
    }

    .game_ico.aside {
        width: 32%;
    }

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

    .chat_icon img {
        width: 34px;
    }

    .whish_ico img {
        width: 34px;
    }

    .invite_btn {
        width: 34px !important;
    }

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

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

        padding-top: 5px;
    }

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

    .chat_list .media .media-left a img {
        width: 21px;
        margin-right: 7px;
    }

    .group_title {


    }

    .group_detail_section {
        height: 80px;
        max-height: 232px;
    }

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

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

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

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


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

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

    .dark_heading {
        margin-top: 20px;
    }

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

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

    .chat_arrow2 i img {
        width: 16px;
    }

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

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

    /* join button css */
    .join_button {
        height: 40px;
        /*background-color: #00a69c;*/
        background: linear-gradient(#37B34A,#009345);
        padding: 0px 11px;
    }

  

    .join_button > .media > .media-right > .chat_arrow {
        color: #FFFFFF;
    }

    .join_button > .media > .media-right > i {
        font-size: 18px;
        color: #FFFFFF;
    }

    .join_button_group {
        height: 65px;
        padding-top: 12px;
    }

    .join_group_text {
        font-size: 14px;
        color: #FFFFFF;
    }

    /* join button css  end */
    /* bottom private text */
    .private_title {
        font-size: 18px;
        text-align: center;
        color: #bbbdbf;
        margin-top: 41px !important;
    }

    .private_content {
        font-size: 14px;
        text-align: center;
        color: #bbbdbf;
    }

    .wasta_icon {
        text-align: center;
        margin-top: 28px !important;
        margin-bottom: 40px !important;
    }

    .wasta_icon img {
        width: 62px;
        height: auto;
    }

    /* bottom private text end*/
    .lock_handler > .media-left > img {
        width: 12px;
        margin-right: 6px;
    }

    /* pending approval button */
    .join_button_group.approval_btn {
        padding-top: 12px;
    }

    .approval_btn > .join_button {
        background-color: #6d6e70;
        height: 40px;
        padding: 0px;
    }

    .approval_btn > .join_button > .media > .media-left > i {
        color: #FFFFFF;
        font-size: 18px;
        padding-left: 10px;
        padding-top: 3px;



    }

    .approval_btn > .join_button > .media > .media-body {
        font-size: 14px;
        padding-left: 10px;
    }

    .remove_icon_seprator {
        /*border-left: 1px solid #636363;*/

        padding: 0 15px;
    }

    .approval_btn > .join_button > .media > .media-right > i {
        font-size: 15px;
    }

    /* pending approval button end*/

    .approval_btn > .join_button > .media > .media-left, .media > .pull-left {
        padding-right: 0px;
    }

}