/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/



/* OVERIDE GENERAL THEME */
a{
    color: #B28A4F;
}
a:hover{
    color: #c200ff;
}

.nav-link{
    color: #B28A4F;
}
.nav-link:hover{
    color: #c200ff;
}

.logo-img{
    max-height: 26px;
}

.user-avatar, 
[class^=user-avatar]:not([class*=-group]){
    background: #B28A4F;
}

.nk-menu-link:hover, 
.active > .nk-menu-link{
    color: #B28A4F;
}

.nk-menu-link:hover .nk-menu-icon, 
.nk-menu-item.active > .nk-menu-link .nk-menu-icon, 
.nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon{
    color: #B28A4F;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #B28A4F;
  --bs-btn-border-color: #B28A4F;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #644000;
  --bs-btn-hover-border-color: #644000;
  --bs-btn-focus-shadow-rgb: 124, 139, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #644000;
  --bs-btn-active-border-color: #644000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(16, 25, 36, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7d684a;
  --bs-btn-disabled-border-color: #7d684a;
}


/* BRONZE */
.bg-pkg_a{
    background: #C27527;
}

.text-pkg_a{
    color: #C27527;
}


/* SILVER */
.bg-pkg_e{
    background: #7A7883;
}

.text-pkg_e{
    color: #7A7883;
}


/* GOLD */
.bg-pkg_b,
.bg-pkg_c{
    background: #F5CF26;
}

.text-pkg_b,
.text-pkg_c{
    color: #B28A4F;
}


/* STOCKIST */
.bg-pkg_d{
    background: #e83e8c;
}

.text-pkg_d{
    color: #e83e8c;
}







.page-link.active, 
.active > .page-link{
    background-color: #B28A4F;
    border-color: #B28A4F;
}


.dropdown-menu-s1{
    border-top: 3px solid #B28A4F;
}


.bg-black,
.card .card-header.bg-black{
    background: #000000;
}

