div#footer{
    background-color: #141414;
}
body.auth div#footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

div#footer p {
    color: #ffffff4a;
    margin: auto;
}

div#disti-reseller-tab{
    margin: 0;
}

div#disti-reseller-tab .tab-front{
    padding-left: 20px;
}

div#disti_team_reseller_content_wrapper{
    width: 90%;
    max-width: 1600px;
    margin: auto;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    border: 1px solid #807C7B80;
    min-height: 300px;
}
div#disti_team_reseller_content_wrapper button.orange-button{
    margin-right: 20px;
    padding: 7px 30px 7px 30px;
}

div.reseller_message{
    padding-left: 20px;
}

div.reseller_message p{
    /*padding: 1% 0;*/
    margin: 18px 0;
}
div.reseller_message p.team_owner{
    font-size: 20px;
    font-weight: 600;
    font-family: 'TT Hoves', sans-serif;
}

div.reseller_message p.team_owner a, div.reseller_message a.team_owner{
    text-decoration: none;
    color: black;
    border-bottom: 2px solid black;
}
div.reseller_message p.team_owner a:hover, div.reseller_message a.team_owner:hover{
    border-bottom: 2px solid #F7582D;
}

div.reseller_leave_team_wrapper{
    margin-top: auto;
    display: flex;
    flex-direction: row;

    padding: 20px;
    font-size: 12px;
    font-weight: 500;
}
div.reseller_leave_team_wrapper a{
    text-decoration: none;
    color: #141414;
    cursor: pointer;
    display: flex;
}
div.reseller_leave_team_wrapper img{
    height: 10px;
    margin: auto;
    padding-right: 5px;
}
div.remove_member_link_disabled{
    margin-left: 20px;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 8px;
    /*border-bottom: 2px solid #F13E1F;*/
    width: fit-content
}
div.remove_member_link_disabled span{
    color: #F13E1F;
}
div.add_member_link_disabled{
    margin-left: 20px;
    font-weight: 600;
    font-size: 14px;
    /*border-bottom: 2px solid #0CC55B;*/
    padding-bottom: 8px;
    width: fit-content
}
div.add_member_link_disabled span{
    color: #0CC55B;
}


div.reseller_message_wrapper{
    width: 50%;
    margin-top: 20px;
}
div.reseller_message_wrapper:nth-of-type(2){
    border-left: 1px solid #807C7B80;
}
div.reseller_page_wrapper{
    display: flex;
    flex-direction: row;

}
#accept_invite_team_wrapper{
    margin-top: 30px;
}
#reseller_change_team_wrapper{
    margin-top: 30px;
}
button.orange-button{
    border: 2px solid #FA582D;
    cursor: pointer;
}

button.orange-button:hover{
    background-color: #FA582D;
    color: #fff;
}
.semi-bold{
    font-weight: 600;
}
div.disti_navigation_wrapper{
    display: flex;
    margin-left: auto;
    margin-right: 20px;
    min-width: 15%;
}
div.disti_navigation_wrapper a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    margin: auto 30px;
    display: flex;
    padding: 3% 0;
    font-weight: 600;
}

div.disti_navigation_wrapper a.nav_active, div.disti_navigation_wrapper a:hover{
    border-bottom: 2px solid #F7582D;
}

img.nav-notification{
    position: relative;
    top: -25px;
    right: 60px;
}
img.nav-notification-mobile{
    display: none;
}

/* Disti Mobile Nav*/
div.mobile-menu-disti-team-nav-wrapper{
    background-color: #807C7B;
    width: 100%;
}
div.mobile-menu-disti-team-nav-inner{
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: row;
    padding: 30px 0;
}
div.mobile-menu-disti-team-nav-item{
    margin: auto;
    /*this is a hack may need to fix*/
    width: 38%;
}
div.mobile-menu-disti-team-nav-item a{
    text-decoration: none;
    font-family: 'TT Hoves', sans-serif;
    font-weight: 600;
    color: #fff;
}
div.mobile-menu-disti-team-nav-item button{
    border: 1px solid #fff;
    color: #fff;
    margin-top: 0 !important;
}
/* End Disti Mobile Nav */

/*Disti header styles*/
div.disti_header_overview_wrapper{
    width: 100%;
    /*max-width: 1600px;*/
    /*margin: 0 auto;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*padding-top: 40px;*/
    /*padding-bottom: 40px;*/
    /*position: relative;*/
    z-index: -1;
    background-color: #2F2F2F;
    color: #fff;
}

div.disti_header_overview{
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}

div.disti_header_overview div.disti_team_name{
    font-size: 30px;
    line-height: 42px;
    padding-bottom: 31px;
    font-weight: 600;
    color: #fff;
}
div.disti_header_overview div.disti_team_name span{
    font-size: 20px;
    font-weight: 500;
}

/*@todo this was a catch-all in development, probably will need to remove text styling */
div.disti_team_header_wrapper{
    display: flex;
    flex-direction: row;
    font-size: 21px;
    font-weight: 500;
    color: #fff;
}

