/* Only for typography page */

@font-face {
    font-family: "Montserratarm";
    src: url('../fonts/montserrat-arm/Montserratarm-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserratarm-italic";
    src: url('../fonts/montserrat-arm/Montserratarm-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Montserratarm-light";
    src: url('../fonts/montserrat-arm/Montserratarm-Light.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Montserratarm-SemiBold';
    src: url('../fonts/montserrat-arm/Montserratarm-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserratarm-Bold';
    src: url('../fonts/montserrat-arm/Montserratarm-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat-italic";
    src: url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat-light";
    src: url('../fonts/montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html[lang="hy"], [lang|="hy"] {
    font-family: "Montserratarm", Sans-serif;
}

html[lang="ru"], [lang|="ru"],
html[lang="en"], [lang|="en"] {
    font-family: "Montserrat", Sans-serif;
}

/* || Main color*/
.mcol {
    color: #0086b2;
}

/* || Main color*/
:root {
    /* Main text Color */
    --mtc: #37474f;
    /* Main Backround Color */
    --mbc: #0086b3;
}

/* || Title*/
.ttl {
    padding: 10px 5px;
    font-size: 15px;
    font-weight: bold;
    color: #263238;
}

.str {
    font-weight: bold;
}

.small {
    font-size: 13px;
}

.typoview {
    width: 96%;
    border-collapse: collapse;
    border: 1px solid black;
    background: white;
    margin: 0 auto;
}


.typoview td,
.typoview th {
    border: 1px solid black;
    padding: 5px;
}

.typoview thead {
    background: #455a64;
    color: white;
}

.typoview td:not(:first-child) {
    width: 30%;
}

/* above code only for typography */

.red {
    border: 1px solid rgba(161, 24, 24, 0.8) !important;
    box-shadow: 0 0 3px rgba(161, 24, 24, 0.9);
}

.tr_red {
    border: 2px solid rgba(161, 24, 24, 0.8) !important;
    box-shadow: 0 0 3px rgba(161, 24, 24, 0.9);
}

.tr_cl {
    position: absolute;
    /* top:20px; */
    background-color: white;
    color: rgba(161, 24, 24, 0.8);
    border-radius: 50%;
    font-size: 10px;
    padding: 15px 5px;
    right: -5px;
}

.bred {
    background: red;
}

/* || Contet*/
* {
    box-sizing: border-box;
}

.container {
    z-index: 0;
}

.content {
    padding: 5px 15px 15px 15px;
    background: #eceff1;
    /* overflow: hidden; */
    min-height: calc(100vh - 75px);
    /* width: 86% */
}

.content_open {
    width: calc(100% - 70px) !important;
    float: right;
}

/* || Grid system*/
.w_40 {
    width: 100%;
}

.w_39 {
    width: 97.5%;
}

.w_38 {
    width: 95%;
}

.w_37 {
    width: 92.5%;
}

.w_36 {
    width: 90%;
}

.w_35 {
    width: 87.5%;
}

.w_34 {
    width: 85%;
}

.w_33 {
    width: 82.5%;
}

.w_32 {
    width: 80%;
}

.w_31 {
    width: 77.5%;
}

.w_30 {
    width: 75%;
}

.w_29 {
    width: 72.5%;
}

.w_28 {
    width: 70%;
}

.w_27 {
    width: 67.5%;
}

.w_2-3 {
    width: 66.6666%;
}

.w_26 {
    width: 65%;
}

.w_25 {
    width: 62.5%;
}

.w_24 {
    width: 60%;
}

.w_23 {
    width: 57.5%;
}

.w_22 {
    width: 55%;
}

.w_21 {
    width: 52.5%;
}

.w_20 {
    width: 50%;
}

.w_19 {
    width: 47.5%;
}

.w_18 {
    width: 45%;
}

.w_17 {
    width: 42.5%;
}

.w_16 {
    width: 40%;
}

.w_15 {
    width: 37.5%;
}

.w_14 {
    width: 35%;
}

.w_1-3 {
    width: calc(100% / 3);
}

.w_1-3_g4 {
    width: calc(100% / 3 - 14px);
}

.w_13 {
    width: 32.5%;
}

.w_12 {
    width: 30%;
}

.w_11 {
    width: 27.5%;
}

.w_10 {
    width: 25%;
}

.w_9 {
    width: 22.5%;
}

.w_8 {
    width: 20%;
}

.w_7 {
    width: 17.5%;
}

.w_1-6 {
    width: calc(100% / 6);
}

.w_6 {
    width: 15%;
}

.w_1-7 {
    width: calc(100% / 7);
}

.w_5 {
    width: 12.5%;
}

.w_1-9 {
    width: calc(100% / 9);
}

.w_4 {
    width: 10%;
}

.w_3 {
    width: 7.5%;
}

.w_2 {
    width: 5%;
}

.w_1 {
    width: 2.5%;
}

.minw_1 {
    min-width: 50px
}

.minw_2 {
    min-width: 60px
}

.minw_3 {
    min-width: 70px
}

.minw_4 {
    min-width: 80px
}

.minw_5 {
    min-width: 90px
}

.minw_6 {
    min-width: 100px
}

.minw_7 {
    min-width: 110px
}

.minw_8 {
    min-width: 120px
}

.minw_9 {
    min-width: 130px
}

.minw_10 {
    min-width: 140px
}

.minw_11 {
    min-width: 150px
}

.minw_12 {
    min-width: 160px
}

.minw_13 {
    min-width: 170px
}

.minw_14 {
    min-width: 180px
}

.minw_15 {
    min-width: 190px
}

.minw_16 {
    min-width: 200px
}

.minw_17 {
    min-width: 210px
}

.minw_18 {
    min-width: 220px
}

.minw_19 {
    min-width: 230px
}

.minw_20 {
    min-width: 240px
}

/*body {*/
/*  margin: 0;*/
/*  padding: 0*/
/*}*/
/*a {*/
/*  text-decoration: none;*/
/*}*/

.d-flex {
    display: flex
}

.fdc {
    flex-direction: column
}

.nwr {
    flex-wrap: nowrap
}

.wr {
    flex-wrap: wrap
}

.jc_c {
    justify-content: center
}

.jc_r {
    justify-content: right
}

.jc_sa {
    justify-content: space-arround
}

.jc_sb {
    justify-content: space-between
}

.jc_se {
    justify-content: space-evenly
}

.g_1 {
    gap: 5px
}

.g_2 {
    gap: 10px
}

.g_3 {
    gap: 15px
}

.g_4 {
    gap: 20px
}

.g_5 {
    gap: 25px
}

.g_6 {
    gap: 30px
}

.ml_0 {
    margin-left: 0px;
}

.ml_1 {
    margin-left: 5px;
}

.ml_2 {
    margin-left: 10px;
}

.ml_3 {
    margin-left: 15px;
}

.ml_4 {
    margin-left: 20px;
}

.ml_5 {
    margin-left: 25px;
}

.ml_6 {
    margin-left: 30px;
}

.ml_7 {
    margin-left: 35px;
}

.ml_8 {
    margin-left: 40px;
}

.ml_9 {
    margin-left: 45px;
}

.ml_10 {
    margin-left: 50px;
}

.ml_11 {
    margin-left: 55px;
}

.ml_12 {
    margin-left: 60px;
}

.mr_0 {
    margin-right: 0px;
}

.mr_1 {
    margin-right: 5px;
}

.mr_2 {
    margin-right: 10px;
}

.mr_3 {
    margin-right: 15px;
}

.mr_4 {
    margin-right: 20px;
}

.mr_5 {
    margin-right: 25px;
}

.mr_6 {
    margin-right: 30px;
}

.mr_7 {
    margin-right: 35px;
}

.mr_8 {
    margin-right: 40px;
}

.mr_9 {
    margin-right: 45px;
}

.mr_10 {
    margin-right: 50px;
}

.mr_11 {
    margin-right: 55px;
}

.mr_12 {
    margin-right: 60px;
}

.mt_0 {
    margin-top: 0px !important;
}

.mt_1 {
    margin-top: 5px;
}

.mt_2 {
    margin-top: 10px !important;
}

.mt_3 {
    margin-top: 15px !important;
}

.mt_4 {
    margin-top: 20px !important;
}

.mt_5 {
    margin-top: 25px;
}

.mt_6 {
    margin-top: 30px;
}

.mt_7 {
    margin-top: 35px;
}

.mt_8 {
    margin-top: 40px;
}

.mt_9 {
    margin-top: 45px;
}

.mt_10 {
    margin-top: 50px;
}

.mt_11 {
    margin-top: 55px;
}

.mt_12 {
    margin-top: 60px;
}

.mb_0 {
    margin-bottom: 0px;
}

.mb_1 {
    margin-bottom: 5px;
}

.mb_2 {
    margin-bottom: 10px;
}

.mb_3 {
    margin-bottom: 15px;
}

.mb_4 {
    margin-bottom: 20px;
}

.mb_5 {
    margin-bottom: 25px;
}

.mb_6 {
    margin-bottom: 30px;
}

.mb_7 {
    margin-bottom: 35px;
}

.mb_8 {
    margin-bottom: 40px;
}

.mb_9 {
    margin-bottom: 45px;
}

.mb_10 {
    margin-bottom: 50px;
}

.mb_11 {
    margin-bottom: 55px;
}

.mb_12 {
    margin-bottom: 60px;
}

.pl_0 {
    padding-left: 0px;
}

.pl_1 {
    padding-left: 5px;
}

.pl_2 {
    padding-left: 10px;
}

.pl_3 {
    padding-left: 15px;
}

.pl_4 {
    padding-left: 20px;
}

.pl_5 {
    padding-left: 25px;
}

.pl_6 {
    padding-left: 30px;
}

.pl_7 {
    padding-left: 35px;
}

.pl_8 {
    padding-left: 40px;
}

.pl_9 {
    padding-left: 45px;
}

.pl_10 {
    padding-left: 50px;
}

.pl_11 {
    padding-left: 55px;
}

.pl_12 {
    padding-left: 60px;
}

.pr_0 {
    padding-right: 0px;
}

.pr_1 {
    padding-right: 5px;
}

.pr_2 {
    padding-right: 10px;
}

.pr_3 {
    padding-right: 15px;
}

.pr_4 {
    padding-right: 20px;
}

.pr_5 {
    padding-right: 25px;
}

.pr_6 {
    padding-right: 30px;
}

.pr_7 {
    padding-right: 35px;
}

.pr_8 {
    padding-right: 40px;
}

.pr_9 {
    padding-right: 45px;
}

.pr_10 {
    padding-right: 50px !important;
}

.pr_11 {
    padding-right: 55px;
}

.pr_12 {
    padding-right: 60px;
}

.pt_0 {
    padding-top: 0px !important;
}

.pt_1 {
    padding-top: 5px;
}

.pt_2 {
    padding-top: 10px;
}

.pt_3 {
    padding-top: 15px;
}

.pt_4 {
    padding-top: 20px;
}

.pt_5 {
    padding-top: 25px;
}

.pt_6 {
    padding-top: 30px;
}

.pt_7 {
    padding-top: 35px;
}

.pt_8 {
    padding-top: 40px;
}

.pt_9 {
    padding-top: 45px;
}

.pt_10 {
    padding-top: 50px;
}

.pt_11 {
    padding-top: 55px;
}

.pt_12 {
    padding-top: 60px;
}

.pb_0 {
    padding-bottom: 0px;
}

.pb_1 {
    padding-bottom: 5px;
}

.pb_2 {
    padding-bottom: 10px;
}

.pb_3 {
    padding-bottom: 15px;
}

.pb_4 {
    padding-bottom: 20px;
}

.pb_5 {
    padding-bottom: 25px;
}

.pb_6 {
    padding-bottom: 30px;
}

.pb_7 {
    padding-bottom: 35px;
}

.pb_8 {
    padding-bottom: 40px;
}

.pb_9 {
    padding-bottom: 45px;
}

.pb_10 {
    padding-bottom: 50px;
}

.pb_11 {
    padding-bottom: 55px;
}

.pb_12 {
    padding-bottom: 60px;
}

.box {
    display: table;
    margin: 0 auto;
}

.box > *:not(legend):not(.box),
.box_c {
    display: table-cell;
    float: none !important;
    vertical-align: middle;
    text-align: center;
}

.box a {
    text-decoration: none;
}

.box div:first-child:not(legend) {
    text-align: left !important;
}

.cnt_bl {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.toc {
    /* Container for Table Of Contents */
    list-style-type: none;
    color: #CFD8DC;
}

.toc a {
    text-decoration: none;
    color: #CFD8DC;
}

.clear {
    clear: both;
}


.text_truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fix_top_btns {
    position: fixed;
    width: 100%;
    left: 0;
    top: 205px;
    border-radius: 10px 10px 10px 10px;
    z-index: 5;
    height: 50px;
    background: #eceff1;
}

.fix_top_btns #completed_all {
    width: 46% !important;
}

.fix_top_btns #back_all {
    width: 46% !important;
}

hr {
    color: #546E7A;
}

.adv_toggle {
    margin: 5px 0 5px 0;
}

.adv_toggle h4 {
    cursor: pointer;
    padding: 2px;
    margin: 0;
/ / display: inline;
/ / width: 200 px;
}

.adv_toggle h4 * {
    float: left;
}

.adv_toggle > div {
    clear: both;
    display: block;
}

.adv_toggle h4 .rot {
/ / position: relative;
}

.inl_anc {
    /* To adjust Inline anchor with the size of fixed header */
    z-index: -1;
    padding-top: 80px;
    margin-top: -80px;
}

.md_iwi img,
.iwi img,
.md_ibgi img {
    height: 20px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 4;
}

.home_form .md_iwi img {
    left: 0;
    top: 58%;
}

.md_fl_dcr img {
    height: 20px;
    left: 10px;
    position: absolute;
    top: 34%;
    transform: translate(0, -50%);
    z-index: 4;
}

.i_left {
    position: absolute;
    right: 0;
    background: #258de0;
    height: 36px;
    display: flex;
    align-items: center;
    width: 34px;
    justify-content: center;
    border-radius: 0 4px 4px 0;
    color: #fff;
}

.md_ibgir img {
    background: #CFD8DC;
}

.av_pill {
    padding: 3px;
    border-radius: 4px;
    margin: 3px;
    border-color: #546e7a;
    display: inline-block;
    background: #F1FAFF;
    color: #258de0;
    font-weight: 500;
    font-family: Montserrat arm, 'Montserrat';
    font-size: 13px;
    padding: 3px 6px
}

span.av_pill:empty {
    border: none;
}


/* Dynamic fields */

.av_df {
    border: 1px solid #E4E6EF;
    padding: 10px 5px 5px;
    position: relative;
    border-radius: 5px;
    margin-top: 20px;
}

.av_df .f_t {
    background-color: #fff;
    padding: 0 10px;
    position: relative;
    top: -13px;
    left: 2px;
    max-width: 96%;
    display: inline-block;
    color: #258de0;
    font-weight: 500
}

.av_df .ei-close,
.av_df .ei-close {
    top: 10px;
    right: 12px;
}

.bsfm span {
    font-size: 0
}

.av_df .dp {
    padding: 3px 10px;
}

.av_df .dp.did-floating-input {
    padding: 6px 9px
}

.ov_x_hidden {
    overflow-x: hidden !important;
}

.ov_y_hidden {
    overflow-y: hidden !important;
}


.m_auto {
    margin: 0 auto;
}

/*.mt_1 {
	margin-top: 2.5%;
}*/

.mt_2 {
    margin-top: 5%;
}

.mt_3 {
    margin-top: 7.5%;
}

.mt_4 {
    margin-top: 10%;
}

.mt_5 {
    margin-top: 12.5%;
}

.mt_6 {
    margin-top: 15%;
}

.mt_7 {
    margin-top: 17.5%;
}

.mt_8 {
    margin-top: 20%;
}

.mt_9 {
    margin-top: 22.5%;
}

.mt_10 {
    margin-top: 25%;
}

.mt_11 {
    margin-top: 27.5%;
}

.mt_12 {
    margin-top: 30%;
}

.mt_13 {
    margin-top: 32.5%;
}

.mt_14 {
    margin-top: 35%;
}

.mt_15 {
    margin-top: 37.5%;
}

.mt_16 {
    margin-top: 40%;
}

.mt_17 {
    margin-top: 42.5%;
}

.mt_18 {
    margin-top: 45%;
}

.mt_19 {
    margin-top: 47.5%;
}

.mt_20 {
    margin-top: 50%;
}

.mt_21 {
    margin-top: 52.5%;
}

.mt_22 {
    margin-top: 55%;
}

.mt_23 {
    margin-top: 57.5%;
}

.mt_24 {
    margin-top: 60%;
}

.mt_25 {
    margin-top: 62.5%;
}

.mt_26 {
    margin-top: 65%;
}

.mt_27 {
    margin-top: 67.5%;
}

.mt_28 {
    margin-top: 70%;
}

.mt_29 {
    margin-top: 72.5%;
}

.mt_30 {
    margin-top: 75%;
}

.mt_31 {
    margin-top: 77.5%;
}

.mt_32 {
    margin-top: 80%;
}

.mt_33 {
    margin-top: 82.5%;
}

.mt_34 {
    margin-top: 85%;
}

.mt_35 {
    margin-top: 87.5%;
}

.mt_36 {
    margin-top: 90%;
}

.mt_37 {
    margin-top: 92.5%;
}

.mt_38 {
    margin-top: 95%;
}

.mt_39 {
    margin-top: 97.5%;
}

.mt_40 {
    margin-top: 100%;
}

.mt_1p {
    margin-top: -1px;
}

.mb_0 {
    margin-bottom: 0 !important;
}

.mb_15 {
    margin-bottom: 15px !important;
}

.mt_15 {
    margin-top: 15px !important;
}

.mb_40 {
    margin-bottom: 40px !important;
}

.mt_sm {
    margin-top: 5px;
}

.mr_sm {
    margin-right: 5px;
}

.ml_sm {
    margin-left: 5px;
}

.mb_sm {
    margin-bottom: 5px;
}

.m_1 {
    margin: 5px;
}

.m_2 {
    margin: 10px;
}


.m_3 {
    margin: 20px;
}


[class^="w_"] {
    /*float: left;*/
    box-sizing: border-box;
}

#show_flt [class^="w_"] {
    float: none;
}

.dbg {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.b_none {
    border: none !important;
}

.fl_r {
    float: right
}

.fl_l {
    float: left
}

.bgn {
    background: none
}

.d_flex {
    display: flex;
}

.d_column {
    flex-direction: column;
}

.wrap {
    flex-wrap: wrap;
}

.jc_sb {
    justify-content: space-between;
}

.jc_se {
    justify-content: space-evenly;
}

.jc_c {
    justify-content: center !important;
}

.d_none {
    display: none !important;
}

.hide {
    display: none
}

.show {
    display: inline-block
}

.ptn {
    cursor: pointer;
}

.cnt {
    text-align: center !important;
}

td.cnt .ei-bc {
    font-size: 24px;
    transition: 0.3s;
}

.cnt.fl_r .ei-bc:hover {
    color: #258de0 !important
}

.rgt {
    text-align: right;
}

.lft {
    text-align: left;
}

.jtf {
    text-align: justify;
}

.row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.row > div {
    margin-bottom: 12px;
}

/*.fixed {*/
/*  width: 100vw;*/
/*  position: fixed;*/
/*  z-index: 500;*/
/*}*/

.fixed_bottom {
    /*position: fixed;*/
    bottom: 0;
    background: #258de0;
    z-index: 8;
    color: white;
    width: 100%;
    text-align: center;
    padding: 6px;
    /*display: flex !important;*/
    left: 0;
    justify-content: center;
}

.fixed_bottom .de_btn,
.fixed_bottom .btn {
    border: 2px solid
}

/*.fixed_tabs {*/
/*  display: none;*/
/*}*/

.nav_w_tabs {
    top: 169px !important;
}

/*.nav_w_tabs_add {*/
/*  top: 72px !important;*/
/*}*/

.nav_w_tabs > :first-child {
    background: #f7f7f7;
    border: 1px solid #CFD8DC;
    /*border-radius: 0 0 10px 10px;*/
    width: 100%;
    margin-left: 1.5px;
}

.nav_w_tabs > :first-child a {
    color: #00688c;
}

.ab_bot {
    position: absolute;
    bottom: 0;
}

.ab_top {
    position: absolute;
    top: 0;
}

.ab_lft {
    position: absolute;
    left: 0;
}

.ab_rgt {
    position: absolute;
    right: 0;
}

.fixed {
    position: fixed;
    /*z-index: 2000;*/
}

.fx_bot {
    position: fixed;
    z-index: 500;
    bottom: 0;
}

.fx_bot {
    position: fixed;
    bottom: 0;
    z-index: 2000;
}

.ab_bot,
.ab_top,
.ab_lft,
.ab_rgt {
    position: absolute;
}

.ab_bot {
    bottom: 0;
}

.ab_top {
    top: 0;
}

.ab_lft {
    left: 0;
}

.ab_rgt {
    right: 0;
}

#start_date .pk {
    width: auto !important;
}

#start_date .pk_hd {
    display: flex;
}

#start_month .av_b {
    min-width: 0;
    max-width: 115px !important;
}

#start_quart .av_b {
    min-width: 0;
    max-width: 115px !important;
}

.date_rage {
    gap: 0 !important;
}

.p_0 {
    padding: 0 !important;
}

.pl_1 {
    padding-left: 5px !important
}

.pl_2 {
    padding-left: 10px !important
}

.pl_3 {
    padding-left: 15px !important
}

.pl_4 {
    padding-left: 20px !important
}

.pl_5 {
    padding-left: 25px !important
}

.pl_6 {
    padding-left: 30px !important
}

.pl_7 {
    padding-left: 35px !important
}

.pl_8 {
    padding-left: 40px !important
}

.pl_9 {
    padding-left: 45px !important
}

.pl_10 {
    padding-left: 50px !important
}

.pl_11 {
    padding-left: 55px !important
}

.pl_12 {
    padding-left: 60px !important
}

.pl_03 {
    padding-left: 3px !important;
}

.pl_0 {
    padding-left: 0 !important;
}

.pr_0 {
    padding-right: 0 !important;
}

.p_ib {
    padding: 6px 12px;
}

.p_03 {
    padding: 3px;
}

.p_1 {
    padding: 10px;
}

.pt_0 {
    padding-top: 0px !important;
}

.p_2 {
    padding: 15px;
}

.p_3 {
    padding: 20px;
}

.p_4 {
    padding: 30px;
}

.pt_4 {
    padding-top: 30px;
}

.p_5 {
    padding: 50px;
}

.pb_0 {
    padding-bottom: 0 !important
}

/*Table*/

.tb {
    width: 100%;
    color: var(--mtc);
    color: #37474f;
    border-collapse: collapse;
    font-family: Montserrat arm, 'Montserrat';
    font-size: 14px;
}

.tb thead a {
    text-decoration: none;
    color: #263238;
    display: flex;
    justify-content: center
}

.tb thead {
}

.tb thead > tr td {
    background: #FFF;
    border-right: 0px
}

.tb thead > tr:last-child td,
.tab-tb thead > tr td,
.tb.ac thead > tr td,
.de_tb thead > tr td {
    background: #F5F8FA
}

.tb thead > tr:last-child td:first-child,
.tab-tb thead > tr:last-child td:first-child,
.tb.ac thead > tr td:first-child,
.de_tb thead > tr td:first-child {
    border-radius: 10px 0 0 10px
}

.tb thead > tr:last-child td:last-child,
.tab-tb thead > tr:last-child td:last-child,
.tb.ac thead > tr td:last-child,
.de_tb thead > tr td:last-child {
    border-radius: 0 10px 10px 0
}

.tb thead > tr,
.de_tb thead > tr {
    color: #3F4254;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Montserrat arm', 'Montserrat';
    font-weight: 500
}

.tb thead > tr .did-floating-label {
    text-transform: none
}

.th_hid {
    position: relative;
    top: -2px;
}

.th_fix {
    position: sticky;
    top: 0;
    z-index: 1;
}

.tb_alert {
    font-weight: bold;
}

.tb_new {
    font-weight: bold;
}

.tb_danger {
    background: #FFF5F8;
    color: #F1416C !important
}


.tb_note {
    background-color: rgb(226, 144, 144);
}

.tb_icn {
    position: relative;
    top: 3px;
}

.t-yes {
    color: #7cb342 !important
}

.l-yes {
    background: #7cb342;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    margin-right: 5px
}


.t-no {
    color: #F1416C !important
}

.l-no {
    background: #F1416C;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    margin-right: 5px
}

.t-pt {
    color: #f2ca5a !important
}

.l-pt {
    background: #f2ca5a;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    margin-right: 5px
}

.t-od {
    color: #9e87dd !important
}

.l-od {
    background: #9e87dd;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 10px;
    line-height: 18px;
    margin-right: 5px;
    font-weight: bold !important
}

.t-cf {
    color: #258de0 !important
}

.l-cf {
    background: #258de0;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 10px;
    line-height: 18px;
    margin-right: 5px;
    font-weight: bold !important
}

.v_and_h_table {
    margin: 10px 0 1em 0;
    /* width: 100%; */
    overflow: hidden;
    background: #fff;
    color: #024457;
    border-radius: 10px;
    /*margin-top: 10px;*/
    /* border: 1px solid #167F92;*/
}

.hor_tb {
    display: flex;
    height: auto;
}

.hor_tb thead tr {
    display: grid;
}

.ver_tb thead tr {
    display: inline-table;
    width: 100%;
}

.ver_tb tbody {
    overflow: auto;
    display: inline-block;
    /*height: 350px;*/
    -webkit-overflow-scrolling: touch;
}

.ver_tb tbody td {
    width: 150px;
}

.hor_tb tbody td {
    width: 110px;
}

.hor_tb tbody tr {
    display: table;
}

.hor_tb tbody {
    display: grid;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.hor_tb tbody tr {
    padding-top: 8px;
}

.v_and_h_table tbody::-webkit-scrollbar,
.tb_cont::-webkit-scrollbar {
    width: 7px;
    height: 8px;
    background: transparent;
}

.v_and_h_table tbody::-webkit-scrollbar-track,
.tb_cont::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(119, 140, 144, 0.3);
}

.v_and_h_table tbody::-webkit-scrollbar-thumb,
.tb_cont::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(119, 140, 144, 0.6);
}

