#cl_trade_widget_<?=$hash?>_wnd_auth .cl_WDT .cl_wdt_container {
  width: auto;
}
#cl_trade_widget_<?=$hash?>_wnd_catalog_cart.clh_cart_full {
  cursor: pointer;
  color: var(--btn-txt-clr);
  background: var(--buttons-bg-clr);
}

.cl_wdt_spin {animation: cl_wdt_spin 1s infinite linear}
@keyframes cl_wdt_spin {0% {transform: rotate(0deg)} to {transform: rotate(1turn)}}
.cl_wdt_blink {
  background-color: var(--clr-white);
  transition: all 0.1s ease-in-out;
}

/* flags */
.clcb-flag-list {max-height: 255px !important; position:fixed !important}
.clcb-place-number {
  position: relative;
}
.clcb-place-number:before {
  font-family: var(--f-family);
  font-size: var(--f-size);
  display: inline-block;
  box-sizing: border-box;
  content: attr(mycode);
  position: absolute;
  left: 60px;
}
input.clcb-input.clcb-input-number {
  font-size: var(--f-size);
  padding: 0 0 0 40px !important;
  box-sizing: border-box;
  width: calc(100% - 50px);
  letter-spacing: 0.02em;
}
.clcb-input.clcb-choose-country {
  overflow: hidden;
  width: 50px;
  cursor: pointer;
  position: relative;
}
.clcb-flag {
  background: url(https://omicron.cloff.ru/html/v2/img/clcb-pics/flags.png) no-repeat center;
  height: 17px;
  width: 20px;
  display: inline-block;
}
.clcb-input.clcb-choose-country .clcb-flag {
  background: url(https://omicron.cloff.ru/html/v2/img/clcb-pics/flags.png) no-repeat center;
  height: 17px;
  width: 20px;
}
.clcb-input.clcb-arrow:after {
  content: "";
  background: url(https://omicron.cloff.ru/html/v2/img/clcb-pics/arrow-pointer.png) no-repeat center;
  height: 28px;
  width: 10px;
  float: right;
  margin-right: 10px;
  position: absolute;
  right: 0;
}
/* END flags */

/* timepicker */
.cl_wdt_timecontainer {
  position: absolute;
  display: flex;
  flex-direction: column;
  background: var(--clr-white);
  border: var(--border);
  border-color: var(--clr-default);
  border-radius: var(--b-rad);
}
.cl_wdt_timepicker {
  display: grid;
  padding: var(--sp-s);
  grid-gap: var(--sp-s);
  grid-template-columns: repeat(4, 50px);
}
.cl_wdt_timepicker label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-family);
  font-size: var(--f-size);
  font-weight: var(--f-weight);
/*white-space: nowrap;
  text-overflow: ellipsis;*/
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: var(--border);
  border-color: var(--clr-disabled);
  border-radius: var(--b-rad);
  padding: var(--sp-s) var(--sp-m);
  min-height: 28px;
  opacity: .9;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cl_wdt_timepicker label:hover {
  border-color: var(--clr-primary);
}
.cl_wdt_timepicker input:disabled+label {
  background-color: var(--clr-disabled);
  cursor: not-allowed;
  border-color: var(--clr-disabled);
}
.cl_wdt_timepicker input:checked+label {
  color: var(--clr-white);
  background-color: var(--clr-primary);
}
@media (max-width:720px) {
  .cl_wdt_timecontainer {
    position: fixed !important;
    top: 25px;
    left: 0;
    right: 0;
    bottom: auto;
  }
  .cl_wdt_timepicker {
    grid-template-columns: repeat(auto-fill, 50px);
    justify-content: space-between;
  }
}
/*@media (max-width:600px) {
  .cl_wdt_timecontainer {
    position: fixed;
    width: 100%;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .cl_wdt_timepicker {
    grid-template-columns: repeat(auto-fill, 50px);
    justify-content: space-between;
  }
}*/
/* END timepicker */

/*WDT STYLES*/
.cl_WDT {width: 100%;}
.cl_WDT, .cl_WDT *,
.cl_WDT_LK, .cl_WDT_LK *,
.cl_WDT_TD, .cl_WDT_TD * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: var(--f-family) !important;
  font-size: var(--f-size);
  font-weight: var(--f-weight);
  color: var(--clr-default);
  box-sizing: border-box;
  vertical-align: baseline;
  line-height: normal;
  text-align: left;
}

.cl_WDT input[type=checkbox]{
    appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
}

.cl_wdt_widget_wrapper {
  background-color: rgba(0, 0, 0, 0.6);
/*padding-top: 25px;*/
  position: fixed;
  z-index: calc(var(--z-index) + 5);
  overflow: auto;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cl_wdt_modal_wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: calc(var(--z-index) + 9);
  overflow: auto;
}
/*.cl_wdt_modal_wrapper {
  position: fixed;
  overflow: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: calc(var(--z-index) + 5);
}*/
.cl_wdt_modal_title {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--sp-m) * -1);
  margin-left: calc(var(--sp-m) * -1);
  box-sizing: border-box;
  align-items: center !important;
  background-color: var(--clr-secondary) !important;
  color: var(--clr-white);
  padding-top: var(--sp-s) !important;
  padding-bottom: var(--sp-s) !important;
  border-radius: var(--b-rad) var(--b-rad) 0 0;
  border: var(--border);
  border-color: var(--clr-secondary);
}
.cl_wdt_modal_footer {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--sp-m) * -1);
  margin-left: calc(var(--sp-m) * -1);
  box-sizing: border-box;
  background-color: whitesmoke !important;
  color: var(--clr-default);
  border-radius: 0 0 var(--b-rad) var(--b-rad);
}
.cl_wdt_modal_controls {
  position: absolute;
  right: var(--sp-s);
  top: -30px;
  font-size: var(--sp-xl);
  cursor: pointer;
}
.cl_wdt_modal_controls > i {font-size: inherit;}

.cl_wdt_container {
  width: 100%;
  padding-right: var(--sp-m);
  padding-left: var(--sp-m);
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
.cl_wdt_row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--sp-m) * -1);
  margin-left: calc(var(--sp-m) * -1);
  box-sizing: border-box;
}
.cl_wdt_no_gutters {margin-right: 0; margin-left: 0;}
.cl_wdt_no_gutters > .col, .cl_wdt_no_gutters > [class*="col_"] {padding-right: 0; padding-left: 0;}

