.eye { position: absolute; top: 12px; right: 13px; z-index: 9; }
.form-group { margin-bottom: 1rem; position: relative; }
.pass { padding-right: 25px; }
a.eye.brand { right: 19px; }
.profilepage .panel-group .panel-title a { border: 1px solid #c7c7c7; border-radius: 5px;position: relative; background: #e7e7e7; }

.sidebar-dark .nav-item .nav-link{ display: flex;align-items: center; }

.btn.btn-link { position: relative; width: 100%; text-align: left; text-decoration: none; color: #000; font-family: 'Mundial'; font-weight: 600; font-size: 22px; }

.btn.focus, .btn:focus{ box-shadow: none; }
.btn.btn-link.collapsed{ position: relative; }
.profilepage .btn .fa {position: absolute; right: 15px; top: 14px; }
.sidebar .nav-item.active .nav-link {font-weight: 500; }
.shadow.profilepage { box-shadow: none !important; background: transparent; border: none; }

.profilepage .card-header { padding: 0;margin-bottom: -1px; background: #fff; }
.profilepage #accordion .card-body { padding: 10px;}
.profilepage .card { margin-bottom: 15px;}
.profilepage #thumbnail{ padding: 3px; }
.sub_back_btn a {height: auto !important; padding: 3px 10px; border-radius: 0.2rem;font-size: .875rem; }
.minus, .plus { border-radius: 50px; width: 25px; height: 25px; padding: 5px; font-size: 10px; }
.confirmation_part .table td, .confirmation_part .table th { text-align: center; }
.pro-qty {padding: 0 15px; }
.scroll-to-top i{ padding: 15px; }
.login_page{ max-width: 500px;
    margin: 0 auto; }



.highcharts-figure, .highcharts-data-table table { min-width: 360px; max-width: 800px; margin: 1em auto; }
.highcharts-data-table table { font-family: Verdana, sans-serif; border-collapse: collapse; border: 1px solid #ebebeb; margin: 10px auto; text-align: center; width: 100%; max-width: 500px; }
.highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; }
.highcharts-data-table th { font-weight: 600; padding: 0.5em; }
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption { padding: 0.5em; }
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; }
.highcharts-data-table tr:hover { background: #f1f7ff; }
.highcharts-figure, .highcharts-data-table table { min-width: 310px; max-width: 800px; margin: 1em auto; }
.highcharts-data-table table { font-family: Verdana, sans-serif; border-collapse: collapse; border: 1px solid #ebebeb; margin: 10px auto; text-align: center; width: 100%; max-width: 500px; }
.highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; }
.highcharts-data-table th { font-weight: 600; padding: 0.5em; }
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption { padding: 0.5em; }
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; }
.highcharts-data-table tr:hover { background: #f1f7ff; }
#button-bar { min-width: 310px; max-width: 800px; margin: 0 auto; }


.switch_btn{ margin: 0 15px; }
.switch_btn .switch { position: relative; display: inline-block; width: 60px; height: 34px;  }
.switch_btn .switch input { opacity: 0; width: 0; height: 0; }
.switch_btn .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.switch_btn .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.switch_btn input:checked + .slider { background-color: #2e2e48; }
.switch_btn input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.switch_btn input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.notification_page {  display: flex;}
.notification_page label { max-width: 360px; width: 100%; }
.swithc_label { height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 19px; color: #6e707e; background-color: #fff; background-clip: padding-box; border: 1px solid #d1d3e2; border-radius: 0.35rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
/* Rounded sliders */
.switch_btn .slider.round { border-radius: 34px; }
.switch_btn .slider.round:before { border-radius: 50%; }


.light_blue .fa-signature, .light_blue .fa-wallet{ color: #21B8C7; }
.light_blue{background: rgba(51, 214, 159, 0.07);}
.light_red .fa-first-order-alt, .light_red .fa-clock{color: #FF4C61;}
.light_red{background: rgba(255, 76, 97, 0.05);}

.toggled .logout_btn a { background: transparent !important; color: #fff !important; font-size: 20px; }
.toggled .logout_btn a span{ display: none; }
.toggled .logout_btn a:hover { background: #464667 !important; margin: 0 auto !important; max-width: 70px; height: 52px; border-radius: 15px !important; }
.toggled .logout_btn a{height: 52px;}

.order_id p, .order_amount p { margin-bottom: 5px;}
.download_btn { background: #2E2E48; color: #fff; border: none; padding: 15px 50px; font-size: 14px; border: 1px solid #2e2e48; }


@media (max-width: 991px){
.swithc_label{ width: 100px; }
.notification_page label { max-width: 250px;}
}

@media (min-width: 768px){
.sidebar.toggled .nav-item .nav-link { display: block; border-radius: 15px; max-width: 70px; margin: 0 auto; padding: 15px; margin-bottom: 10px; }

}

@media (max-width: 767px){
.btn.btn-link{ font-size: 15px; }
.faq_page h2.btn.btn-link { padding-right: 50px;}
.faq_page .card-body{ font-size: 15px; line-height: 24px; }
.notification_page { display: block; }
.switch_btn{ margin: 0; }

}