.v_and_h_table tr {
    border: 1px solid #D9E4E6;
}

.v_and_h_table tr:nth-child(odd) {
    background-color: #EAF3F3;
}

.hor_tb tr:nth-child(odd) {
    background-color: #EAF3F3;
    height: 58px;
}

.v_and_h_table th {
    display: none;
    border: 1px solid #FFF;
    background-color: #167F92;
    color: #FFF;
    padding: 1em;
}

.v_and_h_table th:first-child {
    display: table-cell;
    text-align: center;
}

.v_and_h_table th:nth-child(2) {
    display: table-cell;
}

.v_and_h_table th:nth-child(2) span {
    display: none;
}

.v_and_h_table th:nth-child(2):after {
    content: attr(data-th);
}

/*Details Element Table*/

.de_tb {
    width: 100%;
    color: #546E7A;
    border-collapse: collapse;
}

.de_tb a,
.tb a, .tc .btn {
    color: #263238 !important;
}

.w_7.alert {
    background: none !important;
    padding: 0;
    border-top: 0 !important;
}

.alert input {
    background: rgb(247, 195, 167) !important;
}

.desktop_show {
    /* display: table-row; */
}

.light .de_tb thead {
    background: #d6dce1;
    color: #546E7A;
    text-align: center;
}

.de_tb tbody tr:nth-child(even) {
    border-top: 1px solid #EFF2F5
}

.de_tb tbody tr:nth-child(odd) {
    background: #FFF;
}

.de_tb td {
    padding: 7px 5px;
    vertical-align: middle;
}

.sub_tb tr td {
    padding: 3px 4px;
    vertical-align: middle;
}

.sub_tb tr {
    background-color: #f3f5f7 !important;
}

/*.de_tb tr, .de_tb td {
  border: 1px solid #ECEFF1;
}*/

.tb_atb,
.tb_at,
.tb_ab,
.light .tb_atb,
.light .tb_at,
.light .tb_ab {
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
    /*! margin-top: -20px; */
    /*! margin-right: 30px; */
}

.tb_vertical th {
    text-align: center;
    white-space: nowrap;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tb_vertical th:before {
    content: '';
    padding-top: 110%;
    display: inline-block;
    vertical-align: middle;
}

.ei-close,
.ei-down {
    cursor: pointer;
    /* top:7px !important; */
}

.close_block {
    background: #258de0;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    top: -7px !important;
    right: -7px !important;
    font-size: 11px;
    font-weight: bold;
}

.tb_copy,
.tb_del,
.tb_edit,
.tb_add,
.tb_det,
.tb_view .light .tb_copy,
.light .tb_del,
.light .tb_edit,
.light .tb_add,
.light .tb_det,
.light .tb_view {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
}


.sign_block {
    border: 1px solid #000;
    margin-bottom: 10px;

}

.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.tb_atb {
    /*background: url(../images/icon/tb_icons.png) no-repeat 0px;*/
    font-size: 13px;
    font-weight: bold !important;
    display: flex;
    align-items: center;
    transition: 0.3s;
    color: #258de0 !important;
    margin-left: 3px;
}

.tb_atb:hover {
    color: #263238 !important
}

.ei-delete.f_dt {
    color: #258de0 !important;
    font-size: 16px;
    transition: 0.3s;
    cursor: pointer
}

.del_img {
    position: relative
}

.del_img .ei-delete.i_left {
    color: #fff !important;
    top: 0
}

.ei-delete.f_dt:hover {
    color: #263238 !important;
}

/*.tb_at {
  background: url(../images/icon/tb_icons.png) no-repeat -20px;
  font-size: 13px;
  font-weight:bold!important;
    display: flex;
    align-items: center;
	transition: 0.3s;
}

.tb_ab {
  background: url(../images/icon/tb_icons.png) no-repeat -40px;
}

.tb_view {
  background: url(../images/icon/tb_icons.png) no-repeat -160px;
}
/*
.light .tb_atb {
  background: url(../images/icon/tb_icons.png) no-repeat 0px;
}

.light .tb_at {
  background: url(../images/icon/tb_icons.png) no-repeat -20px;
}

.light .tb_ab {
  background: url(../images/icon/tb_icons.png) no-repeat -40px;
}

.tb_copy {
  background: url(../images/icon/tb_icons.png) no-repeat -60px;
}

Table copy

.tb_del {
  background: url(../images/icon/tb_icons.png) no-repeat -80px;
}

delete element

.tb_edit {
  background: url(../images/icon/tb_icons.png) no-repeat -120px;
}

edit element

.tb_add {
  background: url(../images/icon/tb_icons.png) no-repeat -120px;
}

add element

.tb_det {
  background: url(../images/icon/tb_icons.png) no-repeat -140px;
}

/*details element*/

/*.tb_copy {
  background: url(../images/icon/tb_icons.png) no-repeat -60px;
  filter: grayscale(100%);
}*/
.tc a:hover .tb_copy,
.tc a:hover .tb_edit,
.tc a:hover .tb_det {
    filter: grayscale(0%)
}

/*copy element*/

/*.light .tb_del {
  background: url(../images/icon/tb_icons.png) no-repeat -80px;
}*/

/*delete element*/

/*.tb_edit {
  background: url(../images/icon/tb_icons.png) no-repeat -120px;
  filter: grayscale(100%);
}*/

/*edit element

.light .tb_add {
  background: url(../images/icon/tb_icons.png) no-repeat -100px;

}

add element

.tb_det {
  background: url(../images/icon/tb_icons.png) no-repeat -140px;
  filter: grayscale(100%);
}

/*details element*/

#counts_filter .fe_t {
    font-size: 17px;
    text-align: center;
    background: #eceff1;
}

#counts_filter {
    margin-top: 30px;
}

.mfe {
    padding: 18px 0px;
}

.tb tbody tr {
    /* border-bottom: 1px solid #CCCCCC; */
}

.tb tbody tr td .cnt a {
    font-size: 20px
}

.details-list .active-item,
.details-list .passive-item,
.details-list .suspended-item,
.details-list .mai-item,
.details-list .ot-item,
.details-list .my-item {
    margin: unset
}

.active-item {
    background: #f5ffeb;
    color: #7cb342;
    border-radius: 5px;
    padding: 2px 5px;
    font-family: Montserrat arm, 'Montserrat';
    font-size: 12px;
    font-weight: 500;
    margin: 0 auto;
    display: inline-block;
}

.passive-item {
    background: #FFF5F8;
    color: #F1416C;
    border-radius: 5px;
    padding: 2px 5px;
    font-family: Montserrat arm, 'Montserrat';
    font-size: 12px;
    font-weight: 500;
    margin: 0 auto;
    display: inline-block;
}

.suspended-item {
    background: #F1416C;
    color: #FFF5F8;
    border-radius: 5px;
    padding: 2px 5px;
    font-family: Montserrat arm, 'Montserrat';
    font-size: 12px;
    font-weight: 500;
    margin: 0 auto;
    display: inline-block;
}

.mai-item {
    background: #F1FAFF;
    color: #258de0;
    border-radius: 5px;
    padding: 2px 5px;
    font-family: Montserrat arm, 'Montserrat';
    font-size: 12px;
    font-weight: 500;
    margin: 0 auto;
    display: inline-block;
}

.ot-item {
    background: #FFF8DD;
    color: #f2ca5a;
    border-radius: 5px;
    padding: 2px 5px;
    font-family: Montserrat arm, 'Montserrat';
    font-size: 12px;
    font-weight: 500;
    margin: 0 auto;
    display: inline-block;
}

.my-item {
    background: #F8F5FF;
    color: #9e87dd;
    border-radius: 5px;
    padding: 2px 5px;
    font-family: Montserrat arm, 'Montserrat';
    font-size: 12px;
    font-weight: 500;
    margin: 0 auto;
    display: inline-block;
}

.tc {
    display: flex;
    gap: 7px
}

.tc a, .tb thead .btn, .tc .btn, .fastedit {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    background: #F5F8FA;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    font-size: 18px;
    cursor: pointer
}

.tb thead .btn {
    background: #258de0 !important;
    color: #fff !important
}

.tc a:hover, .tc .btn:hover {
    color: #258de0 !important
}

.tc.jc_r .btn:hover {
    color: #fff !important
}

.tc a.tc-button {
    width: auto;
    background: transparent;
}

.tc a.tc-button .de_btn {
    padding: 5px 12px
}

.h_btns a {
    width: 28px;
    height: 28px;
    border-radius: 5px;
    background: #F5F8FA;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    font-size: 18px;
    color: #258de0;
    cursor: pointer;
    margin-right: 8px;
}

.h_btns a:hover {
    background: #F1FAFF;
    color: #878aa0
}

.h_btns a img {
    filter: grayscale(0%);
}

.h_btns a:hover img {
    filter: grayscale(100%);
}

.filtered {
    background: #7cb342
}

.text-center {
    text-align: center
}

/*.tb tbody tr:nth-child(even) {
  background: #becedb;
}*/

.tb tbody tr:nth-child(even) {
    background-color: #eceff1;
}

.tb tbody tr:last-child {
    border: 0
}

.tb td {
    padding: 14px 8px;
    vertical-align: top;
    color: #181C32;
    font-weight: 500;
    position: relative;
    vertical-align: revert;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #CCCCCC;
}

.tb td:empty {
    /* display: none; */
}

.tb td:last-child {
    border-right: 0px solid
}

.gray-text {
    font-weight: 400 !important
}

.gray-text a {
    color: #258de0 !important;
}

.gray-text a:hover {
    color: #37474f !important
}

.tb_cont {
    /**make table can scroll**/
    overflow-x: auto;
    display: block;
    /** add some style**/
    /*padding: 2px;*/
    /*background: #ddd;
margin: 20px 0;
box-shadow: 0 0 1px 3px #ddd;*/
}

.table_bl {
    font-weight: 400;
    text-transform: initial
}

.tb_fixb {
    position: sticky;
    bottom: 0;
}

.tx_ic_r {
    display: flex;
    width: auto;
    position: absolute;
    color: #fff;
    right: 0;
    top: 0;
    z-index: 4;
    background: #258de0;
    height: 100%;
    align-items: center;
    border-radius: 0 4px 4px 0;
    min-width: 36px;
    justify-content: center;
    line-height: 36px;
    font-family: 'Montserrat arm', 'Montserrat';
    font-style: normal;
    padding: 0 5px
}

.onoffswitch {
    position: relative;
    /*width: 30%;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Lightbox */
.onoffswitch.al-c .rt {
    padding: 6px 1rem
}

.onoffswitch .rt label {
    font-weight: normal;
    text-transform: none
}

.hbt {
    text-align: left
}

.sp-arr {
    justify-content: space-around
}

.sp-arr .dell_date {
    right: 9px !important;
    top: 10px !important
}

.lbox,
.lb {
    display: none;
}

.lb_thead {
    float: left;
    display: grid;
}

.lb_tbody {
    float: left;
    display: grid;
}

.lb {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #333333;
}


.lb:target {
    display: flex;
    outline: none;
    background: rgba(0, 0, 0, 0.5)
}

.lb > div, .dialog-ovelay .dialog {
    /*width: -webkit-min-content;*/
    width: -moz-min-content;
    width: min-content;
    min-width: 580px;
    /*min-height: 250px;*/
    margin: auto;
    padding: 10px 15px 10px 20px;
    background-color: #FFF;
    box-shadow: 0 1px 26px -3px #c1c1c1;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-direction: column;
    border-radius: 7px;
    max-height: 80vh;

    /*margin-top: 10%;*/
}

.lb_large > div {
    max-width: 90%;
    width: 850px;
    max-height: 98%;
    height: 800px;
}


.lb_extra_large > div {
    width: 92%;
    max-height: 97%;
    height: 800px;
}

#show_flt .lb_tablet {
    padding-right: 0
}

#show_flt .lb_t {
    margin-right: 20px
}

#show_flt .mfe {
    margin-right: 10px;
    padding: 0
}

.lb .lb_t, .dialog-ovelay .dialog .dialog-msg p {
    /* Title */
    margin: 0;
    padding: 0 0 10px 0px;
    border-bottom: 1px solid #EFF2F5;
    font-size: 20px;
    text-align: center;
    font-family: 'Montserrat arm', 'Montserrat';
    font-weight: 600;
    color: #181C32;
    font-size: 16px
}

.dialog-ovelay .dialog .dialog-msg p {
    border-bottom: 0
}

.lb .lb_cont {
    padding: 5px;
    display: block;
    position: relative;
}

.lb_cont {
    overflow-y: scroll;
}

.lb .lb_cl {
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: #258de0;
    float: right;
    cursor: pointer;
}

.fn {
    white-space: nowrap;
}

/* Button */

/*.btn {
  background: #ECEFF1;
  cursor: pointer;
  color: #546E7A;
  padding: 6px 12px;
  border: 1px solid #90A4AE;
  text-shadow: 0 -1px 0 rgba(236, 239, 241, 0.2);
  display: inline-block;
  border-radius: 2px;
  font-size: 13px;
  font-weight: normal;
}*/
/*
.btn a {
  color: #ECEFF1;
}*/
/*
.btn:hover {
  background: #CFD8DC;
  border-color: #90A4AE;
  color: #263238;
} */

.de_btn,
.btn {
    text-decoration: none;
    background: #258de0;
    color: #ffffff;
    padding: 7.5px 12px;
    font-size: 14px;
    text-shadow: 0 -1px 0 rgba(84, 110, 122, 0.2);
    margin-left: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    display: inline-block;
    border-radius: 7px;
    /*font-family: Montserrat arm, 'Montserrat';*/
    transition: 0.3s;
    border: 0
}

.de_btn:hover,
.btn:hover .sidebar_button:hover {
    background: #0095E8;
    /*border-color:#546E7A;*/
    color: #ffffff !important;
}

input.de_btn {
    border: 0 !important;
    background: #258de0 !important;
    color: #fff !important
}

input.de_btn:hover {
    background: #0095E8 !important
}

/*li.btn_sort.tab:hover {
  background-color: rgb(0, 134, 179) !important;
  color: white !important;
  border: 2px solid white;
  transition: .5s;
}*/
/*
.light .btn {
  border: 0px;
  min-height: 30px;
  text-shadow: 0 -1px 0 rgba(84, 110, 122, 0.2);
  cursor: pointer;
  background: #00688C !important;
  color: #ECEFF1 !important;
}

.light .btn:hover {
  background: #024072 !important;
  color: #ffffff !important;
}

 */

.btn_danger {
    background: #9b2f2c !important;
}

.v_and_h_btn .btn {
    height: 37px;
    margin: 10px;
    padding: 10px;

}

.v_and_h_btn {
    width: 400px;
    margin: auto;
    margin-top: 5px;
    justify-content: space-between;
}

/* Circle */

.circle {
    margin: 0 auto 20px;
    /* max-width: 80%; */
    border-radius: 50%;
    background: #ECEFF1 repeat scroll center center / cover;
}

.light .circle {
    background: #CFD8DC repeat scroll center center / cover;
}

.circle::after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 100%;
    width: 100%;
}

.light .circle::after {
    border: 1px solid #546E7A;
    margin-left: -1px;
}

.circle div {
    color: black;
    float: left;
    line-height: 1em;
    margin-top: -0.5em;
    padding-top: 50%;
    text-align: center;
    width: 100%;
}

/* Switch */

.sw_ic,
.sw_ic.sw_on {
    color: #2e7b32;
    font-weight: bold;
    font-size: 24px;
}

.sw_yesno,
.sw_yesno.sw_on {
    border-radius: 7px;
    background-color: #7cb342;
    color: #ffffff;
    padding: 8px 12px;
    font-size: 14px;
    text-shadow: 0 -1px 0 rgb(84 110 122 / 20%);
    display: inline-block;
    border-radius: 7px;
    font-family: Montserrat arm, 'Montserrat';
    transition: 0.3s;

}

.sw_yesno.sw_off {
    display: inline-block;
    background-color: #F1416C;
    color: #fff;
}

.sw_ic.sw_off {
    /* display:inline-block; */
    color: #A11818;
}

.sw_yesno input,
.sw_yesno input:checked + label::before,
.sw_yesno input:checked,
.sw_ic input,
.sw_ic input:checked + label::before,
.sw_ic input:checked {
    display: none;
}

.sw_yesno label {
    padding: 0 !important;
}

/*new added*/

input[type="text"] {
    transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
}

/* Radio buttons */


/* radio buttons heading/name */
.rb_n {
}

/* radio buttons parent div*/
.rb_p {
    margin: 4px;
    width: 65px;
    display: inline-block
}

/*input[type="radio"]:not('.inited'), input[type="checkbox"]:not(.acc):not('.inited'),*/

input[type="radio"],
input[type="checkbox"]:not(.acc) {
    display: none;
}

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #3d85d8;
    margin-left: 0.5px;
    margin-top: 1px;
    border-radius: 5px
}

input[type="radio"] + label:hover:before,
input[type="checkbox"] + label:hover:before {
    box-shadow: 0 0 5px rgba(255, 255, 255, 1);
}

input[type="radio"] + label,
input[type="checkbox"] + label {
    position: relative;
    cursor: pointer;
    /*! margin-left:5px; */
    padding-left: 30px;
}

input[type="checkbox"] + label {
    height: 20px
}