.btn-black{
    background: #000000;
    border: 1px solid #000000;

    color: #dfdfdf;

    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.btn-black:hover,
.btn-black:not(:disabled):not(.disabled).active, 
.btn-black:not(:disabled):not(.disabled):active {
    background: #B28A4F;
    border: 1px solid #B28A4F;

    color: #FFFFFF;

    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

.btns-wrap .btn{
    margin: 3px;
}


@media (min-width: 1024px) {
    .max-w-900{
        max-width: 900px;
        margin: 0 auto 10px;
    }
}


/* ========================================================= */
/* DASHBOARD HOME */
/* ========================================================= */
a.home-menu-widget{
    display: block;
}

.user-card .user-info{
    color: #000000;
}

a.home-menu-widget .icon-wrap{
    border-radius: 4px;
    height: 60px;
    width: 60px;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    background: #E2ECF7;
    margin: 0 auto;
    line-height: 1.9;
}
a.home-menu-widget:hover .icon-wrap{
    background: #B28A4F;
}

a.home-menu-widget .icon-wrap .icon{
    color: #000000;
}
a.home-menu-widget:hover .icon-wrap .icon{
    color: #FFF;
}


a.home-menu-widget .title{
    text-align: center;
    font-weight: 500;
    color: #11134C;
    padding: 5px 0;
    font-size: 20px;
}
a.home-menu-widget:hover .title{
    color: #B28A4F;
}

.dashboard-menu .bg-light-blue{
    background: #E2ECF7;
}

.dashboard-menu .bg-light-orange{
    background: #FEECEB;
}

.dashboard-menu.link-list-menu a{
    padding: 0.5rem 1.5rem
}

.dashboard-menu.link-list-menu a .user-avatar{
    text-align: center;
}

.dashboard-menu.link-list-menu a:hover .user-avatar{
    background: #FEECEB;
}

.dashboard-menu.link-list-menu a .icon{
    color: #000000;
    font-size: 1.5rem;
}

.dashboard-menu.link-list-menu a:hover .icon{
    color: #FA4637;
}

.dashboard-menu.link-list-menu a:hover .user-info{
    color: #FA4637;
}


/* ========================================================= */
/* GENEALOGY TREE */
/* ========================================================= */
.binary-genealogy-tree {
    text-align: center
}

.binary-level-width-100 {
    width: 100%
}

.binary-level-width-50,
.binary-level-width-25,
.binary-level-width-12,
.binary-level-width-6 {
    width: 50%
}

.node-left-item {
    float: left
}

.node-right-item {
    float: right
}

.parent-wrapper {
    padding: 30px 0;
    position: relative
}

.binary-genealogy-level-2 .parent-wrapper {
    width: 50%;
    float: left
}

.binary-genealogy-level-3 .parent-wrapper {
    width: 25%;
    float: left
}

.binary-node-single-item {
    width: 80px;
    height: 80px;
    border: solid 2px #000;
    border-radius: 50%;
    display: block;
    margin: auto;
    line-height: 80px;
    text-align: center
}

.binary-node-single-item.border-none .images_wrapper{
    display: block;
    width: 78px;
    height: 78px;
    overflow: hidden;
    border: solid 1px #ccc;
    border-radius: 50%;
}

.node-item-root {
    position: relative
}

.node-item-root:after {
    width: 2px;
    height: 50px;
    background: #000;
    position: absolute;
    display: block;
    bottom: -50px;
    left: 50%;
    content: ''
}

.binar-hr-line-left {
    width: 50%;
    height: 2px;
    background: #000;
    float: right;
    margin: -13px 0 0 0;
    position: relative
}

.binar-hr-line-left:after {
    width: 2px;
    height: 24px;
    background: #000;
    position: absolute;
    display: block;
    bottom: -23px;
    left: 0;
    content: ''
}

.binar-hr-line-right {
    width: 50%;
    height: 2px;
    background: #000;
    float: left;
    margin: -13px 0 0 0;
    position: relative
}

.binar-hr-line-right:after {
    width: 2px;
    height: 13px;
    background: #000;
    position: absolute;
    display: block;
    bottom: -11px;
    right: 0;
    content: ''
}

.binary-genealogy-level-1 .parent-wrapper .node-left-item,
.binary-genealogy-level-2 .parent-wrapper .node-left-item {
    position: relative
}

.binary-genealogy-level-1 .parent-wrapper .node-left-item:after,
.binary-genealogy-level-2 .parent-wrapper .node-left-item:after {
    width: 2px;
    height: 49px;
    background: #000;
    position: absolute;
    display: block;
    top: 80px;
    left: 50%;
    content: ''
}

.binary-genealogy-level-1 .parent-wrapper .node-right-item,
.binary-genealogy-level-2 .parent-wrapper .node-right-item {
    position: relative
}

.binary-genealogy-level-2 .parent-wrapper .node-right-item:after,
.binary-genealogy-level-1 .parent-wrapper .node-right-item:after {
    width: 2px;
    height: 49px;
    background: #000;
    position: absolute;
    display: block;
    top: 80px;
    right: 50%;
    content: ''
}

.node-item-uid-0:after {
    display: none !important
}

.parent-wrapper .parent-wrapper {
    width: 100%;
    padding: 61px 0
}

.images_wrapper img {
    margin: -6px 0 0
}


.wrap_content {
    background: #343a40;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 34px;
    line-height: 1.3;
    margin: -8px auto 0 auto;
    /*min-width: 100px;*/
    position: relative;
    width: 60px;
    z-index: 1;
    overflow: hidden;
}

.wrap_content a:link,
.wrap_content a:visited {
    text-decoration: none;
    color: #fff
}

.wrap_content:hover {
    background: #333
}

.btn-danger {
    position: relative;
    z-index: 2
}

.user-block {
    position: relative;
    cursor: pointer
}

.pop-up-content {
    width: 300px;
    height: auto;
    display: block;
    background: #FFF;
    border: solid 1px #c2c0c0;
    border-radius: 10px;
    z-index: 3;
    top: -100px;
    left: 50px;
    text-align: left;
    padding: 13px;
    position: relative;
    font-size: .7em;

    -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.1);
}

.pop-up-content:after {
    width: 30px;
    height: 43px;
    display: block;
    content: '';
    position: absolute;
    left: -30px;
    top: 10px;
    display: block;
    background: url(../img/tooltip-arrow.png) no-repeat
}

.pop-up-content.right_tooltip {
    right: 280px;
    left: auto
}

.pop-up-content.right_tooltip:after {
    right: -30px;
    background: url(../img/tooltip-arrow-right.png) no-repeat;
    left: auto
}

.profile_tooltip_pick {
    display: inline-block;
    vertical-align: top
}

.tooltip_profile_detaile {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    line-height: 1.3;
}

.binary-node-single-item .tooltip_profile_detaile dl {
    line-height: 30px;
    margin: 0
}

.tooltip_profile_detaile dl dt,
.tooltip_profile_detaile dl dd {
    display: inline-block;
    /*vertical-align: middle;*/
    font-size: 14px;
    color: #727272
}

.tooltip_profile_detaile dl dt {
    color: #333333;
    position: relative;
    padding-right: 10px
}

.tooltip_profile_detaile dl dt:after {
    content: ':';
    position: absolute;
    top: 0;
    right: 0;
    display: block
}

.tooltip_btn {
    padding: 10px 0 0 0
}

.tooltip_btn a:link,
.tooltip_btn a:visited {
    width: 110px;
    height: 24px;
    background: #12afcb;
    border-radius: 20px;
    display: block;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -ms-transition: 0.1s;
    transition: 0.1s
}

.tooltip_btn a:hover {
    background: #333
}

.image_tooltip {
    width: 80px;
    height: 80px;
    background: #333333;
    border-radius: 50%;
    box-shadow: 4px 4px 3px #aaa;
    overflow: hidden;
}

.image_tooltip img {
    width: 100%;
    height: auto
}

.pop-up-content {
    display: none
}

.user-block:hover .pop-up-content {
    display: block
}




/* OVERIDE SOME GENEALOGY CSS */
.profile-rounded-image-small {
    border-radius: 50px;
}

.binary-node-single-item.border-none .images_wrapper a img {
    border: solid 3px #000;
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
    padding: 2px;
    background-color: #fff;
    margin: 3px;
    vertical-align: top;
}
.binary-node-single-item.border-none {
    border: 0;
}

.last_level_user {
    color: #000000;
    margin-top: 21px;
    position: relative;
    cursor: pointer;
    font-size: 2em;
}

.hr_class.binar-hr-line-right.line_logic::before {
    -webkit-animation: progress-bar 2s;
    -moz-animation: progress-bar 2s;
    animation: progress-bar 2s;
}
.hr_class.binar-hr-line-right.line_logic:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 370px;
    left: 0;
    position: absolute;
    top: -370px;
    width: 2px;
}
.binary_tree_extended .binar-hr-line-right::after {
    height: 43px;
    top: 0;
}


