/*******************************************************************************
Create by Emerel.xyz
Project       : FaucetPay Mining Platform
Developer     : Rizki Lutfhi A.K.A Emerel
Dev URL       : https://emerel.xyz/
Dev Telegram  : @rizkilutfhi15
*******************************************************************************/
#emerel-cms[em-theme="dark"] {--col_base: #0f0f0f;--col_rais: #212121;--col_sups: #282828;--col_text: #f1f1f1;--col_text2: #aaaaaa;--col_text3: #717171;--col_outline: rgba(255,255,255,0.25);--col_btn: rgba(255,255,255,0.05);--col_btn2: rgba(255,255,255,0.1);--col_btn3: rgba(255,255,255,0.2);}
html {filter: none;} body {margin: 0;padding: 0;font-size: 16px;background: var(--col_base);}
a, link {color: var(--col_primary);text-decoration: none} a:hover, link:hover {color: var(--col_primary_sup);}
a, link, button {cursor: pointer;transition: var(--glo_trans);} textarea {line-height: 1.4;resize: vertical;}
*::-webkit-scrollbar {width: 5px;height: 5px;} *::-webkit-scrollbar-track {background: var(--col_btn);border-radius: var(--glo_radius);}
*::-webkit-scrollbar-thumb {background: var(--col_primary);border-radius: var(--glo_radius);} *::-webkit-scrollbar-thumb:hover {background: var(--col_primary_sup);}
@keyframes emLoading {0%{transform: rotate(0deg);} 100% {transform: rotate(360deg);}} svg.fa-spinner {animation: emLoading 1s linear infinite;}
.em_404 {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;padding: 30px 10px 50px;width: -moz-fill-available;width: -webkit-fill-available;height: calc(100vh - 172px);}
.em_404 >* {text-align: center;}
.em_404 h1 {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;margin: 0;font-size: 110px;}
.em_404 h1 >* {cursor: text;}
.em_404 h1 label {color: var(--col_primary);}
.em_404 h1 svg {color: var(--col_second);}
.em_404 h2 {display: block;position: relative;margin: 10px 0 0;font-size: 36px;color: var(--col_text);}
.em_404 span {display: block;position: relative;margin: 15px 0 25px;font-size: 18px;color: var(--col_text2);}
.em_404 a {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;padding: 10px 15px;background: var(--col_btn);border-radius: var(--glo_radius);overflow: hidden;}
.em_404 a:hover {background: var(--col_btn2);}
.em_404 a svg {font-size: 20px;color: var(--col_primary);}
.em_404 a span {margin: 0;font-size: 16px;font-weight: 500;color: var(--col_text);}

/* PLUGIN STYLE
**************************/
.em_nothing {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;gap: 15px;padding: 30px 0;}
.em_nothing svg {font-size: 90px;color: var(--col_text);}
.em_nothing span {display: block;width: -moz-fill-available;width: -webkit-fill-available;max-width: 500px;font-size: 22px;text-align: center;color: var(--col_text2);}
.em_alert {display: flex;position: fixed;flex-direction: column;gap: 15px;bottom: 30px;right: 30px;width: -moz-fill-available;width: -webkit-fill-available;max-width: 300px;z-index: 100001;}
.em_alert .msg {display: block;position: relative;padding: 8px 15px;width: -moz-fill-available;width: -webkit-fill-available;font-size: 16px;font-weight: 500;color: var(--col_text2);background: var(--col_cont);border: solid 2px var(--col_outline);border-radius: var(--glo_radius);overflow: hidden;}
.em_alert .msg.success {color: var(--col_success_text);background: var(--col_success);border: solid 2px var(--col_success_sup);}
.em_alert .msg.error {color: var(--col_error_text);background: var(--col_error);border: solid 2px var(--col_error_sup);}
.em_alert .msg.common {color: var(--col_text);background: var(--col_btn);border: solid 2px var(--col_btn2);}
.em_modal {display: none;position: fixed;justify-content: center;align-items: center;top: 0;left: 0;width: 100%;height: 100%;z-index: 100000;}
.em_modal .m_overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0, 0, 0, 0.6);z-index: 1;}
.em_modal .m_main {display: flex;position: relative;flex-direction: column;width: -moz-fill-available;width: -webkit-fill-available;max-width: 400px;border: solid 1px var(--col_outline);border-radius: var(--glo_radius);overflow: hidden;z-index: 1;}
.em_modal .m_main .mm_head {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;gap: 20px;padding: 10px 20px;min-height: 35px;background: var(--col_base);border-bottom: solid 1px var(--col_outline);}
.em_modal .m_main .mm_head h3.mmh_title {display: block;flex: 1;margin: 0;padding: 0;font-size: 17px;font-weight: 500;color: var(--col_text);}
.em_modal .m_main .mm_head .mmh_close {display: block;position: relative;width: 35px;height: 35px;line-height: 35px;font-size: 28px;text-align: center;color: var(--col_text2);transition: var(--glo_trans);cursor: pointer;}
.em_modal .m_main .mm_head .mmh_close:hover {color: var(--col_text);}
.em_modal .m_main .mm_content {display: flex;position: relative;flex-direction: column;gap: 20px;padding: 20px;max-height: 300px;background: var(--col_base);overflow: hidden;overflow-y: auto;}
.em_pagenav {display: flex;position: relative;flex-direction: column;justify-content: center;align-items: center;gap: 10px;}
.em_pagenav ul.list {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;margin: 0;padding: 0;}
.em_pagenav ul.list li.item {display: block;list-style-type: none;width: 35px;height: 35px;line-height: 35px;font-size: 16px;font-weight: 500;text-align: center;color: var(--col_text);background: var(--col_btn);border-radius: var(--glo_radius);transition: var(--glo_trans);overflow: hidden;}
.em_pagenav ul.list li.item a {display: block;color: unset;}
.em_pagenav ul.list li.item:hover {background: var(--col_btn2);}
.em_pagenav ul.list li.item.active {background: var(--col_primary);color: var(--col_primary_text);}
.em_pagenav span.count {display: block;font-size: 14px;text-transform: uppercase;color: var(--col_text2);}