input[type="radio"] + label:before,
input[type="radio"] + label:after,
input[type="checkbox"]:not(.swi) + label:before,
input[type="checkbox"]:not(.swi) + label:after {
    position: absolute;
    content: "";
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

input[type="radio"] + label:before,
input[type="radio"] + label:after {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #258de0;
}

input[type="radio"] + label:after,
input[type="checkbox"] + label:after {
    top: 50%;
    left: 10px;
    width: 30px;
    height: 30px;
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

input[type=checkbox]:checked + label::before {
    /*content: "\2713";*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%230086b3'/%3e%3c/svg%3e");
    text-align: center;
    font-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

input[type=radio]:checked + label::before {
    background: #258de0;
    -moz-box-shadow: inset 0 0 0 4px #FFF;
    -webkit-box-shadow: inset 0 0 0 4px #fff;
    box-shadow: inset 0 0 0 4px #fff;
    margin-top: 2px;
    margin-left: 0.5px;
}

.lb_r {
    font-size: 15px;
}

label:after {
    background-color: rgba(255, 255, 255, 0.3);
}

.light label:after {
    background-color: rgba(84, 110, 122, 0.7);
}

input[type=radio]:checked + label::after,
input[type=checkbox]:checked + label::after {
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -moz-animation: ripple 1s forwards;
    -webkit-animation: ripple 1s forwards;
    animation: ripple 1s forwards;
}

.light input[type="radio"] + label:hover:before,
.light input[type="checkbox"]:not(.swi) + label:hover:before {
    box-shadow: 0 0 5px rgba(0, 158, 247, 1);
}

.light input[type="radio"] + label:before,
.light input[type="checkbox"]:not(.swi) + label:before {
    border: 1px solid #258de0;
}

.light input[type=radio]:checked + label::before,
.light input[type=checkbox]:checked + label::before {
    -moz-box-shadow: inset 0 0 0 4px #FFF;
    -webkit-box-shadow: inset 0 0 0 4px #FFF;
    box-shadow: inset 0 0 0 4px #FFF;
}

.light input[type=radio]:checked + label::before {
    background: #258de0;
}

.highlight {
    background: #F1FAFF;
    color: #258de0
}

@-moz-keyframes ripple {

    0%,
    100% {
        opacity: 0;
    }

    1% {
        opacity: 0.35;
    }
}

@-webkit-keyframes ripple {

    0%,
    100% {
        opacity: 0;
    }

    1% {
        opacity: 0.35;
    }
}

@keyframes ripple {

    0%,
    100% {
        opacity: 0;
    }

    1% {
        opacity: 0.35;
    }
}

/* Accordion */

.av_accord {
    margin: 5px auto;
    min-width: 50%;
    overflow: hidden;
    border: 1px solid #78909C;
}

.av_accord h3 {
    line-height: 30px;
    margin: 0;
    font-size: 16px;
    /* color: #cfd8dc; */
}

.av_accord ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.av_accord .header,
.av_accord .gr {
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.av_accord li.header {
    /* background: #455A64; */
    background: #78909c;
    border-bottom: 1px solid #CFD8DA;
    /* color: #CFD8DA; */
    color: #263238;
    color: white;
}

.av_accord .wrapper:empty {
    display: none;
}

.av_accord .gr h3 {
    /* font-weight:normal; */
    min-width: 220px;
    padding: 0px 5px 5px 10px;
    text-align: left;
}

.av_acc_s {
    width: 100%;
}

.av_acc_s::-moz-placeholder {
    color: #ECEFF1;
}

.av_accord .gr {
    background: #D6DCE1;
    border-bottom: 1px solid #607d8b;
}

.av_accord .gr .arr {
/ / color: #CFD8DA;
    position: absolute;
    line-height: 30px;
    right: 6rem;
}

.av_accord .gr .arr {
    right: 0.5rem;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.av_accord .gr input[type=checkbox] {
    position: absolute;
    left: 0;
    margin: 0;
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
    opacity: 0;
    background-color: red;
}

.av_accord .gr:hover {
    background: #90a4ae
}

.av_accord .gr input[type=checkbox]:checked ~ div.panel {
    float: left;
    margin: 0;
    max-height: 0;
    /*opacity: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);*/
}

.av_accord .gr input[type=checkbox]:checked ~ span {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.panel .w_40.p_1 {
    border-top: 2px dashed #006064;
}

.panel .w_40.p_1:first-of-type {
    border-top: 2px dashed #006064;
}

.panel {
    text-align: left;
    background-color: #eceff1;
}

.panel h3 {
    font-weight: normal;
}

.panel > div {
    /* padding: 5px; */
}

.panel > div input {
    position: static !important;
}

.panel > span {
    margin: 7px;
    display: block;
    font-style: italic;
}

li.q {
    cursor: pointer;
}

/* Tabs */

.tab_head {
    display: none;
}

.tab_container {
    border: 1px solid #CFD8DC;
    background: #546E7A;
    float: left;
    width: 100%;
    overflow: hidden;
}

.tab_content {
    border: none;
    padding: 20px;
    display: none;
    /*! min-height: 200px; */
}


ul.tabs {
    z-index: 7;
    margin: 0;
    margin-top: 1px;
    margin-left: 1.5px;
    padding: 0;
    float: left;
    list-style: none;
    height: auto;
    width: 99.68%;
    border-bottom: 0;
    /* display: inline-table; */
    border-bottom: 1px solid;
}


ul.tabs li.active {
    border-bottom: 1px solid #546E7A;
    display: block;
}

ul.tabs li:hover {
    color: #258de0 !important;
}

/*.tab_scroll {*/
/*  overflow: hidden;*/
/*  white-space: nowrap;*/
/*  display: inline-flex !important;*/
/*  width: 100%;*/
/*}*/

/*.tabs1-2 {*/
/*  width: 50% !important;*/
/*}*/

/*.tabs1-3 {*/
/*  width: 33.3% !important;*/
/*}*/

/*.tabs1-4 {*/
/*  width: 25% !important;*/
/*}*/

/*.tabs1-5 {*/
/*  width: 20% !important;*/
/*}*/


.tab_v {
    width: 100%;
    overflow: hidden;
}

.tab_v ul.tabs {
    margin-right: -1px;
    margin-top: 0;
    width: auto;
    border-bottom: 0;
}

.tab_v .tab_container {
    float: unset;
    width: unset;
}

.tab_v ul.tabs li {
    display: block;
    float: unset;
    border-bottom: none;
    top: 0px;
}

.tab_v ul.tabs li:last-child {
    border-right: unset;
    border-bottom: 1px solid #CFD8DC;
}

.tab_v ul.tabs li.active {
    background: #546E7A;
    /*border-right: 1px solid #546E7A;*/
}

.tab_v ul.tabs li:hover {
    background-color: #CFD8DC;
    border-right: unset;
    border-bottom: 1px solid #CFD8DC;
}

/* Light theme */

.light .tab_container {
    border: 1px solid #546E7A;
    background: #ECEFF1;
}

.light ul.tabs li {
    border-top: 1px solid #546E7A;
    border-left: 1px solid #546E7A;
    border-radius: 10px 10px 0 0;
    text-align: center;
    background: #eceff1;
}

.light ul.tabs li:last-child {
    border-right: 1px solid #546E7A;
}

.light ul.tabs li.active {
    border-bottom: 1px solid #ECEFF1;
    display: block;
}

.light ul.tabs li:hover {
    background-color: #546E7A;
    color: #CFD8DC;
    border-bottom: 1px solid #546E7A;
}

.light .tab_v .tab_container {
    border: 1px solid #546E7A;
    background: #fff;
}

.light .tab_v ul.tabs li {
    border-top: 1px solid #546E7A;
    border-left: 1px solid #546E7A;
    background: #ECEFF1;
    border-right: 1px solid #546E7A;
}

.light .tab_v ul.tabs li.active {
    background: #fff;
    border-right: 1px solid #fff;
}

.light .tab_v ul.tabs li:last-child {
    border-bottom: 1px solid #546E7A;
}

.light .tab_v ul.tabs li:hover {
    background-color: #546E7A;
    color: #CFD8DC;
    border-bottom: 1px solid #546E7A;
    border-right: 1px solid #546E7A;
}

.datetime_m {
    margin-left: 0;
}

/* av tab*/
ul.av_tabs,
ul.av_tabs .tab_scroll {
    z-index: 5;
    margin: 0;
    margin-top: 1px;
    padding: 0;
    list-style: none;
    height: auto;
    border-bottom: 0;
    white-space: nowrap;
    display: inline-flex;
    /*border-bottom: 2px solid #CFD8DC;*/
    position: relative;
    display: flex;
    gap: 20px;
    /*overflow: auto;*/
    margin-bottom: 15px
}

ul.av_tabs > li,
ul.av_tabs .tab_scroll > li {
    width: auto;
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0 0 10px 0;
    position: relative;
    font-size: 14px;
    font-family: 'Montserrat arm', 'Montserrat';
    color: rgba(0, 0, 0, .5);
    font-weight: 500;
    border-bottom: 2px solid transparent
}

ul.av_tabs > li:hover {
    color: #258de0 !important;
}

ul.av_tabs > li.mtab ul.topen li {
    color: #181C32;
    border-bottom: 1px solid #EFF2F5
}

ul.av_tabs > li.mtab ul.topen li:last-child {
    border: 0
}

ul.av_tabs > li.mtab ul.topen li:hover {
    color: #258de0 !important
}

.mtab {
    /*width: 40px !important;
  border-right: 1px solid #CFD8DC;
  text-align: center;
  padding: 5px 10px !important;*/
}

.mtab > div {
    transform: rotate(90deg) !important;
}

.htab {
    padding: 0;
    list-style: none;
    background: #fff;
    position: absolute;
    z-index: 9;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    right: 0;
    top: 30px;
    border-radius: 7px;
    color: #181C32;
    border: 1px solid #EFF2F5
}

.htab > .ht {
    border-radius: 0;
    padding: 6px 12px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    min-height: 35px !important;
}

.htab > .ht:last-child {
    border-radius: 0 0 5px 5px;
}

.htab > .ht:hover {
    color: #fff;
}

.htab > .act_tab {
    height: 35px !important;
    top: 0 !important;
    color: #258de0 !important;
    border: none !important;
    border-bottom: none !important;
}

.act_tab,
.active_tab {
    color: #258de0 !important;
    border-bottom: 2px solid #258de0 !important
    /*line-height: 40px !important;*/
}

.order {
    width: 35px;
    height: 35px;
    color: white;
    background-color: #258de0;
    font-weight: 500;
    border-radius: 50%;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: absolute;
    top: -5px;
    right: -5px;
    font-family: 'Montserrat arm', 'Montserrat';
}


/* Simple textarea */

/*.tarea {
	width:100%;
	position:relative;
}
.tarea .icon, .tarea img {
	z-index:2;
	float:left;
	background:#546E7A;
	border:1px solid #CFD8DC;
	border-right:1px solid #546E7A;
	//border-radius:2px;
	//border-top-left-radius: 2px;
	//border-bottom-left-radius: 2px;
	padding:4px;
	margin-right:-1;
}

.tarea img { height:28px; }

.light .tarea .icon, .light .tarea img {
	background:#ECEFF1;
	border:1px solid #546E7A;
	border-right:1px solid #ECEFF1;
	color: #0288D1;
}

.tarea .ta {
	border:1px solid #CFD8DC;
    height: 5em;
	overflow: hidden;
	padding:2px;
}

.light .tarea .ta {
	border:1px solid #546E7A;
}


.tarea textarea {
    width: 100%;
	height: 100%;
	background:#546E7A;
	color:#CFD8DC;
	margin:0;
	border:0;
	padding:5px;
	resize: none;
}

.light  .tarea textarea {
	background:#ECEFF1;
	color:#546E7A;
	border:none;
}

.light textarea {
	background:#ECEFF1;
	color:#546E7A;
	border:1px solid #546E7A;
}*/

/* start textarea_n*/

.tarea,
.light .tarea {
    height: 100px;
    position: relative;
    border: 1px solid #CFD8DC;
    margin: 20px;
    display: table;
}

.flags,
.light .flags {
    width: 31px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.flags {
    border-right: 1px solid rgba(157, 178, 188, 0.4);
}

.rqfld {
}

.rqfld:after {
    content: ' \002A';
    color: #5C100F;
    font-weight: 600;
}

.light .flags {
    border-right: 1px solid rgba(122, 133, 138, 0.4);
}

.func,
.light .func {
    width: 20px;
    margin: 5px;
}

.tarea1,
.light .tarea1 {
    width: 100%;
    height: 100%;
    display: table-cell;
    overflow: hidden;
}

.tarea textarea,
.light .tarea textarea {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    padding: 5px;
    resize: none;
}

.light .tarea textarea {
    background: #ECEFF1;
    color: #607D8B;
}

.tarea textarea {
    background: #546E7A;
    color: #CFD8DC;
}

/* end textarea_n*/

/* Colors */

.light,
.light input {
    position: relative;
    background-color: #eceff1;
    color: #546E7A;
}

.light input {
    border: 1px solid #546E7A;
}

.light {
    /* z-index: 4; */
    float: right;
}

.prnt_ttl {
    color: #181C32;
    font-family: 'Montserrat arm', 'Montserrat';
    font-weight: 700;
    position: absolute;
    margin-top: 5px;
}

.dark {
    background: #546E7A;
    color: #cfd8dc;
}

.light .av_file {
    color: rgba(84, 110, 122, 1);
}

.icon_white {
    filter: brightness(0) invert(1);
}

/* Select */

.av_select {
    position: relative;
    /* z-index: 99;*/
}

#counts_filter .av_select {
    z-index: unset
}

.light .av_select {
    position: relative
}

.iwids .av_select, .bb_0 {
    border-bottom: 0 !important;
}

.av_select.av_mult,
.bordered-tags {
    border: 1px solid #3d85d8;
    border-radius: 4px;
    font-family: Montserrat arm, 'Montserrat';
}

.av_select.av_mult i {
    /* height: 32px; */ /*/ by Karo */
    height: 26px;
}

.bordered-tags {
    display: inline-block
}

.bordered-tags > div {
    margin: 0 10px
}

.bordered-tags .did-floating-input {
    border: 0 !important
}

.light .av_select.av_mult {
    border: 1px solid #546E7A;
}

.av_select input {
    border-bottom: 0 !important;
    /* by Karo */
    border: 0;
    min-height: 34px;
}

.ds {
    display: none !important; /*Important is required*/
}

.det_link {
    border-radius: 5px;
    background: #F5F8FA;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    color: #258de0;
    cursor: pointer;
    padding: 0 10px
}

.det_link:hover {
    background: #F1FAFF;
    color: #878aa0;
}

.av_ns {
    padding-left: 5px !important;
}

.av_s,
.av_ns,
.av_b,
.fe_h {
    width: 100%;
}

.av_b {
    position: absolute;
    border: 1px solid #3d85d8 !important;
    border-top: 0 !important;
    margin-top: -3px;
    padding: 0 5px 0 0;
    min-width: 100px;
    background: #fff;
    z-index: 7;
    overflow-y: auto;
    list-style-type: none;
    text-align: left;
    /* padding-left: 5px; */
/ /:;
    max-height: 250px;
    font-family: Montserrat arm, 'Montserrat';
    font-size: 13px;
    font-weight: normal !important;
    border-radius: 0 0 4px 4px
}

.b_sel .av_b {
    border-radius: 4px 4px 0px 0px !important;
    bottom: 13px;
    border-bottom: 0 !important;
    border-top: 1px solid #3d85d8 !important;
    padding-bottom: 11px !important;
}

.b_sel .did-floating-label {
    z-index: 6
}

#avb_product {
    padding-right: 0
}

.nonClick {
    color: #777;
}

.av_b li {
    padding: 3px 3px;
    text-decoration: none;
    border-bottom: 1px solid #D6DCE1;
}

.av_b ul:last-child li:last-child {
    border-bottom: none;
    margin-bottom: 3px
}

.av_b li:first-child {
    /*border-top: 1px solid #D6DCE1;*/
}

.av_b span {
    font-weight: bold;
    line-height: 32px;
    padding-left: 14px
}

.av_b li:hover {
    background: #CFD8DC;
    color: #546E7A
}

/*.light .av_b li:not('.nonClick'):hover {*/
/*  background: #546E7A;*/
/*  color: #CFD8DC*/
/*}*/

.av_b li:not(.av_dis):hover {
    background: #f1faff;
    color: #258de0
}

.dark .av_b {
/ / background: #b0bec5;
}

.light .av_b {
    border: 1px solid #546E7A;
/ / background: #CFD8DC;
    background: #fff;
}

.av_b ul {
    list-style-type: none;
    padding: 0;
    margin-left: 0;
}

.av_b ul li {
    padding-left: 15px
}

.av_b span {
    cursor: default !important;
}

.sel_add_btn {
    cursor: pointer;
    color: #0288d1;
}

.sel_add_input {
    color: #0288d1;
    margin: 0 !important;
    padding: 5px !important;
    font-size: 14px !important;
    width: calc(100% - 29px);
    border: 0px !important;
    background: transparent !important;

}

.add_btn_li {
    background-color: #2899bf;
    border: none;
    color: white;
    padding: 1% 8px 4px 8px;
    /*padding-top: 1%;*/
    font-size: 16px;
    cursor: pointer;
    width: 28px;
}

.add_btn_li:hover {
    background-color: #0488b4;
}

.av_m {
    padding: 2px;
    margin: 0 12px;
/ / display: block;
    font-weight: 500
}

.av_m > li,
.tag_l {
    display: inline-block;
/ / color: #546E7A;
    color: #258de0;
    font-size: .9em;
    position: relative;
    z-index: 4;
    border-radius: 4px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    cursor: pointer;
    margin: 0 5px 5px 0;
    padding: 3px 6px;
    text-align: left;
    background: #f1faff;
    font-weight: 500;
    font-family: Montserrat arm, 'Montserrat';
}

.light .av_m > li {
    color: #546E7A;
    border: 1px solid #546E7A;
}

.lb_b {
    width: 65% !important;
}

.lb_cb {
    text-align: left;
    width: fit-content;
    margin: auto;
}

.av_b li.av_dis {
    opacity: 0.5;
    background: #CCC;
    color: #263238;
}

#open_btn {
    width: 130px;
    height: 36px;
    text-align: center;
    color: #cfd8dc;
    border: 0;
    margin-left: 10px;
    border-radius: 7px;
    background: #258de0;
    font-size: 14px;
    font-family: Montserrat arm, 'Montserrat';
}

/* Common features */

label:not(.il),
.av_b li,
.av_ns,
.av_m,
ul.tabs li,
.tab_head,
.sw_yesno,
.circle,
.pk_hd span,
.pk_hd i,
.cal td,
.adv_toggle h4,
.btn,
.av_b span {
    cursor: pointer;
    /*Non selectable on click */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.toolbar {
    /* height: 30px; */
}

/* Form Elements*/

/*Form Element Group*/

.fe_g {
    border-bottom: 1px solid #E4E6EF;
    display: table;
    height: 55px;
}

.fe_t {
    width: 20%;
    min-width: 270px;
    vertical-align: middle;
    display: table-cell;
    float: none;
    text-align: right;
    padding: 10px 15px;
    color: #258de0;
    font-weight: 600;
    font-size: 14px;
}

.fe_v {
    vertical-align: middle;
    display: table-cell;
    float: none;
    padding: 10px 15px;
    color: #37474f;
    font-size: 14px
}

.fe_f {
    display: flex;
    float: none;
    padding: 10px 0;
    color: #37474f;
    font-size: 14px;
    gap: 20px
}

.fe_ch {
    display: flex;
    float: none;
    padding: 10px 0;
    gap: 5px;
    color: #546E7A;
    text-transform: capitalize;
    font-weight: 400
}

.fe_v > div:not(:last-child) {
    margin-bottom: 10px;
}

.fe_v .w_1-3 {
    margin-right: 20px;
}

.fe_v .w_1-2 {
    margin-right: 30px;
}

.fe_h {
    display: flex;
    color: #fff;
    justify-content: space-between;
    margin-bottom: 20px
}

#t_fe_h {
    text-decoration: none;
    color: #181C32;
    margin-left: 2px;
    font-size: 18px;
    font-family: 'Montserrat arm', 'Montserrat';
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px
}

#t_fe_h span[class^="ei-"] {
    font-size: 28px
}

.fe_ht {
    display: table;
    background: var(--mbc);
    background: #0086b3;
    color: #fff;
    padding: 10px;
    width: 100%;
}

.mobile_show,
.ms {
    display: none;
    text-align: left;
    /*opacity: 0;*/
}

.fe_h > div {
    vertical-align: middle;
    display: table-cell;
}

.fe_h img {
    /* width: 26px; */
    filter: brightness(0%);
}

.btn_faq {
    text-decoration: none;
    color: #fff;
    border: 0.1rem solid;
    width: 24px;
    height: 24px;
    display: inline-flex;
    border-radius: 50%;
    margin-left: 3px;
}

.btn_faq > span {
    margin: 0 auto;
    font-size: 15px;
    font-weight: 600;
}

/*Detail Element Group*/

.de_g {
    border-bottom: 1px solid #EFF2F5;
    display: flex;
}

.b_0 {
    border: 0 !important
}

.centered {
    align-items: center
}

.de_t {
    width: 20%;
    min-width: 270px;
    float: none;
    text-align: right;
    padding: 10px 15px;
    color: #181C32;
    font-weight: 500;
    font-size: 14px;
    justify-content: end;
    align-items: center;
    display: flex;

}

.lngs img {
    margin-right: 10px
}

.final {
    min-width: 8%;
    width: 10%;
}

.de_v {
    display: flex;
    align-items: center;
    float: none;
    padding: 10px 15px;
    font-size: 14px;
    flex-wrap: wrap;
    width: 80%
}

.de_v > div:not(:last-child) {
    /*  margin-bottom: 10px;*/
}

.de_v.d-flex {
    gap: 20px
}

/* Pagination */

/* b-back, n - number, s - selected */

.pg * {
    cursor: pointer;
}

.pg_b,
.pg_n,
.pg_s {
    min-width: 32px;
    height: 32px;
    font-size: 16px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #5E6278;
    transition: all 0.15s ease;
    border-radius: 5px
}

.pageination {
    display: flex;
    gap: 5px;
    font-family: 'Montserrat arm', 'Montserrat';
    font-weight: 500
}

.pg_s {
    background: #258de0;
    color: #fff
}

.pg_b:hover,
.pg_n:hover,
.pg_s:hover {
}

.list-bottom {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
    font-family: 'Montserrat arm', 'Montserrat';
    font-weight: 500;
    width: 100%
}

.quant {
    color: #258de0
}

/*number_url,celected_url*/

.light .pg_b:hover,
.light .pg_n:hover,
.light .pg_s:hover {
    background: #F1FAFF;
    color: #258de0
}

.light .pg_b:active,
.light .pg_n:active,
.light .pg_s:active {
    background: #F1FAFF;
    color: #258de0;
}

/*start Info*/

div.success,
div.error,
div.information,
div.alert {
    /* margin: 20px; */
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

div.alert {
    padding: 6px 12px;
}

div.success,
div.error,
div.alert {
    color: #fff;
}

.alert li {
    color: #546E7A !important;
}

div.success a,
div.error a,
div.alert a {
    color: #fff;
}

div.information {
    color: #546E7A;
}

.soft_alert {
    /*background: none;*/
    /*border: none;*/
}

.soft_alert input {
    background: rgb(250 238 238) !important
}

div.success {
    background: rgba(53, 186, 59, 0.8);
    border: 1px solid rgba(53, 186, 59, 0.8);
}

.light div.success {
    background: rgba(53, 186, 59, 0.9);
    border: 1px solid rgba(53, 186, 59, 0.9);
}

div.error {
    background: rgba(161, 24, 24, 0.8);
    border: 1px solid rgba(161, 24, 24, 0.8);
}

.light div.error {
    background: rgba(161, 24, 24, 0.9);
    border: 1px solid rgba(161, 24, 24, 0.9);
}

/*div.alert {*/
/*  background: rgba(253, 88, 0, 0.8);*/
/*  border: 1px solid rgba(253, 88, 0, 0.9);*/
/*}*/

.light div.alert {
    background: rgba(253, 88, 0, 0.9);
    border: 1px solid rgba(255, 255, 0, 0.9);
}

div.information {
    background: rgb(214, 220, 225);
    border: 1px solid rgba(214, 220, 225, 0.9);
}

.light div.information {
    background: rgb(214, 220, 225);
    border: 1px solid rgba(214, 220, 225, 0.9);
}


div.success:empty,
div.error:empty,
div.alert:empty,
div.information:empty,
.light div.success:empty,
.light div.error:empty,
.light div.alert:empty,
.light div.information:empty {
    display: none;
}


/* start textarea_n*/

.tarea_n,
.light .tarea-n {
    height: 100px;
    position: relative;
    border: 1px solid #CFD8DC;
    margin: 20px;
    display: table;
}

.flags,
.light .flags {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.flags {
    border-right: 1px solid rgba(157, 178, 188, 0.4);
}

.light .flags {
    border-right: 1px solid rgba(122, 133, 138, 0.4);
}

.func,
.light .func {
    width: 20px;
    margin: 5px;
}

.tarea1,
.light .tarea1 {
    width: 100%;
    height: 100%;
    display: table-cell;
    overflow: hidden;
}

.sm_tarea {
    height: 4em;
}

.tarea_n textarea,
.light .tarea_n textarea {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    padding: 5px;
    resize: none;
}

.light .tarea_n textarea {
    background: #ECEFF1;
    color: #607D8B;
}

.tarea_n textarea {
    background: #546E7A;
    color: #CFD8DC;
}

/* end textarea_n*/

/* Tag input*/
#tags_list {
    margin: 0 12px
}

.tag_l {
    font-weight: 500
}

.tag_c {
    margin-left: 4px
}

.tw_4 {
    width: 45px;
}

.tw_5 {
    width: 50px;
}

.tw_6 {
    width: 60px;
}

.tw_7 {
    width: 70px;
}

.tw_8 {
    width: 80px;
}

.tw_85 {
    width: 85px;
}

.tw_9 {
    width: 95px;
}

.tw_10 {
    width: 100px;
}

.tw_11 {
    width: 110px;
}

.tw_12 {
    width: 120px;
}

.tw_13 {
    width: 130px;
}

.tw_14 {
    width: 145px;
}

.tw_15 {
    width: 150px;
}

.tw_16 {
    width: 160px;
}

.tw_18 {
    width: 185px;
}

.light .tx_ic_r .tw_20 {
    width: 200px;
}

.tw_21 {
    width: 210px;
}

.tmw_22 {
    min-width: 220px;
}

.tmw_4 {
    min-width: 45px;
}

.tmw_5 {
    min-width: 50px;
}

.tmw_6 {
    min-width: 60px;
}

.tmw_7 {
    min-width: 70px;
}

.tmw_8 {
    min-width: 80px;
}

.tmw_85 {
    min-width: 85px;
}

.tmw_9 {
    min-width: 95px;
}

.tmw_10 {
    min-width: 100px;
}

.tmw_11 {
    min-width: 110px;
}

.tmw_12 {
    min-width: 120px;
}

.tmw_13 {
    min-width: 130px
}

.tmw_14 {
    min-width: 145px;
}

.tmw_15 {
    min-width: 150px;
}

.tmw_16 {
    min-width: 160px;
}

.tmw_18 {
    width: 185px;
}

.tmw_22 {
    min-width: 220px;
}


.ws {
    white-space: nowrap;
}

.user_ticket {
    margin-left: 50px;
}


input.fe_err,
textarea.fe_err,
select option.fe_err {
    border: 1px solid #F1416C !important;
    background: rgba(161, 24, 24, 0.1);
}

input.fe_err + .did-floating-label {
    color: #F1416C
}

div.fe_err {
    border: 1px solid rgba(161, 24, 24, 1) !important;
    /*background: rgba(161, 24, 24, 0.1);*/

}

input .fe_al,
textarea .fe_al,
select option .fe_al {
    border: 1px solid rgba(255, 255, 0, 0.9);
    background: rgba(255, 255, 0, 0.1)
}

.md_iwoi input[type=text].fe_err,
.md_iwi input[type=text].fe_err,
.md_ibgi input[type=text].fe_err,
.md_iwir input[type=text].fe_err,
.md_ibgir input[type=text].fe_err {
    border: 1px solid rgba(161, 24, 24, 0.8);
}

.md_iwoi input[type=text].fe_al,
.md_iwi input[type=text].fe_al,
.md_ibgi input[type=text].fe_al,
.md_iwir input[type=text].fe_al,
.md_ibgir input[type=text].fe_al {
    border-bottom: 1px solid rgba(255, 255, 0, 0.9);
}

.pc {
    padding: 6px;
}

.home_footer {
    position: relative;
    top: 20vh;
    color: #b7d1dc;
    padding: 20px;
    border-top: 1px solid var(--mbc);
    border-top: 1px solid #0086b3;
    text-align: center;
    font-size: 13px;
    width: 100%;
}

.home_footer a {
    color: #CFD8DC;
    text-decoration: none;
    font-size: 15px;
    text-align: center;
    width: 100%;
}

.lb_ec #submit {
    width: 100%;
    text-align: center;
    margin-top: 6px;
}


#selectall {
    cursor: pointer;
}

#unselectall {
    cursor: pointer;
}

/*
.sel_sn.inited, .sel_ss.inited, .sel_ms.inited{
	margin:0px;
}
*/

.lb_block input[type="radio"] {
    margin-top: 7px;
}

.many {
    overflow: auto;
    overflow-x: hidden;
    height: 160px;
}

.product_cat {
    margin: 5px auto;
    min-width: 33%;
    overflow: hidden;
    border: 1px solid #78909C;
}

.product_cat ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.s_menu li span {
    cursor: pointer;
}


/* Ajax loader circle*/

.ax_loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid var(--mbc);
    border-top: 8px solid #0086b3;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* custom confirm css start */

.dialog-ovelay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999;
    height: 100vh;
    display: flex
}

