/* Only for typography page */

/* || 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 {
  margin-top: 80px;
  /*position: relative;*/
  z-index: 0;
}

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

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

.light {

}

/* || Grid system*/
.w_fc {
  width: fit-content;
}

.min_w_1 {
  min-width: 2.5%;
}

.min_w_2 {
  min-width: 5%;
}

.min_w_3 {
  min-width: 7.5%;
}

.min_w_4 {
  min-width: 10%;
}

.min_w_5 {
  min-width: 12.5%;
}

.min_w_6 {
  min-width: 15%;
}

.min_w_7 {
  min-width: 17.5%;
}

.min_w_8 {
  min-width: 20%;
}

.min_w_9 {
  min-width: 22.5%;
}

.min_w_10 {
  min-width: 25%;
}

.min_w_11 {
  min-width: 27.5%;
}

.min_w_12 {
  min-width: 30%;
}

.min_w_13 {
  min-width: 32.5%;
}

.min_w_14 {
  min-width: 35%;
}

.min_w_15 {
  min-width: 37.5%;
}

.min_w_16 {
  min-width: 40%;
}

.min_w_17 {
  min-width: 42.5%;
}

.min_w_18 {
  min-width: 45%;
}

.min_w_19 {
  min-width: 47.5%;
}

.min_w_20 {
  min-width: 50%;
}

.min_w_21 {
  min-width: 52.5%;
}

.min_w_22 {
  min-width: 55%;
}

.min_w_23 {
  min-width: 57.5%;
}

.min_w_24 {
  min-width: 60%;
}

.min_w_25 {
  min-width: 62.5%;
}

.min_w_26 {
  min-width: 65%;
}

.min_w_27 {
  min-width: 67.5%;
}

.min_w_28 {
  min-width: 70%;
}

.min_w_29 {
  min-width: 72.5%;
}

.min_w_30 {
  min-width: 75%;
}

.min_w_31 {
  min-width: 77.5%;
}

.min_w_32 {
  min-width: 80%;
}

.min_w_33 {
  min-width: 82.5%;
}

.min_w_34 {
  min-width: 85%;
}

.min_w_35 {
  min-width: 87.5%;
}

.min_w_36 {
  min-width: 90%;
}

.min_w_37 {
  min-width: 92.5%;
}

.min_w_38 {
  min-width: 95%;
}

.min_w_39 {
  min-width: 97.5%;
}

.min_w_40 {
  min-width: 100%;
  clear: both;
}

.min_w_1-3 {
  min-width: calc(100%/3);
}
.min_w_2-3 {
  min-width: 66%;
}
.min_w_1-2 {
  min-width: calc(100%/2);
}

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

.w_1 {
  width: 2.5%;
}

.w_2 {
  width: 5%;
}

.w_3 {
  width: 7.5%;
}

.w_4 {
  width: 10%;
}

.w_5 {
  width: 12.5%;
}

.w_6 {
  width: 15%;
}

.w_7 {
  width: 17.5%;
}

.w_8 {
  width: 20%;
}

.w_9 {
  width: 22.5%;
}

.w_10 {
  width: 25%;
}

.w_11 {
  width: 27.5%;
}

.w_12 {
  width: 30%;
}

.w_13 {
  width: 32.5%;
}

.w_14 {
  width: 35%;
}

.w_15 {
  width: 37.5%;
}

.w_16 {
  width: 40%;
}

.w_17 {
  width: 42.5%;
}

.w_18 {
  width: 45%;
}

.w_19 {
  width: 47.5%;
}

.w_20 {
  width: 50%;
}

.w_21 {
  width: 52.5%;
}

.w_22 {
  width: 55%;
}

.w_23 {
  width: 57.5%;
}

.w_24 {
  width: 60%;
}

.w_25 {
  width: 62.5%;
}

.w_26 {
  width: 65%;
}

.w_27 {
  width: 67.5%;
}

.w_28 {
  width: 70%;
}

.w_29 {
  width: 72.5%;
}

.w_30 {
  width: 75%;
}

.w_31 {
  width: 77.5%;
}

.w_32 {
  width: 80%;
}

.w_33 {
  width: 82.5%;
}

.w_34 {
  width: 85%;
}

.w_35 {
  width: 87.5%;
}

.w_36 {
  width: 90%;
}

.w_37 {
  width: 92.5%;
}

.w_38 {
  width: 95%;
}

.w_39 {
  width: 97.5%;
}

.w_40 {
  width: 100%;
  clear: both;
}

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

.w_1-7 {
  width: calc(100%/7);
}
.ml_15p {
  margin-left: 15px;
}

/*body {*/
/*  margin: 0;*/
/*  padding: 0*/
/*}*/
/*a {*/
/*  text-decoration: none;*/
/*}*/
.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;
}

.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:200px;
}

.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;
}

.md_ibgir img {
  background: #CFD8DC;
}

.av_pill {
  border: 1px solid /*#CFD8DC*/;
  padding: 3px;
  border-radius: 4px;
  margin: 3px;
  border-color: #546e7a;
  display: inline-block;
}

span.av_pill:empty {
	border: none;
}


/* Dynamic fields */

.av_df {
  border: 1px solid #546e7a;
  padding: 10px 5px 5px;
  position: relative;
  margin: 8px;
  border-radius: 5px;
}

.av_df .f_t {
  background-color: #eceff1;
  padding: 0 15px;
  position: relative;
  top: -22px;
  left: 10px;
  max-width: 96%;
  display: inline-block;
}

.av_df .ti-close {
  top: 6px;
  right: 6px;
}
.av_df .dp {
  padding: 3px 10px;
}

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


.m_auto {
  margin: 0 auto;
}

.ml_1 {
  margin-left: 2.5%;
}

.ml_2 {
  margin-left: 5%;
}

.ml_3 {
  margin-left: 7.5%;
}

.ml_4 {
  margin-left: 10%;
}

.ml_5 {
  margin-left: 12.5%;
}

.ml_6 {
  margin-left: 15%;
}

.ml_7 {
  margin-left: 17.5%;
}

.ml_8 {
  margin-left: 20%;
}

.ml_9 {
  margin-left: 22.5%;
}

