.card .card-header-rose .card-icon, .card .card-header-rose .card-text, .card .card-header-rose:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0, 51, 179,.4);
}
.card.bg-rose, .card .card-header-rose .card-icon, .card .card-header-rose .card-text, .card .card-header-rose:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-rose .back, .card.card-rotate.bg-rose .front {
    background: linear-gradient(60deg,#003dd6,#03339b);
}

.card .card-header-brown .card-icon, .card .card-header-brown .card-text, .card .card-header-brown:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(179, 134, 0,.4);
}
.card.bg-brown, .card .card-header-brown .card-icon, .card .card-header-brown .card-text, .card .card-header-brown:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-brown .back, .card.card-rotate.bg-brown .front {
    background: linear-gradient(60deg,#d6a100,#9b7003);
}

/* rose - blue */
/* .btn.btn-rose{
    color:#fff;
    background-color:#0033b3;
    border-color:#0033b3;
    box-shadow:0 2px 2px 0 rgba(0, 51, 179,.14),0 3px 1px -2px rgba(0, 51, 179,.2),0 1px 5px 0 rgba(0, 51, 179,.12)
}
.btn.btn-rose.focus,.btn.btn-rose:focus,.btn.btn-rose:hover{
    color:#fff;
    background-color:#0039bd;
    border-color:#002070
}
.btn.btn-rose.active,.btn.btn-rose:active,.open>.btn.btn-rose.dropdown-toggle,.show>.btn.btn-rose.dropdown-toggle{
    color:#fff;
    background-color:#0039bd;
    border-color:#002070;
    box-shadow:0 2px 2px 0 rgba(0, 51, 179,.14),0 3px 1px -2px rgba(0, 51, 179,.2),0 1px 5px 0 rgba(0, 51, 179,.12)
}
.btn.btn-rose.active.focus,.btn.btn-rose.active:focus,.btn.btn-rose.active:hover,.btn.btn-rose:active.focus,.btn.btn-rose:active:focus,.btn.btn-rose:active:hover,.open>.btn.btn-rose.dropdown-toggle.focus,.open>.btn.btn-rose.dropdown-toggle:focus,.open>.btn.btn-rose.dropdown-toggle:hover,.show>.btn.btn-rose.dropdown-toggle.focus,.show>.btn.btn-rose.dropdown-toggle:focus,.show>.btn.btn-rose.dropdown-toggle:hover{
    color:#fff;
    background-color:#0039bd;
    border-color:#3f1048
}
.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon{
    color:inherit;
    background-color:#0033b3
}
.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon:hover{
    background-color:#0039bd
}
.btn.btn-rose.disabled.focus,.btn.btn-rose.disabled:focus,.btn.btn-rose.disabled:hover,.btn.btn-rose:disabled.focus,.btn.btn-rose:disabled:focus,.btn.btn-rose:disabled:hover{
    background-color:#0033b3;
    border-color:#0033b3
}
.btn.btn-rose:active,.btn.btn-rose:focus,.btn.btn-rose:hover{
    box-shadow:0 14px 26px -12px rgba(0, 51, 179,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0, 51, 179,.2)
}
.btn.btn-rose.btn-link{
    box-shadow:none
}
.btn.btn-rose.btn-link,.btn.btn-rose.btn-link:active,.btn.btn-rose.btn-link:focus,.btn.btn-rose.btn-link:hover{
    background-color:transparent;
    color:#0033b3
} */


/* brow header */
/* .card .card-header-rose .card-icon, .card .card-header-rose .card-text, .card .card-header-rose:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(179, 134, 0,.4);
}
.card.bg-rose, .card .card-header-rose .card-icon, .card .card-header-rose .card-text, .card .card-header-rose:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-rose .back, .card.card-rotate.bg-rose .front {
    background: linear-gradient(60deg,#d6a100,#9b7003);
} */

/* rose - brow */
.btn.btn-rose{
    color:#fff;
    background-color:#b38600;
    border-color:#b38600;
    box-shadow:0 2px 2px 0 rgba(179, 134, 0,.14),0 3px 1px -2px rgba(179, 134, 0,.2),0 1px 5px 0 rgba(179, 134, 0,.12)
}
.btn.btn-rose.focus,.btn.btn-rose:focus,.btn.btn-rose:hover{
    color:#fff;
    background-color:#c28e00;
    border-color:#705400
}
.btn.btn-rose.active,.btn.btn-rose:active,.open>.btn.btn-rose.dropdown-toggle,.show>.btn.btn-rose.dropdown-toggle{
    color:#fff;
    background-color:#c28e00;
    border-color:#705400;
    box-shadow:0 2px 2px 0 rgba(179, 134, 0,.14),0 3px 1px -2px rgba(179, 134, 0,.2),0 1px 5px 0 rgba(179, 134, 0,.12)
}
.btn.btn-rose.active.focus,.btn.btn-rose.active:focus,.btn.btn-rose.active:hover,.btn.btn-rose:active.focus,.btn.btn-rose:active:focus,.btn.btn-rose:active:hover,.open>.btn.btn-rose.dropdown-toggle.focus,.open>.btn.btn-rose.dropdown-toggle:focus,.open>.btn.btn-rose.dropdown-toggle:hover,.show>.btn.btn-rose.dropdown-toggle.focus,.show>.btn.btn-rose.dropdown-toggle:focus,.show>.btn.btn-rose.dropdown-toggle:hover{
    color:#fff;
    background-color:#c28e00 !important;
    border-color:#3f1048 !important;
}
.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon{
    color:inherit;
    background-color:#b38600
}
.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon:hover{
    background-color:#c28e00
}
.btn.btn-rose.disabled.focus,.btn.btn-rose.disabled:focus,.btn.btn-rose.disabled:hover,.btn.btn-rose:disabled.focus,.btn.btn-rose:disabled:focus,.btn.btn-rose:disabled:hover{
    background-color:#b38600;
    border-color:#b38600
}
.btn.btn-rose:active,.btn.btn-rose:focus,.btn.btn-rose:hover{
    box-shadow:0 14px 26px -12px rgba(179, 134, 0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(179, 134, 0,.2)
}
.btn.btn-rose.btn-link{
    box-shadow:none
}
.btn.btn-rose.btn-link,.btn.btn-rose.btn-link:active,.btn.btn-rose.btn-link:focus,.btn.btn-rose.btn-link:hover{
    background-color:transparent;
    color:#b38600
}

/* primary */
.btn.btn-primary{
    color:#fff;
    background-color:#b38600;
    border-color:#b38600;
    box-shadow:0 2px 2px 0 rgba(179, 134, 0,.14),0 3px 1px -2px rgba(179, 134, 0,.2),0 1px 5px 0 rgba(179, 134, 0,.12)
}
.btn.btn-primary.focus,.btn.btn-primary:focus,.btn.btn-primary:hover{
    color:#fff;
    background-color:#c28e00;
    border-color:#705400
}
.btn.btn-primary.active,.btn.btn-primary:active,.open>.btn.btn-primary.dropdown-toggle,.show>.btn.btn-primary.dropdown-toggle{
    color:#fff;
    background-color:#c28e00;
    border-color:#705400;
    box-shadow:0 2px 2px 0 rgba(179, 134, 0,.14),0 3px 1px -2px rgba(179, 134, 0,.2),0 1px 5px 0 rgba(179, 134, 0,.12)
}
.btn.btn-primary.active.focus,.btn.btn-primary.active:focus,.btn.btn-primary.active:hover,.btn.btn-primary:active.focus,.btn.btn-primary:active:focus,.btn.btn-primary:active:hover,.open>.btn.btn-primary.dropdown-toggle.focus,.open>.btn.btn-primary.dropdown-toggle:focus,.open>.btn.btn-primary.dropdown-toggle:hover,.show>.btn.btn-primary.dropdown-toggle.focus,.show>.btn.btn-primary.dropdown-toggle:focus,.show>.btn.btn-primary.dropdown-toggle:hover{
    color:#fff;
    background-color:#c28e00;
    border-color:#3f1048
}
.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon{
    color:inherit;
    background-color:#b38600
}
.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon:hover{
    background-color:#c28e00
}
.btn.btn-primary.disabled.focus,.btn.btn-primary.disabled:focus,.btn.btn-primary.disabled:hover,.btn.btn-primary:disabled.focus,.btn.btn-primary:disabled:focus,.btn.btn-primary:disabled:hover{
    background-color:#b38600;
    border-color:#b38600
}
.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover{
    box-shadow:0 14px 26px -12px rgba(179, 134, 0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(179, 134, 0,.2)
}
.btn.btn-primary.btn-link{
    box-shadow:none
}
.btn.btn-primary.btn-link,.btn.btn-primary.btn-link:active,.btn.btn-primary.btn-link:focus,.btn.btn-primary.btn-link:hover{
    background-color:transparent;
    color:#b38600
}

/* text input line */
.form-control, .is-focused .form-control {
    background-image: linear-gradient(0deg,#b38600 2px,rgba(179, 134, 0,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);
}

/*!
 =========================================================
 * Public Panel
 =========================================================
 */
.logo img{
    width: 150px;
}
@media screen and (max-width: 767px){
    .login-page .container {
        padding-top: 0px!important;
    }
}
.login-page .card-login .card-body .alert{
    margin: 0 -15px 0px 5px;
}
.card-login .form-check label {
    margin-left: 21px;
    padding-left: 34px;
    margin-top:10px;
    font-size: smaller;
}
.card-login .form-control-feedback {
    color: #4caf50;
    opacity: 0;
    margin-top:10px;
    z-index:-1;
}
.card-login #logCaptcha-wrap {
    background-color: #dddddd;
    margin-left: 15px;
}
.card-login #captcha{
    width: 100%;
    padding: 0px 45px 0px 0px;
}
.card-login #logCaptcha-action{
    position: relative;
    right: 10px;
    float: right;
    margin-top: -42px;
}
form .card-login .error {
    font-size: .8rem;
    color: #f44336;
    position: relative;
    padding: 10px 0px 0px 55px;
}
.normal-page .innerpage {
    /* position: absolute; */
    top: 0px;
    height: 75vh;
    overflow-x: hidden;
} 
.normal-page .innerpage h5{
    font-weight: bold;
}

/*!
 =========================================================
 * Member Panel
 =========================================================
 */
.main-panel > .content {
    padding: 15px 15px;
}
/*  Dashboard - Sidebar  */
.sidebar .logo a.logo-mini{
    width: 40px;
    margin-right: -30px;
    margin-top: -5px;
}
.logo-mini img{
    width: 40px;
}
.logo-normal img{
    width: 50%;
    margin-left: 40px;
}
.logo-reg{
    position: absolute;
    top: 0px; 
    padding-left: 1px;
    font-size: 12px;
}

/*  Navbar  */
.btn-group{
    min-width: 110px;
}
.wallet-group{
    min-width: 150px;
}
.wallet-bal{
    position: absolute;
    margin-top: -26px;
    margin-left: 23px;
    display: block;
}
.wallet-title{
    position: absolute;
    font-size: 10px;
    margin-top: -14px;
    margin-left: 23px;
    display: block;
    width: 105px;
    text-transform: none;
}
@media (max-width: 991px){
    .wallet-group{
        min-width: 150px;
        height:46px;
    }
    .wallet-bal{
        position: relative;
        margin-top: 0px;
    }
    .wallet-title{
        position: relative;
        font-size: 10px;
        margin-top: -11px;
        width: auto;
        text-transform: none;
    }
}

/*  Form  */
.display-block{
    display: block !important;
} 
.has-default .form-control-feedback {
    color: #4caf50;
    opacity: 1;
    margin-top: -8px;
    pointer-events: auto;
    width: auto;
}
span.form-control-feedback {
    margin-top:0px !important;
}
span.form-control-feedback:hover{
    cursor: pointer;
}
.card-footer a.btn-rose,
.card-footer a.btn-rose:hover,
.card-footer a.btn-rose:visited{
    color: #fff;
}
@media (min-width: 991px){
    .card .form-check {
        margin-top: 17px;
    }
}
.has-default button.form-control-feedback{
    width: auto;
    text-transform: uppercase;
    letter-spacing: 0;
    cursor: pointer;
    border: 0;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
    will-change: box-shadow,transform;
    color: #fff;
    background-color: #9c27b0;
    border-color: #9c27b0;
    box-shadow: 0 2px 2px 0 rgba(156,39,176,.14), 0 3px 1px -2px rgba(156,39,176,.2), 0 1px 5px 0 rgba(156,39,176,.12);
    height: 29px;
    line-height: normal;
    font-size: 11px;
}
.form-control-prefix{
    position: absolute;
    left: 0;
    z-index: 2;
    display: block;
    width: 100px;
    height: 34px;
    line-height: 36px;
    text-align: center;
    /* pointer-events: none; */
    border: none;
    z-index:100;
}
.postfix{
    padding-left: 40px;
}
img.form-control-prefix{
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 2;
    display: block;
    width: 24px;
    height: auto;
    text-align: center;
    pointer-events: none;
    border: none;
}
.input-prefix{
    padding-left: 100px;
}
span.error{
    font-weight: 400;
}
.ast{
    font-size: .8rem;
    color: #f44336;
    padding-left: 2px;
}
form .form-group select.form-control {
    position: relative;
    top: 0;
}
.form-control:read-only {
    background-image: linear-gradient(0deg,#9c27b0 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);
}
.form-check .error, span.error{
    font-size: .8rem;
    color: #f44336;
    display: block;
    padding-top: 3px;
}
.form-check .error, .form-check .success{
    margin-top:15px;
}
form .form-group .success {
    font-size: .8rem;
    color: #4caf50;
    display: block;
}
form .form-group .notice {
    font-size: .8rem;
    color: #8d8c8c;
    display: block;
}
#tac_text, #vcode_text{
    display: block;
}
.float-right a{
    float: right;
}
.completed strong{
    width: 40%;
    display: inline-block;
}
@media (min-width: 768px){
    .completed strong{
        width: 40%;
    }
}
@media (min-width: 1024px){
    .completed strong{
        width: 40%;
    }
}
.ws-nw{
    white-space: nowrap;
}
#uid_other_text{
    top:1px;
    left: 24px;
}
.option-username{
    display: inline-block;
    margin: -7px 0 0 !important;
    position: absolute;
    left: 24px;
    width: calc(100% - 25px);
}
@media (max-width: 768px){
    .option-username button.form-control-feedback{
        line-height: 1px;
        top: 15px;
        height: 22px;
    }
}
.card-button{
    position: absolute;
    /* right: 0;
    top: 10px; */
    right: 0px;
    top: -50px;
}
.doc-num{
    position: absolute;
    right: 0px;
    top: -25px;
    padding: 3px 15px;
    margin: .3125rem 1px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.428571;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0;
    border: 0;
    border-radius: .2rem;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
    will-change: box-shadow,transform;
    color: #fff;
    background-color: #0033b3;
    border-color: #0033b3;
    box-shadow: 0 2px 2px 0 rgba(0, 51, 179,.14), 0 3px 1px -2px rgba(0, 51, 179,.2), 0 1px 5px 0 rgba(0, 51, 179,.12);
}
.doc-status{
    margin-top: 3px;
    margin-left: 10px;
    position: absolute;
}
/* New updates widget */
.rose {color:#0033b3;}
.updates { padding-left: 0px; }
.updates:after, .updates li:after { content: ""; display: block; clear: both; }
.updates .uDate { float: right; width: auto; text-align: center; color: #adadad; text-shadow: 0 1px #fff; }
.updates .uDate > span { font-size: 20px; font-weight: bold; display: block; margin-bottom: -3px; }
.updates li { border-top: 1px solid #d5d5d5; padding: 10px 14px; line-height: 20px; }
.updates li:first-child { border-top: none; }
.updates li span { display: block; }
.updates li > span > a { font-weight: bold; }

/* .uDone, .uAlert, .uNotice { float: left; display: block; padding-left: 22px; max-width: 76%; }
.uDone { background: url(../../images/elements/other/updateDone.png) no-repeat 0 4px; }
.uAlert { background: url(../../images/elements/other/updateWarning.png) no-repeat 0 4px; }
.uNotice { background: url(../../images/elements/other/updateNotice.png) no-repeat 0 4px; } */

.uAnnounce{
	display: block;
	padding-left: 22px;
	background: url(../../../images/elements/other/updateAnnounce.png) no-repeat 0 4px;
}
.announceHome li {
    list-style-type: none;
    cursor: pointer;
}
.announceHome li:hover {
    background: #faf6f7;
}
.pd0{
    padding:0!important;
}
.mt-10{
    margin-top: 5rem!important;
}
.mt-6{
    margin-top: 3.5rem!important;
}
.mt-custom1 {
    margin-top: -10px;
    border-radius: 0 0 6px 6px;
    border-top: none;
}
.mt-custom {
    margin-top: -36px;
    border-radius: 0 0 6px 6px;
    border-top: none;
}
.mt-custom2 {
    margin-top: -72px;
    border-radius: 0 0 6px 6px;
    border-top: none;
}

.qrWrapper, .qrContent{
    display: inline-block;
    margin: 0 10px 10px;
    vertical-align: middle;
}

/*  Pagination  */
.tableFooter .custom-pagi{
	height:auto;
	float: left;
}
.tableFooter{min-height: 20px;font-size: 12px;height: auto;}
.tableFooter .custom-pagi a {
	border: 1px solid #d3d3d3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 7px; 
	margin: 0 1px; 
	cursor: pointer; 
	*cursor: hand; 
	color: #919191; 
	font-size: 11px; 
	box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf; 
	-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf; 
	-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
	line-height:28px;
}

.tableFooter .custom-pagi a:hover {
	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #e8e8e8 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e8e8e8)); 
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); 
	background: -o-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); 
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); 
	background: linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );
}
.tableFooter .custom-pagi a.current_page, .tableFooter .custom-pagi a:active {
	background: #0033b3;
	color: #fff;
    border-color: #0033b3; 
    box-shadow: 0 2px 2px 0 rgba(0, 51, 179,.14), 0 3px 1px -2px rgba(0, 51, 179,.2), 0 1px 5px 0 rgba(0, 51, 179,.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 51, 179,.14), 0 3px 1px -2px rgba(0, 51, 179,.2), 0 1px 5px 0 rgba(0, 51, 179,.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 51, 179,.14), 0 3px 1px -2px rgba(0, 51, 179,.2), 0 1px 5px 0 rgba(0, 51, 179,.12);
	font-weight: bold;
}