/* FORM STYLE
**************************/
.em_form {display: block;position: relative;}
.em_form .f_data, .em_form .f_data_media {display: flex;position: relative;flex-direction: column;gap: 20px;}
.em_form .f_col {display: flex;position: relative;gap: 20px;}
.em_form .f_col.c1 {flex-direction: column;}
.em_form .f_col.c2, .em_form .f_col.c3 {flex-direction: row;flex-wrap: wrap;justify-content: center;}
.em_form .f_col .fcol {display: block;position: relative;}
.em_form .f_col.c2 .f_row {width: calc(50% - 10px);} .em_form .f_col.c3 .f_row {width: calc(33% - 12px);}
.em_form .f_input {display: flex;position: relative;flex-direction: column;padding: 23px 10px 5px;background: var(--col_rais);border: solid 1px var(--col_outline);border-radius: var(--glo_radius);cursor: text;overflow: hidden;}
.em_form .f_input .fi_title {display: block;position: absolute;z-index: 2;top: 50%;font-size: 16px;font-weight: 500;transform: translate(0, -50%);transition: var(--glo_trans);}
.em_form .f_input.fi_foc .fi_title {top: 4px;font-size: 12px;transform: unset;}
.em_form .f_input .fi_title span {color: var(--col_text2);} .em_form .f_input .fi_title i {color: var(--col_second);}
.em_form .f_input .fi_inp {display: block;position: relative;margin: 0;padding: 0;font-size: 16px;color: var(--col_text);background: transparent;border: none;outline: none;z-index: 1;}
.em_form .f_input .fi_inp::-webkit-outer-spin-button, .em_form .f_input .fi_inp::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.em_form .f_input .fi_inp[type=number] {-moz-appearance: textfield;}
.em_form .f_input .fi_pass {display: block;position: absolute;top: 50%;right: 10px;transform: translate(0, -50%);width: 25px;height: 25px;line-height: 25px;font-size: 18px;text-align: center;color: var(--col_text2);transition: var(--glo_trans);cursor: pointer;z-index: 2;}
.em_form .f_input .fi_pass:hover {color: var(--col_text);}
.em_form .f_submit {display: flex;position: relative;flex-direction: column;gap: 20px;}
.em_form .f_submit button {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;gap: 10px;padding: 12px 12px;font-size: 16px;font-weight: 500;text-align: center;border: none;border-radius: var(--glo_radius);}
.em_form .f_submit button.prim {color: var(--col_primary_text);background: var(--col_primary);}
.em_form .f_submit button.prim:hover {background: var(--col_primary_sup);}
.em_form .f_submit button.scnd {color: var(--col_second_text);background: var(--col_second);}
.em_form .f_submit button.scnd:hover {background: var(--col_second_sup);}
.em_form .f_submit button:disabled {opacity: 0.6;}
.em_form .f_submit button:disabled:hover {scale: unset;cursor: default;}
.em_form .f_submit button.prim:disabled:hover {background: var(--col_primary);}
.em_form .f_submit button.scnd:disabled:hover {background: var(--col_second);}
.em_form_msg.dnone {display: none!important;}
.em_form_msg {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_btn);border: solid 1px var(--col_outline);border-radius: var(--glo_radius);overflow: hidden;}
.em_form_msg .info {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;font-size: 14px;padding: 8px 15px;}
.em_form_msg .info:after {content: 'ERROR';display: block;font-weight: 700;letter-spacing: 0.6px;}
.em_form_msg.error .info {color: var(--col_error_text);background: var(--col_error_sup);}
.em_form_msg.error {background: var(--col_error);border: solid 1px var(--col_error_sup);}
.em_form_msg.error li {color: var(--col_error_text);border-bottom: solid 1px var(--col_error_sup);}
.em_form_msg ul {display: flex;position: relative;flex-direction: column;margin: 0;padding: 0;}
.em_form_msg ul li {display: block;list-style-type: none;padding: 10px 15px;font-size: 15px;line-height: 1.4;color: var(--col_text2);border-bottom: solid 1px var(--col_outline);}
.em_form_msg ul li:last-child {border-bottom: none;}
.em_form_msg.error li a {font-weight: 500;text-decoration: underline;color: var(--col_error_text);}