.ml_10 {
  margin-left: 25%;
}

.ml_11 {
  margin-left: 27.5%;
}

.ml_12 {
  margin-left: 30%;
}

.ml_13 {
  margin-left: 32.5%;
}

.ml_14 {
  margin-left: 35%;
}

.ml_15 {
  margin-left: 37.5%;
}

.ml_16 {
  margin-left: 40%;
}

.ml_17 {
  margin-left: 42.5%;
}

.ml_18 {
  margin-left: 45%;
}

.ml_19 {
  margin-left: 47.5%;
}

.ml_20 {
  margin-left: 50%;
}

.ml_21 {
  margin-left: 52.5%;
}

.ml_22 {
  margin-left: 55%;
}

.ml_23 {
  margin-left: 57.5%;
}

.ml_24 {
  margin-left: 60%;
}

.ml_25 {
  margin-left: 62.5%;
}

.ml_26 {
  margin-left: 65%;
}

.ml_27 {
  margin-left: 67.5%;
}

.ml_28 {
  margin-left: 70%;
}

.ml_29 {
  margin-left: 72.5%;
}

.ml_30 {
  margin-left: 75%;
}

.ml_31 {
  margin-left: 77.5%;
}

.ml_32 {
  margin-left: 80%;
}

.ml_33 {
  margin-left: 82.5%;
}

.ml_34 {
  margin-left: 85%;
}

.ml_35 {
  margin-left: 87.5%;
}

.ml_36 {
  margin-left: 90%;
}

.ml_37 {
  margin-left: 92.5%;
}

.ml_38 {
  margin-left: 95%;
}

.ml_39 {
  margin-left: 97.5%;
}

.ml_40 {
  margin-left: 100%;
}

.mr_1 {
  margin-right: 2.5%;
}

.mr_2 {
  margin-right: 5%;
}

.mr_3 {
  margin-right: 7.5%;
}

.mr_4 {
  margin-right: 10%;
}

.mr_5 {
  margin-right: 12.5%;
}

.mr_6 {
  margin-right: 15%;
}

.mr_7 {
  margin-right: 17.5%;
}

.mr_8 {
  margin-right: 20%;
}

.mr_9 {
  margin-right: 22.5%;
}

.mr_10 {
  margin-right: 25%;
}

.mr_11 {
  margin-right: 27.5%;
}

.mr_12 {
  margin-right: 30%;
}

.mr_13 {
  margin-right: 32.5%;
}

.mr_14 {
  margin-right: 35%;
}

.mr_15 {
  margin-right: 37.5%;
}

.mr_16 {
  margin-right: 40%;
}

.mr_17 {
  margin-right: 42.5%;
}

.mr_18 {
  margin-right: 45%;
}

.mr_19 {
  margin-right: 47.5%;
}

.mr_20 {
  margin-right: 50%;
}

.mr_21 {
  margin-right: 52.5%;
}

.mr_22 {
  margin-right: 55%;
}

.mr_23 {
  margin-right: 57.5%;
}

.mr_24 {
  margin-right: 60%;
}

.mr_25 {
  margin-right: 62.5%;
}

.mr_26 {
  margin-right: 65%;
}

.mr_27 {
  margin-right: 67.5%;
}

.mr_28 {
  margin-right: 70%;
}

.mr_29 {
  margin-right: 72.5%;
}

.mr_30 {
  margin-right: 75%;
}

.mr_31 {
  margin-right: 77.5%;
}

.mr_32 {
  margin-right: 80%;
}

.mr_33 {
  margin-right: 82.5%;
}

.mr_34 {
  margin-right: 85%;
}

.mr_35 {
  margin-right: 87.5%;
}

.mr_36 {
  margin-right: 90%;
}

.mr_37 {
  margin-right: 92.5%;
}

.mr_38 {
  margin-right: 95%;
}

.mr_39 {
  margin-right: 97.5%;
}

.mr_40 {
  margin-right: 100%;
}

.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%;
}

.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;
}

.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;
}

.rgt {
  text-align: right;
}

.lft {
  text-align: left;
}

.jtf {
  text-align: justify;
}

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

.fixed_bottom {
  /*position: fixed;*/
  bottom: 0;
  background: var(--mbc);
  background: #0086b3;
  z-index: 7;
  color: white;
  width: 100%;
  text-align: center;
  padding: 6px;
  /*display: flex !important;*/
  left: 0;
  justify-content: center;
}

/*.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;
}

.p_03 {
  padding: 3px;
}

.p_0 {
  padding: 0 !important;
}

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

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

.p_ib {
  padding: 6px 12px;
}

.p_03{
  padding: 3px;
}

.p_1 {
  padding: 10px;
}

.pt_1{
padding-top: 10px;
}

.p_2 {
  padding: 15px;
}

.p_3 {
  padding: 20px;
}

.p_4 {
  padding: 30px;
}

.pt_4 {
  padding-top: 30px;
}

.p_5 {
  padding: 50px;
}

/*Table*/

.tb {
  width: 100%;
  color: var(--mtc);
  color:  #37474f;
  background: #eceff1;
}

.tb thead a {
  text-decoration: none;
  color: #263238;
}
.tb thead {
  background: #a6cce8;
  border: 1px solid #a6cce8 !important;
}
.tb thead > tr {
  background: #a6cce8;
  color: #263238;
  font-weight: bold;
  text-align: center;
}
.th_hid {
  position: relative;
  top: -2px;
}
.tb_alert {
  font-weight: bold;
}

.tb_new {
  font-weight: bold;
}

.tb_danger {
  background-color:rgb(251, 201, 175);
}


.tb_note {
  background-color:rgb(226, 144, 144);
}
.tb_icn {
  position: relative;
  top:3px;
}

.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: white;
}

.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;
}

.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) {
  background: #cfd8dc;
}

.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;
}

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

.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;
}

.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;
}

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

.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*/

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

/*copy element*/

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

/*delete element*/

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

/*edit element*/

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

/*add element*/

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

/*details element*/

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

#counts_filter {
  margin-top: 30px;
}

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

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

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