.dialog-ovelay .dialog header {
    padding: 1% 2%;
    background-color: var(--mbc);
    background-color: #0086b3;
    border-bottom: 1px solid #e5e5e5
}

.dialog-ovelay .dialog header h3 {
    font-size: 14px;
    margin: 0;
    color: #555;
    display: inline-block
}

.dialog-ovelay .dialog header .fa-close {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
    border-radius: 1px
}

.dialog-ovelay .dialog header .fa-close:hover {
    color: #0086b3
}

.dialog-ovelay .dialog header .fa-close:active {
    box-shadow: 0 0 5px #673AB7;
    color: #a2a2a2
}

.dialog-ovelay .dialog .dialog-msg {
    padding: 1% 5%
}

.dialog-ovelay .dialog footer {
    border-top: 1px solid #e5e5e5;
    padding: 8px 10px
}

.dialog-ovelay .dialog footer .controls {
    display: flex;
    justify-content: center;
}

.dialog-ovelay .dialog footer .controls .button {

    text-align: center;
    padding: 9px 25px;
    border-radius: 3px;
}

.button {
    cursor: pointer;
    background: var(--mbc);
    background: #0086b3;
    color: white;
}

.button-default {
    /*background-color: rgb(248, 248, 248);*/
    /*color: #5D5D5D;*/
    border: 1px solid rgba(204, 204, 204, 0.5);
    background: var(--mbc);
    background: #0086b3;
    color: white;
}

.button-danger {
    background-color: #F1416C;
    color: #fff
}

.button-danger:hover {
    background-color: #cb385c;
}

.product_flex {
    display: inline-block;
    width: 100%;
}

.inline {
    display: inline-flex;
}

.ov_a {
    overflow: auto !important;
}

.text_hglt {
    background: #FFD24C;
    padding: 10px;
    margin-bottom: 10px;
    color: #181C32;
    border-radius: 4px;
    box-shadow: 0px 0px 20px 0px rgb(76 87 125 / 2%);
    font-family: 'Montserrat arm', 'Montserrat';
    font-size: 14px;
    font-weight: 500;
}

.fixed_bottom {
    display: none !important;
}

.ov_xu {
    overflow-x: unset !important
}

.bg_none {
    background: none !important
}

/* .menu-button {
  display: inline-block;
  cursor: pointer;
} */

/*  new dropdown buttons */

.dropdown {
    position: relative;
    display: inline-block;
    /* width: 240px; */
    height: 36px;
}

.dropdown-toggle, .btn_right_blc {
    padding: 7.5px 12px;
    cursor: pointer;
    background-color: #258de0;
    color: #fff;
    border: none;
    border-radius: 7px;
    font-size: 14px;
    position: relative;
}

.btn_all_click {
    min-width: 90px;
    height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.btn_right_blc {
    padding: 7.5px 12px;
    cursor: default;
    min-width: 90px;
    height: 36px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.btn_right_text {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: inherit;
    text-overflow: ellipsis;
}

/* .dropdown-toggle:hover {
    background-color: #0056b3;
} */

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 160px;
    max-width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu.up {
    bottom: 100%;
    top: auto;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    color: #333;
    text-align: inherit;
    /* white-space: nowrap; */
    background: none;
    border: 0;
    text-decoration: none;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
}

.dropdown-item:nth-child(even) {
    background: #e3e3e3;
}

.btn_right_click {
    cursor: pointer;
    color: #fff;
    border: none;
    font-size: 16px;
    border-left: 1px solid;
    margin-left: 10px;
    width: 32px;

    display: inline-block;
    position: absolute;
    right: 0px;
    height: calc(100% - 15px);
    padding-left: 10px;
    top: 7px;
}

.dropdown-toggle::after, .btn_right_click::after {
    content: '';
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 15px;
    top: 48%;
    transform: translateY(-50%) rotate(45deg);
}

.btn_right_click::after {
    right: 10px;
}


/* for file */
.line_file {
    overflow: hidden;
}

.d_block {
    display: block;
}

.ml_auto {
    margin-left: auto;
}

.flex-container {
    display: flex;
    align-items: flex-start;
}

.checkbox-label {
    display: flex;
    align-items: center;
    position: relative;
    cursor: default;
    margin-right: 12px;
}

.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-label span {
    cursor: pointer;
}

.checkmark {
    height: 20px;
    min-width: 20px;
    border: 2px solid #000;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-label input:checked ~ .checkmark {
    background-color: #000;
}

.checkbox-label input:checked ~ .checkmark:after {
    display: block !important;
}

.checkbox-label .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.checkbox-label input:checked ~ .checkmark:after, .checkbox-label input:checked ~ .checkmark-wrapper .checkmark:after {
    display: block;
}

.checkbox-label input:checked ~ .checkmark, .checkbox-label input:checked ~ .checkmark-wrapper .checkmark {
    background-color: #000;
}

.checkbox-label .checkmark:after, .checkbox-label .checkmark-wrapper .checkmark:after {
    left: 20%;
    top: 46%;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg) translate(-50%, -50%);
}

.fxdc {
    flex-direction: column;
}

.people-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0;
}

.poeple-item {
    text-align: center;
    margin: 5px;
    width: 100%;
    max-width: 280px;
    transition: all .3s;
}

.poeple-item:hover {
    box-shadow: 0 2px 3px 0 rgba(0,0,0, .5);
}

.poeple-item a {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: #000;
}

.poeple-img {
    width: 180px;
    height: 180px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid rgb(128, 128, 128, .8);
}

.people-fullName,
.people-sphere {
    margin: 0;
    padding: 0;
}

html[lang|="hy"] .people-fullName {
    font-family: 'Montserratarm-SemiBold', Sans-serif;
}

html[lang|="en"] .people-fullName,
html[lang|="ru"] .people-fullName {
    font-family: 'Montserrat-SemiBold', Sans-serif;
}

html[lang|="hy"] .people-position {
    font-style: italic;
}

html[lang|="en"] .people-position,
html[lang|="ru"] .people-position {
    font-style: italic;
}

html[lang|="hy"] .people-sphere {
    font-family: 'Montserratarm-light', Sans-serif;
}

html[lang|="en"] .people-sphere,
html[lang|="ru"] .people-sphere {
    font-family: 'Montserratarm-light', Sans-serif;
}

.event_desc_block {
    border-top: 1px solid  rgba(0,0,0,.5);
    font-style: italic;
    padding-top: 12px;
    font-size: 16px;
}

.backdrop {
    position: fixed;
    /*background: rgba(0, 0, 0, .5);*/
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    /*z-index: 999;*/
}

.msg_container {
    background: #fff;
    padding: 24px 12px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    /*border-radius: 24px;*/
    width: 100%;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .5);
    /*min-height: 180px;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    max-width: 420px;
}

.payment_msg {
    margin: 0 0 24px 0;
    text-align: center;
}

.msg_footer {
    display: flex;
    justify-content: space-between;
}

.msg_footer a {
    min-width: 150px;
    text-align: center;
    padding: 18px;
    display: inline-block;
    color: #000;
    border-radius: 24px;
    border: 1px solid #000;
    transition: all .3s;
    font-size: 14px;
    text-transform: uppercase;
}

.msg_footer a:hover {
    color: #fff;
    background-color: #000;
}

#menu-button {
    display: none;
}
.frozen{
    position: absolute;
    right: 135px;
}
/* custom  confirm css end */

/*responsive*/
@media (max-width: 1199.98px) {
    .xxlw_40 {
        width: 100%;
    }

    .xxlw_39 {
        width: 97.5%;
    }

    .xxlw_38 {
        width: 95%;
    }

    .xxlw_37 {
        width: 92.5%;
    }

    .xxlw_36 {
        width: 90%;
    }

    .xxlw_35 {
        width: 87.5%;
    }

    .xxlw_34 {
        width: 85%;
    }

    .xxlw_33 {
        width: 82.5%;
    }

    .xxlw_32 {
        width: 80%;
    }

    .xxlw_31 {
        width: 77.5%;
    }

    .xxlw_30 {
        width: 75%;
    }

    .xxlw_29 {
        width: 72.5%;
    }

    .xxlw_28 {
        width: 70%;
    }

    .xxlw_27 {
        width: 67.5%;
    }

    .xxlw_26 {
        width: 65%;
    }

    .xxlw_25 {
        width: 62.5%;
    }

    .xxlw_24 {
        width: 60%;
    }

    .xxlw_23 {
        width: 57.5%;
    }

    .xxlw_22 {
        width: 55%;
    }

    .xxlw_21 {
        width: 52.5%;
    }

    .xxlw_20 {
        width: 50%;
    }

    .xxlw_20_g4 {
        width: calc(50% - 10px);
    }

    .xxlw_19 {
        width: 47.5%;
    }

    .xxlw_18 {
        width: 45%;
    }

    .xxlw_17 {
        width: 42.5%;
    }

    .xxlw_16 {
        width: 40%;
    }

    .xxlw_15 {
        width: 37.5%;
    }

    .xxlw_14 {
        width: 35%;
    }

    .xxlw_1-3 {
        width: calc(100% / 3);
    }

    .xxlw_13 {
        width: 32.5%;
    }

    .xxlw_12 {
        width: 30%;
    }

    .xxlw_11 {
        width: 27.5%;
    }

    .xxlw_10 {
        width: 25%;
    }

    .xxlw_9 {
        width: 22.5%;
    }

    .xxlw_8 {
        width: 20%;
    }

    .xxlw_7 {
        width: 17.5%;
    }

    .xxlw_1-6 {
        width: calc(100% / 6);
    }

    .xxlw_6 {
        width: 15%;
    }

    .xxlw_1-7 {
        width: calc(100% / 7);
    }

    .xxlw_5 {
        width: 12.5%;
    }

    .xxlw_1-9 {
        width: calc(100% / 9);
    }

    .xxlw_4 {
        width: 10%;
    }

    .xxlw_3 {
        width: 7.5%;
    }

    .xxlw_2 {
        width: 5%;
    }

    .xxlw_1 {
        width: 2.5%;
    }

    .xxldn {
        display: none
    }

    .xxld-flex {
        display: flex
    }

    .xxlfdc {
        flex-direction: column
    }

    .xxlwr {
        flex-wrap: wrap
    }

    .xxljc_c {
        justify-content: center
    }

    .xxljc_r {
        justify-content: right
    }

    .xxljc_sa {
        justify-content: space-arround
    }

    .xxljc_sb {
        justify-content: space-between
    }

    .xxljc_se {
        justify-content: space-evenly
    }

    .xxlg_1 {
        gap: 5px
    }

    .xxlg_2 {
        gap: 10px
    }

    .xxlg_3 {
        gap: 15px
    }

    .xxlg_4 {
        gap: 20px
    }

    .xxlg_5 {
        gap: 25px
    }

    .xxlg_6 {
        gap: 30px
    }

    .xxlml_0 {
        margin-left: 0px;
    }

    .xxlml_1 {
        margin-left: 5px;
    }

    .xxlml_2 {
        margin-left: 10px;
    }

    .xxlml_3 {
        margin-left: 15px;
    }

    .xxlml_4 {
        margin-left: 20px;
    }

    .xxlml_5 {
        margin-left: 25px;
    }

    .xxlml_6 {
        margin-left: 30px;
    }

    .xxlml_7 {
        margin-left: 35px;
    }

    .xxlml_8 {
        margin-left: 40px;
    }

    .xxlml_9 {
        margin-left: 45px;
    }

    .xxlml_10 {
        margin-left: 50px;
    }

    .xxlml_11 {
        margin-left: 55px;
    }

    .xxlml_12 {
        margin-left: 60px;
    }

    .xxlmr_0 {
        margin-right: 0px;
    }

    .xxlmr_1 {
        margin-right: 5px;
    }

    .xxlmr_2 {
        margin-right: 10px;
    }

    .xxlmr_3 {
        margin-right: 15px;
    }

    .xxlmr_4 {
        margin-right: 20px;
    }

    .xxlmr_5 {
        margin-right: 25px;
    }

    .xxlmr_6 {
        margin-right: 30px;
    }

    .xxlmr_7 {
        margin-right: 35px;
    }

    .xxlmr_8 {
        margin-right: 40px;
    }

    .xxlmr_9 {
        margin-right: 45px;
    }

    .xxlmr_10 {
        margin-right: 50px;
    }

    .xxlmr_11 {
        margin-right: 55px;
    }

    .xxlmr_12 {
        margin-right: 60px;
    }

    .xxlmt_0 {
        margin-top: 0px;
    }

    .xxlmt_1 {
        margin-top: 5px;
    }

    .xxlmt_2 {
        margin-top: 10px;
    }

    .xxlmt_3 {
        margin-top: 15px;
    }

    .xxlmt_4 {
        margin-top: 20px;
    }

    .xxlmt_5 {
        margin-top: 25px;
    }

    .xxlmt_6 {
        margin-top: 30px;
    }

    .xxlmt_7 {
        margin-top: 35px;
    }

    .xxlmt_8 {
        margin-top: 40px;
    }

    .xxlmt_9 {
        margin-top: 45px;
    }

    .xxlmt_10 {
        margin-top: 50px;
    }

    .xxlmt_11 {
        margin-top: 55px;
    }

    .xxlmt_12 {
        margin-top: 60px;
    }

    .xxlmb_0 {
        margin-bottom: 0px;
    }

    .xxlmb_1 {
        margin-bottom: 5px;
    }

    .xxlmb_2 {
        margin-bottom: 10px;
    }

    .xxlmb_3 {
        margin-bottom: 15px;
    }

    .xxlmb_4 {
        margin-bottom: 20px;
    }

    .xxlmb_5 {
        margin-bottom: 25px;
    }

    .xxlmb_6 {
        margin-bottom: 30px;
    }

    .xxlmb_7 {
        margin-bottom: 35px;
    }

    .xxlmb_8 {
        margin-bottom: 40px;
    }

    .xxlmb_9 {
        margin-bottom: 45px;
    }

    .xxlmb_10 {
        margin-bottom: 50px;
    }

    .xxlmb_11 {
        margin-bottom: 55px;
    }

    .xxlmb_12 {
        margin-bottom: 60px;
    }

    .xxlpl_0 {
        padding-left: 0px;
    }

    .xxlpl_1 {
        padding-left: 5px;
    }

    .xxlpl_2 {
        padding-left: 10px;
    }

    .xxlpl_3 {
        padding-left: 15px;
    }

    .xxlpl_4 {
        padding-left: 20px;
    }

    .xxlpl_5 {
        padding-left: 25px;
    }

    .xxlpl_6 {
        padding-left: 30px;
    }

    .xxlpl_7 {
        padding-left: 35px;
    }

    .xxlpl_8 {
        padding-left: 40px;
    }

    .xxlpl_9 {
        padding-left: 45px;
    }

    .xxlpl_10 {
        padding-left: 50px;
    }

    .xxlpl_11 {
        padding-left: 55px;
    }

    .xxlpl_12 {
        padding-left: 60px;
    }

    .xxlpr_0 {
        padding-right: 0px;
    }

    .xxlpr_1 {
        padding-right: 5px;
    }

    .xxlpr_2 {
        padding-right: 10px;
    }

    .xxlpr_3 {
        padding-right: 15px;
    }

    .xxlpr_4 {
        padding-right: 20px;
    }

    .xxlpr_5 {
        padding-right: 25px;
    }

    .xxlpr_6 {
        padding-right: 30px;
    }

    .xxlpr_7 {
        padding-right: 35px;
    }

    .xxlpr_8 {
        padding-right: 40px;
    }

    .xxlpr_9 {
        padding-right: 45px;
    }

    .xxlpr_10 {
        padding-right: 50px;
    }

    .xxlpr_11 {
        padding-right: 55px;
    }

    .xxlpr_12 {
        padding-right: 60px;
    }

    .xxlpt_0 {
        padding-top: 0px;
    }

    .xxlpt_1 {
        padding-top: 5px;
    }

    .xxlpt_2 {
        padding-top: 10px;
    }

    .xxlpt_3 {
        padding-top: 15px;
    }

    .xxlpt_4 {
        padding-top: 20px;
    }

    .xxlpt_5 {
        padding-top: 25px;
    }

    .xxlpt_6 {
        padding-top: 30px;
    }

    .xxlpt_7 {
        padding-top: 35px;
    }

    .xxlpt_8 {
        padding-top: 40px;
    }

    .xxlpt_9 {
        padding-top: 45px;
    }

    .xxlpt_10 {
        padding-top: 50px;
    }

    .xxlpt_11 {
        padding-top: 55px;
    }

    .xxlpt_12 {
        padding-top: 60px;
    }

    .xxlpb_0 {
        padding-bottom: 0px;
    }

    .xxlpb_1 {
        padding-bottom: 5px;
    }

    .xxlpb_2 {
        padding-bottom: 10px;
    }

    .xxlpb_3 {
        padding-bottom: 15px;
    }

    .xxlpb_4 {
        padding-bottom: 20px;
    }

    .xxlpb_5 {
        padding-bottom: 25px;
    }

    .xxlpb_6 {
        padding-bottom: 30px;
    }

    .xxlpb_7 {
        padding-bottom: 35px;
    }

    .xxlpb_8 {
        padding-bottom: 40px;
    }

    .xxlpb_9 {
        padding-bottom: 45px;
    }

    .xxlpb_10 {
        padding-bottom: 50px;
    }

    .xxlpb_11 {
        padding-bottom: 55px;
    }

    .xxlpb_12 {
        padding-bottom: 60px;
    }


    /*sidebar*/
    /*#sidebar_regulators{*/
    /*  display: none;*/
    /*}*/
    /*.dropdown > li > span {*/
    /*  display: none;*/
    /*}*/
    #open_btn {
        margin-left: 10px;
        margin-top: 15px;
    }

    /*.fl_r .icon-logout, .fl_r .icon-settings, .fl_r .icon-search{*/
    /*  top: 25px;*/
    /*}*/
    /* .w_5, .w_7 {
    width: 30%;
  }*/
    .fe_t {
        /*text-align: center;*/
        padding: 10px 5px;
    }

}