/* TABLE STYLE
**************************/
.em_table {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;border: solid 1px var(--col_outline);border-radius: var(--glo_radius);overflow-y: hidden;overflow-x: auto;white-space: nowrap;}
.em_table table {border-collapse: collapse;border-spacing: 0;width: -moz-fill-available;width: -webkit-fill-available;}
.em_table table thead {position: relative;}
.em_table table thead tr {background: var(--col_primary);border-bottom: solid 1px var(--col_outline);}
.em_table table thead tr th {text-align: left;font-weight: 500;padding: 12px 15px;color: var(--col_primary_text);border-right: solid 1px var(--col_outline);}
.em_table table thead tr th:last-child {border-right: unset;}
.em_table table tbody {position: relative;}
.em_table table tbody tr {background: var(--col_rais);}
.em_table table tbody tr:nth-child(even) {background: var(--col_sups);}
.em_table table tbody tr td {padding: 12px 15px;color: var(--col_text);border-right: solid 1px var(--col_outline);}
.em_table table tbody tr td:last-child {border-right: unset;}
.em_table table tbody tr td a {color: var(--col_primary);font-weight: 700;} .em_table table tbody td a:hover {color: var(--col_primary_sup);}
.em_table table tbody tr td.max {max-width: 100px;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;overflow: hidden;}
.em_table table tbody tr td .tsts {font-weight: 500;} .em_table table tbody tr td .tsts.s0 {color: var(--col_text);}
.em_table table tbody tr td .tsts.s1 {color: var(--col_success);} .em_table table tbody tr td .tsts.s2 {color: var(--col_error);}
.em_table table tbody tr td .tsts.s3 {color: var(--col_second);}
.em_table table thead tr th.align.center, .em_table table tbody tr td.align.center {text-align: center;}
.em_table table thead tr th.align.right, .em_table table tbody tr td.align.right {text-align: right;}
.em_table table tbody tr td.par {width: 150px;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;font-weight: 500;color: var(--col_primary_text)!important;background: var( --col_primary_sup)!important;overflow: hidden;}
.em_table table tbody tr td img {display: inline-block;position: relative;margin: 0;padding: 0;height: 30px;}
.em_table table tbody tr:nth-child(even) td.par {background: var(--col_primary)!important;}