.hr_class.binar-hr-line-left.line_logic:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 372px;
    left: 100%;
    position: absolute;
    top: -370px;
    width: 2px;
}

.binary-genealogy-tree .no_padding {
    padding: 0;
}

.view_network_btn{
	display: inline-block;
	cursor: pointer;
}


@media (max-width: 1600px) {
    .binary-node-single-item{
        width: 60px;
        height: 60px;
    }

    .binary-node-single-item.border-none .images_wrapper{
        width: 60px;
        height: 60px;
    }

    .binary-node-single-item.border-none .images_wrapper a{
        display: block;
    }

    .binary-node-single-item.border-none .images_wrapper a img{
        width: 100%;
        height: 100%;

        margin: 0px;
    }
}

@media (max-width: 500px) {
    body .page-wrapper .container-fluid{
        padding: 0 5px 10px 5px;

    }

    body .page-wrapper .container-fluid .page-titles{
        padding: 10px 10px;
        margin: 0 -5px 15px;
    }

    body .page-wrapper .container-fluid .page-titles h3{
        font-size: 1.5em;
    }

    .btn {
        margin-bottom: 8px;
    }

    .topbar .top-navbar .navbar-header .navbar-brand{
        margin-left: 10px;
    }
}




/* ========================================================= */
/* AJAX LOADER OVERLAY*/
/* ========================================================= */
.global_ajax_loader,
.page_loading_overlay{
	position: fixed; left:0px; top:0px; width: 100%; height: 100%; z-index: 999999;
	background: rgba(0, 0, 0, 0.64);
}

.global_ajax_loader span,
.page_loading_overlay span{
	display: block; text-align: center; font-size: 30px; color: #FFF;
	padding-top: 40vh; margin-top: 0px;
}



/* ========================================================= */
/* NOTIFICATIONS MODAL */
/* ========================================================= */
.notifications-wrap .notif-item{
    border-bottom: solid 1px #ccc;
}

.notifications-wrap .notif-item .notif-content{
    width: 100%;
}




/* ========================================================= */
/* EWALLET */
/* ========================================================= */
.ewallet_summary_table_wrap{

}


.ewallet_trnx_table_wrap .trnx_in{
    font-weight: bold;
}
.ewallet_trnx_table_wrap .trnx_in_completed .icon,
.ewallet_trnx_table_wrap .trnx_in_approved .icon{
    color: #00a65a;
}
.ewallet_trnx_table_wrap .trnx_in_cancelled .icon{
    color: #acacac;
}

.ewallet_trnx_table_wrap .trnx_out{
    font-weight: bold;
}
.ewallet_trnx_table_wrap .trnx_out_completed .icon,
.ewallet_trnx_table_wrap .trnx_out_approved .icon{
    color: #9B4355;
}
.ewallet_trnx_table_wrap .trnx_out_pending .icon{
    color: #90001b;
}
.ewallet_trnx_table_wrap .trnx_out_cancelled .icon{
    color: #acacac;
}

.ewallet_trnx_table_wrap .bank_trnx_date,
.trnx_date{
    color: #acacac;
}

.ewallet_trnx_table_wrap .bank_trnx_desc_wrap .bank_trnx_user{
    font-size: 95%;
}

.ewallet_trnx_table_wrap .bank_trnx_desc_wrap .bank_trnx_desc{
    font-size: 115%;
}

.transaction_details_wrap{
    text-align: center;
}

.transaction_details_wrap .tr_row{
    margin-bottom: 20px;
}

.transaction_details_wrap .tr_row strong{
    display: block;
    font-size: 20px;
}

.transaction_details_wrap .tr_row span{
    display: block;
    margin-bottom: 5px;
}

.transaction_details_wrap span.label{
    font-size: 20px;
    line-height: 30px;
}

@media (min-width: 1500px) {
    .ewallet_summary_table_wrap .message-box .message-widget a .mail-contnet{
        width: 70%;
    }
}