.btn-theme{background-color: #61ce70; color: #fff; font-weight: 600;}
.brightness-5{filter: brightness(0.7);}
.btn-success{background-color: #61ce70;}

/* member tree css start */
* {margin: 0; padding: 0;}
.tree ul { display: flex; padding-top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.tree li { float: left; text-align: center; list-style-type: none; position: relative; padding: 20px 5px 0 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.tree li::before, .tree li::after{ content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #ccc; width: 50%; height: 20px;}
.tree li::after{ border-left: 1px solid #ccc; right: auto; left: 50%;}
.tree li:only-child::after, .tree li:only-child::before {display: none;}
.tree li:only-child{ padding-top: 0;}
.tree li:first-child::before, .tree li:last-child::after{border: 0 none;}
.tree li:last-child::before{border-right: 1px solid #ccc;border-radius: 0 5px 0 0;-webkit-border-radius: 0 5px 0 0;-moz-border-radius: 0 5px 0 0;}
.tree li:first-child::after{border-radius: 5px 0 0 0;-webkit-border-radius: 5px 0 0 0;-moz-border-radius: 5px 0 0 0;}
.tree ul ul::before{content: '';position: absolute; top: 0; left: 50%;border-left: 1px solid #ccc;width: 0; height: 20px;}
.tree li a{font-weight: 600;border: 1px solid #ccc;padding: 5px 10px;text-decoration: none;color: #fff;font-family: arial, verdana, tahoma;font-size: 11px;display: inline-block;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.tree li a:hover, .tree li a:hover+ul li a {background: #61ce70; color: #000; font-weight: 600; border: 1px solid #94a0b4;}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before{border-color:  #94a0b4;}
/* member tree css end */

.color-f2f2f2{color: #f2f2f2;}
.product_image_div{height: auto; width: 140px;}
.mw-400{max-width: 400px!important;}
.price-label{font-size: 16px;}
.total_price_rw{font-size: 17px;}
.bg-e80f58{background-color: #e80f58!important;}
.bg-ff7b08{background-color: #ff7b08!important;}
.bg-bb3096{background-color: #bb3096!important;}
.bg-0789ba{background-color: #0789ba!important;}
.user-content span{font-size: 12px ; color: #bbbbbb;}
.user-content h5{margin-bottom: 3px!important;}
.fs-13{font-size: 13px!important; margin-top: 5px;}
.b-dotted-5{border: 5px dotted #212529;}
.copy_btn{cursor:pointer}

@media only screen and (max-width: 480px)
{
    .plans_img img{max-width: 100%;}
    .tree ul{overflow: auto; margin-bottom: 7px;}
}

.tree{overflow-x: auto;}