@media (max-width: 1023.98px) {
    .xlw_40 {
        width: 100%;
    }

    .xlw_39 {
        width: 97.5%;
    }

    .xlw_38 {
        width: 95%;
    }

    .xlw_37 {
        width: 92.5%;
    }

    .xlw_36 {
        width: 90%;
    }

    .xlw_35 {
        width: 87.5%;
    }

    .xlw_34 {
        width: 85%;
    }

    .xlw_33 {
        width: 82.5%;
    }

    .xlw_32 {
        width: 80%;
    }

    .xlw_31 {
        width: 77.5%;
    }

    .xlw_30 {
        width: 75%;
    }

    .xlw_29 {
        width: 72.5%;
    }

    .xlw_28 {
        width: 70%;
    }

    .xlw_27 {
        width: 67.5%;
    }

    .xlw_26 {
        width: 65%;
    }

    .xlw_25 {
        width: 62.5%;
    }

    .xlw_24 {
        width: 60%;
    }

    .xlw_23 {
        width: 57.5%;
    }

    .xlw_22 {
        width: 55%;
    }

    .xlw_21 {
        width: 52.5%;
    }

    .xlw_20 {
        width: 50%;
    }

    .xlw_20_g4 {
        width: calc(50% - 10px);
    }

    .xlw_19 {
        width: 47.5%;
    }

    .xlw_18 {
        width: 45%;
    }

    .xlw_17 {
        width: 42.5%;
    }

    .xlw_16 {
        width: 40%;
    }

    .xlw_15 {
        width: 37.5%;
    }

    .xlw_14 {
        width: 35%;
    }

    .xlw_1-3 {
        width: calc(100% / 3);
    }

    .xlw_13 {
        width: 32.5%;
    }

    .xlw_12 {
        width: 30%;
    }

    .xlw_11 {
        width: 27.5%;
    }

    .xlw_10 {
        width: 25%;
    }

    .xlw_9 {
        width: 22.5%;
    }

    .xlw_8 {
        width: 20%;
    }

    .xlw_7 {
        width: 17.5%;
    }

    .xlw_1-6 {
        width: calc(100% / 6);
    }

    .xlw_6 {
        width: 15%;
    }

    .xlw_1-7 {
        width: calc(100% / 7);
    }

    .xlw_5 {
        width: 12.5%;
    }

    .xlw_1-9 {
        width: calc(100% / 9);
    }

    .xlw_4 {
        width: 10%;
    }

    .xlw_3 {
        width: 7.5%;
    }

    .xlw_2 {
        width: 5%;
    }

    .xlw_1 {
        width: 2.5%;
    }

    .xldn {
        display: none
    }

    .xld-flex {
        display: flex
    }

    .xlfdc {
        flex-direction: column
    }

    .xlwr {
        flex-wrap: wrap
    }

    .xljc_c {
        justify-content: center
    }

    .xljc_r {
        justify-content: right
    }

    .xljc_sa {
        justify-content: space-arround
    }

    .xljc_sb {
        justify-content: space-between
    }

    .xljc_se {
        justify-content: space-evenly
    }

    .xlg_1 {
        gap: 5px
    }

    .xlg_2 {
        gap: 10px
    }

    .xlg_3 {
        gap: 15px
    }

    .xlg_4 {
        gap: 20px
    }

    .xlg_5 {
        gap: 25px
    }

    .xlg_6 {
        gap: 30px
    }

    .xlml_0 {
        margin-left: 0px;
    }

    .xlml_1 {
        margin-left: 5px;
    }

    .xlml_2 {
        margin-left: 10px;
    }

    .xlml_3 {
        margin-left: 15px;
    }

    .xlml_4 {
        margin-left: 20px;
    }

    .xlml_5 {
        margin-left: 25px;
    }

    .xlml_6 {
        margin-left: 30px;
    }

    .xlml_7 {
        margin-left: 35px;
    }

    .xlml_8 {
        margin-left: 40px;
    }

    .xlml_9 {
        margin-left: 45px;
    }

    .xlml_10 {
        margin-left: 50px;
    }

    .xlml_11 {
        margin-left: 55px;
    }

    .xlml_12 {
        margin-left: 60px;
    }

    .xlmr_0 {
        margin-right: 0px;
    }

    .xlmr_1 {
        margin-right: 5px;
    }

    .xlmr_2 {
        margin-right: 10px;
    }

    .xlmr_3 {
        margin-right: 15px;
    }

    .xlmr_4 {
        margin-right: 20px;
    }

    .xlmr_5 {
        margin-right: 25px;
    }

    .xlmr_6 {
        margin-right: 30px;
    }

    .xlmr_7 {
        margin-right: 35px;
    }

    .xlmr_8 {
        margin-right: 40px;
    }

    .xlmr_9 {
        margin-right: 45px;
    }

    .xlmr_10 {
        margin-right: 50px;
    }

    .xlmr_11 {
        margin-right: 55px;
    }

    .xlmr_12 {
        margin-right: 60px;
    }

    .xlmt_0 {
        margin-top: 0px;
    }

    .xlmt_1 {
        margin-top: 5px;
    }

    .xlmt_2 {
        margin-top: 10px;
    }

    .xlmt_3 {
        margin-top: 15px;
    }

    .xlmt_4 {
        margin-top: 20px;
    }

    .xlmt_5 {
        margin-top: 25px;
    }

    .xlmt_6 {
        margin-top: 30px;
    }

    .xlmt_7 {
        margin-top: 35px;
    }

    .xlmt_8 {
        margin-top: 40px;
    }

    .xlmt_9 {
        margin-top: 45px;
    }

    .xlmt_10 {
        margin-top: 50px;
    }

    .xlmt_11 {
        margin-top: 55px;
    }

    .xlmt_12 {
        margin-top: 60px;
    }

    .xlmb_0 {
        margin-bottom: 0px;
    }

    .xlmb_1 {
        margin-bottom: 5px;
    }

    .xlmb_2 {
        margin-bottom: 10px;
    }

    .xlmb_3 {
        margin-bottom: 15px;
    }

    .xlmb_4 {
        margin-bottom: 20px;
    }

    .xlmb_5 {
        margin-bottom: 25px;
    }

    .xlmb_6 {
        margin-bottom: 30px;
    }

    .xlmb_7 {
        margin-bottom: 35px;
    }

    .xlmb_8 {
        margin-bottom: 40px;
    }

    .xlmb_9 {
        margin-bottom: 45px;
    }

    .xlmb_10 {
        margin-bottom: 50px;
    }

    .xlmb_11 {
        margin-bottom: 55px;
    }

    .xlmb_12 {
        margin-bottom: 60px;
    }

    .xlpl_0 {
        padding-left: 0px;
    }

    .xlpl_1 {
        padding-left: 5px;
    }

    .xlpl_2 {
        padding-left: 10px;
    }

    .xlpl_3 {
        padding-left: 15px;
    }

    .xlpl_4 {
        padding-left: 20px;
    }

    .xlpl_5 {
        padding-left: 25px;
    }

    .xlpl_6 {
        padding-left: 30px;
    }

    .xlpl_7 {
        padding-left: 35px;
    }

    .xlpl_8 {
        padding-left: 40px;
    }

    .xlpl_9 {
        padding-left: 45px;
    }

    .xlpl_10 {
        padding-left: 50px;
    }

    .xlpl_11 {
        padding-left: 55px;
    }

    .xlpl_12 {
        padding-left: 60px;
    }

    .xlpr_0 {
        padding-right: 0px;
    }

    .xlpr_1 {
        padding-right: 5px;
    }

    .xlpr_2 {
        padding-right: 10px;
    }

    .xlpr_3 {
        padding-right: 15px;
    }

    .xlpr_4 {
        padding-right: 20px;
    }

    .xlpr_5 {
        padding-right: 25px;
    }

    .xlpr_6 {
        padding-right: 30px;
    }

    .xlpr_7 {
        padding-right: 35px;
    }

    .xlpr_8 {
        padding-right: 40px;
    }

    .xlpr_9 {
        padding-right: 45px;
    }

    .xlpr_10 {
        padding-right: 50px;
    }

    .xlpr_11 {
        padding-right: 55px;
    }

    .xlpr_12 {
        padding-right: 60px;
    }

    .xlpt_0 {
        padding-top: 0px;
    }

    .xlpt_1 {
        padding-top: 5px;
    }

    .xlpt_2 {
        padding-top: 10px;
    }

    .xlpt_3 {
        padding-top: 15px;
    }

    .xlpt_4 {
        padding-top: 20px;
    }

    .xlpt_5 {
        padding-top: 25px;
    }

    .xlpt_6 {
        padding-top: 30px;
    }

    .xlpt_7 {
        padding-top: 35px;
    }

    .xlpt_8 {
        padding-top: 40px;
    }

    .xlpt_9 {
        padding-top: 45px;
    }

    .xlpt_10 {
        padding-top: 50px;
    }

    .xlpt_11 {
        padding-top: 55px;
    }

    .xlpt_12 {
        padding-top: 60px;
    }

    .xlpb_0 {
        padding-bottom: 0px;
    }

    .xlpb_1 {
        padding-bottom: 5px;
    }

    .xlpb_2 {
        padding-bottom: 10px;
    }

    .xlpb_3 {
        padding-bottom: 15px;
    }

    .xlpb_4 {
        padding-bottom: 20px;
    }

    .xlpb_5 {
        padding-bottom: 25px;
    }

    .xlpb_6 {
        padding-bottom: 30px;
    }

    .xlpb_7 {
        padding-bottom: 35px;
    }

    .xlpb_8 {
        padding-bottom: 40px;
    }

    .xlpb_9 {
        padding-bottom: 45px;
    }

    .xlpb_10 {
        padding-bottom: 50px;
    }

    .xlpb_11 {
        padding-bottom: 55px;
    }

    .xlpb_12 {
        padding-bottom: 60px;
    }


    /* header top */
    .dpi_title {
        min-height: 65px;
        font-size: 13px;
        padding: 5px;
    }

    .sidebar_button {
        display: none;
    }

    .content {
        padding: 5px;
    }

    .onoffswitch {
        width: 50%;
        margin-top: 13px;
        margin-bottom: 13px;
    }

    /*.icon {*/
    /*  top: 50px;*/
    /*  position: absolute;*/
    /*  margin-left: -70px;*/
    /*}*/
    form > div {
        width: 100%;
    }

    form input {
        width: 100%;
    }

    .tb_copy,
    .tb_del,
    .tb_edit,
    .tb_det,
    .light .tb_copy,
    .light .tb_del,
    .light .tb_edit,
    .light .tb_det {
        margin-left: 20px;
    }

    .fl_r {
        float: right;
    }

    /*.fl_r .icon-logout, .fl_r .icon-settings, .fl_r .icon-note, .fl_r .icon-search {*/
    /*  margin-top: 0 !important;*/
    /*}*/
    .de_v {
        width: 100%;
        padding: 10px 15px;
        display: flex;
    }

    .w_1-3 {
        width: 33%;
    }

    .w_1-2 {
        width: 45%;
    }

    /*
   .btn {
    width: 100%;
    height: 35px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    background: #00688C;
  }
   */
    table thead {
        /* display: none;*/
    }

    .tb_cont {
        max-height: none;
    }

    .tb_fixb {
        position: relative;
        bottom: inherit;
    }

    .pk_mba {
        display: table-cell !important;
    }

    table td:last-child {
        border-bottom: 0;
    }

    table td:before {
        content: attr(data-label);
        float: left;
        /*text-transform: uppercase;*/
        font-weight: bold;
    }

    .w_7,
    .w_5,
    .w_4,
    .w_6,
    .w_3,
    .w_12,
    .w_14

        /*,  .w_14 > .w_13*/
    {
        width: 24%;
    }

    /*.w_13{
	width:100%;
	}*/
    .md_iwi {
        margin-top: 5px;
    }

    .w_8,
    .w_15,
    .w_25,
    .w_12,
    .w_14,
    .w_10,
    .w_13 {
        width: 100%;
    }

    /*.w_5, .w_6, .w_3, .w_7, .w_4, .w_19{
	width:50%;
	}*/
    /*.w_7 .ml_2 .md_iwi .icon{
	margin-left:60px;
	}*/
    /*.ml_1 .icon{
	margin-left:60px;
	}

	.ml_2 .icon{
	margin-left:0;
	}*/
    .fe_v .md_iwoi,
    .fe_v .md_iwir,
    .fe_v .md_iwids,
    .fe_v .md_iwi {
        padding-right: 5px;
        padding-left: 5px;
    }

    /*.fe_v .icon-right{
	margin-left:60px;
	}*/
    /*.fe_v .md_iwi{
	margin: 5px 25%;
	}*/
    .ml_2,
    .ml_1,
    .ml_3 {
        margin-left: 0;
    }

    .fe_v > div:not(:last-child) {
        margin-bottom: 3px;
    }

    .fe_v .md_iwi .icon {
        position: relative;
        margin-left: -22px;
    }

    .mobile_show {
        display: block;
        text-align: left;
        /*padding-left: 10px;*/
        /*opacity: 1;*/
    }

    .desktop_show {
        display: none;
    }

    thead tr:nth-child(2) {
        /* display: none; */
    }

    #discount_regulators > .btn {
        width: 32.7% !important;
    }

    #discount_regulators > #d_i {
        width: 100% !important;
        margin-bottom: 10px;
    }

    /*.av_df .f_t {
		top: -30px
	}*/
    .topnav,
    .bottomnav {
        overflow-x: scroll;
        background-color: #00688c;
        /* width: 246vh; */
        /* display: flex; */
        /* justify-content: space-between; */
        /* overflow: auto; */
        white-space: nowrap;
        /* width: calc(33.33% - 2px);*/
        overflow-y: hidden !important;
    }

    .bottomnav_pos {
        bottom: 38px !important;
        position: fixed;
        width: 100%;
        left: 0;
        z-index: 9;
    }

    .topnav a,
    .bottomnav a {
        color: #f2f2f2;
        text-align: center;
        padding: 12px 0;
        text-decoration: none;
        font-size: 14px;
        width: fit-content;
        display: inline-flex;
        width: 32.33%;
        justify-content: center;
    }

    ul.tabs li {
        padding: 0px 15px;
    }

    .topnav a:hover,
    .bottomnav a:hover {
        background-color: #ddd;
        color: black;
    }

    .topnav a.active,
    .bottomnav a:hover {
        background-color: #4CAF50;
        color: white;
    }

    .datetime_m {
        margin-left: 0;
    }

    .fix_bottom_2_btn {
        display: flex;
        position: sticky;
        width: 100%;
        bottom: 26px;
        z-index: 8;
        left: 0;
        margin: 0;
    }

    .fix_bottom_2_btn > div {
        flex: 3 1 0px;
    }

    .fix_bottom_2_btn > a {
        flex: 3 1 0px;
        text-decoration: none;
    }
}