.cl_wdt_col_1, .cl_wdt_col_2, .cl_wdt_col_3, .cl_wdt_col_4, .cl_wdt_col_5, .cl_wdt_col_6, .cl_wdt_col_7, .cl_wdt_col_8, .cl_wdt_col_9, .cl_wdt_col_10, .cl_wdt_col_11, .cl_wdt_col_12, .cl_wdt_col, .cl_wdt_col_auto, 
.cl_wdt_col_s_1, .cl_wdt_col_s_2, .cl_wdt_col_s_3, .cl_wdt_col_s_4, .cl_wdt_col_s_5, .cl_wdt_col_s_6, .cl_wdt_col_s_7, .cl_wdt_col_s_8, .cl_wdt_col_s_9, .cl_wdt_col_s_10, .cl_wdt_col_s_11, .cl_wdt_col_s_12, .cl_wdt_col_s, .cl_wdt_col_s_auto, 
.cl_wdt_col_m_1, .cl_wdt_col_m_2, .cl_wdt_col_m_3, .cl_wdt_col_m_4, .cl_wdt_col_m_5, .cl_wdt_col_m_6, .cl_wdt_col_m_7, .cl_wdt_col_m_8, .cl_wdt_col_m_9, .cl_wdt_col_m_10, .cl_wdt_col_m_11, .cl_wdt_col_m_12, .cl_wdt_col_m,.cl_wdt_col_m_auto, 
.cl_wdt_col_l_1, .cl_wdt_col_l_2, .cl_wdt_col_l_3, .cl_wdt_col_l_4, .cl_wdt_col_l_5, .cl_wdt_col_l_6, .cl_wdt_col_l_7, .cl_wdt_col_l_8, .cl_wdt_col_l_9, .cl_wdt_col_l_10, .cl_wdt_col_l_11, .cl_wdt_col_l_12, .cl_wdt_col_l, .cl_wdt_col_l_auto, 
.cl_wdt_col_xl_1, .cl_wdt_col_xl_2, .cl_wdt_col_xl_3, .cl_wdt_col_xl_4, .cl_wdt_col_xl_5, .cl_wdt_col_xl_6, .cl_wdt_col_xl_7, .cl_wdt_col_xl_8, .cl_wdt_col_xl_9, .cl_wdt_col_xl_10, .cl_wdt_col_xl_11, .cl_wdt_col_xl_12, .cl_wdt_col_xl, .cl_wdt_col_xl_auto {
  position: relative; width: 100%; min-height: 1px; padding-right: var(--sp-m); padding-left: var(--sp-m); box-sizing: border-box;}
.cl_wdt_col {flex-basis: 0; flex-grow: 1; max-width: 100%;}
.cl_wdt_col_auto {flex: 0 0 auto; width: auto; max-width: none;}
.cl_wdt_col_1 {flex: 0 0 8.333333%; max-width: 8.333333%;}
.cl_wdt_col_2 {flex: 0 0 16.666667%; max-width: 16.666667%;}
.cl_wdt_col_3 {flex: 0 0 25%; max-width: 25%;}
.cl_wdt_col_4 {flex: 0 0 33.333333%; max-width: 33.333333%;}
.cl_wdt_col_5 {flex: 0 0 41.666667%; max-width: 41.666667%;}
.cl_wdt_col_6 {flex: 0 0 50%; max-width: 50%;}
.cl_wdt_col_7 {flex: 0 0 58.333333%; max-width: 58.333333%;}
.cl_wdt_col_8 {flex: 0 0 66.666667%; max-width: 66.666667%;}
.cl_wdt_col_9 {flex: 0 0 75%; max-width: 75%;}
.cl_wdt_col_10 {flex: 0 0 83.333333%; max-width: 83.333333%;}
.cl_wdt_col_11 {flex: 0 0 91.666667%; max-width: 91.666667%;}
.cl_wdt_col_12 {flex: 0 0 100%; max-width: 100%;}

.cl_wdt_d_inline {display: inline;}
.cl_wdt_d_inline_block {display: inline-block;}
.cl_wdt_d_block {display: block;}
.cl_wdt_d_table {display: table;}
.cl_wdt_d_table_row {display: table-row;}
.cl_wdt_d_table_cell {display: table-cell;}
.cl_wdt_d_flex {display: flex;}
.cl_wdt_d_inline_flex {display: inline-flex;}
.cl_wdt_d_none, .cl_wdt_hide, .hide {display: none !important;}

.cl_wdt_fx_row {flex-direction: row !important;}
.cl_wdt_fx_column {flex-direction: column !important;}
.cl_wdt_fx_row_reverse {flex-direction: row-reverse !important;}
.cl_wdt_fx_column_reverse {flex-direction: column-reverse !important;}
.cl_wdt_fx_wrap {flex-wrap: wrap !important;}
.cl_wdt_fx_nowrap {flex-wrap: nowrap !important;}
.cl_wdt_fx_wrap_reverse {flex-wrap: wrap-reverse !important;}
.cl_wdt_fx_fill {flex: 1 1 auto !important;}
.cl_wdt_fx_shrink_0 {flex-shrink: 0 !important;}
.cl_wdt_fx_shrink_1 {flex-shrink: 1 !important;}
.cl_wdt_jc_start {justify-content: flex-start !important;}
.cl_wdt_jc_end {justify-content: flex-end !important;}
.cl_wdt_jc_center {justify-content: center !important;}
.cl_wdt_jc_between {justify-content: space-between !important;}
.cl_wdt_jc_around {justify-content: space-around !important;}
.cl_wdt_ai_start {align-items: flex-start !important;}
.cl_wdt_ai_end {align-items: flex-end !important;}
.cl_wdt_ai_center {align-items: center !important;}
.cl_wdt_ai_baseline {align-items: baseline !important;}
.cl_wdt_ai_stretch {align-items: stretch !important;}
.cl_wdt_ac_start {align-content: flex-start !important;}
.cl_wdt_ac_end {align-content: flex-end !important;}
.cl_wdt_ac_center {align-content: center !important;}
.cl_wdt_ac_between {align-content: space-between !important;}
.cl_wdt_ac_around {align-content: space-around !important;}
.cl_wdt_ac_stretch {align-content: stretch !important;}
.cl_wdt_as_auto {align-self: auto !important;}
.cl_wdt_as_start {align-self: flex-start !important;}
.cl_wdt_as_end {align-self: flex-end !important;}
.cl_wdt_as_center {align-self: center !important;}
.cl_wdt_as_baseline {align-self: baseline !important;}
.cl_wdt_as_stretch {align-self: stretch !important;}

.cl_wdt_fx_grow_0 {flex-grow: 0;}
.cl_wdt_fx_grow_1 {flex-grow: 1;}
.cl_wdt_fx_grow_2 {flex-grow: 2;}
.cl_wdt_fx_grow_3 {flex-grow: 3;}
.cl_wdt_fx_grow_4 {flex-grow: 4;}
.cl_wdt_fx_grow_5 {flex-grow: 5;}
.cl_wdt_fx_grow_6 {flex-grow: 6;}
.cl_wdt_fx_grow_7 {flex-grow: 7;}
.cl_wdt_fx_grow_8 {flex-grow: 8;}
.cl_wdt_fx_grow_9 {flex-grow: 9;}
.cl_wdt_fx_grow_10 {flex-grow: 10;}
.cl_wdt_fx_grow_11 {flex-grow: 11;}
.cl_wdt_fx_grow_12 {flex-grow: 12;}