.tb_cont{
  /**make table can scroll**/
  max-height: 600px;
  overflow: auto;
  /** add some style**/
  /*padding: 2px;*/
  /*background: #ddd;*/
  margin: 20px 0;
  /*box-shadow: 0 0 1px 3px #ddd;*/
}
.tb_fixb {
  position: sticky;
  bottom: 0;
}
.tx_ic_r {
  display: inline-block;
  width: auto;
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  position: absolute;
  color: #eceff1;
  text-align: center;
  right: 0;
  z-index: 4;
  background: var(--mbc);
  background: #0086b3;
  top: -1px;
  right: -1px;
  height: auto;
}

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

.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: block;
  outline: none;
}

.lb>div {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: 580px;
  min-height: 250px;
  margin: 10% auto 0 auto;
  padding: 10px 20px 10px 20px;
  background-color: #FFF;
  box-shadow: 0 1px 26px -3px #777777;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  /*margin-top: 10%;*/
}

.lb .lb_t {
  /* Title */
  margin: 0;
  padding: 0 0 10px 0px;
  border-bottom: 1px #ccc solid;
  font-size: 20px;
  text-align: center;
}

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

.lb .lb_cl {
  display: block;
  text-decoration: none;
  font-size: 22px;
  color: #858585;
  float: right;
}


/* 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 {
  text-decoration: none;
  background: #00688C;
  color: #ECEFF1;
  border-radius: 2px;
  padding: 3px 12px;
  font-size: 16px;
  text-shadow: 0 -1px 0 rgba(84, 110, 122, 0.2);
  margin-left: 5px;
  cursor: pointer;
  display: inline-block;
}

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

li.btn_sort.tab:hover {
  background-color: rgb(0, 134, 179) !important;
  color: white !important;
  border: 2px solid white;
  transition: .5s;
}

.light .btn {                                                                                                                                            8
/*border: 1px solid #546e7a;*/
  border: 0px;
  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;
 /*border-color:#546E7A;*/
  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: 24;
}

.sw_yesno, .sw_yesno.sw_on {
  min-width: 50px;
  padding: 4px;
  display: inline-block;
  border-radius: 2px;
  background-color: #2e7b32;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.sw_yesno.sw_off {
  display: inline-block;
  background-color: #d32F2f;
  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 #CFD8DC;
  -moz-box-shadow: inset 0 0 0 13px #546E7A;
  -webkit-box-shadow: inset 0 0 0 13px #546E7A;
  box-shadow: inset 0 0 0 13px #546E7A;
  margin-left: 0.5px;
  margin-top: 1px;
}

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: 24px;
}

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%;
}

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";
  text-align: center;
  font-size: 16px;
}

input[type=radio]:checked+label::before {
  background: #CFD8DC;
  -moz-box-shadow: inset 0 0 0 4px #546E7A;
  -webkit-box-shadow: inset 0 0 0 4px #546E7A;
  box-shadow: inset 0 0 0 4px #546E7A;
  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(84, 110, 122, 1);
}

.light input[type="radio"]+label:before, .light input[type="checkbox"]:not(.swi)+label:before {
  border: 1px solid #546E7A;
  -moz-box-shadow: inset 0 0 0 13px #ECEFF1;
  -webkit-box-shadow: inset 0 0 0 13px #ECEFF1;
  box-shadow: inset 0 0 0 13px #ECEFF1;
}

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

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

@-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; */
}
.active_tab {
  background: #0086b3 !important;
  color: #ffffff;
  border: 2px solid white !important;
  border-bottom: none !important;
  height: 44px !important;
  top: 8px !important;
  line-height: 40px !important;
}

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 {
  width: auto;
  border-top: 1px solid #CFD8DC;
  border-left: 1px solid #CFD8DC;
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 0px 18px;
  height: 32px;
  line-height: 31px;
  border-bottom: none;
  position: relative;
  top: 15px;
}

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

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

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

/*.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 {
  z-index: 6;
  margin: 0;
  margin-top: 1px;
  margin-left: 1.5px;
  padding: 0;
  list-style: none;
  height: auto;
  border-bottom: 0;
  white-space: nowrap;
  display: inline-flex;
  background: #eceff1;
  width: calc(100% - 40px);
  /*border-bottom: 2px solid #CFD8DC;*/
  position:relative;
  /*overflow: auto;*/
}
ul.av_tabs > li {
  width: auto;
  border-top: 1px solid #CFD8DC;
  border-left: 1px solid #CFD8DC;
  border-bottom: 2px solid #CFD8DC !important;
  border-radius: 5px 5px 0 0;
  float: left;
  text-align: center;
  cursor: pointer;
  padding: 5px 18px;
  height: 32px;
  /*line-height: 31px;*/
  border-bottom: none;
  position: relative;
  margin-top: 15px;
}

 ul.av_tabs > li:last-child {
  border-right: 1px solid #CFD8DC;
}
ul.av_tabs > li:hover {
  background-color: #CFD8DC;
  color: #546E7A;
  border-bottom: 1px solid #CFD8DC;
}

.mtab{
  width: 40px !important;
  border-right: 1px solid #CFD8DC;
  text-align: center;
  padding: 5px 10px !important;
}
.mtab > div {
  transform: rotate(90deg) !important;
}
.htab{
  /*max-width: 270px;*/
  padding:0;
  list-style: none;
  background: #CFD8DC;
  position: absolute;
  z-index: 9;
  padding: 6px;
  display: flex;
  flex-direction: column;
  right: 0;
  top: 38px;
  border-radius: 0 0 5px 5px;
}
.htab > .ht {
  background: #CFD8DC;
  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{
  background:  #C0CCD1;
  color: #fff;
}

.htab > .act_tab {
  height: 35px !important;
  top: 0 !important;
  background: #0086b3 !important;
  color: #ffffff !important;
  border: none !important;
  border-bottom: none !important;
}

.act_tab {
  background: #0086b3 !important;
  color: #ffffff !important;
  border: none !important;
  border-bottom: none !important;
  height: 39px !important;
  margin-top: 8px !important;
  /*line-height: 40px !important;*/
}
@media screen and (max-width: 480px) {
  .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%;
  }
  /*ul.av_tabs {*/
  /*  width: 100%;*/
  /*}*/

}