@media (max-width: 900.98px) {

    .lw_40 {
        width: 100%;
    }

    .lw_39 {
        width: 97.5%;
    }

    .lw_38 {
        width: 95%;
    }

    .lw_37 {
        width: 92.5%;
    }

    .lw_36 {
        width: 90%;
    }

    .lw_35 {
        width: 87.5%;
    }

    .lw_34 {
        width: 85%;
    }

    .lw_33 {
        width: 82.5%;
    }

    .lw_32 {
        width: 80%;
    }

    .lw_31 {
        width: 77.5%;
    }

    .lw_30 {
        width: 75%;
    }

    .lw_29 {
        width: 72.5%;
    }

    .lw_28 {
        width: 70%;
    }

    .lw_27 {
        width: 67.5%;
    }

    .lw_26 {
        width: 65%;
    }

    .lw_25 {
        width: 62.5%;
    }

    .lw_24 {
        width: 60%;
    }

    .lw_23 {
        width: 57.5%;
    }

    .lw_22 {
        width: 55%;
    }

    .lw_21 {
        width: 52.5%;
    }

    .lw_20 {
        width: 50%;
    }

    .lw_20_g4 {
        width: calc(50% - 10px)
    }

    .lw_19 {
        width: 47.5%;
    }

    .lw_18 {
        width: 45%;
    }

    .lw_17 {
        width: 42.5%;
    }

    .lw_16 {
        width: 40%;
    }

    .lw_15 {
        width: 37.5%;
    }

    .lw_14 {
        width: 35%;
    }

    .lw_1-3 {
        width: calc(100% / 3);
    }

    .lw_1-3_g4 {
        width: calc(100% / 3 - 14px)
    }

    .lw_13 {
        width: 32.5%;
    }

    .lw_12 {
        width: 30%;
    }

    .lw_11 {
        width: 27.5%;
    }

    .lw_10 {
        width: 25%;
    }

    .lw_9 {
        width: 22.5%;
    }

    .lw_8 {
        width: 20%;
    }

    .lw_7 {
        width: 17.5%;
    }

    .lw_1-6 {
        width: calc(100% / 6);
    }

    .lw_6 {
        width: 15%;
    }

    .lw_1-7 {
        width: calc(100% / 7);
    }

    .lw_5 {
        width: 12.5%;
    }

    .lw_1-9 {
        width: calc(100% / 9);
    }

    .lw_4 {
        width: 10%;
    }

    .lw_3 {
        width: 7.5%;
    }

    .lw_2 {
        width: 5%;
    }

    .lw_1 {
        width: 2.5%;
    }

    .ldn {
        display: none
    }

    .ld-flex {
        display: flex
    }

    .lfdc {
        flex-direction: column
    }

    .lnwr {
        flex-wrap: nowrap
    }

    .lwr {
        flex-wrap: wrap
    }

    .ljc_c {
        justify-content: center
    }

    .ljc_r {
        justify-content: right
    }

    .ljc_sa {
        justify-content: space-arround
    }

    .ljc_sb {
        justify-content: space-between
    }

    .ljc_se {
        justify-content: space-evenly
    }

    .lg_1 {
        gap: 5px
    }

    .lg_2 {
        gap: 10px
    }

    .lg_3 {
        gap: 15px
    }

    .lg_4 {
        gap: 20px
    }

    .lg_5 {
        gap: 25px
    }

    .lg_6 {
        gap: 30px
    }

    .lml_0 {
        margin-left: 0px;
    }

    .lml_1 {
        margin-left: 5px;
    }

    .lml_2 {
        margin-left: 10px;
    }

    .lml_3 {
        margin-left: 15px;
    }

    .lml_4 {
        margin-left: 20px;
    }

    .lml_5 {
        margin-left: 25px;
    }

    .lml_6 {
        margin-left: 30px;
    }

    .lml_7 {
        margin-left: 35px;
    }

    .lml_8 {
        margin-left: 40px;
    }

    .lml_9 {
        margin-left: 45px;
    }

    .lml_10 {
        margin-left: 50px;
    }

    .lml_11 {
        margin-left: 55px;
    }

    .lml_12 {
        margin-left: 60px;
    }

    .lmr_0 {
        margin-right: 0px;
    }

    .lmr_1 {
        margin-right: 5px;
    }

    .lmr_2 {
        margin-right: 10px;
    }

    .lmr_3 {
        margin-right: 15px;
    }

    .lmr_4 {
        margin-right: 20px;
    }

    .lmr_5 {
        margin-right: 25px;
    }

    .lmr_6 {
        margin-right: 30px;
    }

    .lmr_7 {
        margin-right: 35px;
    }

    .lmr_8 {
        margin-right: 40px;
    }

    .lmr_9 {
        margin-right: 45px;
    }

    .lmr_10 {
        margin-right: 50px;
    }

    .lmr_11 {
        margin-right: 55px;
    }

    .lmr_12 {
        margin-right: 60px;
    }

    .lmt_0 {
        margin-top: 0px;
    }

    .lmt_1 {
        margin-top: 5px;
    }

    .lmt_2 {
        margin-top: 10px;
    }

    .lmt_3 {
        margin-top: 15px;
    }

    .lmt_4 {
        margin-top: 20px;
    }

    .lmt_5 {
        margin-top: 25px;
    }

    .lmt_6 {
        margin-top: 30px;
    }

    .lmt_7 {
        margin-top: 35px;
    }

    .lmt_8 {
        margin-top: 40px;
    }

    .lmt_9 {
        margin-top: 45px;
    }

    .lmt_10 {
        margin-top: 50px;
    }

    .lmt_11 {
        margin-top: 55px;
    }

    .lmt_12 {
        margin-top: 60px;
    }

    .lmb_0 {
        margin-bottom: 0px !important;
    }

    .lmb_1 {
        margin-bottom: 5px;
    }

    .lmb_2 {
        margin-bottom: 10px;
    }

    .lmb_3 {
        margin-bottom: 15px;
    }

    .lmb_4 {
        margin-bottom: 20px !important;
    }

    .lmb_5 {
        margin-bottom: 25px;
    }

    .lmb_6 {
        margin-bottom: 30px;
    }

    .lmb_7 {
        margin-bottom: 35px;
    }

    .lmb_8 {
        margin-bottom: 40px;
    }

    .lmb_9 {
        margin-bottom: 45px;
    }

    .lmb_10 {
        margin-bottom: 50px;
    }

    .lmb_11 {
        margin-bottom: 55px;
    }

    .lmb_12 {
        margin-bottom: 60px;
    }

    .lpl_0 {
        padding-left: 0px;
    }

    .lpl_1 {
        padding-left: 5px;
    }

    .lpl_2 {
        padding-left: 10px;
    }

    .lpl_3 {
        padding-left: 15px;
    }

    .lpl_4 {
        padding-left: 20px;
    }

    .lpl_5 {
        padding-left: 25px;
    }

    .lpl_6 {
        padding-left: 30px;
    }

    .lpl_7 {
        padding-left: 35px;
    }

    .lpl_8 {
        padding-left: 40px;
    }

    .lpl_9 {
        padding-left: 45px;
    }

    .lpl_10 {
        padding-left: 50px;
    }

    .lpl_11 {
        padding-left: 55px;
    }

    .lpl_12 {
        padding-left: 60px;
    }

    .lpr_0 {
        padding-right: 0px;
    }

    .lpr_1 {
        padding-right: 5px;
    }

    .lpr_2 {
        padding-right: 10px;
    }

    .lpr_3 {
        padding-right: 15px;
    }

    .lpr_4 {
        padding-right: 20px;
    }

    .lpr_5 {
        padding-right: 25px;
    }

    .lpr_6 {
        padding-right: 30px;
    }

    .lpr_7 {
        padding-right: 35px;
    }

    .lpr_8 {
        padding-right: 40px;
    }

    .lpr_9 {
        padding-right: 45px;
    }

    .lpr_10 {
        padding-right: 50px;
    }

    .lpr_11 {
        padding-right: 55px;
    }

    .lpr_12 {
        padding-right: 60px;
    }

    .lpt_0 {
        padding-top: 0px;
    }

    .lpt_1 {
        padding-top: 5px;
    }

    .lpt_2 {
        padding-top: 10px;
    }

    .lpt_3 {
        padding-top: 15px;
    }

    .lpt_4 {
        padding-top: 20px;
    }

    .lpt_5 {
        padding-top: 25px;
    }

    .lpt_6 {
        padding-top: 30px;
    }

    .lpt_7 {
        padding-top: 35px;
    }

    .lpt_8 {
        padding-top: 40px;
    }

    .lpt_9 {
        padding-top: 45px;
    }

    .lpt_10 {
        padding-top: 50px;
    }

    .lpt_11 {
        padding-top: 55px;
    }

    .lpt_12 {
        padding-top: 60px;
    }

    .lpb_0 {
        padding-bottom: 0px;
    }

    .lpb_1 {
        padding-bottom: 5px;
    }

    .lpb_2 {
        padding-bottom: 10px;
    }

    .lpb_3 {
        padding-bottom: 15px;
    }

    .lpb_4 {
        padding-bottom: 20px;
    }

    .lpb_5 {
        padding-bottom: 25px;
    }

    .lpb_6 {
        padding-bottom: 30px;
    }

    .lpb_7 {
        padding-bottom: 35px;
    }

    .lpb_8 {
        padding-bottom: 40px;
    }

    .lpb_9 {
        padding-bottom: 45px;
    }

    .lpb_10 {
        padding-bottom: 50px;
    }

    .lpb_11 {
        padding-bottom: 55px;
    }

    .lpb_12 {
        padding-bottom: 60px;
    }

    .tb .th_fix tr:first-child {
        /* display: none */
    }

    /* new classes from Karo start */
    .tb thead#flt tr {
        display: flex;
        flex-wrap: wrap;
    }

    .tb thead#flt tr td {
        width: 50%;
    }

    /* new classes from Karo end */
    .fe_h {
        padding: 0 10px;
        margin-bottom: 10px
    }

    #t_fe_h {
        font-size: 16px
    }

    .fix_sidebar {
        position: fixed;
        top: 65px;
        z-index: 10;
        overflow-x: scroll;
        overflow-y: hidden;
        height: 100%;
    }

    ul.av_tabs .tab_scroll {
        margin: 0 10px;
        background: #f5f8fa;
        padding-bottom: 15px;
        width: calc(100% - 20px)
    }

    .container {
        margin-top: 75px;
    }

    /* added by me - Karo */
    .content_open {
        width: 100% !important;
    }

    .logo img {
        height: 30px !important;
    }

    .beta {
        margin-top: 24px !important;
    }

    .list-bottom {
        margin: 30px 0 0 0
    }

    .lb > div, .dialog-ovelay .dialog {
        width: 50%;
        min-width: 50% !important;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 80vh;
    }

    .de_g {
        flex-wrap: wrap;
        margin-bottom: 15px
    }

    .fe_t,
    .fe_v,
    .de_t {
        width: 100%;
        padding: 0;
        justify-content: start;

    }

    .de_v {
        width: 100%;
        padding: 5px 3px;
        display: inline-table;
    }
}


@media (max-width: 767.98px) {


    .mw_40 {
        width: 100%;
    }

    .mw_39 {
        width: 97.5%;
    }

    .mw_38 {
        width: 95%;
    }

    .mw_37 {
        width: 92.5%;
    }

    .mw_36 {
        width: 90%;
    }

    .mw_35 {
        width: 87.5%;
    }

    .mw_34 {
        width: 85%;
    }

    .mw_33 {
        width: 82.5%;
    }

    .mw_32 {
        width: 80%;
    }

    .mw_31 {
        width: 77.5%;
    }

    .mw_30 {
        width: 75%;
    }

    .mw_29 {
        width: 72.5%;
    }

    .mw_28 {
        width: 70%;
    }

    .mw_27 {
        width: 67.5%;
    }

    .mw_26 {
        width: 65%;
    }

    .mw_25 {
        width: 62.5%;
    }

    .mw_24 {
        width: 60%;
    }

    .mw_23 {
        width: 57.5%;
    }

    .mw_22 {
        width: 55%;
    }

    .mw_21 {
        width: 52.5%;
    }

    .mw_20 {
        width: 50%;
    }

    .mw_20_g4 {
        width: calc(50% - 10px)
    }

    .mw_19 {
        width: 47.5%;
    }

    .mw_18 {
        width: 45%;
    }

    .mw_17 {
        width: 42.5%;
    }

    .mw_16 {
        width: 40%;
    }

    .mw_15 {
        width: 37.5%;
    }

    .mw_14 {
        width: 35%;
    }

    .mw_1-3 {
        width: calc(100% / 3);
    }

    .mw_13 {
        width: 32.5%;
    }

    .mw_12 {
        width: 30%;
    }

    .mw_11 {
        width: 27.5%;
    }

    .mw_10 {
        width: 25%;
    }

    .mw_9 {
        width: 22.5%;
    }

    .mw_8 {
        width: 20%;
    }

    .mw_7 {
        width: 17.5%;
    }

    .mw_1-6 {
        width: calc(100% / 6);
    }

    .mw_6 {
        width: 15%;
    }

    .mw_1-7 {
        width: calc(100% / 7);
    }

    .mw_5 {
        width: 12.5%;
    }

    .mw_1-9 {
        width: calc(100% / 9);
    }

    .mw_4 {
        width: 10%;
    }

    .mw_3 {
        width: 7.5%;
    }

    .mw_2 {
        width: 5%;
    }

    .mw_1 {
        width: 2.5%;
    }

    .mdn {
        display: none
    }

    .md-flex {
        display: flex
    }

    .mfdc {
        flex-direction: column
    }

    .mnwr {
        flex-wrap: nowrap
    }

    .mwr {
        flex-wrap: wrap
    }

    .mjc_c {
        justify-content: center
    }

    .mjc_r {
        justify-content: right
    }

    .mjc_sa {
        justify-content: space-arround
    }

    .mjc_sb {
        justify-content: space-between
    }

    .mjc_se {
        justify-content: space-evenly
    }

    .mg_1 {
        gap: 5px
    }

    .mg_2 {
        gap: 10px
    }

    .mg_3 {
        gap: 15px
    }

    .mg_4 {
        gap: 20px
    }

    .mg_5 {
        gap: 25px
    }

    .mg_6 {
        gap: 30px
    }

    .mml_0 {
        margin-left: 0px;
    }

    .mml_1 {
        margin-left: 5px;
    }

    .mml_2 {
        margin-left: 10px;
    }

    .mml_3 {
        margin-left: 15px;
    }

    .mml_4 {
        margin-left: 20px;
    }

    .mml_5 {
        margin-left: 25px;
    }

    .mml_6 {
        margin-left: 30px;
    }

    .mml_7 {
        margin-left: 35px;
    }

    .mml_8 {
        margin-left: 40px;
    }

    .mml_9 {
        margin-left: 45px;
    }

    .mml_10 {
        margin-left: 50px;
    }

    .mml_11 {
        margin-left: 55px;
    }

    .mml_12 {
        margin-left: 60px;
    }

    .mmr_0 {
        margin-right: 0px;
    }

    .mmr_1 {
        margin-right: 5px;
    }

    .mmr_2 {
        margin-right: 10px;
    }

    .mmr_3 {
        margin-right: 15px;
    }

    .mmr_4 {
        margin-right: 20px;
    }

    .mmr_5 {
        margin-right: 25px;
    }

    .mmr_6 {
        margin-right: 30px;
    }

    .mmr_7 {
        margin-right: 35px;
    }

    .mmr_8 {
        margin-right: 40px;
    }

    .mmr_9 {
        margin-right: 45px;
    }

    .mmr_10 {
        margin-right: 50px;
    }

    .mmr_11 {
        margin-right: 55px;
    }

    .mmr_12 {
        margin-right: 60px;
    }

    .mmt_0 {
        margin-top: 0px;
    }

    .mmt_1 {
        margin-top: 5px;
    }

    .mmt_2 {
        margin-top: 10px;
    }

    .mmt_3 {
        margin-top: 15px;
    }

    .mmt_4 {
        margin-top: 20px;
    }

    .mmt_5 {
        margin-top: 25px;
    }

    .mmt_6 {
        margin-top: 30px;
    }

    .mmt_7 {
        margin-top: 35px;
    }

    .mmt_8 {
        margin-top: 40px;
    }

    .mmt_9 {
        margin-top: 45px;
    }

    .mmt_10 {
        margin-top: 50px;
    }

    .mmt_11 {
        margin-top: 55px;
    }

    .mmt_12 {
        margin-top: 60px;
    }

    .mmb_0 {
        margin-bottom: 0px;
    }

    .mmb_1 {
        margin-bottom: 5px;
    }

    .mmb_2 {
        margin-bottom: 10px;
    }

    .mmb_3 {
        margin-bottom: 15px;
    }

    .mmb_4 {
        margin-bottom: 20px !important;
    }

    .mmb_5 {
        margin-bottom: 25px;
    }

    .mmb_6 {
        margin-bottom: 30px;
    }

    .mmb_7 {
        margin-bottom: 35px;
    }

    .mmb_8 {
        margin-bottom: 40px;
    }

    .mmb_9 {
        margin-bottom: 45px;
    }

    .mmb_10 {
        margin-bottom: 50px;
    }

    .mmb_11 {
        margin-bottom: 55px;
    }

    .mmb_12 {
        margin-bottom: 60px;
    }

    .mpl_0 {
        padding-left: 0px;
    }

    .mpl_1 {
        padding-left: 5px;
    }

    .mpl_2 {
        padding-left: 10px;
    }

    .mpl_3 {
        padding-left: 15px;
    }

    .mpl_4 {
        padding-left: 20px;
    }

    .mpl_5 {
        padding-left: 25px;
    }

    .mpl_6 {
        padding-left: 30px;
    }

    .mpl_7 {
        padding-left: 35px;
    }

    .mpl_8 {
        padding-left: 40px;
    }

    .mpl_9 {
        padding-left: 45px;
    }

    .mpl_10 {
        padding-left: 50px;
    }

    .mpl_11 {
        padding-left: 55px;
    }

    .mpl_12 {
        padding-left: 60px;
    }

    .mpr_0 {
        padding-right: 0px;
    }

    .mpr_1 {
        padding-right: 5px;
    }

    .mpr_2 {
        padding-right: 10px;
    }

    .mpr_3 {
        padding-right: 15px;
    }

    .mpr_4 {
        padding-right: 20px;
    }

    .mpr_5 {
        padding-right: 25px;
    }

    .mpr_6 {
        padding-right: 30px;
    }

    .mpr_7 {
        padding-right: 35px;
    }

    .mpr_8 {
        padding-right: 40px;
    }

    .mpr_9 {
        padding-right: 45px;
    }

    .mpr_10 {
        padding-right: 50px;
    }

    .mpr_11 {
        padding-right: 55px;
    }

    .mpr_12 {
        padding-right: 60px;
    }

    .mpt_0 {
        padding-top: 0px;
    }

    .mpt_1 {
        padding-top: 5px;
    }

    .mpt_2 {
        padding-top: 10px;
    }

    .mpt_3 {
        padding-top: 15px;
    }

    .mpt_4 {
        padding-top: 20px;
    }

    .mpt_5 {
        padding-top: 25px;
    }

    .mpt_6 {
        padding-top: 30px;
    }

    .mpt_7 {
        padding-top: 35px;
    }

    .mpt_8 {
        padding-top: 40px;
    }

    .mpt_9 {
        padding-top: 45px;
    }

    .mpt_10 {
        padding-top: 50px;
    }

    .mpt_11 {
        padding-top: 55px;
    }

    .mpt_12 {
        padding-top: 60px;
    }

    .mpb_0 {
        padding-bottom: 0px;
    }

    .mpb_1 {
        padding-bottom: 5px;
    }

    .mpb_2 {
        padding-bottom: 10px;
    }

    .mpb_3 {
        padding-bottom: 15px;
    }

    .mpb_4 {
        padding-bottom: 20px;
    }

    .mpb_5 {
        padding-bottom: 25px;
    }

    .mpb_6 {
        padding-bottom: 30px;
    }

    .mpb_7 {
        padding-bottom: 35px;
    }

    .mpb_8 {
        padding-bottom: 40px;
    }

    .mpb_9 {
        padding-bottom: 45px;
    }

    .mpb_10 {
        padding-bottom: 50px;
    }

    .mpb_11 {
        padding-bottom: 55px;
    }

    .mpb_12 {
        padding-bottom: 60px;
    }

    .content {
        padding: 5px;
    }

    .collapsed {
        display: none
    }

    /*.lb>div {*/
    /*  min-width: 100%;*/
    /*  margin-top: 32% !important;*/
    /*}*/
    .lb_ec > div {
        margin-top: 16% !important;
    }

    /* .lb table {
    display: inline-flex;
  } */
    /* thead tr:nth-child(2) {
    display: none;
  } */
    /* .sidebar {
	display: none;

	} */
    /*table label*/
    /* header top */
    /*.icon {*/
    /*  top: 50px;*/
    /*  position: absolute;*/
    /*  margin-left: -70px;*/
    /*}*/
    /*.serch_del {*/
    /*  position: fixed;*/
    /*  right: 25px;*/
    /*  color: var(--mbc);*/
    /*  color: #0086b3;*/
    /*  display: inline-block;*/
    /*  z-index: 999;*/
    /*  top: 9px;*/
    /*  cursor: pointer;*/
    /*}*/
    .collapsed {
        display: none
    }

    .mobile_mb2 {
        top: 28px;
    }

    form > div {
        width: 100%;
    }

    form input {
        width: 100%;
    }

    .tb_copy,
    .tb_del,
    .tb_edit,
    .tb_det,
    .light .tb_copy,
    .light .tb_del,
    .light .tb_edit,
    .light .tb_det {
        margin-left: 20px;
    }

    .fl_r {
        float: right;
    }

    /*.fl_r .icon-logout, .fl_r .icon-settings, .fl_r .icon-note, .fl_r .icon-search {*/
    /*  top: 23px;*/
    /*}*/
    .w_1-3 {
        width: 33%;
    }

    .w_2-3 {
        width: 67%;
    }

    .w_1-2 {
        width: 45%;
    }

    /*.btn {
    width: 100%;
    height: 30px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    cursor: pointer;
    background: #00688C;
  }*/
    .de_tb thead,
    .tb thead {
        /*display: none;*/
    }


    .ac.tb > tbody > tr > td {
        display: flex;
        justify-content: space-between;
        /*text-align: center;*/
        font-size: 15px;
        border-bottom: 1px dotted #546E7A;
        min-height: 45px;
    }

    .tb_cont {
        max-height: none;
    }

    .tb_fixb {
        position: relative;
        bottom: inherit;
    }

    .pk_mba {
        display: table-cell !important;
    }

    .de_tb td:last-child,
    .tb td:last-child {
        border-bottom: 0;
    }

    .ac.de_tb td:before,
    .ac.tb td:before {
        content: attr(data-label);
        float: left;
        /*text-transform: uppercase;*/
        font-weight: bold;

    }

    .w_8,
    .w_15,
    .w_25,
    .w_12,
    .w_14,
    .w_10,
    .w_13 {
        width: 100%;
    }

    .w_5,
    .w_6,
    .w_3,
    .w_7,
    .w_4,
    .w_19 {
        width: 50%;
    }

    .w_7 .ml_2 .md_iwi .icon {
        margin-left: 60px;
    }

    /*.ml_1 .icon{
	margin-left:60px;
	}

	.ml_2 .icon{
	margin-left:0;
	}*/
    .fe_v .md_iwoi,
    .fe_v .md_iwir,
    .fe_v .md_iwids,
    .fe_v .md_iwi {
        padding-right: 5px;
        padding-left: 5px;
    }

    /*.fe_v .icon-right{
	margin-left:60px;
	}*/
    /*.fe_v .md_iwi{
	margin: 5px 25%;
	}*/
    .ml_2,
    .ml_1,
    .ml_3 {
        margin-left: 0;
    }

    .fe_v > div:not(:last-child) {
        margin-bottom: 3px;
    }

    .fe_v .md_iwi .icon {
        position: relative;
        margin-left: -22px;
    }

    #counts_filter .ml_1 {
        margin-left: 7%;
    }

    #counts_filter input[type="checkbox"] + label {
        margin-left: 0 !important;
    }

    /*.icon-right{
	margin-left:20px;
	}*/
    .condash {
        padding: 10px 15px !important;
        margin: 0 auto;
    }

    .count_block {
        width: calc(50% - 10px)
    }

    .chair_block {
        width: calc(33% - 12px)
    }

    .w_9 {
        width: 47%;
        /* max-width: 209.25px; */
    }

    .dbi {
        margin-bottom: 10px;
    }

    .dpi_title {
        min-height: 33%;
        font-size: 12px;
        padding: 5px;
    }

    .dbi_content img {
        width: 50% !important;
        max-width: 150px !important;
    }

    .dbi_content {
        position: absolute;
        height: 100%;
        padding: 20px 0;
        box-sizing: border-box;
    }

    .sidebar {
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: 11;
        overflow: scroll;
        top: 80px;
    }

    #open_btn {
        margin-left: 10px;
        margin-top: 15px;
        width: 135px;
    }

    .mobile_show {
        display: block;
        text-align: left;
        /*padding-left: 10px;*/
        /*opacity: 1;*/
    }

    .light ul.tabs li {
        width: 50%;
    }

    ul.tabs {
        display: grid;
    }

    .onoffswitch {
        width: 50%;
        margin-top: 13px;
        margin-bottom: 13px;
    }

    .ec_btns #add_category {
        margin: 15px;
        margin-top: 0;
    }

    .lb_ec {
        width: 70%;
        left: 15.5%;
    }

    .lb_ec thead {
        width: 100%;
    }

    .lb_ec input[type="checkbox"] + label {
        margin-left: 5px;
    }

    .lb_ec .w_25 {
        width: 62.5% !important;
    }

    .ec_lb_btn {
        display: grid !important;
    }

    .category_point_block input[type="checkbox"] + label {
        margin-left: 5px;
    }

    .category_point_block .w_20 {
        width: 100% !important;
    }

    .ec_right_lang input {
        margin: 0 10px;
    }

    /*.fix_nav {*/
    /*  top: 80px !important;*/
    /*}*/
    .cal tr {
        width: 100%;
        /* display: inline-table; */
    }

    .tablet_radio {
        display: flex;
        justify-content: space-evenly;
    }

    .tablet_grid {
        display: grid !important;
    }

    .lb_tablet td,
    .lb_tablet thead > tr > td,
    .lb_tablet tbody > tr > td {
        display: table-cell !important;
    }

    .tablet_flex .pk {
        width: 255px !important;
    }

    .tablet_flex {
        display: flex;
    }

    .fixed_add_btn {
        bottom: 29px;
        height: 0;
        width: 100% !important;
        right: 0;
        /* left: 69%; */
        position: fixed;
    }

    .fixed_head_title {
        top: 80px !important;
    }

    .status_triple span {
        display: table-cell;
        justify-content: space-between;
    }

    .ver_tb tbody {
        height: 450px;
    }

    .v_and_h_table {
        margin-bottom: 40px;
    }

    .desktop_view_tablet .fe_t {
        /*width: 250px;*/
        /*display: table-cell;*/

    }

    .nav_w_tabs .topnav {
        top: 0 !important
    }

    .t_0 {
        top: 0 !important;
    }

    .nav_w_tabs .bottomnav {
        bottom: 78px;
    }

    .desktop_show {
        display: none;
    }

    .tablet_margin_5 {
        margin-top: 170px !important;
    }

    .tablet_margin_0 {
        margin: 0 !important;
    }

    .tablet_w_45 {
        width: 46%;
    }

    .tablet_bs {
        box-shadow: -2px 2px 20px 20px #3b3f3f !important;
    }

    .desktop_view_tablet .de_tb td {
        display: table-cell !important;
    }

    .tablet_w_30 {
        width: 30%
    }

    #complate_lots .fix_nav.nav_w_tabs {
        top: 170px !important;
    }

    .fix_top_btns {
        top: 199px !important;
        padding: 0;
    }

    #discount_regulators > .btn {
        width: 32.7% !important;
    }

    #discount_regulators > #d_i {
        width: 100% !important;
        margin-bottom: 10px;
    }

    /*.av_df .f_t {
		top: -30px
	}*/
    .fixed_bottom {
        display: none
    }

    .mobile_mt {
        margin-top: 45px !important;
    }
}