.cl_wdt_fx_basis_0 {flex-basis: 0 !important;}
.cl_wdt_fx_column>* {
  flex-basis: auto !important;
  align-self: stretch !important;
}

/* height & width */
.cl_wdt_w_25 {width: 25% !important;}
.cl_wdt_w_50 {width: 50% !important;}
.cl_wdt_w_75 {width: 75% !important;}
.cl_wdt_w_100 {width: 100% !important;}
.cl_wdt_w_auto {width: auto !important;}
.cl_wdt_h_25 {height: 25% !important;}
.cl_wdt_h_50 {height: 50% !important;}
.cl_wdt_h_75 {height: 75% !important;}
.cl_wdt_h_100 {height: 100% !important;}
.cl_wdt_h_auto {height: auto !important;}
.cl_wdt_mw_100 {max-width: 100% !important;}
.cl_wdt_mh_100 {max-height: 100% !important;}
/* END height & width */

/* margins */
.cl_wdt_m_s {margin: var(--sp-s) !important;}
.cl_wdt_mt_s {margin-top: var(--sp-s) !important;}
.cl_wdt_mr_s {margin-right: var(--sp-s) !important;}
.cl_wdt_mb_s {margin-bottom: var(--sp-s) !important;}
.cl_wdt_ml_s {margin-left: var(--sp-s) !important;}
.cl_wdt_my_s {margin-top: var(--sp-s) !important; margin-bottom: var(--sp-s) !important;}
.cl_wdt_mx_s {margin-left: var(--sp-s) !important; margin-right: var(--sp-s) !important;}

.cl_wdt_m_m {margin: var(--sp-m) !important;}
.cl_wdt_mt_m {margin-top: var(--sp-m) !important;}
.cl_wdt_mr_m {margin-right: var(--sp-m) !important;}
.cl_wdt_mb_m {margin-bottom: var(--sp-m) !important;}
.cl_wdt_ml_m {margin-left: var(--sp-m) !important;}
.cl_wdt_my_m {margin-top: var(--sp-m) !important; margin-bottom: var(--sp-m) !important;}
.cl_wdt_mx_m {margin-left: var(--sp-m) !important; margin-right: var(--sp-m) !important;}

.cl_wdt_m_l {margin: var(--sp-l) !important;}
.cl_wdt_mt_l {margin-top: var(--sp-l) !important;}
.cl_wdt_mr_l {margin-right: var(--sp-l) !important;}
.cl_wdt_mb_l {margin-bottom: var(--sp-l) !important;}
.cl_wdt_ml_l {margin-left: var(--sp-l) !important;}
.cl_wdt_my_l {margin-top: var(--sp-l) !important; margin-bottom: var(--sp-l) !important;}
.cl_wdt_mx_l {margin-left: var(--sp-l) !important; margin-right: var(--sp-l) !important;}

.cl_wdt_m_xl {margin: var(--sp-xl) !important;}
.cl_wdt_mt_xl {margin-top: var(--sp-xl) !important;}
.cl_wdt_mr_xl {margin-right: var(--sp-xl) !important;}
.cl_wdt_mb_xl {margin-bottom: var(--sp-xl) !important;}
.cl_wdt_ml_xl {margin-left: var(--sp-xl) !important;}
.cl_wdt_my_xl {margin-top: var(--sp-xl) !important; margin-bottom: var(--sp-xl) !important;}
.cl_wdt_mx_xl {margin-left: var(--sp-xl) !important; margin-right: var(--sp-xl) !important;}

.cl_wdt_m_auto {margin: auto !important;}
.cl_wdt_mt_auto {margin-top: auto !important;}
.cl_wdt_mr_auto {margin-right: auto !important;}
.cl_wdt_mb_auto {margin-bottom: auto !important;}
.cl_wdt_ml_auto {margin-left: auto !important;}
.cl_wdt_my_auto {margin-top: auto !important; margin-bottom: auto !important;}
.cl_wdt_mx_auto {margin-left: auto !important; margin-right: auto !important;}

.cl_wdt_m_0 {margin: 0 !important;}
.cl_wdt_mt_0 {margin-top: 0 !important;}
.cl_wdt_mr_0 {margin-right: 0 !important;}
.cl_wdt_mb_0 {margin-bottom: 0 !important;}
.cl_wdt_ml_0 {margin-left: 0 !important;}
.cl_wdt_my_0 {margin-top: 0 !important; margin-bottom: 0 !important;}
.cl_wdt_mx_0 {margin-left: 0 !important; margin-right: 0 !important;}
/* END margins */

/* paddings */
.cl_wdt_p_s {padding: var(--sp-s) !important;}
.cl_wdt_pt_s {padding-top: var(--sp-s) !important;}
.cl_wdt_pr_s {padding-right: var(--sp-s) !important;}
.cl_wdt_pb_s {padding-bottom: var(--sp-s) !important;}
.cl_wdt_pl_s {padding-left: var(--sp-s) !important;}
.cl_wdt_py_s {padding-top: var(--sp-s) !important; padding-bottom: var(--sp-s) !important;}
.cl_wdt_px_s {padding-left: var(--sp-s) !important; padding-right: var(--sp-s) !important;}

.cl_wdt_p_m {padding: var(--sp-m) !important;}
.cl_wdt_pt_m {padding-top: var(--sp-m) !important;}
.cl_wdt_pr_m {padding-right: var(--sp-m) !important;}
.cl_wdt_pb_m {padding-bottom: var(--sp-m) !important;}
.cl_wdt_pl_m {padding-left: var(--sp-m) !important;}
.cl_wdt_py_m {padding-top: var(--sp-m) !important; padding-bottom: var(--sp-m) !important;}
.cl_wdt_px_m {padding-left: var(--sp-m) !important; padding-right: var(--sp-m) !important;}

.cl_wdt_p_l {padding: var(--sp-l) !important;}
.cl_wdt_pt_l {padding-top: var(--sp-l) !important;}
.cl_wdt_pr_l {padding-right: var(--sp-l) !important;}
.cl_wdt_pb_l {padding-bottom: var(--sp-l) !important;}
.cl_wdt_pl_l {padding-left: var(--sp-l) !important;}
.cl_wdt_py_l {padding-top: var(--sp-l) !important; padding-bottom: var(--sp-l) !important;}
.cl_wdt_px_l {padding-left: var(--sp-l) !important; padding-right: var(--sp-l) !important;}