/*  Ticket & Message  */
.timeline{
    margin-top: 0px;
    padding-bottom: 0px;
}
.timeline h6 {
    position: absolute;
    right: 15px;
    top: 15px;
}
.timeline:before, .timeline>li>.timeline-badge {
    left: 5%;
}
.timeline>li {
    margin-bottom: 0px;
}
.timeline>li>.timeline-panel {
    float: right;
    width: 86%;
    margin-bottom: 0px;
}
.timeline>li>.timeline-badge {
    left: 5%;
}

/*  Others  */
.debug{
    margin-left: 290px;
}

/* ===== Sponsor Genealogy  ===== */
/* .controller-node-con{height:45px;} */
.node-info-raw{height: 34px !important;}

.node-info-raw img {width: 30px}

table.tHistory td {
    padding:5px;
}
/* Search */
.search li > a{
    padding: 0px;
    font-size: 12px;
}
.bootstrap-select .btn.dropdown-toggle.select-with-transition {
    height:31px !important;
    text-transform: initial;
    padding-top: 5px;
    font-size: 14px;
}
@media (max-width: 767px){
    .d-sm-none {
        display: none!important;
    }
}

@media (max-width: 767px){
    .col-order-2 {
        order:2;
    }
}
.swal2-html-container strong {
    font-weight: bold;
}
/* select2 */
.select2-result-repository__avatar {
    float: left;
    width: 60px;
    margin-right: 10px;
}
.select2-result-repository__avatar img {
    width: 100%;
    height: auto;
    border-radius: 2px;
}
.select2-result-repository__meta {
    /* margin-left: 70px; */
}
.select2-result-repository__title {
    color: black;
    font-weight: 700;
    word-wrap: break-word;
    line-height: 1.1;
    margin-bottom: 4px;
}
/* .select2-results__option--highlighted .select2-result-repository__title {
    color: white;
} */
.select2-result-repository__description {
    font-size: 13px;
    color: #777;
    margin-top: 4px;
    line-height: 1.2;
}
/* .select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers {
    color: #c6dcef;
} */
/* .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white;
}
.select2-results__option--selectable {
    cursor: pointer;
} */
.select2-result-repository__forks, .select2-result-repository__stargazers,
.tier-term, .tier-pv {
    margin-right: 1em;
}
.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers,
.tier-term, .tier-pv, .tier-price {
    display: inline-block;
    color: #6d6c6c;
    font-size: 11px;
}
.tier span{
    margin-bottom: 0px;
    font-size: 11px;
    font-weight: bold;
    line-height: normal;
    color: gray;
}
.tier strong{
    font-weight: bold;
}
.tier-row{
    line-height: normal;
}
.select2-result-repository__meta strong{
    font-weight: bold;
    padding-left:3px;
}
.select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers {
    /* color: #c6dcef; */
    color: #062442;
}
.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #aaa !important;
    padding-bottom: 30px;
    line-height: 1.1;
    margin-bottom: -15px;
}
.select2-dropdown{
    background-color: transparent;
    border: none;
    min-width: 250px;
}
.select2-results{
    font-size: 12px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #9ebae6 !important; 
    color: white;
}
.item-details-delete:hover{
    cursor: pointer;
}
#span-discount_pv{
    color:red;
    font-size: 11px;
}
.less-view{
    float: right;
    margin-top: 5px;
}
.less-view:hover, .deposit-view:hover{
    cursor: pointer
}
.deposit-view{
    margin-top: 5px;
}
.package-info{
    font-size: 11px;
    font-weight: normal;
    line-height: 1.1;
    padding-top:5px;
    color:gray;
}
.bom-header{
    font-weight: bold;
}
.bom-code, .bom-desc, .bom-qty{
    display: inline-block;
    line-height: normal;
    font-weight: normal;
}
.bom-code{
    width: 35%;
}
.bom-desc{
    width: 50%;
}
.bom-qty{
    width:15%;
    text-align: right;
}
#product_text{
    margin-top: -20px;
    margin-bottom: 10px;
}
.view-order .table>tbody>tr>td {
vertical-align: top;
}
span.display{
    display: block;
    color:gray;
}
.smalls{
    font-size: 14px;
}
.term-title{
    text-align: left !important;
}
.term-title-center{
    text-align: center !important;
}
.ranking .progress{
    height: 15px;
    margin-bottom:10px;
}
.ranking .sr-only1{
    position: relative;
    height: 10px;
    width: 100%;
    clip-path: none;
    margin-bottom: 14px;
}
.div-personal{
    background-color: #ddf0dc;
}
.div-group {
    background-color: #d8f1f7;
}
.div-personal .card-stats,
.div-group .card-stats{
    background-color: #fff;
}
.div-ranking{
    min-height: 400px;
}