@media (max-width: 599.98px) {
    .sw_40 {
        width: 100%;
    }

    .sw_39 {
        width: 97.5%;
    }

    .sw_38 {
        width: 95%;
    }

    .sw_37 {
        width: 92.5%;
    }

    .sw_36 {
        width: 90%;
    }

    .sw_35 {
        width: 87.5%;
    }

    .sw_34 {
        width: 85%;
    }

    .sw_33 {
        width: 82.5%;
    }

    .sw_32 {
        width: 80%;
    }

    .sw_31 {
        width: 77.5%;
    }

    .sw_30 {
        width: 75%;
    }

    .sw_29 {
        width: 72.5%;
    }

    .sw_28 {
        width: 70%;
    }

    .sw_27 {
        width: 67.5%;
    }

    .sw_26 {
        width: 65%;
    }

    .sw_25 {
        width: 62.5%;
    }

    .sw_24 {
        width: 60%;
    }

    .sw_23 {
        width: 57.5%;
    }

    .sw_22 {
        width: 55%;
    }

    .sw_21 {
        width: 52.5%;
    }

    .sw_20 {
        width: 50%;
    }

    .sw_19 {
        width: 47.5%;
    }

    .sw_18 {
        width: 45%;
    }

    .sw_17 {
        width: 42.5%;
    }

    .sw_16 {
        width: 40%;
    }

    .sw_15 {
        width: 37.5%;
    }

    .sw_14 {
        width: 35%;
    }

    .sw_1-3 {
        width: calc(100% / 3);
    }

    .sw_13 {
        width: 32.5%;
    }

    .sw_12 {
        width: 30%;
    }

    .sw_11 {
        width: 27.5%;
    }

    .sw_10 {
        width: 25%;
    }

    .sw_9 {
        width: 22.5%;
    }

    .sw_8 {
        width: 20%;
    }

    .sw_7 {
        width: 17.5%;
    }

    .sw_1-6 {
        width: calc(100% / 6);
    }

    .sw_6 {
        width: 15%;
    }

    .sw_1-7 {
        width: calc(100% / 7);
    }

    .sw_5 {
        width: 12.5%;
    }

    .sw_1-9 {
        width: calc(100% / 9);
    }

    .sw_4 {
        width: 10%;
    }

    .sw_3 {
        width: 7.5%;
    }

    .sw_2 {
        width: 5%;
    }

    .sw_1 {
        width: 2.5%;
    }

    .sd-flex {
        display: flex
    }

    .sdn {
        display: none
    }

    .sfdc {
        flex-direction: column
    }

    .snwr {
        flex-wrap: nowrap
    }

    .swr {
        flex-wrap: wrap
    }

    .sjc_c {
        justify-content: center
    }

    .sjc_r {
        justify-content: right
    }

    .sjc_sa {
        justify-content: space-arround
    }

    .sjc_sb {
        justify-content: space-between
    }

    .sjc_se {
        justify-content: space-evenly
    }

    .sg_1 {
        gap: 5px
    }

    .sg_2 {
        gap: 10px
    }

    .sg_3 {
        gap: 15px
    }

    .sg_4 {
        gap: 20px
    }

    .sg_5 {
        gap: 25px
    }

    .sg_6 {
        gap: 30px
    }

    .sml_0 {
        margin-left: 0px;
    }

    .sml_1 {
        margin-left: 5px;
    }

    .sml_2 {
        margin-left: 10px;
    }

    .sml_3 {
        margin-left: 15px;
    }

    .sml_4 {
        margin-left: 20px;
    }

    .sml_5 {
        margin-left: 25px;
    }

    .sml_6 {
        margin-left: 30px;
    }

    .sml_7 {
        margin-left: 35px;
    }

    .sml_8 {
        margin-left: 40px;
    }

    .sml_9 {
        margin-left: 45px;
    }

    .sml_10 {
        margin-left: 50px;
    }

    .sml_11 {
        margin-left: 55px;
    }

    .sml_12 {
        margin-left: 60px;
    }

    .smr_0 {
        margin-right: 0px;
    }

    .smr_1 {
        margin-right: 5px;
    }

    .smr_2 {
        margin-right: 10px;
    }

    .smr_3 {
        margin-right: 15px;
    }

    .smr_4 {
        margin-right: 20px;
    }

    .smr_5 {
        margin-right: 25px;
    }

    .smr_6 {
        margin-right: 30px;
    }

    .smr_7 {
        margin-right: 35px;
    }

    .smr_8 {
        margin-right: 40px;
    }

    .smr_9 {
        margin-right: 45px;
    }

    .smr_10 {
        margin-right: 50px;
    }

    .smr_11 {
        margin-right: 55px;
    }

    .smr_12 {
        margin-right: 60px;
    }

    .smt_0 {
        margin-top: 0px;
    }

    .smt_1 {
        margin-top: 5px;
    }

    .smt_2 {
        margin-top: 10px;
    }

    .smt_3 {
        margin-top: 15px;
    }

    .smt_4 {
        margin-top: 20px;
    }

    .smt_5 {
        margin-top: 25px;
    }

    .smt_6 {
        margin-top: 30px;
    }

    .smt_7 {
        margin-top: 35px;
    }

    .smt_8 {
        margin-top: 40px;
    }

    .smt_9 {
        margin-top: 45px;
    }

    .smt_10 {
        margin-top: 50px;
    }

    .smt_11 {
        margin-top: 55px;
    }

    .smt_12 {
        margin-top: 60px;
    }

    .smb_0 {
        margin-bottom: 0px !important;
    }

    .smb_1 {
        margin-bottom: 5px;
    }

    .smb_2 {
        margin-bottom: 10px;
    }

    .smb_3 {
        margin-bottom: 15px;
    }

    .smb_4 {
        margin-bottom: 20px;
    }

    .smb_5 {
        margin-bottom: 25px;
    }

    .smb_6 {
        margin-bottom: 30px;
    }

    .smb_7 {
        margin-bottom: 35px;
    }

    .smb_8 {
        margin-bottom: 40px;
    }

    .smb_9 {
        margin-bottom: 45px;
    }

    .smb_10 {
        margin-bottom: 50px;
    }

    .smb_11 {
        margin-bottom: 55px;
    }

    .smb_12 {
        margin-bottom: 60px;
    }

    .spl_0 {
        padding-left: 0px;
    }

    .spl_1 {
        padding-left: 5px;
    }

    .spl_2 {
        padding-left: 10px;
    }

    .spl_3 {
        padding-left: 15px;
    }

    .spl_4 {
        padding-left: 20px;
    }

    .spl_5 {
        padding-left: 25px;
    }

    .spl_6 {
        padding-left: 30px;
    }

    .spl_7 {
        padding-left: 35px;
    }

    .spl_8 {
        padding-left: 40px;
    }

    .spl_9 {
        padding-left: 45px;
    }

    .spl_10 {
        padding-left: 50px;
    }

    .spl_11 {
        padding-left: 55px;
    }

    .spl_12 {
        padding-left: 60px;
    }

    .spr_0 {
        padding-right: 0px;
    }

    .spr_1 {
        padding-right: 5px;
    }

    .spr_2 {
        padding-right: 10px;
    }

    .spr_3 {
        padding-right: 15px;
    }

    .spr_4 {
        padding-right: 20px;
    }

    .spr_5 {
        padding-right: 25px;
    }

    .spr_6 {
        padding-right: 30px;
    }

    .spr_7 {
        padding-right: 35px;
    }

    .spr_8 {
        padding-right: 40px;
    }

    .spr_9 {
        padding-right: 45px;
    }

    .spr_10 {
        padding-right: 50px;
    }

    .spr_11 {
        padding-right: 55px;
    }

    .spr_12 {
        padding-right: 60px;
    }

    .spt_0 {
        padding-top: 0px;
    }

    .spt_1 {
        padding-top: 5px;
    }

    .spt_2 {
        padding-top: 10px;
    }

    .spt_3 {
        padding-top: 15px;
    }

    .spt_4 {
        padding-top: 20px;
    }

    .spt_5 {
        padding-top: 25px;
    }

    .spt_6 {
        padding-top: 30px;
    }

    .spt_7 {
        padding-top: 35px;
    }

    .spt_8 {
        padding-top: 40px;
    }

    .spt_9 {
        padding-top: 45px;
    }

    .spt_10 {
        padding-top: 50px;
    }

    .spt_11 {
        padding-top: 55px;
    }

    .spt_12 {
        padding-top: 60px;
    }

    .spb_0 {
        padding-bottom: 0px;
    }

    .spb_1 {
        padding-bottom: 5px;
    }

    .spb_2 {
        padding-bottom: 10px;
    }

    .spb_3 {
        padding-bottom: 15px;
    }

    .spb_4 {
        padding-bottom: 20px;
    }

    .spb_5 {
        padding-bottom: 25px;
    }

    .spb_6 {
        padding-bottom: 30px;
    }

    .spb_7 {
        padding-bottom: 35px;
    }

    .spb_8 {
        padding-bottom: 40px;
    }

    .spb_9 {
        padding-bottom: 45px;
    }

    .spb_10 {
        padding-bottom: 50px;
    }

    .spb_11 {
        padding-bottom: 55px;
    }

    .spb_12 {
        padding-bottom: 60px;
    }


    /*.w_33 {
    width: 100%;
  }
  .w_1-3 {
    width: 100%;
  }
  .w_1-2 {
    width: 100%;
  }*/
    .condash {
        padding: 10px 2% 10px 5% !important;
        margin: 0 auto;
        max-width: 599px !important;
    }

    .collapsed {
        display: none
    }

    .dbi {
        margin-bottom: 10px;
    }

    .chair_block {
        width: calc(50% - 10px);
    }

    .dpi_title {
        min-height: 45%;
        font-size: 14px;
        padding: 5px;
    }

    .dbi_content img {
        width: 45% !important;
        margin-top: -10px !important;
        max-width: 150px !important;
    }

    .dbi_content {
        position: absolute;
        height: 100%;
        padding: 20px 0;
        box-sizing: border-box;
    }

    .mobile_show {
        display: block;
        text-align: left;
        /*padding-left: 10px;*/
        /*opacity: 1;*/
    }

    .desktop_show {
        display: none;
    }

    .light ul.tabs li {
        width: 50%;
    }

    ul.tabs {
        display: grid;
    }

    .onoffswitch {
        width: 50%;
        margin-top: 13px;
        margin-bottom: 13px;
    }

    #nestable3 {
        border-bottom: 3px solid #00688c !important;
    }

    #discount_regulators > .btn {
        width: 49% !important;
    }

    #discount_regulators > #reset_prices {
        width: 100% !important;
    }

    #discount_regulators > #d_i {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .fixed_head_title {
        top: 80px;
    }

    .mobile_mt {
        margin-top: 30px !important;
    }

    .mobile_mt_det {
        margin-top: 50px !important;
    }

    .bottomnav_pos {
        bottom: 38px !important;
        position: fixed;
        width: 100%;
        left: 0;
        z-index: 9;
    }

    .de_btn,
    .btn {
        margin: 2px 5px;

    }

    .b_sel .av_select {
        margin: 2px 0
    }

    .mfe .de_btn {
        margin: 0
    }

    .content {
        padding: 5px;
        margin-bottom: 48px;
    }


    /*.lb>div {*/
    /*  min-width: 100%;*/
    /*  margin-top: 50% !important;*/
    /*}*/
    .lb_ec > div {
        margin-top: 0% !important;
    }

    .fe_t,
    .fe_v,
    .de_t {
        width: 100%;
        padding: 0;
        justify-content: start;

    }

    /*.lb table {
		display: inline-flex;
	}*/
    .lb table td {
        border-bottom: none;
    }

    .lb_ec table {
        display: table !important;
    }

    .lb_ec > div {
        min-width: 100%;
        margin-top: 70px !important;
    }

    .lb_ec .jc_sb > div {
        width: 100% !important;
        margin: 5px 0;
    }

    /* .sidebar {
	display: none;

	} */
    #cssmenu ul {
        margin: 0 !important;
    }

    /* .sd, #cssmenu ul li .sd{
	padding: 10px;
	} */
    #cssmenu > ul > li {
        padding: 10px !important;
    }

    .dropdown {
        /*overflow: scroll;*/

        line-height: 30px;
    }

    form > div {
        width: 100%;
    }

    form input {
        width: 100%;
    }

    /*.tb_copy, .tb_del, .tb_edit, .tb_det, .light .tb_copy, .light .tb_del, .light .tb_edit, .light .tb_det {
    margin-left: 20px;
  }
  .tc {
    margin: 0 auto;
    display: table;
    margin-top: -2px;
  }*/
    /*.fl_r .icon-logout, .fl_r .icon-settings, .fl_r .icon-note, .fl_r .icon-search {*/
    /*  top: 20px;*/
    /*  margin-top: 25px;*/
    /*}*/
    .twir input[type=text],
    .twir input[type="number"] {
        width: 100% !important;
    }

    #counts_filter .ml_1 {
        margin-left: 7%;
    }

    #counts_filter input[type="checkbox"] + label {
        margin-left: 0 !important;
    }


    /* .light .btn {
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 15px;
    background: #00688C;
  } */
    .de_tb thead,
    .tb thead {
        /*display: none;*/
    }

    /* thead tr:nth-child(2) {
    display: none;
  } */
    /*.de_tb tr, .tb>tbody>tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid #ddd;
  }*/
    /*.tb>thead>tr>td {
    font-size: 15px;
    border-bottom: 1px dotted #546E7A;
    min-height: 45px;
    /*display: block;
  }*/
    /* .de_tb td,  .tb>tbody>tr>td  {
    display: block;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*text-align: center;*/
    /*font-size: 15px;
    border-bottom: 1px dotted #546E7A;
    min-height: 45px;
  }*/
    .ac.tb > tbody > tr > td {
        display: flex;
        justify-content: space-between;
        /*text-align: center;*/
        font-size: 15px;
        border-bottom: 1px dotted #546E7A;
        min-height: 45px;
    }

    /*.tb>thead>tr>td input{*/
    /*  min-height: 45px;*/
    /*}*/
    .pk_mba {
        display: table-cell !important;
    }

    .de_tb td:last-child,
    .tb td:last-child {
        border-bottom: 0;
    }

    .de_tb td:before,
    .tb td:before {
        content: attr(data-label);
        float: left;
        /*text-transform: uppercase;*/
        font-weight: bold;
    }

    .sub_tb {
        max-width: 80%;
        min-width: 150px;
    }

    /*.tb_cont{
    max-height: none;
  }*/
    .tb_fixb {
        position: relative;
        bottom: inherit;
    }

    .sw_20 {
        width: 50% !important;
    }

    .tw_6,
    .ml_1,
    .ml_3,
    .ml_2 {
        margin-left: 0;
    }

    .fe_v > div:not(:last-child) {
        margin-bottom: 3px;
    }

    .fe_v .md_iwi .icon {
        position: relative;
        margin-left: -22px;
    }

    .condash {
        padding: 10px 15px !important;
        margin: 0 auto;
    }

    .count_block {
        width: calc(50% - 10px)
    }

    .light .pk {
        width: 100%;
        max-width: 300px;
    }

    .tx_ic_l {
        display: inline-block;
        width: 45px;
        padding: 2px;
        position: absolute;
        color: #ECEFF1;
        text-align: center;
        z-index: 9;
        background: #78909C;
        top: 2px;
        left: 2px;
    }

    /*.tx_ic_r {
		display: inline-block;
		width: 65px;
		padding: 2px;
		position: absolute;
		color: #ECEFF1;
		text-align: center;
		right: 0;
		z-index: 9;
		background: #78909C;
		top: 2px;
		right: 2px;
		height: 100%;
	}*/
    .light .tx_ic_l {
        display: inline-block;
        width: 45px;
        padding: 2px;
        position: absolute;
        color: #546E7A;
        text-align: center;
        z-index: 9;
        background: #CFD8DC;
    }

    .light .tx_ic_r {
        display: inline-block;
        width: auto;
        padding: 2px;
        position: absolute;
        color: #546E7A;
        text-align: center;
        right: 0;
        z-index: 5;
        top: 0;
        background: #CFD8DC;
    }

    .tablet_bs {
        box-shadow: -2px 2px 20px 20px #3b3f3f !important;
    }

    .nav_w_tabs_add {
        top: 70px !important;
        margin-right: 0px;
    }

    #discount_regulators > .btn {
        width: 49.5% !important;
    }

    #discount_regulators > #d_i {
        width: 100% !important;
        margin-bottom: 10px;
    }

    /*.av_df .f_t {
		top: -30px
	}*/
    .fixed_bottom {
        display: flex !important;
        position: fixed;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .fe_h_ac {
        display: none !important
    }

    .list-bottom {
        margin: 15px 0 40px 0;
        flex-wrap: wrap;
        justify-content: center
    }

    .lb > div, .dialog-ovelay .dialog {
        width: 75%;
        min-width: 75% !important;
    }

    ul.av_tabs > li {
        width: 100%;
    }

    ul.av_tabs > li:last-child {
        width: auto;
    }

    .bsfm {
        font-size: 0;
        display: flex;
        align-items: center;
    }

    .bsfm span {
        font-size: 16px
    }

}