div.disti_team_header_wrapper div.disti_header_text, div.disti_team_header_wrapper div.disti_header_content{
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: auto;
    color: #f4f4f2;
    font-size: 20px;
    line-height: 24px;
    width: 90%;
    text-align: center;
}

div.disti_team_header_wrapper div.disti_header_text {
    border-bottom: 1px solid #fff;
    font-weight: 500;
}

div.disti_team_header_wrapper div.disti_team_booking div.disti_header_content{
    font-size: 30px;
    line-height: 42px;
    padding-top: 3%;
    font-weight: 600;
}
div.disti_team_header_wrapper div.disti_current_level div.disti_header_content{
    padding-top: 3%;
}

div.disti_current_level{
    background-color: #4B4B4B;
    width: 25%;
    display: flex;
    flex-direction: column;
    margin-right: 1%;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.disti_team_header_wrapper div.disti_current_level div.disti_header_content img{
    width: 55%;
    display: flex;
    margin: auto;
    max-width: 126px;
}

div.disti_team_header_wrapper div.disti_current_level div.disti_header_content div.not_defender_msg{
    font-size: 15px;
    line-height: 19px;
    margin: auto;
}

div.disti_team_booking{
    background-color: #4B4B4B;
    width: 30%;
    display: flex;
    flex-direction: column;
    margin-right: 1%;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.disti_team_personal_wrapper{
    width: 45%;
    display: flex;
    flex-direction: column;
}

div.disti_team_personal_wrapper div.disti_team_title{
    font-size: 20px;
    line-height: 24px;
    color: #f4f4f2;
    margin: auto 0;
    display: flex;
    flex-direction: column;
}

div.disti_team_personal_wrapper div.disti_team_numbers{
    display: flex;
    flex-direction: row;
    margin-left: auto;
    min-width: 20%;
}

div.disti_team_personal_wrapper div.disti_team_numbers div.disti_team_current{
    font-size: 30px;
    line-height: 42px;
    color: #f4f4f2;
    border-right: 1px solid #fff;
    width: 50%;
    text-align: right;
    padding-right: 13%;
    font-weight: 600;
}

div.disti_team_personal_wrapper div.disti_team_numbers div.disti_team_total{
    font-size: 15px;
    line-height: 19px;
    color: #f4f4f2;
    margin: auto;
}


div.disti_team_members{
    background-color: #4B4B4B;
    display: flex;
    flex-direction: row;
    margin-bottom: 2%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2%;
    padding-right: 2%;
}

div.disti_team_trades{
    background-color: #4B4B4B;
    display: flex;
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2%;
    padding-right: 2%;
}

div.disti_team_personal_wrapper div.disti_team_title span.sub_title{
    font-size: 10px;
    line-height: 18px;
}
/*End Disti header styles*/

/*Disti Team Overview Page*/
div#disti_overview_page_wrapper div.title{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    /*padding: 1%;*/
    padding: 9px 16px;
    border-bottom: 1px solid #807C7B40;
    margin: auto 0;
    display: flex;
}
div#disti_overview_page_wrapper div.title div.new_member_link{
    font-size: 12px;
    display: flex;
    margin: auto 0 auto 2%;
    font-weight: 500;
    cursor: pointer;
}

div#disti_overview_page_wrapper div.title div.new_member_link a{
    text-decoration: none;
    color: #141414;
    display: flex;
}
div#disti_overview_page_wrapper div.title div.new_member_link:hover a{
    color: #807C7B;
}

div#disti_overview_page_wrapper div.title div.new_member_link img{
    margin: auto;
    height: 10px;
    padding-right: 5px;
}

div#disti_overview_page_wrapper div.title div.minimize_content_toggle{
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
div#disti_overview_page_wrapper div.title div.minimize_content_toggle img{
    transform: rotate(180deg);
    cursor: pointer;
}
div#disti_overview_page_wrapper div.title div.minimize_content_toggle:hover img{
    filter: invert(42%) sepia(2%) saturate(631%) hue-rotate(326deg) brightness(96%) contrast(92%);
}


div.disti_overview_block_wrapper{
    margin-bottom: auto;
}

div#disti_team_table_wrapper{
    width: 90%;
    max-width: 1600px;
    margin: auto;
    margin-top: 20px;
    border: 1px solid #807C7B80;
    /*min-height: 225px;*/
    background: #fff;

    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

div#disti_team_table_wrapper div.getting_started_wrapper{
    margin: 2% auto 4%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

div#disti_team_table_wrapper div.getting_started_wrapper div.getting_started_msg{
    font-weight: 600;
    font-size: 20px;
    color: #151515;
    line-height: 24px;
}

div#disti_team_table_wrapper div.getting_started_wrapper div.getting_started_button_wrapper{
    margin: 4% auto;
}

div#disti_team_table_wrapper div.getting_started_wrapper div.getting_started_button_wrapper button.getting_started_add_member_btn{
    background-color: #FA582D;
    color: #fff;
    font-size: 14px;
    border: none;
    font-weight: 600;
    line-height: 18px;
    padding: 10px 25px;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper{
    width: 90%;
    flex: 1;
    margin: 2% auto;
    display: flex;
    flex-direction: row;
    max-width: 1600px;
}