/* 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 !important;
}

.light input {
  border: 1px solid #546E7A;
  z-index: 3;
}

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

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

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

/* Select */

.av_select {
  border-bottom: 1px solid #CFD8DC;
  z-index: 10000;
}

.light .av_select {
  border-bottom: 1px solid #607d8b;
}

.iwids .av_select {
  border-bottom: 0;
}

.av_select.av_mult {
  border: 1px solid #CFD8DC;
}

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

.av_select input {
  border-bottom: 0 !important;
}

.ds {
  display: none !important;
}

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

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

.av_b {
  position: absolute;
  border: 1px solid #CFD8DC;
  margin-top: 3px;
  padding: 0 5px 0 0 ;
  min-width: 150px;
  background: #546E7A;
  z-index: 5;
  overflow-y: auto;
  list-style-type: none;
  text-align: left;
  /* padding-left: 5px; */  //min-height:100px;
  max-height: 250px;
}

.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;
}

.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: #CFD8DC;
  color: #546E7A
}

.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: 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: -5px 2px 2px 2px; //display: block;
  width: 98%;
}

.av_m>li {
  display: inline-block; //color: #546E7A;
  color: #CFD8DC;
  font-size: .9em;
  position: relative;
  z-index: 4;
  border: 1px solid #CFD8DC;
  border-radius: 3px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  cursor: pointer;
  margin: 0 5px 5px 0;
  padding: 0 3px 0 3px;
  text-align: left;
}

.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: 120px;
  height: 36px;
  text-align: center;
  color: #cfd8dc;
  border: 2px solid #cfd8dc;
  margin-left: 10px;
  background: #00688c;
}

/* 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-top: #d6dce1 1px dashed;
  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;
  background-color: #d6dce1;
  color: #546E7A;
}

.fe_v {
  vertical-align: middle;
  display: table-cell;
  float: none;
  padding: 10px 15px;
}

.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: table;
  background: var(--mbc);
  background: #0086b3;
  color: #fff;
  padding: 10px;
}

#t_fe_h{
  text-decoration: none;
  color: #fff;
  margin-left: 2px;
}

.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; */
}

.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-top: #d6dce1 1px dashed;
  display: table;
  height: 55px;
}

.de_t {
  width: 20%;
  min-width: 270px;
  vertical-align: middle;
  display: table-cell;
  float: none;
  text-align: right;
  padding: 10px 15px;
  background-color: #d6dce1;
}
.final{
  min-width: 8%;
  width: 10%;
}
.de_v {
  vertical-align: middle;
  display: table-cell;
  float: none;
  padding: 10px 15px;
}

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

/* Pagination */

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

.pg * {
  cursor: pointer;
}

.pg_b, .pg_n, .pg_s {
  min-width: 30px;
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 2px;
  background: #CFD8DC;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  color: var(--mtc);
  color:  #37474f;
  transition: all 0.15s ease;
}

.pg_b, .pg_n {
  border: 1px solid #CFD8DC;
}

.pg_s {
  font-weight: bold;
}

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

}

.light .pg_b, .light .pg_n, .light .pg_s {
  border: 1px solid #607D8B;
  background: #588bb4;
  color: #fff;
}

/*number_url,celected_url*/

.light .pg_b:hover, .light .pg_n:hover, .light .pg_s:hover {
  //background:#78909C;
  //border:1px dashed #ECEFF1;
  //color:#fff;
  //font-weight:bold;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.light .pg_b:active, .light .pg_n:active, .light .pg_s:active {
  background: #78909C; //border:1px dashed #ECEFF1;
  color: #fff;
  font-weight: bold;
}

/*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;
}

.w_25.p_1.alert {
  background: none;
  border: none;
}


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*/

.tag_l {
  float: left;
  margin-left: 5px;
  border: 1px dotted #333;
  padding: 2px 6px;
  border-radius: 6px;
  background-color: #fff;
}

.tag_c {
  position: relative;
  bottom: 6px;
  left: 4px;
  cursor: pointer;
}

.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;
}

.tw_22 {
  width: 220px;
}

.ws {
  white-space: nowrap;
}

.user_ticket {
  margin-left: 50px;
}


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

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-bottom: 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;
  min-height: 110vh;
}

.dialog-ovelay .dialog {
  width: 50%;
  margin: 200px auto 0;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  border-radius: 3px;
  overflow: hidden
}

.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 .dialog-msg p {
  margin: 0;
  font-size: 25px;
  text-align: center;
  color: #333
}

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

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

.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: rgba(161, 24, 24, 0.9);
  border: 1px solid #d32f2f;
  color: #f5f5f5
}

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

.inline {
  display: inline-flex;
}

.ov_a {
  overflow: auto !important;
}

.text_hglt {
  background: #fff0db;
  padding: 5px;
  margin-bottom: 10px;
}

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


/* custom  confirm css end */