@media (max-width: 479.98px) {
    .xsw_40 {
        width: 100%;
    }

    .xsw_39 {
        width: 97.5%;
    }

    .xsw_38 {
        width: 95%;
    }

    .xsw_37 {
        width: 92.5%;
    }

    .xsw_36 {
        width: 90%;
    }

    .xsw_35 {
        width: 87.5%;
    }

    .xsw_34 {
        width: 85%;
    }

    .xsw_33 {
        width: 82.5%;
    }

    .xsw_32 {
        width: 80%;
    }

    .xsw_31 {
        width: 77.5%;
    }

    .xsw_30 {
        width: 75%;
    }

    .xsw_29 {
        width: 72.5%;
    }

    .xsw_28 {
        width: 70%;
    }

    .xsw_27 {
        width: 67.5%;
    }

    .xsw_26 {
        width: 65%;
    }

    .xsw_25 {
        width: 62.5%;
    }

    .xsw_24 {
        width: 60%;
    }

    .xsw_23 {
        width: 57.5%;
    }

    .xsw_22 {
        width: 55%;
    }

    .xsw_21 {
        width: 52.5%;
    }

    .xsw_20 {
        width: 50%;
    }

    .xsw_19 {
        width: 47.5%;
    }

    .xsw_18 {
        width: 45%;
    }

    .xsw_17 {
        width: 42.5%;
    }

    .xsw_16 {
        width: 40%;
    }

    .xsw_15 {
        width: 37.5%;
    }

    .xsw_14 {
        width: 35%;
    }

    .xsw_1-3 {
        width: calc(100% / 3);
    }

    .xsw_13 {
        width: 32.5%;
    }

    .xsw_12 {
        width: 30%;
    }

    .xsw_11 {
        width: 27.5%;
    }

    .xsw_10 {
        width: 25%;
    }

    .xsw_9 {
        width: 22.5%;
    }

    .xsw_8 {
        width: 20%;
    }

    .xsw_7 {
        width: 17.5%;
    }

    .xsw_1-6 {
        width: calc(100% / 6);
    }

    .xsw_6 {
        width: 15%;
    }

    .xsw_1-7 {
        width: calc(100% / 7);
    }

    .xsw_5 {
        width: 12.5%;
    }

    .xsw_1-9 {
        width: calc(100% / 9);
    }

    .xsw_4 {
        width: 10%;
    }

    .xsw_3 {
        width: 7.5%;
    }

    .xsw_2 {
        width: 5%;
    }

    .xsw_1 {
        width: 2.5%;
    }

    .xsd-flex {
        display: flex
    }

    .xsdn {
        display: none
    }

    .xsfdc {
        flex-direction: column
    }

    .xsnwr {
        flex-wrap: nowrap
    }

    .xswr {
        flex-wrap: wrap
    }

    .xsjc_c {
        justify-content: center
    }

    .xsjc_r {
        justify-content: right
    }

    .xsjc_sa {
        justify-content: space-arround
    }

    .xsjc_sb {
        justify-content: space-between
    }

    .xsjc_se {
        justify-content: space-evenly
    }

    .xsg_1 {
        gap: 5px
    }

    .xsg_2 {
        gap: 10px
    }

    .xsg_3 {
        gap: 15px
    }

    .xsg_4 {
        gap: 20px
    }

    .xsg_5 {
        gap: 25px
    }

    .xsg_6 {
        gap: 30px
    }

    .xsml_0 {
        margin-left: 0px;
    }

    .xsml_1 {
        margin-left: 5px;
    }

    .xsml_2 {
        margin-left: 10px;
    }

    .xsml_3 {
        margin-left: 15px;
    }

    .xsml_4 {
        margin-left: 20px;
    }

    .xsml_5 {
        margin-left: 25px;
    }

    .xsml_6 {
        margin-left: 30px;
    }

    .xsml_7 {
        margin-left: 35px;
    }

    .xsml_8 {
        margin-left: 40px;
    }

    .xsml_9 {
        margin-left: 45px;
    }

    .xsml_10 {
        margin-left: 50px;
    }

    .xsml_11 {
        margin-left: 55px;
    }

    .xsml_12 {
        margin-left: 60px;
    }

    .xsmr_0 {
        margin-right: 0px;
    }

    .xsmr_1 {
        margin-right: 5px;
    }

    .xsmr_2 {
        margin-right: 10px;
    }

    .xsmr_3 {
        margin-right: 15px;
    }

    .xsmr_4 {
        margin-right: 20px;
    }

    .xsmr_5 {
        margin-right: 25px;
    }

    .xsmr_6 {
        margin-right: 30px;
    }

    .xsmr_7 {
        margin-right: 35px;
    }

    .xsmr_8 {
        margin-right: 40px;
    }

    .xsmr_9 {
        margin-right: 45px;
    }

    .xsmr_10 {
        margin-right: 50px;
    }

    .xsmr_11 {
        margin-right: 55px;
    }

    .xsmr_12 {
        margin-right: 60px;
    }

    .xsmt_0 {
        margin-top: 0px;
    }

    .xsmt_1 {
        margin-top: 5px;
    }

    .xsmt_2 {
        margin-top: 10px;
    }

    .xsmt_3 {
        margin-top: 15px;
    }

    .xsmt_4 {
        margin-top: 20px;
    }

    .xsmt_5 {
        margin-top: 25px;
    }

    .xsmt_6 {
        margin-top: 30px;
    }

    .xsmt_7 {
        margin-top: 35px;
    }

    .xsmt_8 {
        margin-top: 40px;
    }

    .xsmt_9 {
        margin-top: 45px;
    }

    .xsmt_10 {
        margin-top: 50px;
    }

    .xsmt_11 {
        margin-top: 55px;
    }

    .xsmt_12 {
        margin-top: 60px;
    }

    .xsmb_0 {
        margin-bottom: 0px;
    }

    .xsmb_1 {
        margin-bottom: 5px;
    }

    .xsmb_2 {
        margin-bottom: 10px;
    }

    .xsmb_3 {
        margin-bottom: 15px;
    }

    .xsmb_4 {
        margin-bottom: 20px;
    }

    .xsmb_5 {
        margin-bottom: 25px;
    }

    .xsmb_6 {
        margin-bottom: 30px;
    }

    .xsmb_7 {
        margin-bottom: 35px;
    }

    .xsmb_8 {
        margin-bottom: 40px;
    }

    .xsmb_9 {
        margin-bottom: 45px;
    }

    .xsmb_10 {
        margin-bottom: 50px;
    }

    .xsmb_11 {
        margin-bottom: 55px;
    }

    .xsmb_12 {
        margin-bottom: 60px;
    }

    .xspl_0 {
        padding-left: 0px;
    }

    .xspl_1 {
        padding-left: 5px;
    }

    .xspl_2 {
        padding-left: 10px;
    }

    .xspl_3 {
        padding-left: 15px;
    }

    .xspl_4 {
        padding-left: 20px;
    }

    .xspl_5 {
        padding-left: 25px;
    }

    .xspl_6 {
        padding-left: 30px;
    }

    .xspl_7 {
        padding-left: 35px;
    }

    .xspl_8 {
        padding-left: 40px;
    }

    .xspl_9 {
        padding-left: 45px;
    }

    .xspl_10 {
        padding-left: 50px;
    }

    .xspl_11 {
        padding-left: 55px;
    }

    .xspl_12 {
        padding-left: 60px;
    }

    .xspr_0 {
        padding-right: 0px;
    }

    .xspr_1 {
        padding-right: 5px;
    }

    .xspr_2 {
        padding-right: 10px;
    }

    .xspr_3 {
        padding-right: 15px;
    }

    .xspr_4 {
        padding-right: 20px;
    }

    .xspr_5 {
        padding-right: 25px;
    }

    .xspr_6 {
        padding-right: 30px;
    }

    .xspr_7 {
        padding-right: 35px;
    }

    .xspr_8 {
        padding-right: 40px;
    }

    .xspr_9 {
        padding-right: 45px;
    }

    .xspr_10 {
        padding-right: 50px;
    }

    .xspr_11 {
        padding-right: 55px;
    }

    .xspr_12 {
        padding-right: 60px;
    }

    .xspt_0 {
        padding-top: 0px;
    }

    .xspt_1 {
        padding-top: 5px;
    }

    .xspt_2 {
        padding-top: 10px;
    }

    .xspt_3 {
        padding-top: 15px;
    }

    .xspt_4 {
        padding-top: 20px;
    }

    .xspt_5 {
        padding-top: 25px;
    }

    .xspt_6 {
        padding-top: 30px;
    }

    .xspt_7 {
        padding-top: 35px;
    }

    .xspt_8 {
        padding-top: 40px;
    }

    .xspt_9 {
        padding-top: 45px;
    }

    .xspt_10 {
        padding-top: 50px;
    }

    .xspt_11 {
        padding-top: 55px;
    }

    .xspt_12 {
        padding-top: 60px;
    }

    .xspb_0 {
        padding-bottom: 0px;
    }

    .xspb_1 {
        padding-bottom: 5px;
    }

    .xspb_2 {
        padding-bottom: 10px;
    }

    .xspb_3 {
        padding-bottom: 15px;
    }

    .xspb_4 {
        padding-bottom: 20px;
    }

    .xspb_5 {
        padding-bottom: 25px;
    }

    .xspb_6 {
        padding-bottom: 30px;
    }

    .xspb_7 {
        padding-bottom: 35px;
    }

    .xspb_8 {
        padding-bottom: 40px;
    }

    .xspb_9 {
        padding-bottom: 45px;
    }

    .xspb_10 {
        padding-bottom: 50px;
    }

    .xspb_11 {
        padding-bottom: 55px;
    }

    .xspb_12 {
        padding-bottom: 60px;
    }

    .xs_show {
        display: block;
    }

    .xs_hide {
        display: none;
    }

    .lng:not(:hover) a {
        display: block;
    }

    /* #sb_s {
		display:none;
	} */
    /*login*/
    /* .home_form { */
    /* width: 250px; */
    /* height: 300px; */
    /* position: fixed; */
    /*top:50%;*/
    /* left: 50%; */
    /*margin-top:10px; */
    /* margin-left: -125px; */
    /* } */
    .home_form input[type=submit] {
        padding: 5px;
        font-size: 12px;
        cursor: pointer;
        margin-bottom: 10px;
        width: 100px;
    }


    .mobile_center {
        width: fit-content;
        margin: auto;
    }

    .content > .light > .fe_h {
        /*display: grid !important;*/
        /*justify-content: center;*/
    }

    .content > .light > .fe_h > div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center
    }

    .tab_scroll {
        overflow-x: auto;
    }

    /*.fixed_tab:first-child li {*/
    /*  width: calc(100% - 40px) !important;*/
    /*}*/
    /*.serch_del {*/
    /*  display: none !important;*/
    /*}*/
    .condash {
        padding: 10px 2% 10px 5% !important;
        margin: 0 auto;
        max-width: 480px !important;
    }

    .collapsed {
        display: none
    }


    /*#sb_s {*/
    /*  display: block !important;*/
    /*  width: 94%;*/
    /*  right: 2.5% !important;*/
    /*  top: 70px !important;*/
    /*}*/
    .mobile_show {
        display: block;
        text-align: left;
        /*opacity: 1;*/
    }

    .desktop_show {
        display: none !important;
    }

    .light ul.tabs li {
        font-size: 12px;
        width: 50%;
    }

    ul.tabs {
        display: grid;
        overflow: scroll;
        white-space: nowrap;
        overflow-y: hidden;
    }

    .onoffswitch {
        width: 50%;
        margin-top: 13px;
        margin-bottom: 13px;
    }

    .status_triple {
        display: grid;
        width: 60%;
        margin: auto;
    }

    .mobile_grid {
        display: grid !important;
    }

    .mobile_grid div {
        width: 100%;
        max-width: none;
    }

    .mobile_grid div {
        width: 100%;
        max-width: none;
    }

    .mobile_line {
        border-bottom: 6px solid #00688c;
    }

    /*.lb_tablet tr {
		display: flex !important;
		width: 86vw;
		justify-content: space-between;
	}*/
    .lb_tablet tbody {
        height: auto;
        max-height: 400px;
        overflow: auto;
    }

    .lb_tablet td,
    .lb_tablet thead > tr > td,
    .lb_tablet tbody > tr > td {
        display: table-cell !important;
    }

    .lb_tablet table {
        display: block !important;
    }

    div#lightbox {
        width: 100vw;
        height: 100vh;
    }

    .m_fs_11 {
        font-size: 11px;
    }

    .m_fs_13 {
        font-size: 13px;
    }

    #nestable3 {
        border-bottom: 3px solid #00688c !important;
    }

    .mobile_h_210 {
        height: 210px !important;
    }

    .fixed_add_btn {
        bottom: 27px;
        height: 0;
        width: 100% !important;
        right: 0;
        /* left: 69%; */
        position: fixed;
    }

    .confirmation_mobile {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: none;
    }

    .mobile_flex {
        display: flex !important;
    }

    .mobile_contents {
        display: contents !important;
    }

    .rb_n {
        display: block;
    }

    #discount_regulators > .btn {
        width: 49% !important;
    }

    #discount_regulators > #reset_prices {
        width: 100% !important;
    }

    #discount_regulators > #d_i {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .fixed_head_ + title {
        top: 75px;
    }

    /* .light .btn {
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 13px;
    background: #00688C;
  } */
    .nav_w_tabs {
        top: 185px !important;
    }

    .mobile_mt {
        margin-top: 60px !important;
    }

    .mobile_mt_det {
        margin-top: 100px !important;
    }

    .bottomnav_pos {
        bottom: 38px !important;
        position: fixed;
        width: 100%;
        left: 0;
        z-index: 9;
    }

    .fix_top_btns {
        top: 225px !important;
    }

    .condash {
        padding: 10px 15px !important;
        margin: 0 auto;

    }

    .count_block {
        font-size: 18px;
        width: 100%;
        min-height: 90px
    }

    .dpi_title {
        min-height: 33%;
        font-size: 13px;
        padding: 3px;
        word-wrap: break-word;
    }

    .chair_block {
        width: calc(50% - 10px)
    }

    .dbi_content img {
        width: 55% !important;
        /*margin-top: -15px !important;*/
        max-width: 150px !important;
        margin-top: 0
    }

    .dbi_content {
        position: absolute;
        height: 100%;
        padding: 20px 0;
        box-sizing: border-box;
    }

    .tab_head {
        border: 1px solid #CFD8DC;
        margin: 0;
        padding: 5px 20px;
        display: block;
    }

    .collapsed {
        display: none
    }

    .light .tab_head {
        border: 1px solid #546E7A;
    }

    .d_active {
        background-color: #CFD8DC;
        color: #546E7A;
    }

    .light .d_active {
        background-color: #546E7A;
        color: #CFD8DC;
    }

    /*ul.av_tabs > li:first-child {
    width: 100%;
  }*/
    .content {
        min-height: auto
    }

    .lb > div, .dialog-ovelay .dialog {
        width: 80%;
        min-width: 80% !important;

    }

    /*pagination*/
    .pg_b,
    .pg_n {
        max-width: 28px;
        min-width: 28px;
        padding: 3px 5px;
    }

    .logo img {
        height: 22px !important;
    }

}

@media (max-width: 319.98px) {
    .xxsw_40 {
        width: 100%;
    }

    .xxsw_39 {
        width: 97.5%;
    }

    .xxsw_38 {
        width: 95%;
    }

    .xxsw_37 {
        width: 92.5%;
    }

    .xxsw_36 {
        width: 90%;
    }

    .xxsw_35 {
        width: 87.5%;
    }

    .xxsw_34 {
        width: 85%;
    }

    .xxsw_33 {
        width: 82.5%;
    }

    .xxsw_32 {
        width: 80%;
    }

    .xxsw_31 {
        width: 77.5%;
    }

    .xxsw_30 {
        width: 75%;
    }

    .xxsw_29 {
        width: 72.5%;
    }

    .xxsw_28 {
        width: 70%;
    }

    .xxsw_27 {
        width: 67.5%;
    }

    .xxsw_26 {
        width: 65%;
    }

    .xxsw_25 {
        width: 62.5%;
    }

    .xxsw_24 {
        width: 60%;
    }

    .xxsw_23 {
        width: 57.5%;
    }

    .xxsw_22 {
        width: 55%;
    }

    .xxsw_21 {
        width: 52.5%;
    }

    .xxsw_20 {
        width: 50%;
    }

    .xxsw_19 {
        width: 47.5%;
    }

    .xxsw_18 {
        width: 45%;
    }

    .xxsw_17 {
        width: 42.5%;
    }

    .xxsw_16 {
        width: 40%;
    }

    .xxsw_15 {
        width: 37.5%;
    }

    .xxsw_14 {
        width: 35%;
    }

    .xxsw_1-3 {
        width: calc(100% / 3);
    }

    .xxsw_13 {
        width: 32.5%;
    }

    .xxsw_12 {
        width: 30%;
    }

    .xxsw_11 {
        width: 27.5%;
    }

    .xxsw_10 {
        width: 25%;
    }

    .xxsw_9 {
        width: 22.5%;
    }

    .xxsw_8 {
        width: 20%;
    }

    .xxsw_7 {
        width: 17.5%;
    }

    .xxsw_1-6 {
        width: calc(100% / 6);
    }

    .xxsw_6 {
        width: 15%;
    }

    .xxsw_1-7 {
        width: calc(100% / 7);
    }

    .xxsw_5 {
        width: 12.5%;
    }

    .xxsw_1-9 {
        width: calc(100% / 9);
    }

    .xxsw_4 {
        width: 10%;
    }

    .xxsw_3 {
        width: 7.5%;
    }

    .xxsw_2 {
        width: 5%;
    }

    .xxsw_1 {
        width: 2.5%;
    }

    .xxsd-flex {
        display: flex
    }

    .xxsdn {
        display: none
    }

    .xxsfdc {
        flex-direction: column
    }

    .xxsnwr {
        flex-wrap: nowrap
    }

    .xxswr {
        flex-wrap: wrap
    }

    .xxsjc_c {
        justify-content: center
    }

    .xxsjc_r {
        justify-content: right
    }

    .xxsjc_sa {
        justify-content: space-arround
    }

    .xxsjc_sb {
        justify-content: space-between
    }

    .xxsjc_se {
        justify-content: space-evenly
    }

    .xxsg_1 {
        gap: 5px
    }

    .xxsg_2 {
        gap: 10px
    }

    .xxsg_3 {
        gap: 15px
    }

    .xxsg_4 {
        gap: 20px
    }

    .xxsg_5 {
        gap: 25px
    }

    .xxsg_6 {
        gap: 30px
    }

    .xxsml_0 {
        margin-left: 0px;
    }

    .xxsml_1 {
        margin-left: 5px;
    }

    .xxsml_2 {
        margin-left: 10px;
    }

    .xxsml_3 {
        margin-left: 15px;
    }

    .xxsml_4 {
        margin-left: 20px;
    }

    .xxsml_5 {
        margin-left: 25px;
    }

    .xxsml_6 {
        margin-left: 30px;
    }

    .xxsml_7 {
        margin-left: 35px;
    }

    .xxsml_8 {
        margin-left: 40px;
    }

    .xxsml_9 {
        margin-left: 45px;
    }

    .xxsml_10 {
        margin-left: 50px;
    }

    .xxsml_11 {
        margin-left: 55px;
    }

    .xxsml_12 {
        margin-left: 60px;
    }

    .xxsmr_0 {
        margin-right: 0px;
    }

    .xxsmr_1 {
        margin-right: 5px;
    }

    .xxsmr_2 {
        margin-right: 10px;
    }

    .xxsmr_3 {
        margin-right: 15px;
    }

    .xxsmr_4 {
        margin-right: 20px;
    }

    .xxsmr_5 {
        margin-right: 25px;
    }

    .xxsmr_6 {
        margin-right: 30px;
    }

    .xxsmr_7 {
        margin-right: 35px;
    }

    .xxsmr_8 {
        margin-right: 40px;
    }

    .xxsmr_9 {
        margin-right: 45px;
    }

    .xxsmr_10 {
        margin-right: 50px;
    }

    .xxsmr_11 {
        margin-right: 55px;
    }

    .xxsmr_12 {
        margin-right: 60px;
    }

    .xxsmt_0 {
        margin-top: 0px;
    }

    .xxsmt_1 {
        margin-top: 5px;
    }

    .xxsmt_2 {
        margin-top: 10px;
    }

    .xxsmt_3 {
        margin-top: 15px;
    }

    .xxsmt_4 {
        margin-top: 20px;
    }

    .xxsmt_5 {
        margin-top: 25px;
    }

    .xxsmt_6 {
        margin-top: 30px;
    }

    .xxsmt_7 {
        margin-top: 35px;
    }

    .xxsmt_8 {
        margin-top: 40px;
    }

    .xxsmt_9 {
        margin-top: 45px;
    }

    .xxsmt_10 {
        margin-top: 50px;
    }

    .xxsmt_11 {
        margin-top: 55px;
    }

    .xxsmt_12 {
        margin-top: 60px;
    }

    .xxsmb_0 {
        margin-bottom: 0px;
    }

    .xxsmb_1 {
        margin-bottom: 5px;
    }

    .xxsmb_2 {
        margin-bottom: 10px;
    }

    .xxsmb_3 {
        margin-bottom: 15px;
    }

    .xxsmb_4 {
        margin-bottom: 20px;
    }

    .xxsmb_5 {
        margin-bottom: 25px;
    }

    .xxsmb_6 {
        margin-bottom: 30px;
    }

    .xxsmb_7 {
        margin-bottom: 35px;
    }

    .xxsmb_8 {
        margin-bottom: 40px;
    }

    .xxsmb_9 {
        margin-bottom: 45px;
    }

    .xxsmb_10 {
        margin-bottom: 50px;
    }

    .xxsmb_11 {
        margin-bottom: 55px;
    }

    .xxsmb_12 {
        margin-bottom: 60px;
    }

    .xxspl_0 {
        padding-left: 0px;
    }

    .xxspl_1 {
        padding-left: 5px;
    }

    .xxspl_2 {
        padding-left: 10px;
    }

    .xxspl_3 {
        padding-left: 15px;
    }

    .xxspl_4 {
        padding-left: 20px;
    }

    .xxspl_5 {
        padding-left: 25px;
    }

    .xxspl_6 {
        padding-left: 30px;
    }

    .xxspl_7 {
        padding-left: 35px;
    }

    .xxspl_8 {
        padding-left: 40px;
    }

    .xxspl_9 {
        padding-left: 45px;
    }

    .xxspl_10 {
        padding-left: 50px;
    }

    .xxspl_11 {
        padding-left: 55px;
    }

    .xxspl_12 {
        padding-left: 60px;
    }

    .xxspr_0 {
        padding-right: 0px;
    }

    .xxspr_1 {
        padding-right: 5px;
    }

    .xxspr_2 {
        padding-right: 10px;
    }

    .xxspr_3 {
        padding-right: 15px;
    }

    .xxspr_4 {
        padding-right: 20px;
    }

    .xxspr_5 {
        padding-right: 25px;
    }

    .xxspr_6 {
        padding-right: 30px;
    }

    .xxspr_7 {
        padding-right: 35px;
    }

    .xxspr_8 {
        padding-right: 40px;
    }

    .xxspr_9 {
        padding-right: 45px;
    }

    .xxspr_10 {
        padding-right: 50px;
    }

    .xxspr_11 {
        padding-right: 55px;
    }

    .xxspr_12 {
        padding-right: 60px;
    }

    .xxspt_0 {
        padding-top: 0px;
    }

    .xxspt_1 {
        padding-top: 5px;
    }

    .xxspt_2 {
        padding-top: 10px;
    }

    .xxspt_3 {
        padding-top: 15px;
    }

    .xxspt_4 {
        padding-top: 20px;
    }

    .xxspt_5 {
        padding-top: 25px;
    }

    .xxspt_6 {
        padding-top: 30px;
    }

    .xxspt_7 {
        padding-top: 35px;
    }

    .xxspt_8 {
        padding-top: 40px;
    }

    .xxspt_9 {
        padding-top: 45px;
    }

    .xxspt_10 {
        padding-top: 50px;
    }

    .xxspt_11 {
        padding-top: 55px;
    }

    .xxspt_12 {
        padding-top: 60px;
    }

    .xxspb_0 {
        padding-bottom: 0px;
    }

    .xxspb_1 {
        padding-bottom: 5px;
    }

    .xxspb_2 {
        padding-bottom: 10px;
    }

    .xxspb_3 {
        padding-bottom: 15px;
    }

    .xxspb_4 {
        padding-bottom: 20px;
    }

    .xxspb_5 {
        padding-bottom: 25px;
    }

    .xxspb_6 {
        padding-bottom: 30px;
    }

    .xxspb_7 {
        padding-bottom: 35px;
    }

    .xxspb_8 {
        padding-bottom: 40px;
    }

    .xxspb_9 {
        padding-bottom: 45px;
    }

    .xxspb_10 {
        padding-bottom: 50px;
    }

    .xxspb_11 {
        padding-bottom: 55px;
    }

    .xxspb_12 {
        padding-bottom: 60px;
    }
}