/*div#disti_overview_page_wrapper div.disti_team_management_wrapper div.title{*/
/*    padding: 2%;*/
/*}*/

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites{
    flex-direction: column;
    display: flex;
    background: #fff;
    width: 49%;
    border: 1px solid #807C7B80;
    margin-right: 2%;

}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table{
    padding: 0 16px;
    display: flex;
}
div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table tbody{
    display: flex;
    flex: 1;
    flex-direction: column;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table tr{
    display: flex;
}
/*@todo font styling was a playholder may need to rip out */
div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table td{
    border-bottom: solid thin #CCC;
    padding: 2% 0;
    display: flex;
}
div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table tr:last-of-type td{
    border-bottom: none;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table td.name{
    font-size: 12px;
    line-height: 18px;
    color: #141414;
    font-weight: 600;
    /*width: 50%;*/
    flex: 2;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table td.status{
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #141414;
    flex: 1;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table td.status img.invite_accepted,
div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table td.status img.invite_declined,
div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table td.status img.invite_pending{
    height: 15px;
    padding-right: 10px;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table td.date{
    font-size: 10px;
    line-height: 18px;
    font-weight: 500;
    color: #141414;
    /*text-align: right;*/
    flex: 1;
    justify-content: end;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table td.invite_remove{
    cursor: pointer;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table td.date img.invite_remove{
    height: 10px;
    padding-left: 5px;
    margin: auto 0 auto 5px;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former{
    flex-direction: column;
    display: flex;
    background: #fff;
    width: 49%;
    border: 1px solid #807C7B80;
    margin-bottom: auto;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former table{
    padding: 0 2%;
    width: 100%;
}
div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former table tr{
    display: flex;
}
div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former table td{
    border-bottom: solid thin #CCC;
    padding: 2% 0;
    flex: 1;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former table tr:last-of-type td{
    border: none;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former table td.right{
    text-align: right;
}

/*@todo place holder may need to remove some of this styling*/
div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former table td p {
    line-height: 50px;
    /*height: 45px;*/
    font-size: 22px;
    font-weight: 500;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former table td p.name{
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: #141414;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former table td p.company{
    font-size: 10px;
    line-height: 18px;
    font-weight: 500;
    color: #141414;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former table td p.total{
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    color: #141414;
}

div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former table td p.dates{
    font-size: 10px;
    line-height: 18px;
    font-weight: 500;
    color: #141414;
}

/*End Teamn Overview Page*/

/*Team Detail Page*/

div.disti_member_detail_navigation{
    width: 90%;
    margin: 20px auto;
    max-width: 1600px;
}

div.disti_member_detail_navigation button{
    font-size: 14px;
    color: #141414;
    line-height: 18px;
    border-radius: 26px;
    border: 2px solid #EB4124;
    display: flex;
    padding: 7px 30px;
}
div.disti_member_detail_navigation button:hover {
    background-color: #EB4124;
}
div.disti_member_detail_navigation button a{
    display: flex;
    text-decoration: none;
    color: #141414;
}
div.disti_member_detail_navigation button:hover a{
    color: #fff;
}

div.disti_member_detail_navigation button img {
    height: 8px;
    display: flex;
    margin: auto 8px auto auto;
    color: #141414;
    transform: rotate(90deg);
}
div.disti_member_detail_navigation button:hover img{
    /*color: #fff;*/
    filter: invert(100%) sepia(1%) saturate(2%) hue-rotate(272deg) brightness(102%) contrast(101%);
}

div.disti_member_detail_wrapper{
    width: 90%;
    max-width: 1600px;
    margin: auto;
    margin-top: 20px;
    border: 1px solid #DEDEDE;
    min-height: 225px;
    background: #fff;

    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

div.disti_member_detail_wrapper div.title{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    /*padding: 1%;*/
    padding: 9px 16px;
    border-bottom: 1px solid #DEDEDE;
    display: flex;
    flex-direction: row;
}
/*div.disti_member_detail_wrapper div.title div.remove_member_link_bypass{*/
/*    font-size: 12px;*/
/*    line-height: 18px;*/
/*    color: #141414;*/
/*    margin: auto 0 auto auto;*/
/*    font-weight: 500;*/
/*    display: flex;*/
/*    cursor: pointer;*/
/*}*/

div.disti_member_detail_wrapper div.title div.remove_member_link{
    font-size: 12px;
    line-height: 18px;
    color: #141414;
    margin: auto 0 auto auto;
    font-weight: 500;
    display: flex;
    cursor: pointer;
}

div.disti_member_detail_wrapper div.title div.remove_member_link_disabled{
    cursor: default !important;
    font-size: 12px;
    line-height: 18px;
    color: #141414;
    margin: auto 0 auto auto;
    font-weight: 500;
    display: flex;
}

div.disti_member_detail_wrapper div.title div.remove_member_link img.remove_icon{
    height: 10px;
    margin: auto;
    margin-right: 5px;
}

/*div.disti_member_detail_wrapper div.title div.remove_member_link_bypass img.remove_icon{*/
/*    height: 10px;*/
/*    margin: auto;*/
/*    margin-right: 5px;*/
/*}*/


/*div.disti_member_detail_wrapper div.title div.remove_member_link a{*/
/*    margin-left: 5px;*/
/*    text-decoration: none;*/
/*    color: #141414;*/
/*}*/

div.disti_member_detail_wrapper div.title div.remove_member_link:hover{
    color: #807C7B;
}

div.disti_member_detail_wrapper div.disti_member_detail_header{
    display: flex;
    flex-direction: row;
    padding: 9px 16px;
    color: #151515;
}

div.disti_member_detail_wrapper div.disti_member_detail_header div.member_detail_name{
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    margin: 0.5% 0;
}

div.disti_member_detail_wrapper div.disti_member_detail_header div.member_detail_name a{
    color: #151515;
    border-bottom: 2px solid #151515;
}

div.disti_member_detail_wrapper div.disti_member_detail_header div.member_detail_name a:hover{
    border-bottom: 2px solid #F7582D;
    text-decoration: none;
}

div.disti_member_detail_wrapper div.disti_member_detail_header div.member_detail_company{
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin: 0.5% 0;
}

div.disti_member_detail_wrapper div.disti_member_detail_header div.member_detail{
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    margin: 0.5% 0;
}

div.disti_member_detail_wrapper div.disti_member_detail_header span.detail_label{
    font-weight: 600;
}

div.disti_member_detail_wrapper div.disti_member_detail_header div.detail_left_column{
    display: flex;
    flex-direction: column;
    width: 50%;
}

div.disti_member_detail_wrapper div.disti_member_detail_header div.detail_right_column{
    display: flex;
    flex-direction: column;
    width: 50%;
}
div.detail_mobile_remove_wrapper{
    display: none;
}

div.detail_tabs {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 1% 1% 0;
}

div.detail_tabs div.detail_tab{
    display: flex;
    width: 34%;
    padding: 0.5% 1%;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    border: 1px solid #DEDEDE;
    /*border-top: 1px solid #DEDEDE;*/
    /*border-left: 1px solid #DEDEDE;*/
    /*border-right: 1px solid #DEDEDE;*/
}
div.detail_tabs div.active{
    border-bottom: none;
}
div.detail_tabs div.inactive{
    background-color: #F4F4F2;
}

div.detail_tabs div.detail_tab:hover{
    cursor: pointer;

    background-color: #807C7B;
    color: #fff;
}

/*@todo this currently busted need to fix*/
.detail_tab_expanded_wrapper{
    border-left: 1px solid #DEDEDE;
    width: 98%;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    margin: auto auto 1%;
}

div.detail_tab_expanded{
    width: 100%;
    margin: auto;
    min-height: 225px;
    background: #fff;
    padding: 1%;
}

div.detail_mobile_title{
    font-size: 16px;
    color: #151515;
    line-height: 30px;
    font-weight: 500;
    display: none;

}
div.detail_tab_expanded div.totals{
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    border-bottom: 2px solid #FA582D;
    display: flex;
}
div.detail_tab_expanded div.totals .xp_key, div.detail_tab_expanded div.totals .bookings_claim_form{
    display: flex;
    margin: auto 0 auto auto;
    font-size: 10px;
}
div.detail_tab_expanded div.totals .xp_key div, div.detail_tab_expanded div.totals .bookings_claim_form div{
    margin-left: 12px;
}

div.detail_tab_expanded div.total_content{
    display: flex;
    flex-direction: row;
    flex: 1;
    padding: 1% 0;
}

div.detail_tab_expanded div.total_content div{
    display:flex;
    width: 25%;
    font-size: 12px;
    line-height: 18px;
    color: #141414;
    font-weight: 500;
}

div.xp_tabs {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 2% 0 0;
}

div.xp_tabs div.xp_tab{
    display: flex;
    padding: 0.5% 0.5% 0.5% 2%;
    width: 17%;
    border: 1px solid #DEDEDE;
    font-size: 14px;
    font-weight: 500;
}
div.xp_tabs div.inactive{
    background-color: #F4F4F2;
}
div.xp_tabs div.active{
    border-bottom: none;
}

div.xp_tabs div.xp_tab:hover{
    cursor: pointer;

    background-color: #807C7B;
    color: #fff;
}

div#xps_detail div.xp_expanded{
    width: 96%;
    margin: auto;
    min-height: 225px;
    background: #fff;
}

.xp_expanded_wrapper{
    width: 100%;
    border: 1px solid #DEDEDE;
    border-top: none;
}

/*Heatmap Stylings*/
/*Datatable css is setting some global stylings we need to override*/
body{
    background-color: #F4F4F2 !important;
    font-family: 'TT Hoves', sans-serif !important;
    font-weight: 400 !important;
}
body p {
    margin-bottom: 0;
    /*margin-bottom: 1rem;*/
}
body table {
    /*border-collapse: collapse;*/
    border-collapse: separate;
}

body button{
    /*border-radius: 15px;*/
    border-radius: 26px;
}

/*Overrights Zebra striping, cant disable stripe classes because that breaks sticky fields*/
tbody tr.odd td {background-color: #fff; }

/*Disable the sorting icons*/
/*table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after{*/
/*    !*display:none;*!*/
/*}*/

table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting:after{
    display: none;
}

/*SORTING ICONS UPDATE*/
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display:none;
}
/* Overrides for bug on first element */
table.dataTable thead .sorting_disabled{
    background-image: none !important;
}
table.dataTable>thead .sorting_asc:after{
    content: '' !important;
}
/*End Overrides for bug on first element */
table.dataTable thead .sorting_desc::after {
    display:none;
}

table.dataTable thead .sorting {
    background-image: url('../images/team/icons/sort_both.png');
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_asc {
    background-image: url('../images/team/icons/sort_asc.png');
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_desc {
    background-image: url('../images/team/icons/sort_desc.png');
    background-repeat: no-repeat;
    background-position: center right;
}
/*END SORTING ICONS UPDATE*/

/*Attempting to disable border on View Drop Down*/
.btn-secondary.focus,.btn-secondary:focus {
    box-shadow: none !important;
    /*box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)*/
}
    /*END overrighted Datatable stylings*/

.table td, .table th{
    font-family: 'TT Hoves', sans-serif;
    font-size: 12px;
    line-height: 24px;
    color: #141414;
    /*text-align: center;*/


    border-left: none !important;
    border-right: none !important;
}
.table td{
    padding: 12px 20px !important;
}
.table th{
    /*font-weight: normal !important;*/
    font-weight: 500 !important;
    border-top: none !important;
    border-bottom: 2px solid #1f1f1f !important;
}

.table{
    border: none !important;
}

table div.detail_icon{
    height: 24px;
    width: 24px;
    padding: 0 10px 0;
    background-image: url('../images/team/icons/view-detail.svg');

}
#team_table tr:hover div.detail_icon{
    background-image: url('../images/team/icons/view-detail-hover.svg');
}

/*#team_table tr:hover{*/
/*    cursor: pointer;*/
/*}*/

    /*table img.detail_icon{*/
/*    height: 24px;*/
/*    padding: 0 10px 0;*/
/*}*/

/*Couldnt get this to work...*/
/*table img.detail_icon:hover{*/
/*    !*fill: #000;*!*/
/*    !*filter: invert(0%) sepia(1%) saturate(361%) hue-rotate(263deg) brightness(113%) contrast(84%);*!*/
/*    filter: invert(6%) sepia(4%) saturate(90%) hue-rotate(314deg) brightness(97%) contrast(95%);*/
/*}*/

/*table td.lmc-left, table th.lmc-left {*/
table td.lmc-left {
    text-align: left;
}
/*table td.lmc-right, table th.lmc-right {*/
table td.lmc-right {
    text-align: right;
}
/*table td.lmc-center, table th.lmc-center {*/
table td.lmc-center {
    text-align: center;
}
/* Datatables is adding space for the sorting ICON thats hidden, trying to prevent the extra padding in headers*/
table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled){
    /*padding-right: inherit !important;*/
    line-height: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
table.dataTable.table-sm>thead>tr>td:not(.sorting_disabled){
    padding-left: 20px;
    padding-right: 20px;
}

/* Marked for removal */
tbody tr.flagRemoved td {
    /*background-color: rgb(128, 124, 123, .1);*/
    background-color: #F3F3F3;
    font-style: italic;
}

table tbody tr.flagRemoved td.heatmap-yellow{
    background-color: rgb(255, 203, 6, .7);
}
table tbody tr.flagRemoved td.heatmap-green {
    background-color: rgb(0, 204, 102, .7);
}
table tbody tr.flagRemoved td.heatmap-darkgreen {
    background-color: rgb(0, 145, 76, .7);
}
table tbody tr.flagRemoved td.heatmap-blue{
    background-color: rgb(0, 192, 232, .70);
}
table tbody tr.flagRemoved td.heatmap-orange{
    background-color: rgb(250, 88, 45, .70)
}
div#team_table_wrapper table.table-bordered.dataTable td {
    border-left: 0.5px solid #fff !important;
}
table tbody tr td.heatmap-yellow{
    background-color: #FFCB06;
}

table tbody tr td.heatmap-green{
    background-color: #00CC66;
}

table tbody tr td.heatmap-darkgreen{
    background-color: #00914C;
}

table tbody tr td.heatmap-blue{
    background-color: #00C0E8;
}

table tbody tr td.heatmap-orange{
    background-color: #FA582D;
}

.heatmap-bold{
    font-weight: 600;
}

.heatmap-align-left{
    text-align: left !important;
}

div.detail_tab_expanded div.total_content div.break {
    flex-basis: 100%;
    height: 0;
}

/*Modal Stylings*/
div#modal_background{
    background-color: #6D6968;
    width: 100%;
    height:100%;
    position: fixed;
    z-index: 500;
    opacity: 92%;
}

div.modal_hide{
    display: none;
}
div.modal_show{
    display: flex;
}

div.modal_window {
    background-color: #fff;
    width: 60%;
    /*height: 45%;*/
    margin: auto;
    z-index: 700;
    position: fixed;
    flex-direction: column;
    left: 20%;
    top: 25%;
    min-height: 300px;
    /*max-width: 677px;*/

}

div.modal_window div.modal_close_wrapper{
    display: flex;
    margin-left: auto;
    margin-top: 2%;
    margin-right: 2%;
}

div.modal_window div.modal_close_wrapper img{
    height: 21px;
    cursor: pointer;
}

div.modal_window div.modal_inner {
    width: 80%;
    display: flex;
    flex-direction: column;
    margin: 3% auto;
}

div.modal_window div.modal_inner div.modal_status_image{
    margin: auto auto 2%
}

div.modal_window div.modal_inner div.modal_status_image img{
    height: 40px;
}

div.modal_window div.modal_inner div.modal_heading{
    font-size: 20px;
    line-height: 24px;
    color: #151515;
    font-weight: 600;
    /*display: flex;*/
    display: block;
    margin: 2% auto;
    text-align: center;
}

div.modal_window div.modal_inner p{
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    font-weight: 500;
    display: flex;
    margin: 1% auto;
    text-align: center;
}

div.modal_window div.modal_form_wrapper{
    display: flex;
    flex-direction: column;
    margin: 4%;
}

div.modal_window div.modal_form_wrapper input.modal_text_field{
    text-align: center;
    border: 1px solid #000;
    padding: 5px;
    width: 80%;
    margin: auto;
}

div.modal_window div.modal_form_wrapper input.modal_text_field::placeholder{
    font-size: 12px;
    color: #807C7B;
    line-height: 15px;
}

div.modal_window div.modal_form_wrapper button{
    border-radius: 26px;
    min-width: 180px;
    width: 30%;
    margin: 3% auto;
    background-color: #FA582D;
    color: #fff;
    font-size: 14px;
    border: none;
    font-weight: 600;
    line-height: 18px;
    padding: 10px 25px;
}

div.modal_window div.modal_form_yes_no_wrapper{
    display: flex;
    flex-direction: row;
    margin: 2% auto;
}

div.modal_window div.modal_form_yes_no_wrapper button{
    margin: auto 3%;
    cursor: pointer;
}

div#team_table_wrapper div.btn-group{
    border: none;
}

button.heatmap_selector{
    background-color: #fff;
    border: none;

    padding: 16px 0 0 18px;
}
button.heatmap_selector:hover, button.heatmap_selector:focus{
    background-color: #fff;
}
button.heatmap_selector span{
    color: #141414;
}

.dropdown-toggle::after {
    color: #141414;
}

#team_table_wrapper a.heatmap_option{
    background-color: #F4F4F2;
    font-size: 13px;
    font-weight: 600;
}
#team_table_wrapper a.heatmap_option_light{
    background-color: #F4F4F2;
    font-size: 12px;
    font-weight: 500;
}

#team_table_wrapper a.heatmap_option:hover, #team_table_wrapper a.heatmap_option_light:hover {
    border-left: 3px solid #FA582D;
}
#team_table_wrapper a.heatmap_option:hover span, #team_table_wrapper a.heatmap_option_light:hover span {
    margin-left: -3px;
}

div.dropdown-menu{
    border: none;
}

span.heatmap_view_selector_text{
    font-weight: 600;
    margin-right: 10px;
}

div.table_title{
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px;
}

.xp_tab_select_box{
    display: none;
}
/*.js-drop {*/
/*    display: none;*/
/*}*/

/* Loading Animation */
.lds-spinner {
    color: red;
    /*display: inline-block;*/
    position: relative;
    width: 80px;
    height: 80px;
    margin: 4% auto;
}
.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    /*background: #fff;*/
    background-color: #2F2F2F;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

div#user_guide_link{
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #EDEDED;
    border: 1px solid #FA582D;
    font-size: 14px;
    z-index: 100;
    border-radius: 26px;
    padding: 7px 19px;
    cursor: pointer;
}
div#user_guide_link:hover{
    background-color: #FA582D;
    color: #fff;
}
div#user_guide_link:hover a{
    text-decoration: none;
    color: #fff;
}

div#user_guide_link a {
    text-decoration: none;
    color: #141414;
    font-weight: 600;
}
div#user_guide_link a span{
    vertical-align: middle;
    margin-right: 5px;
}

/* Status Page Performance Tab Override */
div#performanceOverview div.tab-front{
    cursor: pointer;
}
div#performanceOverview div.content{
    width: 90%;
    max-width: 1600px;
}
div#performanceOverview div.content div.row{
    display: block;
}
div#performanceOverview div.content div.detail_tabs div.half_width{
    width: 50%;
}
div#performanceOverview div.content table th{
    text-align: left;
}