/* HOMEPAGE STYLE
**************************/
.em_homepage {display: flex;position: relative;flex-direction: column;width: -moz-fill-available;width: -webkit-fill-available;}
.em_homepage .cont {width: -moz-fill-available;width: -webkit-fill-available;max-width: 1200px;padding: 0 20px;margin: 0 auto;}
.em_homepage .head {display: block;position: relative;padding: 40px 0;background: linear-gradient(180deg, var(--col_primary) -100%, var(--col_base) 85%);overflow: hidden;}
.em_homepage .head .cont {display: flex;position: relative;flex-direction: row;gap: 20px;}
.em_homepage .head .h_group {display: flex;position: relative;flex-direction: column;flex: 2;gap: 20px;}
.em_homepage .head .h_brand {display: block;position: relative;overflow: hidden;}
.em_homepage .head .h_brand a {display: block;position: relative;width: 200px;outline: none;overflow: hidden;}
.em_homepage .head .h_brand a img {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;height: auto;}
.em_homepage .head .h_title {display: flex;position: relative;flex-direction: column;gap: 20px;}
.em_homepage .head .h_title h1 {display: block;position: relative;margin: 0;padding: 0;font-size: 65px;font-weight: 800;text-align: left;line-height: 1.4;color: var(--col_text);}
.em_homepage .head .h_title h1 label {padding: 0 8px;text-wrap: nowrap;background: var(--col_primary);border-radius: 2vw;cursor: text;}
.em_homepage .head .h_title h1 span {padding: 0 8px;background: var(--col_second);border-radius: 2vw;}
.em_homepage .head .h_title h2 {display: block;position: relative;margin: 0;padding: 0;font-size: 20px;font-weight: 500;line-break: normal;color: var(--col_text2);}
.em_homepage .head .h_btn {display: flex;position: relative;flex-direction: column;overflow: hidden;}
.em_homepage .head .h_btn .hb_click {display: flex;position: relative;flex-direction: row;align-items: center;gap: 15px;padding: 8px 15px;width: -moz-fill-available;width: -webkit-fill-available;max-width: max-content;font-size: 20px;font-weight: 700;background: var(--col_primary);color: var(--col_primary_text);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.em_homepage .head .h_btn .hb_click:hover {scale: var(--glo_scaled);background: var(--col_primary_sup);}
.em_homepage .head .h_btn a.hb_link {display: flex;position: relative;flex-direction: column;align-items: center;text-align: center;font-size: 16px;font-weight: 500;color: var(--col_second);}
.em_homepage .head .h_btn a.hb_link:hover {color: var(--col_second_sup);}
.em_homepage .head .h_coin {display: flex;position: relative;flex-direction: row;align-items: center;flex-wrap: wrap;gap: 10px;max-width: 400px;}
.em_homepage .head .h_coin .hc_item {display: block;position: relative;flex: 8;}
.em_homepage .head .h_coin .hc_item img {display: block;position: relative;width: 100%;height: 100%;}
.em_homepage .head .h_vector {display: flex;position: relative;flex-direction: column;align-items: flex-end;justify-content: flex-start;width: -moz-fill-available;width: -webkit-fill-available;height: 100%;min-height: 480px;}
.em_homepage .head .h_vector img {display: block;position: relative;width: 430px;height: auto;transition: var(--glo_trans);animation: homeVector 3s infinite;}
@keyframes homeVector {0%, 100% {top: 0px;} 50% {top: 80px;}}
.em_homepage .main {display: flex;position: relative;flex-direction: column;gap: 40px;margin: 0 0 50px;width: -moz-fill-available;width: -webkit-fill-available;}
.em_homepage .main .hm_stats {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px;padding: 25px 20px 20px;background: var(--col_rais);border-radius: var(--glo_radius);}
.em_homepage .main .hm_stats .hms_item {display: flex;position: relative;flex-direction: column;align-items: center;flex-basis: calc(25% - 15px);}
.em_homepage .main .hm_stats .hms_item svg {display: block;position: relative;font-size: 45px;text-align: center;color: var(--col_primary);}
.em_homepage .main .hm_stats .hms_item span {display: block;position: relative;margin: 10px 0 3px;font-size: 26px;font-weight: 700;text-align: center;color: var(--col_text);}
.em_homepage .main .hm_stats .hms_item label {display: block;font-size: 16px;font-weight: 500;text-align: center;color: var(--col_text2);}
.em_homepage .main .hm_history {display: flex;position: relative;gap: 50px;margin: 10px 0 0;}
.em_homepage .main .hm_history.hmh1 {flex-direction: column;}
.em_homepage .main .hm_history.hmh2 {flex-direction: row;flex-wrap: wrap;}
.em_homepage .main .hm_history .hmh_group {display: flex;position: relative;flex-direction: column;gap: 20px;width: -moz-fill-available;width: -webkit-fill-available;}
.em_homepage .main .hm_history.hmh2 .hmh_group {flex-basis: calc(50% - 25px);}
.em_homepage .main .hm_history h3.hmh_title {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;margin: 0;padding: 0;}
.em_homepage .main .hm_history h3.hmh_title svg {display: block;font-size: 24px;color: var(--col_primary);}
.em_homepage .main .hm_history h3.hmh_title span {display: block;font-size: 20px;color: var(--col_text);}

/* HEADER STYLE
**************************/
.em_head {display: flex;position: fixed;flex-direction: column;top: 0;left: 0;width: -moz-fill-available;width: -webkit-fill-available;max-width: 220px;height: calc(100% - 0px);background: var(--col_rais);z-index: 1000;}
.em_head .h_brand {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;padding: 20px;height: 70px;border-bottom: solid 1px var(--col_outline);}
.em_head .h_brand a {display: block;position: relative;width: 140px;outline: none;overflow: hidden;}
.em_head .h_brand a img {display: block;position: relative;width: 100%;height: auto;}
.em_head .h_brand .hb_mob_menu {display: none;}
.em_head .h_menu {display: flex;position: relative;flex-direction: column;padding: 10px 0 0;height: calc(100% - 70px);overflow: hidden;overflow-y: auto;}
.em_head .h_menu .hm_item {display: flex;position: relative;flex-direction: column;}
.em_head .h_menu .hm_item a.hmi_link {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;padding: 12px 20px;font-size: 17px;font-weight: 500;color: var(--col_text2);}
.em_head .h_menu .hm_item a.hmi_link:hover {color: var(--col_text);}
.em_head .h_menu .hm_item a.hmi_link.active {color: unset;}
.em_head .h_menu .hm_item a.hmi_link.active svg {color: var(--col_primary);}
.em_head .h_menu .hm_item a.hmi_link.active span {color: var(--col_text);}
.em_head .h_menu .hm_group {display: flex;position: relative;flex-direction: column;padding: 0 20px;margin: 15px 0 5px;border-bottom: solid 1px var(--col_outline);}
.em_head .h_menu .hm_group span {display: block;position: relative;padding: 0 0 3px;width: fit-content;font-size: 16px;font-weight: 500;color: var(--col_text);border-bottom: solid 4px var(--col_primary);}

/* MAIN STYLE
**************************/
.em_main {display: flex;position: relative;flex-direction: column;margin: 30px 30px 30px 250px;width: -moz-fill-available;width: -webkit-fill-available;min-height: calc(100vh - 155px);z-index: 999;}
.em_main .ma_col {display: grid;position: relative;gap: 20px;width: -moz-fill-available;width: -webkit-fill-available;}
.em_main .ma_col.r1 {grid-template-columns: 100fr;} .em_main .ma_col.r2 {grid-template-columns: 50fr 50fr;}
.em_main .ma_col.r3 {grid-template-columns: 30fr 70fr;} .em_main .ma_col.r4 {grid-template-columns: 70fr 30fr;}
.em_main .ma_col .ma_row {display: block;position: relative;overflow: hidden;}
.em_main .ma_title {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;gap: 20px;margin: 0 0 25px;}
.em_main .ma_title.wb {padding: 0 0 10px;border-bottom: solid 1px var(--col_outline);}
.em_main .ma_title.nm {margin: 0!important;}
.em_main .ma_title h2 {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;flex: 1;margin: 0;padding: 0;font-size: 28px;color: var(--col_text);}
.em_main .ma_title h3 {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;flex: 1;margin: 0;padding: 0;font-size: 22px;color: var(--col_text);}
.em_main .ma_title h2 label, .em_main .ma_title h3 label {color: var(--col_primary);cursor: text;}
.em_main .ma_title h2 svg, .em_main .ma_title h3 svg {display: block;font-size: 22px;color: var(--col_primary);}
.em_main .ma_title a {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;padding: 5px 15px;font-size: 14px;font-weight: 500;color: var(--col_second_text);background: var(--col_second);border-radius: var(--glo_radius);}
.em_main .ma_title a:hover {background: var(--col_second_sup);} .em_main .ma_title a span {display: block;}
.em_main .ma_content {display: flex;position: relative;flex-direction: column;gap: 20px;padding: 20px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_rais);border-radius: var(--glo_radius);overflow: hidden;}
.em_main span.ma_hi {display: block;margin: 0 0 20px;font-size: 16px;font-weight: 500;color: var(--col_text);}
.em_main span.ma_hi strong {font-weight: 500;color: var(--col_primary);}
.em_ads {display: flex;position: relative;flex-direction: column;align-items: center;margin: 0 0 30px;width: -moz-fill-available;width: -webkit-fill-available;overflow: hidden;}
.em_ads .ema_cont {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;max-width: 728px;height: 90px;border-radius: var(--glo_radius);overflow: hidden;}
.em_infobox {display: flex;position: relative;flex-direction: column;gap: 15px;padding: 13px 15px;background: var(--col_sups);border-radius: var(--glo_radius);}
.em_infobox >* {display: block;position: relative;margin: 0;padding: 0;font-size: 16px;line-height: 1.4;color: var(--col_text2);}

