html {
    --primary-text: #FFFFFF;
    --line: #C7C7C7;
    --menu: #3A2E3F;
    --bg: #171925;
    --bg-box: linear-gradient(261.98deg, #3C2F40 0%, #272535 100%);
    --detail: #7D81EC;
    --accent: #6C6D75;
    --window-nav: #FFFFFF;
    --text-arrow: #C7C7C7;
    --data-inp: invert(1);
    --logo-auth: #F6E9DB;
    --clr-border: #7D81EC;
    --clr-inp: #FFFFFF;
    --color_btn: #7D81EC;
    --clr-tbl: #639333;
}
html.cold {
    --primary-text: #000000;
    --line: #D8E0EA;
    --menu: #1D4350;
    --bg: #F7F7F7;
    --bg-box: #FFFFFF;
    --detail: #C3E9F6;
    --accent: #2183A6;
    --window-nav: #FFFFFF;
    --text-arrow: #7B7B7B;
    --data-inp: invert(0);
    --logo-auth: #1D4350;
    --clr-border: #D0D0D0;
    --clr-inp: #828282;
    --color_btn: #1D4350;
    --clr-tbl: #639333;
}
html.warm {
    --primary-text: #000000;
    --line: #D8E0EA;
    --menu: #8B3D0D;
    --bg: #F7F7F7;
    --bg-box: #FFFFFF;
    --detail: #FDCAAB;
    --accent: #F46C22;
    --window-nav: #FFFFFF;
    --text-arrow: #7B7B7B;
    --data-inp: invert(0);
    --logo-auth: #8B3D0D;
    --clr-border: #D0D0D0;
    --clr-inp: #828282;
    --color_btn: #8B3D0D;
    --clr-tbl: #639333;
}
* {
    box-sizing: border-box;
}
img {
    max-width: 100%;
}
body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    margin: 0;
    font-size: 16px;
    line-height: 1.15em;
    font-weight: 400;
    color: var(--primary-text);
}
html {
    background: var(--bg);
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    color: var(--primary-text);
}
a {
    text-decoration: none;
}
ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
input, input::placeholder,
textarea, textarea::placeholder {
    font-family: "Inter", sans-serif;
}
.open_sans {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
}
.color_primary-text {
    color: var(--primary-text);
}
.color_line {
    color: var(--line);
}
.color_text-arrow {
    color: var(--text-arrow);
}
.color_menu {
    color: var(--menu);
}
.color_detail {
    color: var(--detail);
}
.color_accent {
    color: var(--accent);
}
.fw-700 {
    font-weight: 700;
}
.fw-600 {
    font-weight: 600;
}
.fw-500 {
    font-weight: 500;
}
.fw-400 {
    font-weight: 400;
}
.fw-300 {
    font-weight: 300;
}
.fs-40 {
    font-size: 40px;
}
.fs-22 {
    font-size: 22px;
}
.fs-17 {
    font-size: 17px;
}
.fs-16 {
    font-size: 16px;
}
.fs-15 {
    font-size: 15px;
}
.fs-14 {
    font-size: 14px;
}
.fs-12 {
    font-size: 12px;
}