.cl_wdt_p_xl {padding: var(--sp-xl) !important;}
.cl_wdt_pt_xl {padding-top: var(--sp-xl) !important;}
.cl_wdt_pr_xl {padding-right: var(--sp-xl) !important;}
.cl_wdt_pb_xl {padding-bottom: var(--sp-xl) !important;}
.cl_wdt_pl_xl {padding-left: var(--sp-xl) !important;}
.cl_wdt_py_xl {padding-top: var(--sp-xl) !important; padding-bottom: var(--sp-xl) !important;}
.cl_wdt_px_xl {padding-left: var(--sp-xl) !important; padding-right: var(--sp-xl) !important;}

.cl_wdt_p_0 {padding: 0 !important;}
.cl_wdt_pt_0 {padding-top: 0 !important;}
.cl_wdt_pr_0 {padding-right: 0 !important;}
.cl_wdt_pb_0 {padding-bottom: 0 !important;}
.cl_wdt_pl_0 {padding-left: 0 !important;}
.cl_wdt_py_0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.cl_wdt_px_0 {padding-left: 0 !important; padding-right: 0 !important;}
/* END paddings */

/* text styles */
.cl_wdt_txt_big {font-size: var(--f-big);}
.cl_wdt_txt_small {font-size: var(--f-small);}
.cl_wdt_txt_bold {font-weight: var(--f-bold);}
.cl_wdt_txt_dots {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
/* END text styles */

.cl_wdt_link {
  color: var(--clr-primary);
  text-decoration: underline;
  cursor: pointer;
}
.cl_wdt_link.disabled {
  color: var(--clr-disabled);
  cursor: not-allowed;
}

/* cursor styles */
.cl_wdt_c_pointer {cursor: pointer;}
.cl_wdt_c_disabled {cursor: not-allowed;}
.cl_wdt_c_default {cursor: auto;}
.cl_wdt_c_text {cursor: text;}
.cl_wdt_c_arrow {cursor: default;}
/* END cursor styles */

/* vertical-align */
.cl_wdt_va_baseline {vertical-align: baseline;}
.cl_wdt_va_bottom {vertical-align: bottom;}
.cl_wdt_va_inherit {vertical-align: inherit;}
.cl_wdt_va_initial {vertical-align: initial;}
.cl_wdt_va_middle {vertical-align: middle;}
.cl_wdt_va_sub {vertical-align: sub;}
.cl_wdt_va_super {vertical-align: super;}
.cl_wdt_va_t_top {vertical-align: text-top;}
.cl_wdt_va_t_bottom {vertical-align: text-bottom;}
.cl_wdt_va_top {vertical-align: top;}
/* END vertical-align */

/* text-align */
.cl_wdt_ta_center {text-align: center;}
.cl_wdt_ta_justify {text-align: justify;}
.cl_wdt_ta_left {text-align: left;}
.cl_wdt_ta_right {text-align: right;}
/* END text-align */

/* colors */
.cl_wdt_bg_primary, .cl_wdt_hvr_primary:hover {background-color: var(--clr-primary) !important; color: var(--clr-default);}
.cl_wdt_bg_secondary, .cl_wdt_hvr_secondary:hover {background-color: var(--clr-secondary) !important; color: var(--clr-white);}
.cl_wdt_bg_default, .cl_wdt_hvr_default:hover {background-color: var(--clr-default) !important; color: var(--clr-white);}
.cl_wdt_bg_disabled, .cl_wdt_hvr_disabled:hover {background-color: var(--clr-disabled) !important; color: var(--clr-default);}
.cl_wdt_bg_white, .cl_wdt_hvr_white:hover {background-color: var(--clr-white) !important; color: var(--clr-default);}

.cl_wdt_txt_primary, .cl_wdt_txt_hvr_primary:hover {color: var(--clr-primary) !important;}
.cl_wdt_txt_secondary, .cl_wdt_txt_hvr_secondary:hover {color: var(--clr-secondary) !important;}
.cl_wdt_txt_default, .cl_wdt_txt_hvr_default:hover {color: var(--clr-default) !important;}
.cl_wdt_txt_disabled, .cl_wdt_txt_hvr_disabled:hover {color: var(--clr-disabled) !important;}
.cl_wdt_txt_white, .cl_wdt_txt_hvr_white:hover {color: var(--clr-white) !important;}

.cl_wdt_i_primary, .cl_wdt_i_hvr_primary:hover {fill: var(--clr-primary) !important;}
.cl_wdt_i_secondary, .cl_wdt_i_hvr_secondary:hover {fill: var(--clr-secondary) !important;}
.cl_wdt_i_default, .cl_wdt_i_hvr_default:hover {fill: var(--clr-default) !important;}
.cl_wdt_i_disabled, .cl_wdt_i_hvr_disabled:hover {fill: var(--clr-disabled) !important;}
.cl_wdt_i_white, .cl_wdt_i_hvr_white:hover {fill: var(--clr-white) !important;}

.cl_wdt_brdr_primary, .cl_wdt_brdr_hvr_primary:hover {border-color: var(--clr-primary) !important;}
.cl_wdt_brdr_secondary, .cl_wdt_brdr_hvr_secondary:hover {border-color: var(--clr-secondary) !important;}
.cl_wdt_brdr_default, .cl_wdt_brdr_hvr_default:hover {border-color: var(--clr-default) !important;}
.cl_wdt_brdr_disabled, .cl_wdt_brdr_hvr_disabled:hover {border-color: var(--clr-disabled) !important;}
.cl_wdt_brdr_white, .cl_wdt_brdr_hvr_white:hover {border-color: var(--clr-white) !important;}
/* END colors */

/* borders */
.cl_wdt_b_rad {border-radius: var(--b-rad);}
.cl_wdt_b_rad_t {border-top-left-radius: var(--b-rad); border-top-right-radius: var(--b-rad);}
.cl_wdt_b_rad_b {border-bottom-left-radius: var(--b-rad); border-bottom-right-radius: var(--b-rad);}

.cl_wdt_brdr {border: var(--border);}
.cl_wdt_brdr_l {border-left: var(--border);}
.cl_wdt_brdr_r {border-right: var(--border);}
.cl_wdt_brdr_t {border-top: var(--border);}
.cl_wdt_brdr_b {border-bottom: var(--border);}
.cl_wdt_brdr_x {border-left: var(--border); border-right: var(--border);}
.cl_wdt_brdr_y {border-top: var(--border); border-bottom: var(--border);}

.cl_wdt_brdr_l_0 {border-left: 0 !important;}
.cl_wdt_brdr_r_0 {border-right: 0 !important;}
.cl_wdt_brdr_t_0 {border-top: 0 !important;}
.cl_wdt_brdr_b_0 {border-bottom: 0 !important;}
.cl_wdt_brdr_x_0 {border-left: 0 !important; border-right: 0 !important;}
.cl_wdt_brdr_y_0 {border-top: 0 !important; border-bottom: 0 !important;}

.cl_wdt_brdr_0 {border: none !important;}
/* END borders */

/* adaptive */
/* XS */
/*.XS .cl_wdt {
  --f-size: 18px !important;
  --f-small: 14px !important;
  --sp-s: 10px;
  --sp-m: 20px;
}*/
.XS .cl_wdt_col_1, .XS .cl_wdt_col_2, .XS .cl_wdt_col_3, .XS .cl_wdt_col_4, .XS .cl_wdt_col_5, .XS .cl_wdt_col_6, .XS .cl_wdt_col_7, .XS .cl_wdt_col_8, .XS .cl_wdt_col_9, .XS .cl_wdt_col_10, .XS .cl_wdt_col_11, .XS .cl_wdt_col_12, .XS .cl_wdt_col, .XS .cl_wdt_col_auto,
.XS .cl_wdt_col_s_1, .XS .cl_wdt_col_s_2, .XS .cl_wdt_col_s_3, .XS .cl_wdt_col_s_4, .XS .cl_wdt_col_s_5, .XS .cl_wdt_col_s_6, .XS .cl_wdt_col_s_7, .XS .cl_wdt_col_s_8, .XS .cl_wdt_col_s_9, .XS .cl_wdt_col_s_10, .XS .cl_wdt_col_s_11, .XS .cl_wdt_col_s_12, .XS .cl_wdt_col_s, .XS .cl_wdt_col_s_auto,
.XS .cl_wdt_col_m_1, .XS .cl_wdt_col_m_2, .XS .cl_wdt_col_m_3, .XS .cl_wdt_col_m_4, .XS .cl_wdt_col_m_5, .XS .cl_wdt_col_m_6, .XS .cl_wdt_col_m_7, .XS .cl_wdt_col_m_8, .XS .cl_wdt_col_m_9, .XS .cl_wdt_col_m_10, .XS .cl_wdt_col_m_11, .XS .cl_wdt_col_m_12, .XS .cl_wdt_col_m, .XS .cl_wdt_col_m_auto,
.XS .cl_wdt_col_l_1, .XS .cl_wdt_col_l_2, .XS .cl_wdt_col_l_3, .XS .cl_wdt_col_l_4, .XS .cl_wdt_col_l_5, .XS .cl_wdt_col_l_6, .XS .cl_wdt_col_l_7, .XS .cl_wdt_col_l_8, .XS .cl_wdt_col_l_9, .XS .cl_wdt_col_l_10, .XS .cl_wdt_col_l_11, .XS .cl_wdt_col_l_12, .XS .cl_wdt_col_l, .XS .cl_wdt_col_l_auto,
.XS .cl_wdt_col_xl_1, .XS .cl_wdt_col_xl_2, .XS .cl_wdt_col_xl_3, .XS .cl_wdt_col_xl_4, .XS .cl_wdt_col_xl_5, .XS .cl_wdt_col_xl_6, .XS .cl_wdt_col_xl_7, .XS .cl_wdt_col_xl_8, .XS .cl_wdt_col_xl_9, .XS .cl_wdt_col_xl_10, .XS .cl_wdt_col_xl_11, .XS .cl_wdt_col_xl_12, .XS .cl_wdt_col_xl, .XS .cl_wdt_col_xl_auto {
  max-width: 100%;
}
.XS .cl_wdt_hide_xs {display: none !important;}
.XS .cl_wdt_fx_wrap_xs {flex-wrap: wrap;}
.XS .cl_wdt_fx_nowrap_xs {flex-wrap: nowrap;}
.XS .cl_wdt_fx_grow_0_xs {flex-grow: 0;}
.XS .cl_wdt_fx_grow_1_xs {flex-grow: 1;}
.XS .cl_wdt_fx_column_xs {flex-direction: column; align-items: start !important;}
.XS .cl_wdt_fx_row_xs {flex-direction: row;}
.XS .cl_wdt_fx_basis_auto_xs {flex-basis: auto !important;}
.XS .cl_wdt_fx_column_xs>* {flex-basis: auto !important; align-self: stretch !important;}
.XS .cl_wdt_label {width: 85px !important;}
.XS .cl_wdt_jc_between_xs {justify-content: space-between !important;}

@media (max-width: 575px){
  /*.cl_wdt {
    --f-size: 18px !important;
    --f-small: 14px !important;
    --sp-s: 10px;
    --sp-m: 20px;
  }*/
  .cl_wdt_col_1, .cl_wdt_col_2, .cl_wdt_col_3, .cl_wdt_col_4, .cl_wdt_col_5, .cl_wdt_col_6, .cl_wdt_col_7, .cl_wdt_col_8, .cl_wdt_col_9, .cl_wdt_col_10, .cl_wdt_col_11, .cl_wdt_col_12, .cl_wdt_col, .cl_wdt_col_auto,
  .cl_wdt_col_s_1, .cl_wdt_col_s_2, .cl_wdt_col_s_3, .cl_wdt_col_s_4, .cl_wdt_col_s_5, .cl_wdt_col_s_6, .cl_wdt_col_s_7, .cl_wdt_col_s_8, .cl_wdt_col_s_9, .cl_wdt_col_s_10, .cl_wdt_col_s_11, .cl_wdt_col_s_12, .cl_wdt_col_s, .cl_wdt_col_s_auto,
  .cl_wdt_col_m_1, .cl_wdt_col_m_2, .cl_wdt_col_m_3, .cl_wdt_col_m_4, .cl_wdt_col_m_5, .cl_wdt_col_m_6, .cl_wdt_col_m_7, .cl_wdt_col_m_8, .cl_wdt_col_m_9, .cl_wdt_col_m_10, .cl_wdt_col_m_11, .cl_wdt_col_m_12, .cl_wdt_col_m, .cl_wdt_col_m_auto,
  .cl_wdt_col_l_1, .cl_wdt_col_l_2, .cl_wdt_col_l_3, .cl_wdt_col_l_4, .cl_wdt_col_l_5, .cl_wdt_col_l_6, .cl_wdt_col_l_7, .cl_wdt_col_l_8, .cl_wdt_col_l_9, .cl_wdt_col_l_10, .cl_wdt_col_l_11, .cl_wdt_col_l_12, .cl_wdt_col_l, .cl_wdt_col_l_auto,
  .cl_wdt_col_xl_1, .cl_wdt_col_xl_2, .cl_wdt_col_xl_3, .cl_wdt_col_xl_4, .cl_wdt_col_xl_5, .cl_wdt_col_xl_6, .cl_wdt_col_xl_7, .cl_wdt_col_xl_8, .cl_wdt_col_xl_9, .cl_wdt_col_xl_10, .cl_wdt_col_xl_11, .cl_wdt_col_xl_12, .cl_wdt_col_xl, .cl_wdt_col_xl_auto {
    max-width: 100%;
  }
  .cl_wdt_hide_sw_xs {display: none !important;}
  .cl_wdt_fx_wrap_sw_xs {flex-wrap: wrap;}
  .cl_wdt_fx_nowrap_sw_xs {flex-wrap: nowrap;}
  .cl_wdt_fx_grow_0_sw_xs {flex-grow: 0;}
  .cl_wdt_fx_grow_1_sw_xs {flex-grow: 1;}
  .cl_wdt_fx_column_sw_xs {flex-direction: column; align-items: start !important;}
  .cl_wdt_fx_row_sw_xs {flex-direction: row;}
  .cl_wdt_fx_basis_auto_sw_xs {flex-basis: auto !important;}
  .cl_wdt_fx_column_sw_xs>* {flex-basis: auto !important; align-self: stretch !important;}
  .cl_wdt_bg_disabled_mob {background-color: var(--clr-disabled);}
  .cl_wdt_mob_hide {display: none !important;}
  .cl_wdt_jc_between_sw_xs {justify-content: space-between !important;}
  /*.cl_wdt_label {width: 85px !important;}*/
}

/* SM */
.SM .cl_wdt_hide_sm {display: none !important;}
.SM .cl_wdt_fx_wrap_sm {flex-wrap: wrap;}
.SM .cl_wdt_fx_nowrap_sm {flex-wrap: nowrap;}
.SM .cl_wdt_fx_grow_0_sm {flex-grow: 0;}
.SM .cl_wdt_fx_grow_1_sm {flex-grow: 1;}
.SM .cl_wdt_fx_column_sm {flex-direction: column; align-items: start !important;}
.SM .cl_wdt_fx_row_sm {flex-direction: row;}
.SM .cl_wdt_fx_basis_auto_sm {flex-basis: auto !important;}
.SM .cl_wdt_fx_column_sm>* {flex-basis: auto !important; align-self: stretch !important;}

@media (min-width: 576px) and (max-width: 767px){
  .cl_wdt_hide_sw_sm {display: none !important;}
  .cl_wdt_fx_wrap_sw_sm {flex-wrap: wrap;}
  .cl_wdt_fx_nowrap_sw_sm {flex-wrap: nowrap;}
  .cl_wdt_fx_grow_0_sw_sm {flex-grow: 0;}
  .cl_wdt_fx_grow_1_sw_sm {flex-grow: 1;}
  .cl_wdt_fx_column_sw_sm {flex-direction: column; align-items: start !important;}
  .cl_wdt_fx_row_sw_sm {flex-direction: row;}
  .cl_wdt_fx_basis_auto_sw_sm {flex-basis: auto !important;}
  .cl_wdt_fx_column_sw_sm>* {flex-basis: auto !important; align-self: stretch !important;}
  .cl_wdt_bg_disabled_mob {background-color: var(--clr-disabled);}
  .cl_wdt_mob_hide {display: none !important;}
}

@media (max-width: 576px){
  .cl_wdt_half_xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cl_wdt_childs, .cl_wdt_popup_x { position: initial !important;}
}
@media (max-width: 767px){
  .cl_wdt_half_sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cl_wdt_childs, .cl_wdt_popup_x { position: initial !important;}
}

/* MD */
.MD .cl_wdt_hide_md {display: none !important;}
.MD .cl_wdt_fx_wrap_md {flex-wrap: wrap;}
.MD .cl_wdt_fx_nowrap_md {flex-wrap: nowrap;}
.MD .cl_wdt_fx_grow_0_md {flex-grow: 0;}
.MD .cl_wdt_fx_grow_1_md {flex-grow: 1;}
.MD .cl_wdt_fx_column_md {flex-direction: column; align-items: start !important;}
.MD .cl_wdt_fx_row_md {flex-direction: row;}
.MD .cl_wdt_fx_basis_auto_md {flex-basis: auto !important;}
.MD .cl_wdt_fx_column_md>* {flex-basis: auto !important; align-self: stretch !important;}

@media (min-width: 768px) and (max-width: 991px){
  .cl_wdt_hide_sw_md {display: none !important;}
  .cl_wdt_fx_wrap_sw_md {flex-wrap: wrap;}
  .cl_wdt_fx_nowrap_sw_md {flex-wrap: nowrap;}
  .cl_wdt_fx_grow_0_sw_md {flex-grow: 0;}
  .cl_wdt_fx_grow_1_sw_md {flex-grow: 1;}
  .cl_wdt_fx_column_sw_md {flex-direction: column; align-items: start !important;}
  .cl_wdt_fx_row_sw_md {flex-direction: row;}
  .cl_wdt_fx_basis_auto_sw_md {flex-basis: auto !important;}
  .cl_wdt_fx_column_sw_md>* {flex-basis: auto !important; align-self: stretch !important;}
}

/* LG */
.LG .cl_wdt_hide_lg {display: none !important;}
.LG .cl_wdt_fx_wrap_lg {flex-wrap: wrap;}
.LG .cl_wdt_fx_nowrap_lg {flex-wrap: nowrap;}
.LG .cl_wdt_fx_grow_0_lg {flex-grow: 0;}
.LG .cl_wdt_fx_grow_1_lg {flex-grow: 1;}
.LG .cl_wdt_fx_column_lg {flex-direction: column; align-items: start !important;}
.LG .cl_wdt_fx_row_lg {flex-direction: row;}
.LG .cl_wdt_fx_basis_auto_lg {flex-basis: auto !important;}
.LG .cl_wdt_fx_column_lg>* {flex-basis: auto !important; align-self: stretch !important;}

@media (min-width: 992px) and (max-width: 1199px){
  .cl_wdt_hide_sw_lg {display: none !important;}
  .cl_wdt_fx_wrap_sw_lg {flex-wrap: wrap;}
  .cl_wdt_fx_nowrap_sw_lg {flex-wrap: nowrap;}
  .cl_wdt_fx_grow_0_sw_lg {flex-grow: 0;}
  .cl_wdt_fx_grow_1_sw_lg {flex-grow: 1;}
  .cl_wdt_fx_column_sw_lg {flex-direction: column; align-items: start !important;}
  .cl_wdt_fx_row_sw_lg {flex-direction: row;}
  .cl_wdt_fx_basis_auto_sw_lg {flex-basis: auto !important;}
  .cl_wdt_fx_column_sw_lg>* {flex-basis: auto !important; align-self: stretch !important;}
}

/* XL */
.XL .cl_wdt_hide_xl {display: none !important;}
.XL .cl_wdt_fx_wrap_xl {flex-wrap: wrap;}
.XL .cl_wdt_fx_nowrap_xl {flex-wrap: nowrap;}
.XL .cl_wdt_fx_grow_0_xl {flex-grow: 0;}
.XL .cl_wdt_fx_grow_1_xl {flex-grow: 1;}
.XL .cl_wdt_fx_column_xl {flex-direction: column; align-items: start !important;}
.XL .cl_wdt_fx_row_xl {flex-direction: row;}
.XL .cl_wdt_fx_basis_auto_xl {flex-basis: auto !important;}
.XL .cl_wdt_fx_column_xl>* {flex-basis: auto !important; align-self: stretch !important;}

@media (min-width: 1200px){
  .cl_wdt_hide_sw_xl {display: none !important;}
  .cl_wdt_fx_wrap_sw_xl {flex-wrap: wrap;}
  .cl_wdt_fx_nowrap_sw_xl {flex-wrap: nowrap;}
  .cl_wdt_fx_grow_0_sw_xl {flex-grow: 0;}
  .cl_wdt_fx_grow_1_sw_xl {flex-grow: 1;}
  .cl_wdt_fx_column_sw_xl {flex-direction: column; align-items: start !important;}
  .cl_wdt_fx_row_sw_xl {flex-direction: row;}
  .cl_wdt_fx_basis_auto_sw_xl {flex-basis: auto !important;}
  .cl_wdt_fx_column_sw_xl>* {flex-basis: auto !important; align-self: stretch !important;}
}
/* END adaptive */

/* buttons */
.cl_wdt_btn {
  display: inline-flex;
  -webkit-appearance: unset;
  flex-shrink: 0;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--f-family) !important;
  font-size: var(--f-size) !important;
  font-weight: var(--f-weight) !important;
  color: var(--clr-white) !important;
  background-color: var(--clr-primary) !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: var(--border) !important;
  border-color: var(--clr-primary) !important;
  border-radius: var(--b-rad) !important;
  padding: var(--sp-s) var(--sp-m) !important;
  min-height: 28px;
  min-width: 30px;
  opacity: .9;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

div.cl_wdt_btn.cl_wdt_btn_long {
  font-size: 10px  !important;
  text-align: left !important;
}
  
@media screen and (prefers-reduced-motion: reduce) {.cl_wdt_btn {transition: none;}}
.cl_wdt_btn:hover, .cl_wdt_btn:focus, .cl_wdt_btn.focus {
  outline: 0;
  text-decoration: none;
  opacity: 1;
}
.cl_wdt_btn.cl_wdt_outline {
  color: var(--clr-primary) !important;
  background-color: var(--clr-alpha) !important;
}
.cl_wdt_btn:not(:disabled):not(.disabled) {cursor: pointer;}
.cl_wdt_btn.disabled {
  cursor: not-allowed;
  background-color: var(--clr-disabled) !important;
  border-color: var(--clr-disabled) !important;
}
.cl_wdt_btn.cl_wdt_outline.disabled {
  background-color: var(--clr-alpha) !important;
  color: var(--clr-disabled) !important;
}
.cl_wdt_btn.cl_wdt_outline.disabled .cl_wdt_i_primary,
.disabled .cl_wdt_i_primary {fill: var(--clr-disabled) !important;}
fieldset:disabled a.cl_wdt_btn:before, fieldset:disabled button:before,
a.cl_wdt_btn.disabled:before, button.cl_wdt_btn.disabled:before,
.cl_wdt_btn.disabled:before, button:disabled:before {
  color: var(--clr-disabled) !important;
}
.cl_wdt_btn * {color: inherit;}
/*[class^="icon-"]:before, [class*=" icon-"]:before {font-size: 22px; vertical-align: sub;}
.i_inline:before {font-size: inherit; vertical-align: baseline;}
.icon-cloff_logo_ext:before {width: auto !important;}
.icon_only {padding-right: 2px !important; padding-left: 2px !important;}
.icon_only:before {margin-right: 0 !important;}*/
/* END buttons */

/* ripple effect */
.cl_wdt_ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.cl_wdt_ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.cl_wdt_ripple:active:after {
  transform: scale(0, 0);
  opacity: .3;
  transition: 0s;
}
/* END ripple */

label.cl_wdt_label {
  margin: 0;
  padding: 0;
  font-size: var(--f-size);
  font-style: normal;
  font-weight: var(--f-weight);
}

/* поля ввода */
.cl_wdt_input, input.cl_wdt_input, input[type="text"].cl_wdt_input,
input[type="tel"].cl_wdt_input, input[type="email"].cl_wdt_input,
input[type="password"].cl_wdt_input, input[type="number"].cl_wdt_input,
select.cl_wdt_select, textarea.cl_wdt_textarea {
  background: var(--clr-white);
  border: var(--border);
  border-color: var(--clr-default);
  border-radius: var(--b-rad);
  color: var(--clr-default);
  line-height: var(--f-size);
  font-weight: var(--f-weight);
  font-size: var(--f-size);
  box-sizing: border-box;
  padding: 0 var(--sp-m);
  margin: var(--sp-s) var(--sp-m);
  height: 28px;
}
select.cl_wdt_select {
  -webkit-appearance: none;/* Chrome */
  -moz-appearance: none;/* Firefox */
  appearance: none;/* убираем дефолнтные стрелочки */
  background: url(../img/select.png) no-repeat right center;
}
textarea.cl_wdt_textarea {
  height: auto;
  resize: none;
  padding: var(--sp-m);
  line-height: 1.5;
}
input[type="text"].cl_wdt_input:focus, input[type="number"].cl_wdt_input:focus,
input[type="tel"].cl_wdt_input:focus, input[type="email"].cl_wdt_input:focus,
input[type="password"].cl_wdt_input:focus,
select.cl_wdt_select:focus, textarea.cl_wdt_textarea:focus {
  border-color: var(--clr-secondary);
  outline: none;
} 
input[type="number"] {
  text-align: center;
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
input:focus {
  outline: none !important;
  border-color: var(--clr-secondary);
}

.cl_wdt_input.readonly, input.cl_wdt_input.readonly,
input.cl_wdt_input.disabled, input.cl_wdt_input[disabled],
select.cl_wdt_input[disabled] {
  background-color: var(--clr-disabled) !important;
  border: var(--border) !important;
  border-color: var(--clr-default) !important;
  cursor: not-allowed;
  opacity: .5;
  color: black;
}
.disabled label {
/*color: var(--clr-disabled);*/
  opacity: .5;
}
/* END поля ввода */

/* popup */
.cl_wdt_popup {
  position: absolute;
  display: none;
  flex-direction: column;
  bottom: -65px;
  right: 0;
  border: var(--border);
  border-radius: var(--b-rad);
  background-color: var(--clr-secondary);
  z-index: 1;
}
.cl_wdt_popup label {
  margin: var(--sp-s);
  color: var(--clr-white);
}
@media (max-width: 575px){
  #cl_wdt_children_age {
    display: flex;
    position: static;
    flex-direction: row;
    background-color: var(--clr-alpha);
    border: none;
  }
  #cl_wdt_children_age label {color: var(--clr-default);}
}
/* END popup */

/* переключатель */
ul.cl_wdt_selector {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
}
ul.cl_wdt_selector li {
  flex-grow: 1;
  text-align: center;
  border: var(--border);
  padding: 5px;
}
ul.cl_wdt_selector li:first-child {
  border-top-left-radius: var(--b-rad);
  border-bottom-left-radius: var(--b-rad);
}
ul.cl_wdt_selector li:last-child {
  border-top-right-radius: var(--b-rad);
  border-bottom-right-radius: var(--b-rad);
}
ul.cl_wdt_selector li.active {
  background-color: var(--clr-primary);
  color: var(--clr-white);
  border-color: var(--clr-primary);
}
/* END переключатель */

/* checkbox & radio */
label.cl_wdt_checkbox,
label.cl_wdt_radio {
  overflow: hidden;
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before,
input[type="checkbox"] + span:before {
/*background: none !important;
  border: 0 !important;*/
}
input[type="checkbox"]+span.cl_wdt_checkbox,
input[type="radio"]+span.cl_wdt_radio {
  -webkit-appearance: none;
  min-width: 26px;
  height: 26px;
  border: var(--border);
  border-color: var(--clr-primary);
  border-radius: var(--b-rad);
  outline: none;
  margin-right: var(--sp-s);
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  position: relative;
}
input[type="checkbox"]+span.cl_wdt_checkbox:before,
input[type="checkbox"]:checked+span.cl_wdt_checkbox:before,
input[type="radio"]+span.cl_wdt_radio:before,
input[type="radio"]:checked+span.cl_wdt_radio:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-color: transparent !important;
  border-radius: var(--b-rad);
  background-color: transparent;
  margin: 3px 3px;
  pointer-events: none;
  position: static;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; 
}
input[type="checkbox"]:checked+span.cl_wdt_checkbox:before,
input[type="radio"]:checked+span.cl_wdt_radio:before {
  border-radius: var(--b-rad);
  background-color: var(--clr-primary);
}
.cl_WDT input[readonly="readonly"],
.cl_WDT input[readonly="readonly"]+span.cl_wdt_checkbox,
.cl_WDT input[readonly="readonly"]+span.cl_wdt_radio,
.cl_WDT input.disable,
.cl_WDT input.disable+span.cl_wdt_checkbox,
.cl_WDT input.disable+span.cl_wdt_radio {
  background-color: var(--clr-disabled);
}
.cl_WDT label > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* END checkbox & radio */

/* tables */
.cl_wdt_striped > tbody > tr:nth-child(odd),
.cl_wdt_striped > tr:nth-child(odd),
.cl_wdt_striped > div:nth-child(odd),
.cl_wdt_striped > li:nth-child(odd) {
  background-color: rgba(240,240,240, 0.8);
}
.cl_wdt_bordered > tbody > tr,
.cl_wdt_bordered > tr,
.cl_wdt_bordered > div,
.cl_wdt_bordered > li {
  border-bottom: var(--border);
  border-color: rgba(240,240,240, 0.8);
}
.cl_wdt_bordered > tbody > tr:last-child,
.cl_wdt_bordered > tr:last-child,
.cl_wdt_bordered > div:last-child,
.cl_wdt_bordered > li:last-child {
  border-bottom: var(--border);
  border-color: var(--clr-alpha);
}
.cl_wdt_striped > tbody > tr.selected,
.cl_wdt_striped > tr.selected,
.cl_wdt_striped > div.selected,
.cl_wdt_bordered > tbody > tr.selected,
.cl_wdt_bordered > tr.selected,
.cl_wdt_bordered > div.selected,
.cl_wdt_bordered > li.selected {
  background: var(--clr-disabled);
}
/* END tables */

/* tiles */
.cl_wdt_tile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  border-radius: var(--b-rad);
  border: var(--border);
  border-color: var(--clr-disabled);
  cursor: pointer;
}
/* END tiles */