/* DASHBOARD STYLE
**************************/
.em_balance {display: flex;position: relative;flex-direction: row;flex-wrap: wrap;gap: 20px;width: -moz-fill-available;width: -webkit-fill-available;overflow: hidden;}
.em_balance .eb_item {display: flex;position: relative;flex-direction: column;flex-basis: calc(33.333% - 34px);gap: 15px;padding: 10px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_rais);border-radius: var(--glo_radius);}
.em_balance .eb_item .ebi_coin {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;}
.em_balance .eb_item .ebi_coin .ebic_logo {display: block;position: relative;width: 55px;height: 55px;overflow: hidden;}
.em_balance .eb_item .ebi_coin .ebic_logo img {display: block;position: relative;width: 100%;height: auto;}
.em_balance .eb_item .ebi_coin .ebic_info {display: flex;position: relative;flex-direction: column;flex: 1;gap: 5px;}
.em_balance .eb_item .ebi_coin .ebic_info h3.ebici_name {display: flex;position: relative;flex-direction: row;align-items: center;gap: 3px;margin: 0;font-size: 16px;font-weight: 700;}
.em_balance .eb_item .ebi_coin .ebic_info h3.ebici_name span {color: var(--col_text);}
.em_balance .eb_item .ebi_coin .ebic_info h3.ebici_name label {font-size: 14px;color: var(--col_primary);}
.em_balance .eb_item .ebi_coin .ebic_info .ebici_value {display: block;position: relative;}
.em_balance .eb_item .ebi_coin .ebic_info .ebici_value span {display: block;font-size: 16px;color: var(--col_text2);}
.em_balance .eb_item .ebi_acts {display: flex;position: relative;flex-direction: row;align-items: center;gap: 15px;}
.em_balance .eb_item .ebi_acts .ebia_btn {display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 5px;flex: 2;flex-basis: calc(50% - 10px);padding: 7px 10px;font-size: 15px;border-radius: var(--glo_radius);}
.em_balance .eb_item .ebi_acts .ebia_btn:hover {scale: var(--glo_scaled);}
.em_balance .eb_item .ebi_acts .ebia_btn.dps {color: var(--col_second_text);background: var(--col_second);}
.em_balance .eb_item .ebi_acts .ebia_btn.wdl {color: var(--col_text);background: var(--col_btn2);}
.em_balance .eb_item .ebi_acts .ebia_btn.non {color: var(--col_text2);background: var(--col_btn);}
.em_balance .eb_item .ebi_acts .ebia_btn.non:hover {scale: unset;}
.em_planslist {display: flex;position: relative;flex-direction: column;gap: 30px;width: -moz-fill-available;width: -webkit-fill-available;}
.em_planslist .pl_item {display: flex;position: relative;flex-direction: row;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_rais);border-radius: var(--glo_radius);overflow: hidden;}
.em_planslist .pl_item .pli_head {display: flex;position: relative;flex-direction: column;justify-content: space-between;gap: 15px;padding: 15px;width: 210px;border-right: solid 1px var(--col_outline);overflow: hidden;}
.em_planslist .pl_item .pli_head h3 {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;margin: 0;padding: 0;}
.em_planslist .pl_item .pli_head h3 .plih_logo {display: block;position: relative;width: 35px;overflow: hidden;}
.em_planslist .pl_item .pli_head h3 .plih_logo img {display: block;position: relative;width: 100%;height: auto;}
.em_planslist .pl_item .pli_head h3 span {display: -webkit-box;text-decoration: none;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;flex: 1;position: relative;font-size: 26px;font-weight: 500;color: var(--col_text);overflow: hidden;}
.em_planslist .pl_item .pli_head .plih_days {display: flex;position: relative;flex-direction: column;gap: 5px;width: -moz-fill-available;width: -webkit-fill-available;}
.em_planslist .pl_item .pli_head .plih_days span {display: block;font-size: 12px;font-weight: 500;text-transform: uppercase;color: var(--col_text2);}
.em_planslist .pl_item .pli_head .plih_days select {display: block;position: relative;padding: 8px 33px 8px 12px;width: -moz-fill-available;width: -webkit-fill-available;font-size: 15px;background: var(--col_base);color: var(--col_text);border: solid 1px var(--col_outline);border-radius: var(--glo_radius);cursor: pointer;background-image: linear-gradient(45deg, transparent 50%, var(--col_primary) 50%), linear-gradient(135deg, var(--col_primary) 50%, transparent 50%), radial-gradient(var(--col_base) 70%, transparent 72%);background-position: calc(100% - 18px) calc(1.05em + -1px), calc(100% - 9px) calc(1.05em + -1px), calc(100% - 0.5em) 0.6em;background-size: 7px 7px, 9px 9px, 1.5em 1.5em;background-repeat: no-repeat;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
.em_planslist .pl_item .pli_head .plih_days select:focus {border: solid 1px var(--col_primary);outline: none;}
.em_planslist .pl_item .pli_head .plih_days ins {display: none;}
.em_planslist .pl_item .pli_main {display: flex;position: relative;flex-direction: column;flex: 1;}
.em_planslist .pl_item .pli_main .plim_info {display: flex;position: relative;flex-direction: row;align-items: center;border-bottom: solid 1px var(--col_outline);}
.em_planslist .pl_item .pli_main .plim_info .plimi_value {display: flex;position: relative;flex-direction: column;flex-basis: 25%;gap: 0;padding: 15px 20px;border-right: solid 1px var(--col_outline);}
.em_planslist .pl_item .pli_main .plim_info .plimi_value:last-child {border-right: unset;}
.em_planslist .pl_item .pli_main .plim_info .plimi_value label {display: block;font-size: 13px;text-transform: uppercase;font-weight: 500;color: var(--col_text);cursor: text;}
.em_planslist .pl_item .pli_main .plim_info .plimi_value h3 {display: block;position: relative;margin: 8px 0 0;padding: 0;font-size: 20px;font-weight: 700;color: var(--col_text);}
.em_planslist .pl_item .pli_main .plim_info .plimi_value span {display: block;font-size: 16px;font-weight: 500;text-transform: uppercase;color: var(--col_text2);}
.em_planslist .pl_item .pli_main .plim_info .plimi_value.dp h3 {color: var(--col_primary);}
.em_planslist .pl_item .pli_main .plim_info .plimi_value.ro h3 {color: var(--col_second);}
.em_planslist .pl_item .pli_main .plim_btn {display: flex;position: relative;flex-direction: row;gap: 20px;padding: 15px;}
.em_planslist .pl_item .pli_main .plim_btn select {display: block;position: relative;flex-basis: 25%;padding: 8px 33px 8px 12px;width: -moz-fill-available;width: -webkit-fill-available;font-size: 15px;background: var(--col_base);color: var(--col_text);border: solid 1px var(--col_outline);border-radius: var(--glo_radius);cursor: pointer;background-image: linear-gradient(45deg, transparent 50%, var(--col_primary) 50%), linear-gradient(135deg, var(--col_primary) 50%, transparent 50%), radial-gradient(var(--col_base) 70%, transparent 72%);background-position: calc(100% - 18px) calc(1.05em + -1px), calc(100% - 9px) calc(1.05em + -1px), calc(100% - 0.5em) 0.6em;background-size: 7px 7px, 9px 9px, 1.5em 1.5em;background-repeat: no-repeat;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
.em_planslist .pl_item .pli_main .plim_btn select:focus {border: solid 1px var(--col_primary);outline: none;}
.em_planslist .pl_item .pli_main .plim_btn .plimb_here {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;flex: 1;gap: 10px;padding: 0 15px;width: -moz-fill-available;width: -webkit-fill-available;height: 37px;font-size: 15px;font-weight: 500;color: var(--col_text);background: var(--col_btn2);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.em_planslist .pl_item .pli_main .plim_btn .plimb_here:hover {background: var(--col_btn3);}
.em_planslist .pl_item .pli_main .plim_btn .plimb_here.processing {pointer-events: none!important;opacity: 0.7!important;user-select: none!important;}
.em_deposit_invoice {display: flex;position: relative;flex-direction: column;margin: 30px 0;}
.em_deposit_invoice .di_head {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;gap: 10px;}
.em_deposit_invoice .di_head span.dih_tit {display: block;font-size: 15px;text-transform: uppercase;color: var(--col_text2);}
.em_deposit_invoice .di_head .dih_val {display: flex;position: relative;flex-direction: row;align-items: baseline;gap: 5px;}
.em_deposit_invoice .di_head .dih_val span {display: block;font-size: 29px;font-weight: 700;color: var(--col_second);}
.em_deposit_invoice .di_head .dih_val label {display: block;font-size: 20px;color: var(--col_text2);}
.em_deposit_invoice .di_head .dih_met {display: flex;position: relative;flex-direction: row;align-items: baseline;gap: 5px;}
.em_deposit_invoice .di_head .dih_met label {display: block;font-size: 15px;text-transform: uppercase;color: var(--col_text2);}
.em_deposit_invoice .di_head .dih_met span {display: block;font-size: 20px;font-weight: 500;color: var(--col_text);}
.em_deposit_invoice .di_merchant {display: flex;position: relative;flex-direction: column;margin: 20px 0 0;padding: 0 0 20px;border-bottom: solid 1px var(--col_outline);}
.em_deposit_invoice .di_merchant .dim_act {display: flex;position: relative;flex-direction: column;gap: 20px;}
.em_deposit_invoice .di_merchant .dim_act a.dima_link {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;gap: 10px;margin: 0 auto;padding: 10px;width: -moz-fill-available;width: -webkit-fill-available;max-width: 300px;font-size: 15px;font-weight: 500;color: var(--col_primary_text);background: var(--col_primary);border-radius: var(--glo_radius);}
.em_deposit_invoice .di_merchant .dim_act a.dima_link:hover {background: var(--col_primary_sup);}
.em_deposit_invoice .di_merchant .dim_act .dima_status {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;margin: 0 auto;width: -moz-fill-available;width: -webkit-fill-available;max-width: 320px;}
.em_deposit_invoice .di_merchant .dim_act .dima_status a {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;color: var(--col_second_text);background: var(--col_second);padding: 6px 10px;border-radius: var(--glo_radius);}
.em_deposit_invoice .di_merchant .dim_act .dima_status a:hover {background: var(--col_second_sup);}
.em_deposit_invoice .di_merchant .dim_act .dima_status label {display: block;margin: 0 0 0 15px;font-size: 14px;text-transform: uppercase;color: var(--col_text2);cursor: text;}
.em_deposit_invoice .di_merchant .dim_act .dima_status span {display: block;font-size: 18px;font-weight: 700;text-transform: uppercase;color: var(--col_text);}
.em_deposit_invoice .di_merchant .dim_act .dima_status a span {font-size: 16px!important;font-weight: 500!important;text-transform: unset!important;color: unset!important;}
.em_mining {display: flex;position: relative;flex-direction: column;gap: 30px;}
.em_mining .mi_lists {display: flex;position: relative;flex-direction: column;gap: 30px;}
.em_mining .mi_lists .mil_item {display: flex;position: relative;flex-direction: row;background: var(--col_rais);border-radius: var(--glo_radius);overflow: hidden;}
.em_mining .mi_lists .mil_item .mili_cont {display: flex;position: relative;flex-direction: column;flex-basis: calc(50% - 40px);padding: 20px;border-right: solid 1px var(--col_outline);}
.em_mining .mi_lists .mil_item .mili_cont ins {display: none;height: 0;}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner {display: flex;position: relative;flex-direction: column;gap: 5px;width: -moz-fill-available;width: -webkit-fill-available;}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_coin {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: flex-start;gap: 10px;}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_coin img {display: block;position: relative;width: auto;height: 30px;}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_coin .milicm_name {display: flex;flex-direction: column;}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_coin .milicm_name span {display: block;position: relative;font-size: 16px;font-weight: 500;color: var(--col_text2);}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_coin .milicm_name label {display: block;font-size: 12px;color: var(--col_text3);cursor: text;}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_value {display: block;position: relative;font-size: 62px;font-weight: 700;text-align: left;color: var(--col_text);}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_btn {display: flex;position: relative;flex-direction: row;align-items: center;gap: 15px;}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_btn .milicm_click {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;padding: 8px 15px;width: -moz-fill-available;width: -webkit-fill-available;max-width: fit-content;font-size: 16px;font-weight: 500;color: var(--col_success_text);background: var(--col_success);border-radius: var(--glo_radius);cursor: pointer;transition: var(--glo_trans);}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_btn .milicm_click:hover {background: var(--col_success_sup);}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_btn .milicm_click.onrun {background: var(--col_success);opacity: 0.4;cursor: default;}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_btn .milicm_click.ondone {background: var(--col_primary);color: var(--col_second_text);cursor: default;}
.em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_btn span.milicm_info {display: block;font-size: 14px;color: var(--col_text2);}
.em_mining .mi_lists .mil_item .mili_info {display: flex;position: relative;flex-direction: row;flex-wrap: wrap;flex-basis: 50%;}
.em_mining .mi_lists .mil_item .mili_info .milii_text {display: flex;position: relative;flex-direction: column;justify-content: space-between;flex-basis: calc(50% - 31px);}
.em_mining .mi_lists .mil_item .mili_info .milii_text label.miliit_ttl {display: block;margin: 0 0 5px;font-size: 12px;text-transform: uppercase;color: var(--col_text3);}
.em_mining .mi_lists .mil_item .mili_info .milii_text h3.miliit_val {display: flex;position: relative;flex-direction: row;gap: 6px;margin: 0;padding: 0;font-size: 24px;color: var(--col_text);}
.em_mining .mi_lists .mil_item .mili_info .milii_text h3.miliit_val .s1 {color: var(--col_success);}
.em_mining .mi_lists .mil_item .mili_info .milii_text h3.miliit_val .s2 {color: var(--col_primary);}
.em_mining .mi_lists .mil_item .mili_info .milii_text span.miliit_txt {display: block;font-size: 13px;font-weight: 500;color: var(--col_text2);}
.em_mining .mi_lists .mil_item .mili_info .milii_text.day {padding: 15px 10px 15px 20px;border-right: solid 1px var(--col_outline);border-bottom: solid 1px var(--col_outline);}
.em_mining .mi_lists .mil_item .mili_info .milii_text.rtn {padding: 15px 20px 15px 10px;border-bottom: solid 1px var(--col_outline);}
.em_mining .mi_lists .mil_item .mili_info .milii_text.pln {padding: 15px 10px 15px 20px;border-right: solid 1px var(--col_outline);}
.em_mining .mi_lists .mil_item .mili_info .milii_text.sts {padding: 15px 20px 15px 10px;}

/* FOOTER STYLE
**************************/
.em_foot {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;padding: 15px 30px;background: var(--col_rais);}
body[em-page="dash"] .em_foot {margin: 0 0 0 220px;background: var(--col_base);border-top: solid 3px var(--col_rais);}
.em_foot .ef_group {display: flex;position: relative;flex-direction: column;gap: 5px;}
.em_foot .ef_credit {display: flex;position: relative;flex-direction: row;align-items: center;gap: 7px;}
.em_foot .ef_credit span {display: block;font-size: 16px;color: var(--col_text);}
.em_foot .ef_credit a {display: block;font-size: 16px;font-weight: 500;}
.em_foot .ef_dev {display: flex;position: relative;flex-direction: row;align-items: center;gap: 7px;}
.em_foot .ef_dev span {display: block;font-size: 13px;color: var(--col_text2);}
.em_foot .ef_dev a {display: block;font-size: 13px;color: var(--col_second);}
.em_foot .ef_dev a:hover {color: var(--col_second_sup);}
.em_foot .ef_stime {display: flex;position: relative;flex-direction: row;gap: 7px;}
.em_foot .ef_stime span {display: block;font-size: 13px;color: var(--col_text2);}
.em_foot .ef_stime label {display: block;font-size: 13px;color: var(--col_text);}
.em_foot .ef_social {display: flex;position: relative;flex-direction: row;align-items: center;gap: 15px;}
.em_foot .ef_social a.efs_link {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;width: 40px;height: 40px;font-size: 20px;color: var(--col_text);background: var(--col_rais);border-radius: var(--glo_radius);}
.em_foot .ef_social a.efs_link:hover {scale: var(--glo_scaled);}
.em_foot .ef_social a.efs_link.fb {color: #ffffff;background: #1877F2;}
.em_foot .ef_social a.efs_link.xc {color: #ffffff;background: #000000;}
.em_foot .ef_social a.efs_link.tg {color: #ffffff;background: #00AFF0;}
.em_foot .ef_social a.efs_link.yt {color: #ffffff;background: #CD201F;}

/* RESPONSIVE STYLE
**************************/
@media(max-width: 1000px){
  .em_homepage .main .hm_history {gap: 30px;}
  .em_homepage .main .hm_history.hmh2 {flex-direction: column;}
  .em_homepage .main .hm_history.hmh2 .hmh_group {flex-basis: unset;}
  .em_head {max-width: unset;height: unset;}
  .em_head .h_brand {flex-direction: row;justify-content: space-between;padding: 0 20px;height: 55px;}
  .em_head .h_brand a {width: 110px;}
  .em_head .h_brand .hb_mob_menu {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;width: 35px;height: 35px;font-size: 24px;color: var(--col_text);cursor: pointer;transition: var(--glo_trans);}
  .em_head .h_menu {display: none;height: calc(100vh - 65px);} .em_head .h_menu.show {display: flex!important;}
  .em_main {margin: 80px 0 30px;padding: 0 20px 0;}
  body[em-page="dash"] .em_foot {margin: 0;}
}

@media(max-width: 850px){
  .em_homepage .head {padding: 20px 0;}
  .em_homepage .head .cont {flex-direction: column;}
  .em_homepage .head .h_vector img {margin: 0 auto;}
  .em_homepage .main .hm_stats .hms_item {flex-basis: calc(50% - 10px);}
  .em_balance .eb_item {flex-basis: calc(50% - 30px);}
  .em_planslist {flex-direction: row;flex-wrap: wrap;}
  .em_planslist .pl_item {flex-direction: column;flex-basis: calc(50% - 15px);}
  .em_planslist .pl_item .pli_head {width: -moz-fill-available;width: -webkit-fill-available;border-right: none;border-bottom: solid 1px var(--col_outline);}
  .em_planslist .pl_item .pli_main .plim_info {flex-wrap: wrap;}
  .em_planslist .pl_item .pli_main .plim_info .plimi_value {flex-basis: calc(50% - 41px);}
  .em_planslist .pl_item .pli_main .plim_info .plimi_value:nth-child(even) {border-right: none;}
  .em_planslist .pl_item .pli_main .plim_info .plimi_value:nth-child(1),
  .em_planslist .pl_item .pli_main .plim_info .plimi_value:nth-child(2) {border-bottom: solid 1px var(--col_outline);}
  .em_planslist .pl_item .pli_main .plim_info .plimi_value h3 {font-size: 16px;}
  .em_planslist .pl_item .pli_main .plim_btn {flex-direction: column;}
  .em_planslist .pl_item .pli_main .plim_btn .plimb_here {padding: 10px;height: unset;}
}

@media(max-width: 650px){
  .em_main .ma_col.r2, .em_main .ma_col.r3, .em_main .ma_col.r4 {grid-template-columns: 100fr;}
  .em_form .f_col.c2 .f_row, .em_form .f_col.c3 .f_row {width: -moz-fill-available;width: -webkit-fill-available;}
  .em_planslist .pl_item {flex-basis: 100%;}
  .em_mining .mi_lists .mil_item {flex-direction: column;}
  .em_mining .mi_lists .mil_item .mili_cont {border-right: none;border-bottom: solid 1px var(--col_outline);}
}

@media(max-width: 500px){
  .em_homepage .head .h_brand a {width: 170px;}
  .em_homepage .head .h_title h1 {font-size: 40px;}
  .em_homepage .head .h_coin .hc_item {flex: 5;flex-basis: 25%;max-width: 55px;}
  .em_homepage .head .h_vector {min-height: 290px;}
  .em_homepage .head .h_vector img {width: 230px;}
  .em_homepage .main {gap: 20px;}
  .em_ads {padding: 0 20px;} body[em-page="dash"] .em_ads {padding: 0!important;}
  .em_404 >* {scale: 0.9;}
  .em_main .ma_title h2 {align-items: baseline;font-size: 20px;}
  .em_main .ma_title h3 {align-items: baseline;font-size: 18px;}
  .em_main .ma_title h2 svg, .em_main .ma_title h3 svg {font-size: 16px;}
  .em_balance .eb_item {flex-basis: 100%;}
  .em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_value {font-size: 40px;}
  .em_mining .mi_lists .mil_item .mili_cont .milic_miner .milicm_btn {flex-wrap: wrap;}
  .em_mining .mi_lists .mil_item .mili_info .milii_text h3.miliit_val {font-size: 18px;}
  .em_foot {flex-direction: column-reverse;gap: 30px;padding: 25px;}
  .em_foot .ef_credit, .em_foot .ef_stime, .em_foot .ef_dev {justify-content: center;}
  .em_foot .ef_social {justify-content: center;width: -webkit-fill-available;}
}