.left_side {
    background: var(--menu);
    width: 174px;
    height: 100vh;
    border-radius: 0px 40px 40px 0px;
    padding: 32px 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    transition: .3s;
    top: 0;
    left: 0;
}
.logo-svg {
    margin: -20px auto 33px;
    display: block;
    transition: .3s;
    position: absolute;
    left: 30%;
    transform: translate(-30%, 0);
}
.btn_nav_menu {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0px;
    border-radius: 30px;
    border: 1px dashed #FFFFFF80;
    margin: 5px 4px 0 14px;
    color: var(--window-nav);
    justify-content: center;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    gap: 5px;
    transition: .3s;
}
.btn_nav_menu:hover, .btn_nav_menu.active {
    background: #FFFFFF1F;
    border: 1px solid transparent;
}
.sp_tx {
    width: 100%;
}
.switch_menu {
    position: absolute;
    right: 0;
    background: #FFFFFF80;
    border-radius: 6px 0px 0px 6px;
    width: 20px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
}
.bot_nav_item {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    transition: .3s;
}
.btn_switch {
    background: var(--window-nav);
    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    padding: 11px;
    border-radius: 100px;
    cursor: pointer;
}
.lang_sw {
    position: relative;
}
.lang_box {
    display: none;
    position: absolute;
    width: 100%;
    bottom: calc(100% + 2px);
    flex-direction: column;
    background: var(--window-nav);
    border-radius: 100px;
}
.lang_active .lang_box {
    display: flex;
}
.lang_item {
    cursor: pointer;
    padding: 11px;
    border-radius: 100px;
}
.right_menu {
    padding: 13px 34px 13px 194px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 25px;
}
.ppl_icon {
    position: relative;
}
.ppl_drop {
    background: var(--bg-box);
    border-radius: 100px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 53px;
    width: 53px;
    position: relative;
    cursor: pointer;
}
.ppl_dropbox {
    display: none;
    position: absolute;
    z-index: 2;
    top: calc(100% + 2px);
    right: 0;
    padding: 10px;
    border-radius: 10px;
    background: var(--bg-box);
}
.ppl_active .ppl_dropbox {
    display: block;
}
.onln_crc {
    position: absolute;
    width: 11px;
    height: 11px;
    background: #56CC4C;
    border-radius: 10px;
    right: 2px;
    bottom: 2px;
}
.warm_img, .cold_img, .warm_sw .dark_img, .cold_sw .dark_img {
    display: none;
}
.warm_sw .warm_img {
    display: block;
}
.cold_sw .cold_img {
    display: block;
}
.nav_name_box {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.mn_name_nav {
    display: block;
    text-align: center;
    color: var(--text-arrow);
}
.divider_s {
    background: var(--text-arrow);
    height: 40px;
    width: 1px;
}
.notif_s {
    height: 40px;
    width: 40px;
    position: relative;
    padding: 11px;
    border-radius: 20px;
    background: var(--bg-box);
    display: flex;
    align-items: center;
    justify-content: center;
}
.norif_cnt {
    position: absolute;
    background: var(--accent);
    border-radius: 20px;
    color: var(--window-nav);
    padding: 0px 7px;
    font-size: 10px;
    left: 25px;
    top: -10px;
    font-family: "Open Sans", sans-serif;
}
.site_block {
    padding: 0 20px 40px 194px;
    transition: .3s;
}
.filter_line {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 0 15px 10px;
}
.select_btn {
    padding: 8px 11px;
    border-radius: 5px;
    background: var(--bg-box);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}
.select_v_style,
.drop_item_style {
    user-select: none;
}
.drop_item-group {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
    border-top: 1px solid var(--line);
}
.drop_item-group .tbl_checkbox {
    width: 18px;
    height: 18px;
}
.wrp_select {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
}
.drop_box_style {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    padding: 8px 11px;
    border-radius: 5px;
    background: var(--bg-box);
}
.select_btn.select_active .drop_box_style {
    display: block;
    z-index: 1;
}
.select_btn.select_active .select_arrow {
    transform: scale(-1);
}
.flex_box {
    display: flex;
    justify-content: space-between;
}
.dash_left {
    width: calc(78% - 5px);
}
.dash_right {
    width: calc(22% - 5px);
    background: var(--bg-box);
    border-radius: 20px;
    padding: 22px 21px 64px;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
}
.tx_center {
    text-align: center;
}
.df_stat {
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.itm_sfg {
    display: flex;
    gap: 5px;
    align-items: center;
    width: 120px;
    margin: 15px auto;
}
.cl1, .grn_st, .stat_grn {
    background: #17C653;
}
.cl2, .orng_st, .stat_orang {
    background: #FFB800;
}
.cl3, .red_st, .stat_red {
    background: #FF0000;
}
.crc_grn {
    background: #34CD69;
}
.grey_st, .stat_grey, .crc_gre {
    background: var(--text-arrow);
}
.min_fl_ln {
    display: flex;
    justify-content: space-between;
    margin-top: 13px;
}
.ttiles_sd_bg {
    background: var(--detail);
    border-radius: 20px;
    padding: 0 8px;
}
.graph_100 {
    padding: 10px 20px;
}
.dh_box {
    border-radius: 20px;
    background: var(--bg-box);
    position: relative;
}
.wdth_50 {
    width: calc(50% - 5px);
}
.fls_sd {
    display: flex;
    justify-content: space-between;
    width: 312px;
    max-width: 100%;
    margin: 0 auto;
    align-items: center;
}
.bns_1 .fls_sd {
    width: 246px;
}
.tds_bg {
    color: var(--text-arrow);
    background: var(--detail);
    border-radius: 20px;
    padding: 2px 18px;
}
.p1_dash_box {
    margin-bottom: 10px;
    padding: 33px;
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    flex-direction: column;
}
.dg_graph {
    position: relative;
    padding: 23px 0 40px;
    margin-bottom: 10px;
}
.bt_big_graph {
    position: absolute;
    right: 29px;
    top: 23px;
    cursor: pointer;
}
.graphik_kj {
    padding: 30px 0 0 12px;
}
.fl_sp_b {
    display: flex;
    justify-content: space-between;
    padding: 22px 30px 40px;
    align-items: center;
}
.rg_sd {
    display: flex;
    align-items: center;
    gap: 14px;
}
.bt_spd {
    padding: 3px 16px;
    border-radius: 20px;
    transition: .3s;
    cursor: pointer;
}
.bt_spd.active, .bt_spd:hover {
    background: var(--accent);
}
.fl_ddd {
    display: flex;
    /* justify-content: space-between; */
    padding: 13px 10px 59px;
}
.fl_ddd .f_item_k {
    flex: 1;
}
.line-crc_s {
    position: relative;
    width: 100%;
    height: 2px;
    background: var(--detail);
}
.circ_lnm {
    background: var(--accent);
    width: 18px;
    height: 18px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.dh_table {
    margin-top: 15px;
    padding: 22px 32px 6px;
}
.flex_jc_sb {
    display: flex;
    justify-content: space-between;
}
.box_left_table {
    display: flex;
    gap: 12px;
    align-items: center;
    color: var(--text-arrow);
}
.drop_sel_table {
    display: none;
}
.select_table {
    border: 1px solid var(--text-arrow);
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 4px 10px;
    gap: 10px;
    cursor: pointer;
}
.find_inp {
    border: 1px solid var(--accent);
    background: var(--bg-box);
    border-right: none;
    border-radius: 10px 0 0 10px;
    padding: 8px 12px;
    height: 38px;
    font-family: "Open Sans", sans-serif;
    width: 250px;
    font-size: 12px;
    color: var(--text-arrow);
    outline: none;
}
.find_inp::-webkit-input-placeholder {
    color: var(--text-arrow);
}
.find_inp::-moz-placeholder {
    color: var(--text-arrow);
}
.find_inp::placeholder {
    color: var(--text-arrow);
}
.tiele_table {
    padding-top: 10px;
}
.find_btn {
    border: 1px solid var(--accent);
    background: var(--bg-box);
    border-left: none;
    border-radius: 0 10px 10px 0;
    padding: 4px;
    height: 38px;
    width: 38px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.inp_wrp_find {
    display: flex;
}
.find_icon {
    background: var(--accent);
    border-radius: 10px;
    width: 30px;
    height: 30px;
    padding: 7px;
}
.ttl_tb {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}
.table_title_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--line);
    padding-bottom: 13px;
    padding-top: 30px;
}
.tcl_1, .tcl_3 {
    width: 9%;
}
.tcl_2, .tcl_4 {
    width: 11%;
}
.tcl_5, .tcl_6, .tcl_7, .tcl_8, .tcl_9, .tcl_10 {
    width: 10%;
}
.table_content_wrap {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--line);
    align-items: center;
    color: var(--text-arrow);
    min-height: 55px;
}
.cont_tb {
    padding: 9px 4px;
}
.date_wd span {
    max-width: 60px;
    display: block;
}
.content_tbl_wrp {
    max-height: 447px;
    overflow: auto;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-track {
  background: var(--line);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: var(--accent);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--accent);
}
body {
  scrollbar-face-color: var(--accent);
  scrollbar-track-color: var(--line);
}
.tclw_1, .tclw_2, .tclw_4, .tclw_5, .tclw_6 {
    width: 11%;
}
.tclw_3, .tclw_2, .tclw_8, .tclw_9 {
    width: 10%;
}
.tclw_7 {
    width: 12%;
}
.switch_menu svg {
    transition: .3s;
}
.logo_box {
    height: 54px;
    position: relative;
    display: block;
}
.min_menu .sp_tx {
    display: none;
}
.min_menu .logo-svg {
    opacity: 0;
    margin: 0;
    height: 0;
}
.logo_min_svg {
    margin: 0 32px 33px 18px;
    width: 32px;
    height: 0;
    opacity: 0;
    position: absolute;
}
.min_menu .logo_min_svg {
    opacity: 1;
    height: 32px;
}
.min_menu .bot_nav_item {
    gap: 10px;
    flex-direction: column;
    align-items: center;
    padding-right: 14px;
}
.min_menu .left_side {
    width: 82px;
}
.min_menu .switch_menu svg {
    transform: rotate(180deg);
}
.min_menu .site_block {
    padding: 0 20px 40px 102px;
}
.sskf_s {
    max-height: calc(100vh - 166px);
    overflow: auto;
    width: calc(100% - 24px);
}
.center_block_status {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.bx_statk {
    display: flex;
    align-items: center;
    gap: 6px;
}
.dot_stat {
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.find_bt_onl {
    position: absolute;
    border: 1px solid var(--accent);
    border-radius: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    right: 25px;
    top: 25px;
}
.dh_table.extensions_m {
    padding-top: 30px;
}
.wraper_box_ext {
    margin-top: 37px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    overflow: auto;
    max-height: 350px;
}
.acc_calls_row {
    display: flex;
    gap: 25px;
    margin-top: 15px;
}
.acc_calls_row .dh_table.extensions_m {
    margin-top: 0;
    width: 75%;
}
.acc_calls_25 {
    width: 25%;
}
.clls_scrll {
    max-height: 307px;
}
.box_ext {
    position: relative;
    border: 1px solid var(--detail);
    border-radius: 5px;
    background: var(--bg-box);
    color: var(--text-arrow);
    padding: 17px;
    width: calc(20% - 4px);
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-height: 81px;
}
.top_ext {
    display: flex;
    align-items: center;
    gap: 15px;
}
.btn_ext {
    position: absolute;
    top: 9px;
    right: 6px;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
    padding: 0;
    height: 13px;
    width: 13px;
}
.dropbox_ext {
    position: absolute;
    display: none;
    flex-direction: column;
    gap: 5px;
    padding: 7px;
    border-radius: 5px;
    background: var(--bg-box);
    border: 3px solid var(--detail);
}
.drop_active .dropbox_ext {
    display: flex;
    z-index: 1;
    top: 0;
    right: 25px;
}
.dropitem_ext {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primary-text);
    font-size: 11px;
}
.img_ext {
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.txt_skgk {
    overflow: hidden;
    text-overflow: ellipsis;
}
.crcs {
    width: 22px;
    height: 22px;
    display: flex;
    border-radius: 20px;
}
.tdhv_1 {
    width: 10%;
}
.tdhv_4, .tdhv_5 {
    width: 7%;
}
.tdhv_3 {
    width: 6%;
}
.tdhv_2, .tdhv_6, .tdhv_7, .tdhv_8, .tdhv_10, .tdhv_12 {
    width: 8%;
}
.tdhv_9, .tdhv_11 {
    width: 9%;
}
.tdhv_2, .tdhv_3, .tdhv_4, .tdhv_5, .tdhv_6, .tdhv_7, .tdhv_8, .tdhv_10, .tdhv_11, .tdhv_12 {
    text-align: center;
    justify-content: center;
    display: flex;
}
.btn_standard {
    background: var(--bg-box);
    outline: none;
    cursor: pointer;
    transition: .3s;
    border: 1px solid var(--accent);
    border-radius: 5px;
    color: var(--primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px;
    font-weight: 600;
    font-size: 13px;
    line-height: 18.5px;
    padding: 5px 22px;
    min-height: 35px;
}
.btn_standard:hover {
    background: var(--accent);
}
.btn_standard._active {
    background: var(--accent);
}
.journal_m {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding-top: 17px;
    padding-bottom: 17px;
}
.journal_m .select_btn {
    padding: 0;
    background: none;
}
.journal_m .select_btn .wrp_select.slb_rel {
    width: 100%;
}
.journal_m + .dh_table .table_title_wrap,
.journal_m + .dh_table .table_content_wrap {
    justify-content: flex-start;
}
.journal_m + .dh_table .table_title_wrap .ttl_tb {
    padding: 0 4px;
}
.rkiop_1 {
    width: 6%;
}
.rkiop_2 {
    width: 8%;
}
.rkiop_3 {
    width: 10%;
}
.rkiop_4 {
    width: 12%;
}
.cont_tb.rkiop_4 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rkiop_5 {
    width: 7%;
}
.rkiop_6 {
    width: 13%;
}
.cont_tb.rkiop_6 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rkiop_7 {
    width: 9%;
}
.rkiop_8 {
    width: 6%;
}
.rkiop_9 {
    width: 6%;
}
.rkiop_10 {
    width: 10%;
    margin-left: auto;
}
.rkiop_11 {
    width: 5%;
}
.rkiop_12 {
    width: 6%;
    justify-content: flex-end;
}

.journal_left {
    width: calc(60% - 10px);
}
.journal_right {
    width: calc(40% - 10px);
    border-left: 1px solid var(--text-arrow);
    padding-left: 20px;
}
.jrnl_line {
    display: flex;
    padding-bottom: 10px;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3em;
}
.jr_label {
    display: block;
    margin-bottom: 5px;
}
.jr_input::-webkit-input-placeholder {
    color: var(--text-arrow);
}
.jr_input::-moz-placeholder {
    color: var(--text-arrow);
}
.jr_input {
    border-radius: 5px;
    border: 1px solid var(--detail);
    color: var(--primary-text);
    background: transparent;
    height: 32px;
    padding: 7px;
    width: 100%;
    outline: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: var(--data-inp);
}
.jr_input::-webkit-datetime-edit {
    color: var(--primary-text);
}
.jrc_30 {
    width: calc(30% - 10px);
}
.jrc_20 {
    width: calc(25% - 7.5px);
}
.nrnl_ln_left {
    width: calc(50% - 5px);
    display: flex;
    gap: 10px;
}
.jrc_50 {
    width: calc(50% - 5px);
}
.nrnl_ln_right {
    width: calc(50% - 5px);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 10px;
}
.tbl_btm {
    min-width: 112px;
}
.jrc_33 {
    width: calc(33.333% - 6.666px);
}
.jrc_66 {
    width: calc(66.666% - 5px);
}
.jrc_cst1 {
    width: 37%;
}
.jrc_cst1 .jr_input, .jrc_cst2 .jr_input {
    width: 105px;
}
.jrc_cst2 {
    width: calc(63% - 10px);
}
.record_wrp {
    border-radius: 5px;
    border: 1px solid var(--detail);
    padding: 10px;
}
.wdh_133 .btn_standard, .wdh_133 .select_btn {
    min-width: 137px;
}
.bill_tb .ttl_tb, .bill_tb .cont_tb {
    text-align: center;
    justify-content: center;
    width: 17%;
}

.bill_tb .ttl_tb.ksnbh_1, .bill_tb .cont_tb.ksnbh_1 {
    text-align: left;
    justify-content: flex-start;
    width: 12%;
}
.auth_wraper {
    background: var(--bg-box);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card {
    width: 441px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.card-header {
    width: 70%;
    /* padding-bottom: 90px; */
}
.logo_svg_auth {
    width: 100%;
    height: auto;
}
.card-body {
    width: 100%;
    max-width: 358px;
}
.form-control {
    height: 40px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--clr-border);
    background: transparent;
    padding: 5px 5px 5px 40px;
    color: var(--clr-inp);
    outline: none;
}
.form-control::-webkit-input-placeholder {
    color: var(--clr-inp);
}
.form-control::-moz-placeholder {
    color: var(--clr-inp);
}
.inp_awrp {
    position: relative;
}
.kop_s {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
}
.kop_pass {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.pass_inp_w .form-control {
    padding-right: 40px;
}
.inp_awrp {
    position: relative;
    margin-bottom: 5px;
}
.inp_aut_wrp {
    margin-bottom: 11px;
}
.kop_pass.pass_hid {
    display: none;
}
.pass_inp_w.open .pass_hid {
    display: block;
}
.pass_inp_w.open .pass_op {
    display: none;
}
.btn-primary:hover {
    opacity: 0.8;
}
.wd_100 {
    width: 100%;
    max-width: 358px;
}
.btn-primary {
    background: var(--color_btn);
    border: 1px solid var(--color_btn);
    color: #fff;
    border-radius: 50px;
    height: 40px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    outline: none;
    cursor: pointer;
    transition: .3s;
    margin: 30px 0 10px;
}
.form-check-label {
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}
.checkbox_s {
    width: 15px;
    height: 15px;
    border-radius: 5px;
    position: relative;
    border: 1px solid var(--color_btn);
    background: var(--bg-box);
}
.checkbox_s:before {
    content: "";
    position: absolute;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    left: 2px;
    top: 2px;
    border-radius: 2px;
    background: #fff;
    transition: .2s;
}
.form-check-label input:checked + .checkbox_s:before {
    background: var(--color_btn);
}
.form-check-label input[type="checkbox"] {
    display: none;
}

.prefix_fl {
    display: flex;
    justify-content: space-between;
}
.prefix_m_style {
    padding: 30px 70px;
}
.prefix_itm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.prefix_itm .prf_input {
    margin-left: 20px;
    margin-right: 45px;
}
.prf_input {
    text-align: center;
    width: auto;
}
.prefix_itm_line {
    content: "";
    background-color: var(--text-arrow);
    width: 1px;
}
.tbl_header_sb {
    display: flex;
    justify-content: space-between;
}
.tbl_header_btns {
    display: flex;
    gap: 30px;
}
.btn_tbl {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px 40px;
    min-width: fit-content;
    background: transparent;
    outline: none;
    cursor: pointer;
    border: 1px solid var(--detail);
    border-radius: 5px;
    color: var(--text-arrow);
    font-weight: 500;
    font-size: 14px;
    height: 40px;
}
.btn_tbl_plr {
    padding: 8px 30px;
}
.prfx_1 {
    width: 5%;
    display: flex;
    justify-content: flex-start;
    margin-left: 5px;
}
.prfx_2 {
    width: 18%;
}
.prfx_3 {
    width: 77%;
}
.tbl_checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tbl_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.tbl_checkmark {
    position: absolute;
    top: calc(50% - 9px);
    left: calc(50% - 9px);
    height: 18px;
    width: 18px;
    border: 1px solid var(--accent);
    border-radius: 5px;
}
.tbl_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.tbl_checkbox input:checked ~ .tbl_checkmark:after {
    display: block;
}
.tbl_checkbox .tbl_checkmark:after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid var(--accent);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.prbx_con {
    padding: 40px 50px;
}
.prfl_row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 25px;
}
.prfl_it {
    display: flex;
    align-items: center;
    gap: 10px;
}
.prfl_it_text {
    min-width: fit-content;
}
.prfl_it .prfl_input {
    max-width: 250px;
    min-width: 250px;
    width: 100%;
}
.prfl_input {
    text-align: left;
}
.prfl_btn {
    margin-left: auto;
}
.prvd_1 {
    width: 5%;
    display: flex;
    justify-content: flex-start;
    margin-left: 9px;
}
.prvd_2, .prvd_3, .prvd_4 {
    width: 16.6%;
}
.prvd_5 {
    width: 45%;
}
.clr-green {
    color: var(--clr-tbl);
}
.prfl_parent {
    position: relative;
}
.prfl_arrow_btn {
    position: absolute;
    top: 7px;
    right: 9px;
    background-color: transparent;
    outline: none;
    padding: 0;
    border: 0;
    cursor: pointer;
}
.csvd_1 {
    width: 5%;
    display: flex;
    justify-content: flex-start;
    margin-left: 9px;
}
.csvd_2, .csvd_3 {
    width: 16.6%;
}
.csvd_4 {
    width: 61%;
}
.btn_fl_style {
    margin-left: auto;
}
.csrd_1 {
    width: 5%;
    display: flex;
    justify-content: flex-start;
    margin-left: 9px;
}
.csrd_2 {
    width: 15%;
}
.csrd_3 {
    width: 10%;
}
.csrd_4 {
    width: 35%;
}
.csrd_5 {
    width: 20%;
}
.csrd_6 {
    width: 15%;
}

/* poppups */
.shadow {
    overflow: hidden;
}
.shadow::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    background: var(--bg);
    opacity: .5;
    z-index: 10;
}
.poppup {
    display: none;
    position: fixed;
    width: 428px;
    height: 260px;
    top: calc(50% - 130px);
    left: calc(50% - 214px);
    padding: 27px 33px;
    border-radius: 40px;
    background: var(--bg-box);
    /* overflow: hidden; */
    z-index: 999;
}
.poppup.show {
    display: block;
}
.poppup_content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 23px;
    height: 100%;
    justify-content: space-between;
}
.poppup_close {
    position: absolute;
    top: -10px;
    right: 0;
    cursor: pointer;
}
.poppup_row {
    display: flex;
    justify-content: space-between;
}
.poppup_column {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    justify-content: space-between;
}
.poppup_textarea {
    border-radius: 5px;
    border: 1px solid var(--detail);
    color: var(--primary-text);
    background: transparent;
    padding: 7px;
    width: 100%;
    height: 120px;
    outline: none;
    resize: none;
}
.ppr_end {
    display: flex;
    justify-content: flex-end;
}
.poppup .wrp_select {
    justify-content: space-between;
}
.ppr_balance_blck {
    display: flex;
    align-items: center;
    color: var(--clr-tbl);
    border: 1px solid var(--accent);
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1em;
    padding: 5px 10px;
    min-height: 35px;
    background: transparent;
    outline: none;
    width: 115px;
}
input.ppr_balance {
    width: 100%;
    background: transparent;
    border: 0;
    outline: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 1em;
    color: var(--clr-tbl);
}
input.ppr_balance::-webkit-outer-spin-button,
input.ppr_balance::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.ppr_balance[type=number] {
  -moz-appearance: textfield;
}
.poppup .drop_box_style {
    min-height: 100%;
    height: fit-content;
    max-height: 180px;
    overflow-y: auto;
}
.poppup .find_inp {
    width: 129px;
    border-radius: 5px 0 0 5px;
    padding: 3px 13px;
    height: 25px;
}
.poppup .find_btn {
    border-radius: 0 5px 5px 0;
    padding: 4px;
    height: 25px;
    width: 30px;
}
.poppup .find_icon {
    background: var(--accent);
    border-radius: 5px;
    width: 19px;
    height: 19px;
    padding: 5px;
}
.poppup .select_btn {
    background: var(--bg);
}

/* account */
.acc_sip_row {
    display: flex;
    gap: 38px;
}
.acc_sip_box {
    padding: 22px 43px;
    height: fit-content;
}
.acc_cmr {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 48px;
    margin-bottom: 48px;
}
.w_144 {
    width: 144px;
}
.w_112 {
    width: 112px;
}
.w_60 {
    width: 60px;
}
.acc_cmr .jr_input {
    width: 270px;
    color: var(--text-arrow);
    font-weight: 400;
}
.acc_sip_box .btn_standard {
    padding-left: 0;
    padding-right: 0;
}
.acc_sip_box .select_btn {
    padding: 0;
    background: none;
}
.slb_rel {
    position: relative;
}
.radio_let {
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    gap: 10px;
}
.radio_let .radio_let_input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.radio_let_card {
    position: relative;
    cursor: pointer;
    width: 88px;
    height: 32px;
    border-radius: 5px;
    border: 1px solid var(--detail);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.radio_li_yes:checked ~ .radio_let_yes {
    background: var(--accent);
    border-color: var(--accent);
}
.radio_li_no:checked ~ .radio_let_no {
    background: var(--accent);
    border-color: var(--accent);
}
.gtp_radios {
    display: flex;
    justify-content: space-between;
}
.gtp_rlable {
    text-align: center;
}
.gtp_radio_elements {
    display: flex;
    gap: 8px;
    margin-top: 7px;
    justify-content: center;
}
.gtp_radio_elem {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    cursor: pointer;
}
.gtp_radio_elem-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.gtp_radio_elem-check {
    position: relative;
    width: 26px;
    height: 26px;
    border: 2px solid var(--detail);
    border-radius: 50%;
}
.gtp_radio_label {
    font-weight: 300;
    font-size: 13px;
    line-height: 1em;
    text-transform: uppercase;
}
.gtp_radio_elem-check:after {
    content: "";
    position: absolute;
    display: none;
    width: 16px;
    height: 16px;
    top: 3px;
    left: 3px;
    background-color: var(--accent);
    border-radius: 50%;
}
.gtp_radio_elem .gtp_radio_elem-input:checked ~ .gtp_radio_elem-check:after {
    display: block;
}
.acc_sip_box .act_btn {
    min-height: fit-content;
    font-size: 12px;
    padding: 4px 12px;
    height: 27px;
}
.trnk_fl {
    display: flex;
    align-items: center;
    gap: 10px;
}
.acc_dpn_row {
    display: flex;
    gap: 25px;
}
.acc_dpn_box {
    padding: 30px 57px;
}
.acc_dpn_title {
    text-align: center;
}
.acc_dpn_box .select_btn {
    padding: 0;
    background: none;
}
textarea.jr_input {
    resize: none;
    height: 88px;
}
.wrp_select.slb_rel {
    width: fit-content;
}
.acc_dpn_30 {
    width: 31.5%;
}
.acc_dpn_70 {
    width: 68.5%;
}
.dpn_mt {
    margin-top: 48px;
}
.w_205.find_inp {
    width: 205px;
}
.dpn_tbl_pp {
    padding: 8px 30px;
    width: fit-content;
}
.csdn_2 {
    width: 30%;
}
.csdn_3 {
    width: 60%;
}
.content_tbl_wrp.acc_opt-t {
    max-height: 246px;
}
.dpn_thr {
    display: flex;
    justify-content: space-between;
}
.dpn_box_mt {
    margin-top: 40px;
}
.acc_cmrs {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
    margin-top: 48px;
}
.acc_cmr.dpm_cmr {
    margin-top: 0;
    margin-bottom: 0;
}
.dpm_cmr_row {
    display: flex;
    align-items: center;
    gap: 10px;
}
.dpm_cmr_row .jr_label {
    margin-bottom: 0;
}
.dpmr_elem {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.acc_cmr.dpm_cmr.btb_b {
    margin-top: auto;
}
.acc_cmr.dpm_cmr.acc_cmrs {
    gap: 20px;
}
.dpms_25 {
    gap: 25px;
}
.acc_out_table .table_content_wrap,
.acc_out_table .table_title_wrap {
    justify-content: flex-start;
}
.cdon_2 {
    width: 20%;
}
.cdonn_2 {
    width: 80%;
}
.cdon_3,.cdon_4,.cdon_5 {
    width: 20%;
}
.cdon_3 {
    width: 16%;
}
.cdon_4 {
    width: 8%;
}
.cdon_6 {
    width: 15%;
}
.sl_col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: fit-content;
}
.chck_col_mark .tbl_checkmark {
    left: 0;
}
.chck_label {
    margin-left: 28px;
}
.rtsf_fl {
    display: flex;
}
.np_sbtw {
    justify-content: space-between;
}
.np_sbtw .acc_cmr.dpm_cmr {
    width: 26%;
}
.np_sbtw .acc_cmr.dpm_cmr .jr_input {
    width: 180px;
}
.np_tbp {
    width: 27%;
}
.np_tbp .table_title_wrap {
    padding-top: 0;
}
.np_sbtw .acc_cmr.dpm_cmr .tcw_item,
.np_sbtw .np_tbp .table_content_wrap {
    min-height: 36px;
}
.np_tbp .dllr_tbl_1 {
    width: 80%;
}
.np_tbp .dllr_tbl_2 {
    width: 20%;
}
.rtsf_blck {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.rtsf_blck_ttl {
    text-align: center;
    margin-bottom: 7px;
    line-height: 1em;
}
.rst_fl {
    display: flex;
}
.min_finder .find_inp {
    width: 129px;
    border-radius: 5px 0 0 5px;
    padding: 3px 13px;
    height: 25px;
}
.min_finder .find_btn {
    border-radius: 0 5px 5px 0;
    padding: 4px;
    height: 25px;
    width: 30px;
}
.min_finder .find_icon {
    background: var(--accent);
    border-radius: 5px;
    width: 19px;
    height: 19px;
    padding: 5px;
}
.min_finder .select_btn {
    background: var(--bg);
}
.gp_25 {
    gap: 25px;
}
.w_250 {
    width: 250px;
}
.w_129 {
    width: 129px;
}
.w_125 {
    width: 125px;
}
.tcw_list {
    margin-top: 10px;
    overflow-x: hidden;
    max-height: 150px;
}
.tcw_item {
    width: 218px;
    min-height: 30px;
}
.tcw_item:first-of-type {
    border-top: 1px solid var(--line)
}
.account-group_select_top {
    position: absolute;
    top: 30px;
    left: 57px;
}
.account-group_all_sip {
    display: flex;
    align-items: center;
    height: 32px;
}
.account-sip_in_group {
    max-height: 144px;
    overflow-y: auto;
    overflow-x: hidden;
}
.account-sip_in_group .tcw_item {
    width: auto;
}
.account-group_scroll_sip {
    max-height: 360px;
}
.account-group_scroll_sip .tcw_item {
    width: calc(100% - 2px);
}
.account-group_switch {
    width: 30px;
    position: relative;
    /* top: calc(50% - 30px); */
    display: flex;
}
.account-groups-btn {
    width: 100%;
    margin-top: 30px;
}
.account-groups-btn .act_btn {
    margin: 0 auto;
}
.flty_dx {
    display: flex;
    flex-direction: column;
    padding-left: 32px;
    padding-right: 32px;
}
.mt_a {
    margin-top: auto;
}
.scpt_2 {
    width: 20%;
}
.scpt_3 {
    width: 20%;
}
.scpt_4 {
    width: 25%;
}
.scpt_5 {
    width: 20%;
}
.gp_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 40px;
}
.gp_field {
    width: calc(23% - 8px);
}
.gp_lbtn {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.tbls_2,.tbls_3,.tbls_4,.tbls_8 {
    width: 13%;
}
.tbls_5 {
    width: 18%;
}
.tbls_6 {
    width: 20%;
}
.tbls_7 {
    width: 10%;
}
.rtbl_2,.rtbl_3 {
    width: 20%;
}
.rtbl_4,.rtbl_5 {
    width: 25%;
}
.content_tbl_wrp.rtbl_scrll {
    max-height: 320px;
}
.gpnm_sf {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.gpnm_col {
    gap: 20px;
}
.gp_lfld {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(23% - 8px);
}
.clr_fw {
    color: var(--text-arrow);
    font-weight: 400;
}
.permission_list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 25px;
}
.permission_box {
    padding: 37px 39px;
    padding-right: 74px;
}
.permission_label {
    display: flex;
    align-items: center;
    gap: 30px;
    cursor: pointer;
}
.permission_label_txt {
    font-weight: 500;
}
.permission_content {
    display: none;
    margin-top: 30px;
}
.prms_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.prms_item {
    display: flex;
    align-items: center;
}
.prms_lbl {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 7px;
    user-select: none;
    margin-left: 28px;
}
.prms_active .prms_lbl_arrw {
    transform: scaleY(-1);
}
.permission_active .permission_label_arrw {
    transform: scaleY(-1);
}
.permission_show {
    display: block;
}
.prms_sublist {
    display: none;
    flex-direction: column;
    gap: 20px;
    margin-left: 28px;
}
.prms_show {
    display: flex;
}
.stbl_b {
    padding: 34px 25px 20px;
}
.stbl_mt {
    margin-top: 14px;
}

.tbl_header_stbl {
    display: flex;
    align-items: center;
    gap: 7px;
}
.tbl_header_stbl .btn_standard {
    font-size: 12px;
    padding: 4px 12px;
    min-height: 27px;
    max-height: 27px;
}
.setting_tbl {
    display: flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    background-color: var(--bg);
    border-radius: 10px;
    width: fit-content;
    padding: 3px 5px;
}
.stst_1 {
    width: 1%;
    display: flex;
    justify-content: flex-start;
    margin-left: 9px;
}
.stst_2,.stst_3,.stst_4,.stst_5,
.stst_6 {
    width: 11%;
}
.stst_7,.stst_8 {
    width: 13%;
}
.stst_9 {
    width: 5%;
}
.st_actions {
    display: flex;
    align-items: center;
    gap: 5px;
}
.stt_switch {
    position: relative;
    display: flex;
    align-items: center;
    width: 24px;
    height: 15px;
}
.stt_switch .stt_switch_input {
    opacity: 0;
    width: 0;
    height: 0;
}
.stt_switch_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FF0000;
    -webkit-transition: .4s;
    transition: .4s;
}
.stt_switch_slider:before {
    position: absolute;
    content: "";
    height: 9px;
    width: 9px;
    left: 3px;
    bottom: 3px;
    background: var(--bg-box);
    -webkit-transition: .4s;
    transition: .4s;
}
.stt_switch_input:checked + .stt_switch_slider {
    background-color: #17C653;
}
.stt_switch_input:focus + .stt_switch_slider {
    box-shadow: 0 0 1px #17C653;
}
.stt_switch_input:checked + .stt_switch_slider:before {
    -webkit-transform: translateX(9px);
    -ms-transform: translateX(9px);
    transform: translateX(9px);
}
.stt_switch_off {
    color: #FF0000;
}
.stt_switch_on {
    color: #17C653;
}
.stt_switch_input:checked ~.stt_switch_off {
    display: none;
}
.stt_switch_input:checked ~.stt_switch_on {
    display: block;
}
.stt_switch_input ~.stt_switch_on {
    display: none;
}
.stt_switch_slider.round {
    border-radius: 20px;
}
.stt_switch_slider.round:before {
    border-radius: 50%;
}
.stt_switch_txt {
    font-weight: 400;
    margin-left: 20px;
    line-height: 1em;
}
.stt_pd_box {
    padding: 30px 120px;
}
.stt_box_mt {
    margin-top: 40px;
}
.stt_flgp {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-end;
}
.stt_grfl {
    display: flex;
}
.stt_mtt {
    margin-top: 25px;
}
.stt_grfl_left {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 40px;
}
.slc_btn_nrml {
    padding: 0;
    background: transparent;
}
.stt_grfl .jr_label {
    margin-bottom: 10px;
}
.stt_grfl_col {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.stt_grfl_col .radio_let_input {
    display: none;
}
.radio_li_PJSI:checked ~ .radio_let_PJSIP {
    background: var(--accent);
    border-color: var(--accent);
}
.radio_li_SIP:checked ~ .radio_let_SIP {
    background: var(--accent);
    border-color: var(--accent);
}
.radio_li_IAX2:checked ~ .radio_let_IAX2 {
    background: var(--accent);
    border-color: var(--accent);
}
.radio_li_Custom:checked ~ .radio_let_Custom {
    background: var(--accent);
    border-color: var(--accent);
}
.stt_stls {
    border: none;
    border-radius: 5px;
    background: var(--bg);
}
.stt_slct {
    width: 130px;
}
html.default .stt_frw_sl .jr_input {
    color: var(--line);
}
html.default.warm .stt_frw_sl .jr_input,
html.default.cold .stt_frw_sl .jr_input {
    color: initial;
}
.stt_frw_sl {
    border: none;
    border-radius: 5px;
    background: var(--bg);
    padding: 8px 0;
}
.stt_frw_sl .jr_input {
    width: fit-content;
    background: var(--bg);
    border: none;
    padding: 0;
    height: auto;
}
.stt_frw_sl .prfl_arrow_btn {
    position: relative;
    top: auto;
    right: auto;
}
.select_active .prfl_arrow_btn {
    transform: scaleY(-1);
}
.select_btn .stt_slct_on {
    color: #17C653 !important;
}
.select_btn .stt_slct_off {
    color: #F46C22 !important;
}
.stfrw_5 {
    width: 16.5%;
}
.dllr_btn_c {
    margin-top: 47px;
    margin-bottom: 47px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.dllr_upld {
    gap: 5px;
    padding: 8px 10px;
}
.dllr_txta {
    margin-bottom: 30px;
}
.dllr_btn_r {
    margin-left: auto;
}
.dllr_txta .jr_input {
    height: 475px;
}
.dllr_box {
    padding: 30px 32px 23px;
}
.dllr_tbl_btn {
    gap: 5px;
    padding: 8px 19px;
}
.dllr_tbl_1 {
    width: 40%;
}
.dllr_tbl_2 {
    width: 60%;
}
.content_tbl_wrp.dllr_scrll {
    max-height: 550px;
}
.dlr_pd {
    padding: 30px 135px;
}
.dlrt_pdp {
    padding: 32px 207px;
}
.dlr_pd_content {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.dlr_pp {
    padding: 43px 102px;
}
.dlr_add_btn {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 1em;
    padding: 0;
    cursor: pointer;
    outline: none;
    border: none;
    color: var(--primary-text);
    font-weight: 500;
    background: transparent;
}
.dlr_pit {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--line);
    cursor: pointer;
}
.dlr_mrow {
    display: flex;
    gap: 45px;
    justify-content: space-between;
}
.dlr_mrow .jr_label {
    margin-bottom: 10px;
}
.dlr_btn_c {
    display: flex;
    justify-content: flex-end;
}
.dlr_pdp {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.show_accordion .a_accordion_arrow {
    transform: scaleY(-1);
}
.dlr_ilist {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.a_accordion {
    width: fit-content;
}
.b_accordion {
    display: none;
}
.show_accordion .b_accordion {
    display: flex;
}
.dlr_irow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
}
.dlr_irow_mark {
    width: 18.5px;
    color: var(--detail);
    font-weight: 700;
}
.dlr_irow_jrc {
    display: flex;
    align-items: center;
    gap: 5px;
}
.dlr_irow .jr_label {
    margin-bottom: 10px;
}
.dlr_irow_jrcs {
    color: var(--line);
}
.dlr_irow_delete {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background: var(--bg);
    border-radius: 5px;
}
.dlrt_pdp .jr_label {
    margin-bottom: 10px;
}
textarea.jr_input.jr_texta {
    height: 251px;
    padding: 25px 18px;
}
.mb_30 {
    margin-bottom: 30px;
}
.sctb_2 {
    width: 90%;
}
.pp_st_com.poppup {
    height: 164px;
}
.pp_st_com .poppup_mt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 20px;
    height: 100%;
}

.alert.alert-danger {
    color: red;
    font-size: 12px;
    margin-top: 5px;
}

.slc_btn_reset {
    padding: 0;
    background: none;
}
.alsp_row {
    display: flex;
    justify-content: space-between;
}
.alsp_column {
    width: 48%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.alsp_column:first-child {
    width: 40%;
}
.alsp_column .prfl_parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.alsp_column .jr_input {
    width: 270px;
    color: var(--text-arrow);
    font-weight: 400;
}
.alsp_btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 15px;
}
.alsp_btn_clear {
    padding: 5px 22px;
    width: fit-content;
}
.alsp_tb {
    width: 16%;
}

.tds_select {
    padding: 0;
    background: none;
}
.tds_select {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    width: 82px;
}
.tds_select .wrp_select {
    color: var(--text-arrow);
    background: var(--detail);
    border-radius: 20px;
    padding: 2px 18px;
}
.tds_select .drop_box_style {
    color: var(--text-arrow);
    padding: 2px 18px;
}

nav ul.pagination {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 20px;
    margin-bottom: 15px;
}
nav ul.pagination li a {
    color: var(--text-arrow);
    opacity: .5;
    transition: .3s;
}
nav ul.pagination li a:hover {
    opacity: 1;
}
nav ul.pagination li.active span {
    color: var(--text-arrow);
}