/*responsive*/
@media all and (min-width:1024px) and (max-width: 1280px) {
  /*sidebar*/
  .sidebar {
    width: 17%;
  }

  /*#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 all and (min-width:800px) and (max-width: 1023px) {
  /* header top */
  .dpi_title {
    min-height: 65px;
    font-size: 13px;
    padding: 5px;
  }
  .sidebar {
    width: 17% ;
  }
  .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;
  }
  .tc {
    margin: 0 auto;
    display: table;
    margin-top: -2px;
  }
  .fl_r {
    float: right;
  }
  /*.fl_r .icon-logout, .fl_r .icon-settings, .fl_r .icon-note, .fl_r .icon-search {*/
  /*  margin-top: 0 !important;*/
  /*}*/
  .fe_t, .fe_v, .de_t {
    width: 100%;
    text-align: center;
    padding: 10px 15px;
    display: inline-table;
  }
  .de_v {
    width: 100%;
    padding: 10px 15px;
    display: inline-table;
  }
  .w_1-3 {
    width: 33%;
  }
  .w_1-2 {
    width: 45%;
  }
  .light .btn {
    width: 100%;
    height: 35px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    background: #00688C;
  }
  table thead {
    /* display: none;*/
  }
  table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid #ddd;
  }
  table td :not(.cal td){
    display: block;
    /*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;
  }
  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
  }
  .fixed_bottom{
    display: flex !important;
    position: fixed;
  }
  .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 all and (min-width:600px) and (max-width: 800px) {
  .container {
    margin-top: 100px !important;
  }
  .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;
  }
  .tc {
    margin: 0 auto;
    display: table;
    margin-top: -2px;
  }
  .fl_r {
    float: right;
  }
  /*.fl_r .icon-logout, .fl_r .icon-settings, .fl_r .icon-note, .fl_r .icon-search {*/
  /*  top: 23px;*/
  /*}*/
  .fe_t, .fe_v, .de_t {
    width: 100%;
    text-align: center;
    padding: 10px 15px;
    display: inline-table;
  }
  .de_v {
    width: 100%;
    padding: 10px 15px;
    display: inline-table;
  }
  .w_1-3 {
    width: 33%;
  }
  .w_2-3 {
    width: 67%;
  }
  .w_1-2 {
    width: 45%;
  }
  .light .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;*/
  }
  .de_tb tr, .tb tr {
    margin-bottom: 10px;
    /* display: block; */
    border-bottom: 1px solid #ddd;
  }
  .tb>thead>tr>td{
    display: block;
    font-size: 15px;
    border-bottom: 1px dotted #546E7A;
    min-height: 45px;
  }
  .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_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;
  }
  input[type="checkbox"]+label {
    margin-left: -45px;
  }
  #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 2% 10px 5% !important;
    margin: 0 auto;
    max-width: 750px !important;
  }
  .w_9 {
    width: 47%;
    /* max-width: 209.25px; */
  }
  .dbi {
    margin-bottom: 10px;
  }
  .dpi_title {
    min-height: 33%;
    font-size: 16px;
    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;
  }
  .fixed_tabs {
    top: 114px;
  }
  .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, .de_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: flex !important;
    position: fixed;
  }
  .mobile_mt{
    margin-top: 45px !important;
  }
  ul.av_tabs > li:first-child {
    width: 100%;
  }

}
@media all and (min-width: 480px) and (max-width: 599px) {
  /*dashboard*/
  .container {
    margin-top: 120px;
  }
  /*#sb_s {*/
  /*  display: block !important;*/
  /*  width: 94%;*/
  /*  right: 0 !important;*/
  /*  top: 70px !important;*/
  /*}*/
  .logo img {
    height: 36px !important;
  }
  .beta {
    margin-top: 24px !important;
  }
  /*.serch_del {*/
  /*  display: none !important;*/
  /*}*/
  .condash {
    padding: 10px 2% 10px 5% !important;
    margin: 0 auto;
    max-width: 599px !important;
  }
  .w_9 {
    width: 47%;
    max-width: 209.25px;
  }
  .collapsed {
    display: none
  }
  .dbi {
    margin-bottom: 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;
  }
  .fix_sidebar {
    position: fixed;
    top: 50px;
    z-index: 10;
    overflow-x: scroll;
    height: 100%;
  }
  .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;
  }
  ul.av_tabs > li:first-child {
    width: 100%;
  }
  ․mobile_mt_det {
    margin-top: 50px !important;
  }
  .bottomnav_pos {
    bottom: 38px !important;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 9;
  }
  .de_btn{
    margin: 2px 5px;
  }
}
@media all and (min-width: 320px) and (max-width: 480px) {
  /*dashboard*/
  .header {
    height: 75px !important;
    padding: 15px 0 !important;
  }
  .container {
    margin-top: 80px;
  }
  .beta {
    margin-top: 24px !important;
  }
  .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;*/
  /*}*/
  .logo img {
    height: 30px !important;
  }
  /*.serch_del {*/
  /*  display: none !important;*/
  /*}*/
  .condash {
    padding: 10px 2% 10px 5% !important;
    margin: 0 auto;
    max-width: 480px !important;
  }
  .w_9 {
    width: 47%;
    max-width: 209.25px;
  }
  .collapsed {
    display: none
  }
  .dbi {
    margin-bottom: 10px;
  }
  .dpi_title {
    min-height: 33%;
    font-size: 13px;
    padding: 3px;
    word-wrap: break-word;
  }

  .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;
  }
  /*#sb_s {*/
  /*  display: block !important;*/
  /*  width: 94%;*/
  /*  right: 2.5% !important;*/
  /*  top: 70px !important;*/
  /*}*/
  .fix_sidebar {
    position: fixed;
    top: 65px;
    z-index: 10;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 100%;
  }
  .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;
  }
  .tna_20 {
    width: 20% !important;
  }
  .tna_40 {
    width: 40% !important;
  }
  .tna_45 {
    width: 45% !important;
  }
  .tna_50 {
    width: 50% !important;
  }
  .tna_55 {
    width: 55% !important;
  }
  .tna_60 {
    width: 60% !important;
  }
  .tna_65 {
    width: 65% !important;
  }
  .tna_70 {
    width: 70% !important;
  }
  .s_mb_48{
    margin-bottom: 48px !important;
  }
  .status_triple {
    display: grid;
    width: 60%;
    margin: auto;
  }
  .mobile_grid {
    display: grid !important;
  }
  .mobile_grid div {
    width: 100%;
    max-width: none;
  }
  .mobile_grid {
    display: grid !important;
  }
  .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;
  }
  ul.av_tabs > li:first-child {
    width: 100%;
  }
  ․mobile_mt_det {
    margin-top: 100px !important;
  }
  .bottomnav_pos {
    bottom: 38px !important;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 9;
  }

  .de_btn {
    margin: 2px 5px;
  }
  .fix_top_btns {
    top: 225px !important;
  }
}
@media only screen and (max-width: 360px) and (max-height: 320px) {
  /* Styles */
  .home_logo {
    width: 0px;
    height: 0px !important;
    margin-left: 0px;
    border-radius: 0%;
    padding: 0px !important;
    margin-bottom: 0px;
    visibility: hidden;
    margin-top: 10px !important;
    -webkit-transition: top 1s ease-out 0.5s;
    -moz-transition: top 1s ease-out 0.5s;
    -o-transition: top 1s ease-out 0.5s;
    transition: top 1s ease-out 0.5s;
  }
  /* #sb_s {
    display: none;
  } */
  /*.serch_del {*/
  /*  display: none !important;*/
  /*}*/
  .home_logo img {
    display: none;
  }
  .home_logo {
    opacity: 0;
    border: 0px solid #546e7a !important;
  }
  .logo img {
    height: 30px !important;
  }
  .home_form:active {
    /*transition: all 2s ease-in-out;*/
  }
  .home_footer {
    position: absolute;
    bottom: 0;
    color: #CFD8DC;
    padding: 10px;
    border-top: 1px solid #CFD8DC;
    text-align: center;
    font-size: 10px;
    width: 100%;
  }
  /*dashboard*/
  .condash {
    padding: 10px 2% 10px 5% !important;
    margin: 0 auto;
    margin: 0 auto;
    max-width: 430px !important;
  }
  .w_9 {
    width: 47%;
    max-width: 209.25px;
  }
  .count_block {
    margin-bottom: 2%;
  }
  .dbi {
    margin-bottom: 10px;
  }
  .dpi_title {
    min-height: 65px;
    font-size: 12px;
    padding: 5px;
  }
  .dbi_content img {
    width: 40% !important;
    margin-top: -10px !important;
    max-width: 150px !important
  }
  .dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
  }
}
@media (max-width: 599px) {
  .w_33 {
    width: 100%;
  }
  .w_1-3 {
    width: 100%;
  }
  .w_1-2 {
    width: 100%;
  }
  .content {
    padding: 5px;
  }
  /*.lb>div {*/
  /*  min-width: 100%;*/
  /*  margin-top: 50% !important;*/
  /*}*/
  .lb_ec>div {
    margin-top: 0% !important;
  }
  .fe_t, .fe_v, .de_t {
    width: 100%;
    text-align: center;
    padding: 10px 15px;
    display: inline-table;
  }
  .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;
  }
  .de_v {
    width: 100%;
    padding: 5px 3px;
    display: inline-table;
  }

  .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;
  }
  .w_7, .w_5, .w_12, .w_6, .w_4, .w_3, .w_19, .w_10, .w_13, .w_8, .w_15, .w_14, .w_25, .sw_40 {
    width: 100%;
  }
  .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 2% 10px 5% !important;
    margin: 0 auto;
    max-width: 430px !important;
  }
  /*dashboard*/
  /*.condash {
    padding: 10px 2% 10px 5% !important;
	margin: 0 auto;
	max-width: 430px !important;
	}

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

	.dbi {
    margin-bottom: 10px;
	}

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

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

	.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	}*/
  /*date piker*/
  .light .pk {
    width: 100%;
    max-width: 300px;
  }
  /*pagination*/
  .pg_b, .pg_n, .pg_s {
    max-width: 35px;
    font-size: 12px;
    padding: 3px 5px;
    width: 5%;
  }
  .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;
  }
  /*.fl_r .icon-settings {*/
  /*  margin-top: 5px;*/
  /*}*/
  /*.fl_r .icon-logout {*/
  /*  margin-top: 5px;*/
  /*}*/
  .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;
  }
  .s_mb_48{
    margin-bottom: 48px !important;
  }
}
/*@media (max-width: 507px){*/
/*  .mt_07 {*/
/*    margin-top: 7px !important;*/
/*  }*/
/*  .mt_42 {*/
/*    margin-bottom: 42px !important;*/
/*  }*/