div#performanceOverview div.content div.dataTables_scroll div.dataTables_scrollBody th{
    border-bottom: none !important;
}

.doubleXP{
    font-weight: bold;
}
.pendingXP, .pendingXP td{
    color: #807C7B;
    font-style: italic;
}

/*Media Queries*/

@media only screen and (min-width: 320px) and (max-width: 577px) {
    div.disti_team_header_wrapper{
        flex-direction: column;
    }
    div.disti_current_level{
        width:100%;
        margin-right: 0;
    }
    div.disti_team_booking{
        width: 100%;
        margin-right: 0;
        margin-top: 4%;
    }
    div.disti_team_personal_wrapper{
        margin-top: 4%;
        width: 100%;
    }
    div.disti_team_members{
        margin-bottom: 4%;
    }
    div.disti_team_header_wrapper div.disti_header_text{
        padding-bottom: 3%;
    }
    div.disti_team_trades, div.disti_team_members{
        padding-left: 4%;
    }
    div.detail_mobile_remove_wrapper{
        position: absolute;
        right: 10px;
        display: block;
        cursor: pointer;
        color: #141414;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
    }
    div.detail_mobile_remove_wrapper img{
        height: 10px;
        margin-right: 5px;
    }

    img.nav-notification-mobile{
        display: block;
        position: relative;
        left: 6px;
        bottom: 12px;
    }

    div#disti-reseller-tab .tab-front{
        padding: 10px 5px 10px 5px;
    }
    div.disti_navigation_wrapper{
        display: none;
    }

    div.disti_team_personal_wrapper div.disti_team_numbers{
        min-width: 35%;
    }
    div.disti_header_overview div.disti_team_name{
        font-size: 26px;
        text-align: center;
    }

    div#disti_overview_page_wrapper div.disti_team_management_wrapper{
        flex-direction: column;
    }
    div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites{
        width: 100%;
        margin-right: 0;
    }
    div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former{
        width: 100%;
        margin-top: 2%;
    }
    div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table td.status img{
        display: none;
    }

    div.modal_window{
        width: 90%;
        left: 5%;
    }

    /*Detail page stylings*/

    .remove_member_link{
        display: none !important;
    }
    div.disti_member_detail_navigation button{
        margin: auto;
    }
    div.disti_member_detail_wrapper{
        margin: auto auto 2%;
    }
    div.disti_member_detail_wrapper div.disti_member_detail_header{
        flex-direction: column;
        width: 92%;
        margin: auto;
        padding: 3% 1%;
    }
    div.disti_member_detail_wrapper div.disti_member_detail_header div.detail_left_column,
    div.disti_member_detail_wrapper div.disti_member_detail_header div.detail_right_column{
        width: 100%
    }

    div.disti_member_detail_wrapper div.disti_member_detail_header div.member_detail_company{
        margin-bottom: 2%;
    }

    div.disti_member_detail_wrapper div.disti_member_detail_header div.member_detail_status{
        padding-top: 2%;
        border-top: 1px solid #DEDEDE;
    }

    .detail_tabs{
        display: none !important;
    }
    .xp_tabs{
        display: none;
    }
    .detail_tab_expanded{
        display: block !important;
        border: 1px solid #DEDEDE;
        margin: 2% auto 4% !important;
        padding: 4% !important;
    }
    .detail_tab_expanded_wrapper{
        border: none;
        width: 92%;
    }
    div.detail_mobile_title{
        display: block !important;
        margin-bottom: 4%;
    }

    /*Stylings for fake select box on XP tab on detail page */
    .xp_tab_select_box{
        display: block;
    }
    #xp_select_background{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    #select-op-btn {
        cursor: pointer;
        font-weight: 600;
        z-index: 99;
    }
    .xp_tab_select_box {
        box-sizing: border-box;
    }
    .xp_select_wrapper{
        padding: 1% 2%;
        font-size: 12px;
    }
    .xp_select_wrapper span.view_label{
        font-weight: bold;
        margin-right: 1%;
    }
    ul#options {
        list-style-type: none;
        font-size: 0px;
        border-color: #F2F2F2;
        border-style: solid;
        border-width: 0px 1px 1px 1px;
        cursor: pointer;
        position: absolute;
        z-index: 99;
        background: #F4F4F2;
        padding: 0px;
        margin-left: 9%;
    }
    ul#options li {
        font-size: 12px;
        font-weight: 600;
        display: block;
        padding: 5px 18px 5px 5px;
    }
    ul#options li:hover {
        background: #F2F2F2;
    }
    .js-drop {
        display: none;
    }
    .js-option {
        display: inline-block;
    }
    div.xp_tabs{
        display: none;
    }
    div.xp_expanded_wrapper{
        border: none;
    }
    div.reseller_page_wrapper{
        flex-direction: column;
        margin-bottom: 30px;
    }
    div.reseller_message_wrapper{
        width: 100%;
    }

    div#xps_detail div.total_content{
        display: none;
    }

}
@media only screen and (min-width: 578px) and (max-width: 767px){
    div.disti_header_overview div.disti_team_name{
        font-size: 26px;
    }
    div.disti_team_header_wrapper{
        flex-wrap: wrap;
    }
    div.disti_current_level{
        width:49%;
        margin-right: 2%;
    }
    div.disti_team_booking{
        width:49%;
        margin-right: 0;
    }
    div.disti_team_trades, div.disti_team_members{
        padding-left: 4%;
    }

    div.disti_team_personal_wrapper{
        margin-top: 2%;
        width: 100%;
    }
    div#disti-reseller-tab .tab-front{
        padding: 10px 5px 10px 5px;
    }
    div#disti_overview_page_wrapper div.disti_team_management_wrapper{
        flex-direction: column;
    }
    div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites{
        width: 100%;
        margin-right: 0;
    }
    div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_former{
        width: 100%;
        margin-top: 2%;
    }
    div.disti_navigation_wrapper{
        display: none;
    }
    div.modal_window{
        width: 90%;
        left: 5%;
    }
    div#disti_team_table_wrapper div.getting_started_wrapper{
        width: 80%;
    }

    div.disti_member_detail_wrapper div.disti_member_detail_header{
        flex-direction: column;
        width: 94%;
        margin: 3% auto;
    }
    div.disti_member_detail_wrapper div.disti_member_detail_header div.detail_left_column,
    div.disti_member_detail_wrapper div.disti_member_detail_header div.detail_right_column{
        width: 100%
    }

    div.disti_member_detail_wrapper div.disti_member_detail_header div.member_detail_company{
        margin-bottom: 2%;
    }

    div.disti_member_detail_wrapper div.disti_member_detail_header div.member_detail_status{
        padding-top: 2%;
        border-top: 1px solid #DEDEDE;
    }

    div.detail_tabs{
        padding: 1% 3% 0 !important;
    }
    .detail_tab_expanded_wrapper{
        width: 94%;
        margin-bottom: 3% !important;
    }

    div.detail_tab_expanded{
        width: 94%;
        padding: 3% 0 3%;
    }
    div#xps_detail div.xp_expanded{
        width: 100%;
    }

    /*Stylings for fake select box on XP tab on detail page */
    .xp_tab_select_box{
        display: block;
    }
    #xp_select_background{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    #select-op-btn {
        cursor: pointer;
        font-weight: 600;
        z-index: 99;
    }
    .xp_tab_select_box {
        box-sizing: border-box;
    }
    .xp_select_wrapper{
        padding: 1% 0;
        font-size: 12px;
    }
    .xp_select_wrapper span.view_label{
        font-weight: bold;
        margin-right: 1%;
    }
    ul#options {
        list-style-type: none;
        font-size: 0px;
        border-color: #F2F2F2;
        border-style: solid;
        border-width: 0px 1px 1px 1px;
        cursor: pointer;
        position: absolute;
        z-index: 99;
        background: #F4F4F2;
        padding: 0px;
        margin-left: 9%;
    }
    ul#options li {
        font-size: 12px;
        font-weight: 600;
        display: block;
        padding: 5px 18px 5px 5px;
    }
    ul#options li:hover {
        background: #F2F2F2;
    }
    .js-drop {
        display: none;
    }
    .js-option {
        display: inline-block;
    }
    div.xp_tabs{
        display: none;
    }
    div.xp_expanded_wrapper{
        border: none;
    }
    div.reseller_page_wrapper{
        flex-direction: column;
        margin-bottom: 30px;
    }
    div.reseller_message_wrapper{
        width: 100%;
    }

    div#xps_detail div.total_content{
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    div.disti_team_trades, div.disti_team_members{
        padding-left: 4%;
    }

    div.disti_team_header_wrapper div.disti_header_text{
        font-size: 16px;
    }
    div.disti_team_personal_wrapper div.disti_team_title{
        font-size: 16px;
        line-height: 19px;
    }
    div.disti_team_personal_wrapper div.disti_team_numbers{
        min-width: 45%;
    }
    div.disti_team_header_wrapper div.disti_current_level div.disti_header_content img{
        width: 94%;
    }
    div#disti-reseller-tab .tab-front{
        padding: 10px 5px 10px 5px;
    }
    /*div.disti_navigation_wrapper{*/
    /*    !*display: none;*!*/
    /*}*/
    div#disti_overview_page_wrapper div.disti_team_management_wrapper div.disti_team_management_invites table td.status img{
        display: none;
    }
    div.modal_window{
        width: 80%;
        left: 10%;
    }
    /* override main.css styling */
}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}


@media only screen and (max-width: 900px){
    div.reseller_message{
        text-align: center;
    }
    div.add_member_link_disabled{
        margin: auto;
    }
    div.remove_member_link_disabled{
        margin: auto;
    }
    div.reseller_leave_team_wrapper{
        margin: auto;
    }
}
@media only screen and (min-width: 577px) and (max-width: 800px){
    div.disti_navigation_wrapper{
        display: none;
    }
    .next-level-title-bar{
        font-size: 21px !important;
    }
    img.nav-notification-mobile{
        display: block;
        position: relative;
        right: 35px;
        top: 16px;
    }

    div#xps_detail div.total_content{
        display: none;
    }

}