.cl_wdt_invisible {visibility: hidden;}

.cl_wdt_sup {
  vertical-align: super;
  font-size: var(--f-small);
  color: inherit;
}

/* LISTS */
.cl_wdt_ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding-left: 0;
/*padding-inline-start: var(--sp-xl);
  list-style-position: inside;*/
}
.cl_wdt_ul li.cl_wdt_li {
  display: list-item;
  text-align: left;
  position: relative;
  padding-left: var(--sp-xl);
}
.cl_wdt_ul li.cl_wdt_li:before {
  content: "";
  position: absolute;
  top: .75em;
  bottom: auto;
  left: var(--sp-m);
  height: var( --sp-s);
  width: var( --sp-s);;
  border-radius: 50%;
  background-color: var( --clr-secondary);
}
/* end LISTS */

.cl_wdt_maparea {
  width: 100%;
  min-width: 280px;
  min-height: 200px;
  height: 200px;
/*background: var(--clr-disabled);*/
  border: var(--border);
  border-radius: var(--b-rad);
  border-color: var(--clr-disabled);
}
.cl_wdt_underlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.5;
}

/* pics */
.cl_wdt_pic_thumb {position: relative;}
.cl_wdt_pic_thumb > div {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.cl_wdt_pic_min {
  min-width: 60px;
  min-height: 40px;
}
.cl_wdt_pic_mid {
  min-width: 100px;
  min-height: 60px;  
}
.cl_wdt_pic_max {
  min-width: 200px;
  min-height: 120px;
}
.cl_wdt_pic_thumb.cl_wdt_room {position: relative;}
.cl_wdt_pic_thumb.cl_wdt_room:after {
  content: "";
  background-image: url(../img/svg/room_default_pic.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .5;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
/* END pics */

/* backgrounds */
.cl_wdt_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  /* opacity: 0.5; */
}
/* https://uigradients.com/ */
.cl_wdt_grad_nepal {
  background: #de6161;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #2657eb, #de6161);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #2657eb, #de6161); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.cl_wdt_grad_jupiter {
  background: #ffd89b;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #19547b, #ffd89b);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #19547b, #ffd89b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
/* END backgrounds */

/*end WDT STYLES*/