/*}*/
@media all and (max-width: 360px) {
  .lng:not(:hover) a {
    display: block;
  }
  /* #sb_s {
		display:none;
	} */
  /*login*/
  .container {
    margin-top: 120px;
  }
  /* .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;
  }
  .condash {
    padding: 10px 2% 10px 5% !important;
    margin: 0 auto;
    max-width: 430px !important;
  }
  .w_9 {
    width: 47%;
    max-width: 209.25px;
  }
  .count_block {
    font-size: 18px;
  }

}



/*@media screen and (min-width: 576px) {*/
/*  .esw_1 {*/
/*    width: 2.5%;*/
/*  }*/

/*  .esw_2 {*/
/*    width: 5%;*/
/*  }*/

/*  .esw_3 {*/
/*    width: 7.5%;*/
/*  }*/

/*  .esw_4 {*/
/*    width: 10%;*/
/*  }*/

/*  .esw_5 {*/
/*    width: 12.5%;*/
/*  }*/

/*  .esw_6 {*/
/*    width: 15%;*/
/*  }*/

/*  .esw_7 {*/
/*    width: 17.5%;*/
/*  }*/

/*  .esw_8 {*/
/*    width: 20%;*/
/*  }*/

/*  .esw_9 {*/
/*    width: 22.5%;*/
/*  }*/

/*  .esw_10 {*/
/*    width: 25%;*/
/*  }*/

/*  .esw_11 {*/
/*    width: 27.5%;*/
/*  }*/

/*  .esw_12 {*/
/*    width: 30%;*/
/*  }*/

/*  .esw_13 {*/
/*    width: 32.5%;*/
/*  }*/

/*  .esw_14 {*/
/*    width: 35%;*/
/*  }*/

/*  .esw_15 {*/
/*    width: 37.5%;*/
/*  }*/

/*  .esw_16 {*/
/*    width: 40%;*/
/*  }*/

/*  .esw_17 {*/
/*    width: 42.5%;*/
/*  }*/

/*  .esw_18 {*/
/*    width: 45%;*/
/*  }*/

/*  .esw_19 {*/
/*    width: 47.5%;*/
/*  }*/

/*  .esw_20 {*/
/*    width: 50%;*/
/*  }*/

/*  .esw_21 {*/
/*    width: 52.5%;*/
/*  }*/

/*  .esw_22 {*/
/*    width: 55%;*/
/*  }*/

/*  .esw_23 {*/
/*    width: 57.5%;*/
/*  }*/

/*  .esw_24 {*/
/*    width: 60%;*/
/*  }*/

/*  .esw_25 {*/
/*    width: 62.5%;*/
/*  }*/

/*  .esw_26 {*/
/*    width: 65%;*/
/*  }*/

/*  .esw_27 {*/
/*    width: 67.5%;*/
/*  }*/

/*  .esw_28 {*/
/*    width: 70%;*/
/*  }*/

/*  .esw_29 {*/
/*    width: 72.5%;*/
/*  }*/

/*  .esw_30 {*/
/*    width: 75%;*/
/*  }*/

/*  .esw_31 {*/
/*    width: 77.5%;*/
/*  }*/

/*  .esw_32 {*/
/*    width: 80%;*/
/*  }*/

/*  .esw_33 {*/
/*    width: 82.5%;*/
/*  }*/

/*  .esw_34 {*/
/*    width: 85%;*/
/*  }*/

/*  .esw_35 {*/
/*    width: 87.5%;*/
/*  }*/

/*  .esw_36 {*/
/*    width: 90%;*/
/*  }*/

/*  .esw_37 {*/
/*    width: 92.5%;*/
/*  }*/

/*  .esw_38 {*/
/*    width: 95%;*/
/*  }*/

/*  .esw_39 {*/
/*    width: 97.5%;*/
/*  }*/

/*  .esw_40 {*/
/*    width: 100%;*/
/*    clear: both;*/
/*  }*/

/*  .esw_1-3 {*/
/*    width: calc(100%/3);*/
/*  }*/
/*  .esw_2-3 {*/
/*    width: 66%;*/
/*  }*/
/*  .esw_1-2 {*/
/*    width: calc(100%/2);*/
/*  }*/

/*  .esw_1-7 {*/
/*    width: calc(100%/7);*/
/*  }*/
/*}*/
/*@media (min-width: 768px){*/
/*  .sw_1 {*/
/*    width: 2.5%;*/
/*  }*/

/*  .sw_2 {*/
/*    width: 5%;*/
/*  }*/

/*  .sw_3 {*/
/*    width: 7.5%;*/
/*  }*/

/*  .sw_4 {*/
/*    width: 10%;*/
/*  }*/

/*  .sw_5 {*/
/*    width: 12.5%;*/
/*  }*/

/*  .sw_6 {*/
/*    width: 15%;*/
/*  }*/

/*  .sw_7 {*/
/*    width: 17.5%;*/
/*  }*/

/*  .sw_8 {*/
/*    width: 20%;*/
/*  }*/

/*  .sw_9 {*/
/*    width: 22.5%;*/
/*  }*/

/*  .sw_10 {*/
/*    width: 25%;*/
/*  }*/

/*  .sw_11 {*/
/*    width: 27.5%;*/
/*  }*/

/*  .sw_12 {*/
/*    width: 30%;*/
/*  }*/

/*  .sw_13 {*/
/*    width: 32.5%;*/
/*  }*/

/*  .sw_14 {*/
/*    width: 35%;*/
/*  }*/

/*  .sw_15 {*/
/*    width: 37.5%;*/
/*  }*/

/*  .sw_16 {*/
/*    width: 40%;*/
/*  }*/

/*  .sw_17 {*/
/*    width: 42.5%;*/
/*  }*/

/*  .sw_18 {*/
/*    width: 45%;*/
/*  }*/

/*  .sw_19 {*/
/*    width: 47.5%;*/
/*  }*/

/*  .sw_20 {*/
/*    width: 50%;*/
/*  }*/

/*  .sw_21 {*/
/*    width: 52.5%;*/
/*  }*/

/*  .sw_22 {*/
/*    width: 55%;*/
/*  }*/

/*  .sw_23 {*/
/*    width: 57.5%;*/
/*  }*/

/*  .sw_24 {*/
/*    width: 60%;*/
/*  }*/

/*  .sw_25 {*/
/*    width: 62.5%;*/
/*  }*/

/*  .sw_26 {*/
/*    width: 65%;*/
/*  }*/

/*  .sw_27 {*/
/*    width: 67.5%;*/
/*  }*/

/*  .sw_28 {*/
/*    width: 70%;*/
/*  }*/

/*  .sw_29 {*/
/*    width: 72.5%;*/
/*  }*/

/*  .sw_30 {*/
/*    width: 75%;*/
/*  }*/

/*  .sw_31 {*/
/*    width: 77.5%;*/
/*  }*/

/*  .sw_32 {*/
/*    width: 80%;*/
/*  }*/

/*  .sw_33 {*/
/*    width: 82.5%;*/
/*  }*/

/*  .sw_34 {*/
/*    width: 85%;*/
/*  }*/

/*  .sw_35 {*/
/*    width: 87.5%;*/
/*  }*/

/*  .sw_36 {*/
/*    width: 90%;*/
/*  }*/

/*  .sw_37 {*/
/*    width: 92.5%;*/
/*  }*/

/*  .sw_38 {*/
/*    width: 95%;*/
/*  }*/

/*  .sw_39 {*/
/*    width: 97.5%;*/
/*  }*/

/*  .sw_40 {*/
/*    width: 100%;*/
/*    clear: both;*/
/*  }*/

/*  .sw_1-3 {*/
/*    width: calc(100%/3);*/
/*  }*/
/*  .sw_2-3 {*/
/*    width: 66%;*/
/*  }*/
/*  .sw_1-2 {*/
/*    width: calc(100%/2);*/
/*  }*/

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

/*}*/
/*@media (min-width: 1024px){*/
/*  .mw_1 {*/
/*    width: 2.5%;*/
/*  }*/

/*  .mw_2 {*/
/*    width: 5%;*/
/*  }*/

/*  .mw_3 {*/
/*    width: 7.5%;*/
/*  }*/

/*  .mw_4 {*/
/*    width: 10%;*/
/*  }*/

/*  .mw_5 {*/
/*    width: 12.5%;*/
/*  }*/

/*  .mw_6 {*/
/*    width: 15%;*/
/*  }*/

/*  .mw_7 {*/
/*    width: 17.5%;*/
/*  }*/

/*  .mw_8 {*/
/*    width: 20%;*/
/*  }*/

/*  .mw_9 {*/
/*    width: 22.5%;*/
/*  }*/

/*  .mw_10 {*/
/*    width: 25%;*/
/*  }*/

/*  .mw_11 {*/
/*    width: 27.5%;*/
/*  }*/

/*  .mw_12 {*/
/*    width: 30%;*/
/*  }*/

/*  .mw_13 {*/
/*    width: 32.5%;*/
/*  }*/

/*  .mw_14 {*/
/*    width: 35%;*/
/*  }*/

/*  .mw_15 {*/
/*    width: 37.5%;*/
/*  }*/

/*  .mw_16 {*/
/*    width: 40%;*/
/*  }*/

/*  .mw_17 {*/
/*    width: 42.5%;*/
/*  }*/

/*  .mw_18 {*/
/*    width: 45%;*/
/*  }*/

/*  .mw_19 {*/
/*    width: 47.5%;*/
/*  }*/

/*  .mw_20 {*/
/*    width: 50%;*/
/*  }*/

/*  .mw_21 {*/
/*    width: 52.5%;*/
/*  }*/

/*  .mw_22 {*/
/*    width: 55%;*/
/*  }*/

/*  .mw_23 {*/
/*    width: 57.5%;*/
/*  }*/

/*  .mw_24 {*/
/*    width: 60%;*/
/*  }*/

/*  .mw_25 {*/
/*    width: 62.5%;*/
/*  }*/

/*  .mw_26 {*/
/*    width: 65%;*/
/*  }*/

/*  .mw_27 {*/
/*    width: 67.5%;*/
/*  }*/

/*  .mw_28 {*/
/*    width: 70%;*/
/*  }*/

/*  .mw_29 {*/
/*    width: 72.5%;*/
/*  }*/

/*  .mw_30 {*/
/*    width: 75%;*/
/*  }*/

/*  .mw_31 {*/
/*    width: 77.5%;*/
/*  }*/

/*  .mw_32 {*/
/*    width: 80%;*/
/*  }*/

/*  .mw_33 {*/
/*    width: 82.5%;*/
/*  }*/

/*  .mw_34 {*/
/*    width: 85%;*/
/*  }*/

/*  .mw_35 {*/
/*    width: 87.5%;*/
/*  }*/

/*  .mw_36 {*/
/*    width: 90%;*/
/*  }*/

/*  .mw_37 {*/
/*    width: 92.5%;*/
/*  }*/

/*  .mw_38 {*/
/*    width: 95%;*/
/*  }*/

/*  .mw_39 {*/
/*    width: 97.5%;*/
/*  }*/

/*  .mw_40 {*/
/*    width: 100%;*/
/*    clear: both;*/
/*  }*/

/*  .mw_1-3 {*/
/*    width: calc(100%/3);*/
/*  }*/
/*  .mw_2-3 {*/
/*    width: 66%;*/
/*  }*/
/*  .mw_1-2 {*/
/*    width: calc(100%/2);*/
/*  }*/

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

/*}*/
/*@media (min-width: 1280px){*/
/*  .lw_1 {*/
/*    width: 2.5%;*/
/*  }*/

/*  .lw_2 {*/
/*    width: 5%;*/
/*  }*/

/*  .lw_3 {*/
/*    width: 7.5%;*/
/*  }*/

/*  .lw_4 {*/
/*    width: 10%;*/
/*  }*/

/*  .lw_5 {*/
/*    width: 12.5%;*/
/*  }*/

/*  .lw_6 {*/
/*    width: 15%;*/
/*  }*/

/*  .lw_7 {*/
/*    width: 17.5%;*/
/*  }*/

/*  .lw_8 {*/
/*    width: 20%;*/
/*  }*/

/*  .lw_9 {*/
/*    width: 22.5%;*/
/*  }*/

/*  .lw_10 {*/
/*    width: 25%;*/
/*  }*/

/*  .lw_11 {*/
/*    width: 27.5%;*/
/*  }*/

/*  .lw_12 {*/
/*    width: 30%;*/
/*  }*/

/*  .lw_13 {*/
/*    width: 32.5%;*/
/*  }*/

/*  .lw_14 {*/
/*    width: 35%;*/
/*  }*/

/*  .lw_15 {*/
/*    width: 37.5%;*/
/*  }*/

/*  .lw_16 {*/
/*    width: 40%;*/
/*  }*/

/*  .lw_17 {*/
/*    width: 42.5%;*/
/*  }*/

/*  .lw_18 {*/
/*    width: 45%;*/
/*  }*/

/*  .lw_19 {*/
/*    width: 47.5%;*/
/*  }*/

/*  .lw_20 {*/
/*    width: 50%;*/
/*  }*/

/*  .lw_21 {*/
/*    width: 52.5%;*/
/*  }*/

/*  .lw_22 {*/
/*    width: 55%;*/
/*  }*/

/*  .lw_23 {*/
/*    width: 57.5%;*/
/*  }*/

/*  .lw_24 {*/
/*    width: 60%;*/
/*  }*/

/*  .lw_25 {*/
/*    width: 62.5%;*/
/*  }*/

/*  .lw_26 {*/
/*    width: 65%;*/
/*  }*/

/*  .lw_27 {*/
/*    width: 67.5%;*/
/*  }*/

/*  .lw_28 {*/
/*    width: 70%;*/
/*  }*/

/*  .lw_29 {*/
/*    width: 72.5%;*/
/*  }*/

/*  .lw_30 {*/
/*    width: 75%;*/
/*  }*/

/*  .lw_31 {*/
/*    width: 77.5%;*/
/*  }*/

/*  .lw_32 {*/
/*    width: 80%;*/
/*  }*/

/*  .lw_33 {*/
/*    width: 82.5%;*/
/*  }*/

/*  .lw_34 {*/
/*    width: 85%;*/
/*  }*/

/*  .lw_35 {*/
/*    width: 87.5%;*/
/*  }*/

/*  .lw_36 {*/
/*    width: 90%;*/
/*  }*/

/*  .lw_37 {*/
/*    width: 92.5%;*/
/*  }*/

/*  .lw_38 {*/
/*    width: 95%;*/
/*  }*/

/*  .lw_39 {*/
/*    width: 97.5%;*/
/*  }*/

/*  .lw_40 {*/
/*    width: 100%;*/
/*    clear: both;*/
/*  }*/

/*  .lw_1-3 {*/
/*    width: calc(100%/3);*/
/*  }*/
/*  .lw_2-3 {*/
/*    width: 66%;*/
/*  }*/
/*  .lw_1-2 {*/
/*    width: calc(100%/2);*/
/*  }*/

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

/*}*/