.card .card-header-ppv .card-icon {
    background: linear-gradient(60deg,#45b454,#39b54a);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(57,181,74,.4);
}
.card .card-header-pmu .card-icon {
    background: linear-gradient(60deg,#91c450,#8cc63f);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(140,198,63,.4);
}
.card .card-header-piu .card-icon {
    background: linear-gradient(60deg,#91c450,#8cc63f);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(140,198,63,.4);
}
.card .card-header-gpv .card-icon {
    background: linear-gradient(60deg,#1878b8,#0071bc);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(140,198,63,.4);
}
.card .card-header-gtd .card-icon {
    background: linear-gradient(60deg,#3fb1e2,#29abe2);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(140,198,63,.4);
}
.card .card-header-rank .card-icon {
    background: transparent;
    /* box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(245,247,244,.4); */
    padding: 0;
}

.icon-ppv{
    /* background-color: #39b54a; */
    background-image: url("../img/personal-pv.png");
    background-size: cover;
}
.icon-pmu{
    /* background-color: #8cc63f; */
    background-image: url("../img/main-unit.png");
    background-size: cover;
}
.icon-piu{
    /* background-color: #8cc63f; */
    background-image: url("../img/incentive-unit.png");
    background-size: cover;
}
.icon-gpv{
    /* background-color: #0071bc; */
    background-image: url("../img/group-pv.png");
    background-size: cover;
}
.icon-gtd{
    /* background-color: #29abe2; */
    background-image: url("../img/total-downline.png");
    background-size: cover;
}
.icon-announcement{
    background-image: url("../img/announcement.png");
    background-size: cover;
}
.icon-bonus{
    background-image: url("../img/bonus.png");
    background-size: cover;
}
.new-so{
    width: 200px !important;
    /* animation: blinker 2.5s linear infinite; */
}
.navbar .notification {
    top: -5px !important;
    font-size: 13px;
    background: #f44336;
    color: #fff;
    min-width: 73px;
    padding: 5px 10px;
    height: 30px;
    border-radius: 10px;
    text-align: center;
    line-height: 19px;
    vertical-align: middle;
    display: block;
}
.blink_me {
    animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.pa-home{
    list-style: none;
}
.pa-div{
    margin-left: -30px;
    margin-right: -30px;
}
.pa-sub-title{
    color: #999;
}
.pa-img img{
    height: 32px;
}
.pa-desc strong{
    display: block;
    padding: 5px 10px 0px;
}
.pa-name{
    font-weight: normal;
}
.pa-pv span{
    padding: 5px 10px 0px;
}
.pa-div div:first-child{
    padding: 5px 10px 0px;
    flex: 0 0 15%;
    max-width: 15%;
}
@media (min-width: 768px){
    .pa-div div:first-child{
        padding: 5px 15px 0px;
        flex: 0 0 15%;
        max-width: 15%;
    }
}
@media (min-width: 1024px){
    .pa-div div:first-child{
        padding: 5px 20px 0px;
        flex: 0 0 15%;
        max-width: 15%;
    }
}

.pa-div div:nth-child(2){
    flex: 0 0 45%;
    max-width: 45%;
}
.pa-div div:last-child{
    /* width:20% */
    flex: 0 0 40%;
    max-width: 40%;
    font-size: 13px;
}
.select2-container{
    width:100% !important;
}
.sub-title h4{
    font-weight: bold;
}
td.action {
    width: 100px;
} 
.action a {
    cursor: pointer;
    color: #9c27b0 !important;
}
.filter-inline {
    display: inline-block !important;
}
th, td {
     white-space: nowrap; 
}
.table{
    overflow: scroll;
}
.show-more {
    text-align: right;
    margin-top:-25px
}
.bold-footer{
    font-weight: bold;
}

#rentalAgreement .modal-dialog, 
#mySignature .modal-dialog {
    margin: 0;
}
#rentalAgreement .modal-content, 
#mySignature .modal-content {
    width: 100vw;
    height: 100vh;
}
.stats .nav-link{
    padding:0;
}
.ymd{
    width: 20%;
    display: inline-block;
    padding-left: 5px;
}
.public-view-order{
    display: block;
}
.float-right .dropdown-menu a{
    float: left;
    width: calc(100% - 10px);
}
.float-right .dropdown-menu .dropdown-item:focus, 
.float-right .dropdown-menu .dropdown-item:hover, 
.float-right .dropdown-menu a:active, 
.float-right .dropdown-menu a:focus, 
.float-right .dropdown-menu a:hover {
    /* width: calc(100% - 10px); */
}
.dropdown-divider{
    clear:both;
}
.custom-dropdown{
    margin:5px 5px;
}
.payment-info{
    margin: 0 !important;
}
.payment-info .card-title{
    padding: 5px 10px;
    background: linear-gradient(
        60deg
        ,#03339b,#003dd6);
    color:#fff !important;
    /* font-size: 12px; */
    font-weight: 500;
}
.mr-5 {
    margin-right: 5px !important;
}
.ar-doc-num{
    position: absolute;
    right: 15px;
    padding: 3px 15px;
    margin: .3125rem 1px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.428571;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0;
    border: 0;
    border-radius: .2rem;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
    will-change: box-shadow,transform;
    color: #fff;
    background-color: #0033b3;
    border-color: #0033b3;
    box-shadow: 0 2px 2px 0 rgb(0 51 179 / 14%), 0 3px 1px -2px rgb(0 51 179 / 20%), 0 1px 5px 0 rgb(0 51 179 / 12%);
}
.pv-red, .pv-red span{
    color:red;
}
.pv-red th{
    padding:0px 8px !important;
}
#div_installation{
    background-color: #f9f9f9;
}