/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */



.colorCodes span.codes {  padding-right: 25px;     vertical-align: middle;}

.dot-uncompleted {height: 20px; width: 20px; background-color: #fff; border-radius: 50%; margin-right: 5px; display: inline-block; vertical-align: middle; border: 1px solid #dadada; }
.dot-completed {height: 20px; width: 20px; background-color: #04a704;  border-radius: 50%; margin-right: 5px;  display: inline-block;  vertical-align: middle; }
.dot-late { height: 20px; width: 20px;  background-color: #ffff00;  border-radius: 50%;   margin-right: 5px;   display: inline-block;  vertical-align: middle; }
.dot-very-late { height: 20px; width: 20px;  background-color: #f00;  border-radius: 50%;   margin-right: 5px;   display: inline-block;  vertical-align: middle; }


.colorCodes { margin-bottom: 50px; }
td.gfy-completed { background: #04a704; color:#fff; }
td.gfy-very-late {  background: #ff0000; color:#fff;}
td.gfy-late {  background: #feff1e; }


body .dataTables_wrapper .dataTables_filter label {font-size: 0;}
body .dataTables_wrapper .dataTables_filter{width: 100%;  float: none; order:-1}
body .dataTables_wrapper .dataTables_filter input{width: 100%; height: 50px;  background-color:#fff; border-radius: 25px;    padding-left: 35px; margin: 0 0 15px 0;}
body .dataTables_wrapper .dataTables_length{float: none; margin-bottom: 15px; margin-left: auto;}
.dataTables_wrapper .dataTables_paginate{margin-left: auto;}
body .dataTables_wrapper {display: flex;    flex-wrap: wrap; justify-content: space-between;}
body .dataTables_wrapper .dataTables_length select{padding: 0px 30px 0 11px; height: 30px; background-position: right 0.5rem center;}
table.dataTable.no-footer{overflow: hidden;}
div[class*="Table"] th{background: #161e2a !important;    color: #fff;}
div[class*="Table"] th:not(:last-child){border-right: solid 1px #ccc;}
div[class*="Table"] tr.even {background: #eee !important;}
div[class*="Table"] tbody tr td:not(:last-child) {border-right: solid 1px #ccc;}
div[class*="Table"] tbody tr:not(:last-child) td{border-bottom: solid 1px #ccc;}
div[class*="Table"] tbody td.gfy-late {color: #000;}
div[class*="Table"] tbody td.gfy-completed,
div[class*="Table"] tbody td.gfy-very-late{color: #fff}
.dataTables_wrapper .dataTable{margin-bottom: 15px; border: 1px solid rgb(204 204 204);}
.colorCodes{text-align: center;    background: #eee;  padding: 20px 0;    margin-top: 20px; }

div.dataTables_processing{width: 100% !important;}

.pagination-links  span.page-numbers.current {
    padding: 15px;
        background: #049a9b;
    color: #fff !important;
    
}
.pagination-links a.page-numbers {
    padding: 15px;
    background: #dadada;
    font-size: inherit;
}
form.wp-user-list-search input[type="text"] {
    margin-right: 15px;
}
table#users-list thead {
    background: #000;
}
table#users-list thead tr th, table#users-list thead tr th a, table#users-list thead tr th span:before {
    color: #fff;
}
tr.notfounduser td {
    text-align: center;
}
.sorting-indicator {
    display: contents;
    visibility: inherit;
    width: 10px;
    height: 4px;
    margin-top: 8px;
    margin-right: 7px;
}
.gravityFormUpdate input, .gravityFormUpdate select {
    width: 100%;
}

input#gform_submit_button_update {
    margin-top: 15px;
    width: 15%;
}

.sorting-indicator:before {
    content: "\f140";
    font: normal 20px/1 dashicons;
    speak: never;
    display: inline-block;
    padding: 0;
    color: #3c434a;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none !important;
    color: #3c434a;
}
span.sorting-indicator.asc::before {
    content: "\f140" !important;
}
span.sorting-indicator.desc::before {
    content: "\f142" !important;
}

.filterRow {
    display: block;
}

select#filterByStage {float: right; cursor: pointer;}

form.wp-user-list-search {
    width: 50%;
    float: left;
}

 

 

/* Gamplify Scorecard  */

select#gravityFormsFrontend {
    margin-bottom: 15px;
}


.gf_form_table thead tr {
    background: #000;
}

.gf_form_table thead tr th {
    color: #fff;
    text-align: center;
}

 
.gf_form_table a.editBtn {
    background: #000;
    color: #fff;
    padding: 8px 15px;
    border-radius: 8px;
}

.gf_form_table tbody tr td {
    text-align: center;
}

    
.support-tribepub-fields_matched {
    margin-bottom: 15px;
}
#members-list.item-list .list-wrap{
    padding:0; margin:0; 
}
.members-directory-wrapper .item-block{padding-bottom:50px}
#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap{margin:0; }

.tag_title{
        font-weight: bold; font-size: 19px;
}
.fusoin-tags{
       display:block;
}                               

hr{
        height: 3px; margin-top: 10px; background-color: #dcdddf;
}
.fusion-grdimg{
        position: absolute; left: 8px; height: 60PX; width: 60PX; top: 8px; border: none; border-radius: 0; padding: 0PX;
}


/* End code  */