/* SEARCH FORM */
#atr-search, #atr-search * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#atr-search {display: flex;flex-wrap: wrap;position: relative;width:100%;/* clear:both; */}
#atr-search .control-group {display:inline-block;width: auto;margin:0 8px 0 0;max-width: 300px;clear:both;}
#atr-search .control-group.filter-remove {background: #f0f2f7;padding: 0 10px;border-radius: 6px;}
#atr-search .control-group:last-child {margin-bottom:0px;}
#atr-search .control-group.atr-type-select, #atr-search .control-group.atr-type-daterange {margin-bottom:5px;}
#atr-search .control-group > .controls {display:inline-block;max-width:100%;width:100%;/* padding-bottom: 10px; */margin:0;position:relative;}
#atr-search .control-group > .controls .atr-divider {/* position: relative; *//* right: 50%; *//* top: 7px; *//* height: 27px; *//* width: 2px; *//* border-left: 2px solid #ddd; */}
#atr-search .control-group > .controls.atr-loading:after {content: ""; position:absolute; display: inline-block; width: 26px; height: 26px; top: 2px;right:0; background: url(../img/ajax_loading.gif); transition: 0s; background-repeat: no-repeat; background-position: center center; background-size: 100%;}
#atr-search .control-group > label {width:100%;float: left;display: none;font-size: 14px;line-height: 20px;padding:0;margin: 0 0 7px 0;}
#atr-search .control-group.filter-remove .clear {position: relative;top: calc(50% - 14px);width: 28px;height: 28px;cursor: pointer;fill: #3b49df;right: 0px;}
!#atr-search .control-group.filter-remove:hover .clear {background: #f0f2f7;border-radius: 4px;}
#atr-search ul.atr-ul {list-style-type:none;/* padding:0; *//* margin:0; *//* float: left; *//* clear: both; *//* width: 100%; */background: #fff;padding: 5px 0;border: 2px solid #aaa;border-radius: 6px;}
#atr-search > :not(.atr-subtype-boxed) ul.atr-ul {display:block!important;}
#atr-search ul.atr-ul li {min-width: 125px;width: 100%;display:inline-block;vertical-align:text-top;}

!#atr-search .atr-simple-select li:before {content: '';position: absolute;right: 10px;top: 7px;bottom: auto;width: 16px;height: 16px;border: 1px solid #ccc;border-radius: 100%;background: #fff;}
!#atr-search .atr-simple-select li.selected:after  {content: '';width: 10px;height: 10px;background:#3b49df;position: absolute;top: 10px;right: 13px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
!#atr-search .atr-simple-select li:after {opacity: 1;-webkit-transform: scale(0);transform: scale(0);}
!#atr-search .atr-simple-select li.selected:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}


#atr-search .atr-simple-select li:before {cursor: pointer;content: "";width: 18px;height: 18px;border: 1px solid rgba(0,0,0,0.2);border-radius: 2px;font-weight: 500;text-shadow: none;position: absolute;top: 7px;right: 10px;text-shadow: none;box-shadow: 0px 1px 1px rgba(0,0,0,0.05);/* border-radius: 100px; */transition: 0.1s;}
#atr-search .atr-simple-select li:after {cursor: pointer;content:"";color: transparent;width: 10px;height: 10px;background:#fff;position: absolute;top: 11px;right: 14px;border-radius: 100%;transition: 0.1s;}
#atr-search .atr-simple-select li.selected:after, #atr-search .atr-simple-select li:hover:after {opacity:1;color:#fff;}
#atr-search .atr-simple-select li.selected:before, #atr-search .atr-simple-select li:hover:before {background:#3b49df;border-color:rgba(0,0,0,0.05);}

#atr-search .atr-range-select li:before {cursor: pointer;content: "";width: 20px;height: 20px;border: 1px solid #ccc;border-radius: 100%;font-weight: 500;text-shadow: none;position: absolute;top: calc(50% - 10px);left: 10px;text-shadow: none;box-shadow: 0px 1px 1px rgba(0,0,0,0.05);/* border-radius: 100px; */transition: 0.1s;}
#atr-search .atr-range-select li:after {cursor: pointer;content:"";color: transparent;width: 10px;height: 10px;background:#fff;position: absolute;top: calc(50% - 5px);left: 15px;border-radius: 100%;transition: 0.1s;}
#atr-search .atr-range-select li.selected:after, #atr-search .atr-range-select li:hover:after {opacity:1;color:#fff;}
#atr-search .atr-range-select li.selected:before, #atr-search .atr-range-select li:hover:before {background:#3b49df;border-color:rgba(0,0,0,0.05);}

#atr-search select, #atr-search textarea, #atr-search input[type="text"], #atr-search input[type="url"], #atr-search input[type="email"], #atr-search input[type="phone"], #atr-search input[type="date"], #atr-search input[type="number"] {clear:none;outline:none;display:inline-block;width:100%;max-width:100%;min-width:120px;padding:0 8px;line-height:32px;height:34px;border-radius:2px;/* box-shadow:1px 2px 6px rgba(0,0,0,0.08); */border:1px solid #ccc;background:#fff;font-size:13px;color:#333;float:none;}
#atr-search select:hover, #atr-search textarea:hover, #atr-search input[type="text"]:hover, #atr-search input[type="url"]:hover, #atr-search input[type="email"]:hover, #atr-search input[type="phone"]:hover, #atr-search input[type="date"]:hover, #atr-search input[type="number"]:hover {border-color:#aaa;}
#atr-search select:focus, #atr-search textarea:focus, #atr-search input[type="text"]:focus, #atr-search input[type="url"]:focus, #atr-search input[type="email"]:focus, #atr-search input[type="phone"]:focus, #atr-search input[type="date"]:focus, #atr-search input[type="number"]:focus {border-color:#02C39A;}
#atr-search select {height:34px;margin-right:0px;margin-bottom:10px;min-width:160px;max-width:100%;}
#atr-search textarea {max-width:100%;width:100%;min-height:80px;}
#atr-search input[type="number"] {text-align:right;}
#atr-search .atr-type-daterange input[type="date"], #atr-search .atr-type-range input[type="number"] {/* margin:0 0 10px 0!important; */width: 50%!important;min-width:50px;height: 40px;float: left;width: 100%;text-align: center;font-size: 16px;padding: 10px;border: 1px solid #ddd;border-right: none;border-radius: 3px 0 0 3px;}
#atr-search .atr-type-daterange input[type="date"]:last-child, #atr-search .atr-type-range input[type="number"]:last-child {float:right!important;clear:none!important;border-radius: 0;border: 1px solid #ddd;border-left: none;border-radius: 0px 3px 3px 0px;}
!#atr-search .controls input[type="date"] {margin-right:10px;}
#atr-search .controls input[type="url"] {width:100%;}
#atr-search .controls input[type="email"][type="text"] {width:100%;}
#atr-search .atr-date-del {display:inline-block;margin-right:15px;margin-left:5px;line-height:32px;font-size:13px;color:#888;display:none;}
#atr-search label {text-align:left;}
#atr-search .has-placeholder label {line-height:34px;padding:0 8px;font-size:13px;}
#atr-search .select-box {background:none;box-shadow:none;border:none;line-height:34px;text-shadow:none;width:80%;}
#atr-search .select-box-trigger {display:none;}
#atr-search .select-box select {top:auto;left:auto;opacity:1!important;-webkit-appearance: menulist;}
#atr-search .atr-box {/* position:relative; */display: flex;align-items: center;/* border: 2px solid #aaa; */border-radius: 6px;font-size: 14px;padding: 0px 8px 0 8px;/* margin: 0; *//* line-height: 40px; */height: 44px;background: #fff;/* float: left; */cursor: pointer;clear: both;outline: none;width: 100%;/* box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%); */transition:0.2s;}
#atr-search .controls:hover .atr-box {border-color:#aaa;}
#atr-search .atr-box svg, #atr-search .atr-simple-select svg {/* position:absolute; *//* right: 6px; *//* top: 50%; *//* margin-top: -10px; *//* width: 21px; *//* font-size: 16px; *//* fill: #3b49df; *//* line-height: 18px; *//* height: 21px; *//* text-align:center; */}
#atr-search .atr-box:after, #atr-search .atr-simple-select:after, #atr-search .atr-range-select:after {/* content:"\f107"; */font-family:"FontAwesome";position:absolute;right:9px;top:50%;margin-top:-9px;width:16px;font-size: 16px;color: #444;line-height: 18px;height:18px;text-align:center;}
#atr-search .controls:hover .atr-box:not(.opened):after, #atr-search .controls .atr-box.opened:after {/* content:"\f106"; */}
#atr-search .atr-box > div.atr-holder {display: flex;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/* margin: 10px 0 4px 0px; *//* line-height:20px; */}
#atr-search .atr-holder span {float: left;margin: 0 6px 0 0;/* font-size: 13px; *//* line-height: 21px; */border-radius: 3px;padding: 4px 6px;}
#atr-search .atr-holder span:last-child {margin:0;}
#atr-search .atr-name-show .atr-holder span {background: rgb(58 71 223 / 15%);/* float: none; */}
#atr-search .atr-box > div.atr-holder .atr-color {width: 26px;height: 26px;display: inline-block;float: none;}
#atr-search .atr-box > div.atr-holder .atr-color em {display:none !important;}
#atr-search .atr-ul {display: block;width: 100%;max-height: 300px;overflow-y:auto;}
#atr-search .atr-box-content {top: 100%;/* z-index: 99; */display: none;z-index: 22;position: absolute;padding-top: 10px;/* overflow: hidden; */width: 215px;/* min-width: 200px; */left: 0;/* background: #fff; *//* box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%); *//* border-radius: 6px; */}
#atr-search .atr-range-select .atr-box-content {left:-2px;}
#atr-search .atr-select-deselect {display:inline-block;width:100%;font-size:13px;margin:0 0 5px 0;letter-spacing:-0.3px;}


.atr-close {display: block;position: sticky;background: #673AB7;text-align: center;font-size: 17px;line-height: 28px;color: #fff;bottom: 20px;margin: 0 auto;width: 90%;height: 44px;z-index: 999;transition:0.2s;cursor:pointer;border-radius: 8px;padding: 8px;}
.atr-close svg {fill: #999;width: 16px;height: 16px;transition:0.2s;}
.atr-close:hover svg {/* fill:#555; */}
.atr-close:hover {background:#eceef5;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.atr-close-alt {position:absolute;top:-7px;right: -55px;width: 50px;height: 50px;border-radius:6px;cursor:pointer;transition:0.2s;display:flex;}
.atr-close-alt:hover {transform:scale(1.2);}
.atr-close-alt svg {margin:auto;color: #fff;width: 40px;height: 40px;}

#atr-search ::-webkit-scrollbar {box-shadow: none;width:5px;}

/* CUSTOM CHECKBOX & RADIO SEARCH */
#atr-search .atr-input-box {float:left;width:100%;clear:both;position:relative;}
#atr-search .atr-input-box .input-color {position: absolute;left: 36px;top: 8px;z-index: 99;width: 26px;height: 26px;border-radius: 100%;}
#atr-search .atr-input-box.color label {padding: 12px 10px 12px 66px;}
#atr-search .atr-input-box input[type="checkbox"], .atr-input-box input[type="radio"] {opacity:0;position:absolute;right: 0;top: 0;z-index:-1;visibility:hidden;overflow:hidden;padding:0!important;width:0!important;height:0!important;margin:0!important;box-shadow:none!important;}
#atr-search .atr-input-box label {position: relative;float: left;clear: both;width: 100%;max-width: 100%;position: relative;cursor: pointer;font-size: 14px;font-weight: normal;text-decoration: none;color: #435269;/* line-height: 16px; */padding: 10px 10px 10px 40px;margin: 0;}
#atr-search .atr-input-box label:hover {background:#ddd;text-decoration:none;}
#atr-search .atr-input-box label:before {cursor:pointer;content: "";width: 20px;height: 20px;background-color: #fff;border: 1px solid #ccc;font-weight:500;text-shadow: none;position: absolute;top: calc(50% - 10px);left: 10px;text-shadow:none;border-radius: 3px;-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}
#atr-search .atr-input-box label:hover:before {border-color:#aaa;}
#atr-search .atr-input-box label:after {cursor:pointer;text-indent:1px;font-family:"FontAwesome";content: "\f00c";color:transparent;font-size: 13px;/* width: 20px; *//* height: 20px; *//* line-height: 18px; */text-align:center;font-weight:500;text-shadow:none;position: absolute;top: calc(50% - 9px);left: 13px;border-radius: 2px;-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}
#atr-search .atr-input-box input[type="checkbox"]:checked + label:before, #atr-search .atr-input-box input[type="radio"]:checked + label:before {border-color:#03a9f4;color:#fff;background-color:#03a9f4;text-shadow:1px 1px 1px rgba(0,0,0,0.1);}
#atr-search .atr-input-box input[type="checkbox"]:checked + label:after, #atr-search .atr-input-box input[type="radio"]:checked + label:after {color:#fff;}
#atr-search .atr-input-box.atr-radio label:before, #atr-search .atr-input-box.atr-radio label:after {border-radius:50%;}

#atr-search .atr-input-box.atr-lvl-1 {padding-left:8px;}
#atr-search .atr-input-box.atr-lvl-2 {padding-left:16px;}
#atr-search .atr-input-box.atr-lvl-3 {padding-left:24px;}
#atr-search .atr-input-box.atr-lvl-4 {padding-left:30px;}
#atr-search .atr-input-box.atr-lvl-5 {padding-left:36px;}
#atr-search .atr-input-box.atr-lvl-6 {padding-left:40px;}
#atr-search .atr-input-box.atr-lvl-7 {padding-left:44px;}
#atr-search .atr-input-box.atr-lvl-8 {padding-left:48px;}
#atr-search .atr-input-box.atr-lvl-9 {padding-left:50px;}

.bg_j {background: #fff;border: 1px solid #dfe4e8}
.bg_k {background-color: #eae6ca}
.bg_l {background-color: #e6d690}
.bg_m {background-color: #eae6ca}
.bg_n {background-color: #ff0}
.bg_o,.bg_p {background-color: #fffacd}
.bg_q {background-color: #fff500}
.bg_r {background-color: #ffdb58}
.bg_s {background-color: #c88829}
.bg_t {background: linear-gradient(-45deg,#ffe900,#c18b01)}
.bg_u {background-color: #f44611}
.bg_v {background-color: #ffa07a}
.bg_w,.bg_x {background-color: #ffa420}
.bg_y {background-color: #cb2821}
.bg_z {background-color: #ca3122;}
.bg_ba {background-color: #8c0f1f;}
.bg_bb {background-color: #96190e}
.bg_bc {background-color: #ea899a}
.bg_be {background-color: #d36e70}
.bg_bf {background-color: #f8cbd3}
.bg_bg {background-color: #f067bf}
.bg_bh {background-color: #f0f}
.bg_bi,.bg_bj {background-color: #800080}
.bg_bk {background-color: #a18594}
.bg_bl {background-color: #6c4675}
.bg_bm {background-color: #1e2460}
.bg_bn {background-color: #025669}
.bg_bo {background-color: #16c3c3;}
.bg_bp,.bg_bq {background-color: #87cefa}
.bg_br,.bg_bs {background-color: #3e45a7;}
.bg_bt {background-color: #64e9bb}
.bg_bu {background-color: #228b22}
.bg_bv {background-color: #89ac76}
.bg_bw {background-color: #1d7c05}
.bg_bx {background-color: #00bb2d}
.bg_by {background-color: #749006;}
.bg_bz {background-color: #c2b078}
.bg_ca {background-color: #955f20}
.bg_cb {background-color: #59351f}
.bg_cc {background-color: #7c5b16}
.bg_ce,.bg_cf {background-color: #45322e}
.bg_cg {background: linear-gradient(-45deg,#edd1aa,#ab844b)}
.bg_ch {background-color: #909090}
.bg_ci {background-color: #d7d7d7}
.bg_cj {background-color: #7f7679}
.bg_ck {background: linear-gradient(-45deg,#f7faff,#b7bfcc)}
.bg_cl {background-color: #000}
.bg_cm {background-color: #293133}
.bg_cn {background-color: transparent;border: 1px solid #dfe4e8}
.bg_co {background: linear-gradient(-45deg,#f4d700,#f4d700 20%,#42a8d6 0,#42a8d6 40%,#fe5a2f 0,#fe5a2f 60%,#60c983 0,#60c983 80%,#ca2327 0,#ca2327)}
.bg_cp {background: linear-gradient(-45deg,#000,#000 20%,#fff 0,#fff 40%,#000 0,#000 60%,#fff 0,#fff 80%,#000 0,#000)}
.bg_cq {color: #91999e;cursor: default}

.atr-range-box {/* float: left; *//* height: 44px; *//* border: 2px solid #aaa; *//* position: relative; *//* border-radius: 6px; *//* background: #fff; *//* width: auto; *//* box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%); */display: flex;align-items: center;/* border: 2px solid #aaa; */border-radius: 6px;font-size: 14px;/* padding: 0px 8px 0 8px; *//* margin: 0; *//* line-height: 40px; */height: 44px;background: #fff;/* float: left; */cursor: pointer;clear: both;outline: none;width: 100%;/* box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%); */transition: 0.2s;}
.atr-range-box .atr-range-select {/* width: auto; *//* background: transparent; *//* border: 1px solid #ccc;border:;;font-size: 13px;padding: 0px 30px 0 10px;margin: 0;line-height: 38px;min-height: 40px;background: transparent;float: left;clear: both;outline: none;/* width: 100%; *//* box-shadow: none; *//* transition: 0.2s; *//* border: none; */}
.atr-range-box .atr-range-select.atr-to {clear: none;}
.atr-range-box .atr-range-select .atr-list {width: 100%;min-width: 125px;}
.atr-range-box .atr-divider {/* position: relative; *//* float: left; *//* width: auto; */z-index: 21;/* top: 7px; *//* bottom: auto; */height: 28px;border-left: 2px solid #ddd;}
.atr-range-box .atr-holder {/* float: left; *//* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; *//* margin: 10px 0 0px 0px; */}
.atr-range-box .atr-holder {/* float: left; *//* display: block; *//* background:none; *//* width: 100%; *//* margin: 0 3px 3px 0; *//* font-size: 13px; *//* line-height: 21px; *//* border-radius: 3px; *//* padding: 0px 4px; */display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.atr-range-box .atr-holder span {/* background: rgb(58 71 223 / 15%); *//* padding: 4px 6px; *//* border-radius: 3px; *//* cursor:pointer; *//* display: inline-block; *//* max-width: 100%; *//* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; *//* margin: 9px 0 4px 0px; *//* line-height: 22px; */}

.atr-range-select {/* float:left; *//* display: inline-block; */position: relative;/* width:100%; *//* clear:both; *//* font-size:13px; *//* border: 1px solid #ccc; *//* border-radius: 6px; *//* cursor: pointer; */padding: 0px 8px 0 8px;/* margin: 0; *//* line-height: 38px; */display: flex;align-items: center;height: 42px;/* background: #fff; */outline: none;/* width: 100%; *//* box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%); *//* transition: 0.2s; */}
.atr-range-select .atr-text {cursor:pointer;display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/* margin: 9px 0 4px 0px; *//* line-height: 22px; */}
.atr-range-select .atr-text i:not(.help) {float:right;font-size:16px;color:#444;position:relative;top:auto;left:auto;line-height:18px;width:auto;}
.atr-range-select:hover .atr-text, .atr-range-select.opened .atr-text {/* border-color:#ccc; */}
.atr-range-select.opened {z-index:20;}
.atr-range-select.opened .atr-text i:not(.help):before {content:"\f106";}

.atr-range-select .atr-option {cursor:pointer;position:relative;float:left;width:100%;clear:both;padding: 10px 10px 10px 40px;}
.atr-range-select .atr-option.sub1 {padding-left:15px;}
.atr-range-select .atr-option.sub2 {padding-left:20px;font-size:12px;line-height:13px;}
.atr-range-select .atr-option.sub3 {padding-left:25px;font-size:12px;line-height:13px;}
.atr-range-select.color .atr-option {cursor:pointer;position:relative;float:left;width:100%;clear:both;padding: 13px 10px 13px 30px;line-height: 15px;color:#444;}
.atr-range-select.color {padding: 0 30px;}
.atr-range-select .atr-color {position: absolute;left: 4px;top: 5px;z-index: 99;width: 20px;height: 30px;}
.atr-range-select:not(.level0) .atr-option.root {font-weight:bold;}
.atr-range-select .atr-option.nonclickable {background: rgba(0,0,0,0.05);cursor:default;}
.atr-range-select .atr-option.bold {/* display:none!important; */}

.atr-range-select .atr-option:not(.nonclickable):hover {background: #eeedee; color: #000;}
.atr-range-select .atr-option.info {/* display:none!important; */}
.atr-range-select:not(.range-cat) .atr-option.selected {font-weight:bold;}
.atr-range-select.range-cat .atr-option.selected {text-decoration:underline;color:#000;}

.atr-simple-select {float:left;display: inline-block;position: relative;width:100%;clear:both;font-size:13px;border: 1px solid #ccc;border-radius: 6px;cursor: pointer;padding: 0px 8px 0 8px;margin: 0;line-height: 38px;min-height: 40px;background: #fff;outline: none;width: 100%;box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);transition: 0.2s;}
.atr-simple-select .atr-text {cursor:pointer;display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/* margin: 9px 0 4px 0px; *//* line-height: 22px; */}
.atr-simple-select .atr-text i:not(.help) {float:right;font-size:16px;color:#444;position:relative;top:auto;left:auto;line-height:18px;width:auto;}
.atr-simple-select:hover .atr-text, .atr-simple-select.opened .atr-text {/* border-color:#ccc; */}
.atr-simple-select.opened {z-index:20;}
.atr-simple-select.opened .atr-text i:not(.help):before {content:"\f106";}
.atr-simple-select .atr-list .atr-ul {display: block;width: 100%;max-height: 300px;overflow-y:auto;}
.atr-simple-select .atr-list {top:100%;/* z-index: 99; */display: none;z-index: 22;position: absolute;overflow: hidden;width: 215px;min-width: 200px;left: 0;background: #fff;box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);border-radius: 6px;}

!.atr-simple-select .atr-list {display:none;max-height:320px;overflow-y:auto!important;z-index:3;position:absolute;width: 100%;min-width: 170px;top: calc(100% - -5px);left:0;background:#fff;border:1px solid #ccc;padding:0px;border-radius: 6px;}
.atr-simple-select .atr-option {cursor:pointer;position:relative;float:left;width:100%;clear:both;padding:10px 10px;line-height:14px;color:#444;}
.atr-simple-select .atr-option.sub1 {padding-left:15px;}
.atr-simple-select .atr-option.sub2 {padding-left:20px;font-size:12px;line-height:13px;}
.atr-simple-select .atr-option.sub3 {padding-left:25px;font-size:12px;line-height:13px;}
.atr-simple-select.color .atr-option {cursor:pointer;position:relative;float:left;width:100%;clear:both;padding: 13px 10px 13px 30px;line-height: 15px;color:#444;}
.atr-simple-select.color {padding: 0 30px;}
.atr-simple-select .atr-color {position: absolute;left: 4px;top: 5px;z-index: 99;width: 20px;height: 30px;}
.atr-simple-select:not(.level0) .atr-option.root {font-weight:bold;}
.atr-simple-select .atr-option.nonclickable {background: rgba(0,0,0,0.05);cursor:default;}
.atr-simple-select .atr-option.bold {/* display:none!important; */}

.atr-simple-select .atr-option:not(.nonclickable):hover {background: #eeedee; color: #000;}
.atr-simple-select .atr-option.info {/* display:none!important; */}
.atr-simple-select:not(.simple-cat) .atr-option.selected {font-weight:bold;color:#111;}
.atr-simple-select.simple-cat .atr-option.selected {text-decoration:underline;color:#000;}



/* ITEM */
#atr-item, #atr-item * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#atr-item {/* margin:20px 0; *//* display:inline-block; *//* width:100%; *//* clear:both; *//* padding:0; *//* list-style-type:none; */display: flex;flex-direction: row;flex-wrap: wrap;align-items: stretch;}
#atr-item li {/* display:inline-block; *//* width: calc(20% - 10px); *//* min-width: 100px; *//* margin: 0 10px 15px 0; *//* padding: 10px; *//* text-align: center; *//* border-radius: 6px; *//* box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%); */width: calc(33.33% - 8px);display: flex;flex-direction: column;margin: 0 8px 14px 0;padding: 0 0 0 34px;line-height: 16px;position: relative;}
#atr-item li:after {content: "\f00c";width: 26px;height: 26px;background: rgb(220 223 250);border-radius: 11px;line-height: 28px;position: absolute;left: 0;font-family: "Font Awesome 5 Free";top: 3px;font-weight: 900;text-align: center;color: #3b49df;font-size: 13px;}
#atr-item li.atr-type-checkbox, #atr-item li.atr-type-select {/* margin-bottom:10px; */}
#atr-item .atr-icon {width: 36px;height: 36px;margin-bottom: 5px;/* display:inline-block; *//* vertical-align:top; */}
#atr-item .atr-icon img {width:50px; height:50px}
#atr-item .atr-name {width: 100%;font-size: 12px;color: #616161;/* vertical-align:top; */}
#atr-item .atr-value {/* width: 100%; *//* font-weight: bold; *//* font-size: 16px; *//* line-height: 18px; *//* display:inline-block; */}
#atr-item .atr-value-single {/* margin-right:20px; *//* margin-bottom:5px; *//* width:auto; *//* display:inline-block; */font-size: 15px;font-weight: bold;line-height: 18px;}
#atr-item .atr-value-single .input-color {position: relative;display: inline-block;border-radius: 100px;left: -4px;top: 2px;/* z-index: 99; */width: 14px;height: 14px;}
#atr-item .color .atr-value-single {/* margin: 0 2px; */}
#atr-item .atr-value-single img {margin-right:5px;vertical-align:middle;height:16px;width:auto;margin-top:-1px;}
#atr-item .atr-value-single img:not(.atr-img-def) {margin-right:7px;}
#atr-item .atr-empty {font-style:italic;font-weight:100;color:#999;}
#atr-item .atr-value-single.atr-disabled {opacity:0.3;}
#atr-item .atr-value-select .atr-value-single {margin-right:10px;}
#atr-item .atr-value-select .atr-value-single:after {content: "\f105"; font-family: "FontAwesome"; margin-left: 10px; font-size: 16px; color:#999;}
#atr-item .atr-value-select .atr-value-single:last-child:after {display:none;}

/* ITEM LOOP SINGLE */
#atr-loop, #atr-loop * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#atr-loop {margin: 5px 0;display:inline-block;width:100%;clear:both;padding:0;list-style-type:none;}
#atr-loop li {display:inline-block;/* width: calc(20% - 10px); */width: auto;/* min-width: 90px; */margin: 0 30px 0px 0;/* padding: 0 20px 0 0; */text-align: center;/* border-radius: 6px; *//* box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%); */}
#atr-loop li.atr-type-checkbox, #atr-loop li.atr-type-select {/* margin-bottom:10px; */}
#atr-loop li:first-child {/* text-align:left; */}
#atr-loop .atr-icon {width: 24px;height: 24px;margin-bottom: 2px;}
#atr-loop .atr-icon img {width:50px; height:50px}
#atr-loop .atr-name {width: 100%;font-size: 11px;line-height: 13px;/* vertical-align:top; */}
#atr-loop .atr-value {width: 100%;font-weight: bold;/* display:inline-block; */}
#atr-loop .atr-value-single {/* margin-right:20px; *//* margin-bottom:5px; */font-size: 13px;width:auto;display:inline-block;}
#atr-loop .atr-value-single .input-color {position: relative;display: inline-block;border-radius: 100px;left: -4px;top: 2px;/* z-index: 99; */width: 14px;height: 14px;}
#atr-loop .color .atr-value-single {/* margin: 0 2px; */}
#atr-loop .atr-value-single img {margin-right:5px;vertical-align:middle;height:16px;width:auto;margin-top:-1px;}
#atr-loop .atr-value-single img:not(.atr-img-def) {margin-right:7px;}
#atr-loop .atr-empty {font-style:italic;font-weight:100;color:#999;}
#atr-loop .atr-value-single.atr-disabled {opacity:0.3;}
#atr-loop .atr-value-select .atr-value-single {margin-right:10px;}
#atr-loop .atr-value-select .atr-value-single:after {content: "\f105"; font-family: "FontAwesome"; margin-left: 10px; font-size: 16px; color:#999;}
#atr-loop .atr-value-select .atr-value-single:last-child:after {display:none;}

/* ITEM FORM */
#atr-form, #atr-form * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#atr-form {margin:20px 0;display:inline-block;width:100%;clear:both;}
#atr-form .control-group {margin-bottom:15px;display:inline-block;width:100%;clear:both;}
#atr-form .control-group.atr-type-select, #atr-form .control-group.atr-type-daterange {margin-bottom: 30px;}
#atr-form .control-group > .controls {display:inline-block;max-width:72%;margin:0;position:relative;}
#atr-form .control-group > .controls.atr-loading:after {content: ""; position: relative; display: inline-block; width: 26px; height: 26px; top: 2px; background: url(../img/ajax_loading.gif); transition: 0s; background-repeat: no-repeat; background-position: center center; background-size: 100%;}
#atr-form .control-group > label {max-width:25%;line-height:34px;padding:0 20px 0 0;text-align:right;margin:0;}
#atr-form ul.atr-ul {list-style-type:none;padding:0;margin:0;}
#atr-form ul.atr-ul li {/* min-width:125px; */min-width: unset;margin-right: 8px !important;width: auto!important;max-width:90%;display:inline-block;vertical-align:text-top;margin-right:15px;}
#atr-form select, #atr-form textarea, #atr-form input[type="text"], #atr-form input[type="url"], #atr-form input[type="email"], #atr-form input[type="phone"], #atr-form input[type="date"] {clear:none;outline:none;display:inline-block;width:auto;min-width:120px;padding:0 8px;line-height:32px;height:34px;border-radius:2px;box-shadow:1px 2px 6px rgba(0,0,0,0.08);border:1px solid #ccc;background:#fff;font-size:13px;color:#333;float:none;}
#atr-form select:hover, #atr-form textarea:hover, #atr-form input[type="text"]:hover, #atr-form input[type="url"]:hover, #atr-form input[type="email"]:hover, #atr-form input[type="phone"]:hover, #atr-form input[type="date"]:hover {border-color:#aaa;}
#atr-form select:focus, #atr-form textarea:focus, #atr-form input[type="text"]:focus, #atr-form input[type="url"]:focus, #atr-form input[type="email"]:focus, #atr-form input[type="phone"]:focus, #atr-form input[type="date"]:focus {border-color:#02C39A;}
#atr-form select {height:34px;margin-right:10px;margin-bottom:10px;min-width:160px;max-width:180px;}
#atr-form textarea {min-width:280px;min-height:120px;max-width:100%;width:80%;}
#atr-form .atr-type-daterange input[type="date"] {margin-bottom:10px;}
#atr-form .controls input[type="date"] {margin-right:10px;}
#atr-form .controls input[type="url"] {width:240px;}
#atr-form .controls input[type="email"][type="text"] {width:180px;}
#atr-form .atr-date-del {display:inline-block;margin-right:15px;margin-left:5px;line-height:32px;font-size:13px;color:#888;}
#atr-form label {text-align:left;}
#atr-form .atr-select-deselect {display:inline-block;clear:both;width:100%;font-size:13px;margin:-3px 0 0 0;letter-spacing:-0.3px;}
#atr-form .label-after {position: relative;color: #aaa;left: -30px;font-size: 15px;}

/* CUSTOM CHECKBOX & RADIO */
#atr-form .atr-input-box .input-color {position: absolute;left: 6px;top: 6px;border-radius: 2px;/* z-index: 99; */width: 26px;height: 26px;}
!#atr-form .atr-input-box {float:left;width:100%;clear:both;margin:5px 15px 5px 0;position:relative;}
#atr-form .atr-input-box input[type="checkbox"], .atr-input-box input[type="radio"] {opacity:0;position:absolute;left:0;top:0;z-index:-1;visibility:hidden;overflow:hidden;padding:0!important;width:0!important;height:0!important;margin:0!important;box-shadow:none!important;}
!#atr-form .atr-input-box label {text-align:left;display:block;cursor:pointer;position:relative;float:left;padding:0 0 0 30px!important;line-height:20px;font-size:13px;width:auto;clear:both;}
!#atr-form .atr-input-box label:hover {text-decoration:underline;}
!#atr-form .atr-input-box label:before {cursor:pointer;content: "";width: 18px;height: 18px;z-index: 9;border: 1px solid #ccc;font-weight:500;text-shadow: none;position: absolute;top: 1px;left: 0;text-shadow:none;box-shadow: 1px 1px 1px rgba(0,0,0,0.06);-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.06);-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.06);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}
!#atr-form .atr-input-box label:hover:before {border-color:#aaa;}
!#atr-form .atr-input-box label:after {cursor:pointer;text-indent:1px;font-family:"FontAwesome";content: "\f00c";color:transparent;font-size: 12px;z-index: 9;width: 18px;height: 18px;line-height:18px;text-align:center;font-weight:500;text-shadow:none;position: absolute;top: 1px;left: 0px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}
!#atr-form .atr-input-box input[type="checkbox"]:checked + label:before, #atr-form .atr-input-box input[type="radio"]:checked + label:before {border-color:#03a9f4;color:#fff;background-color:#03a9f4;text-shadow:1px 1px 1px rgba(0,0,0,0.1);}
!#atr-form .atr-input-box input[type="checkbox"]:checked + label:after, #atr-form .atr-input-box input[type="radio"]:checked + label:after {color:#fff;}
!#atr-form .atr-input-box.atr-radio label:before, #atr-form .atr-input-box.atr-radio label:after {border-radius:50%;}
!#atr-form .atr-input-box .input-box-check {margin:0;}
!.atr-input-box.atr-radio label:after {font-size:10px;content:"\f111";}

#atr-form .atr-input-box {float:left;width:100%;clear:both;margin: 0px 0px 8px 0;position:relative;}
#atr-form .atr-input-box label {text-align:left;display:block;cursor:pointer;position:relative;float:left;border-radius: 5px;border: 2px solid #aaa;padding: 8px 15px;/* line-height:20px; */font-size: 15px;width:auto;clear:both;}
#atr-form .atr-input-box input[type="checkbox"]:checked + label {border-color: #3b49df;color: #fff;background-color: #3b49df;}
#atr-form .atr-input-box.color label {padding: 8px 15px 8px 38px;}

@media screen and (max-width: 1024px) {
  #atr-item li {width: calc(50% - 8px);}
}
  
@media screen and (max-width: 767px) {
  #atr-loop li {margin: 0 3px 3px 0;}
  #atr-loop .atr-value {padding: 2px 4px;background:#eee;border-radius: 3px;}
  #atr-loop .atr-value-single {font-size:12px;font-weight:normal}
  #atr-loop .atr-name {display:none;}
  #atr-search ul.atr-ul {padding: 20px 15px 100px 20px;border: none;border-radius: 0;background: #fff;min-height: 100%;}
  #atr-search .atr-box-content {display: none;z-index: 22;position: fixed;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;width: 100%;height: 100%;background: #fff;box-shadow: none;border-radius: 6px;}
  #atr-search .atr-input-box .input-color {width: 29px;height: 29px;border-radius: 3px;}
  #atr-search .atr-input-box.color label {padding: 12px 35px 12px 42px;}
  #atr-search {flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;}
  #atr-search .atr-ul {max-height: 100%;padding: 50px 25px 25px 25px;}
  #atr-search .control-group.filter-remove {float: left;text-align:center;line-height: 40px;}
  #atr-search .control-group {/* margin-bottom: 10px; *//* display: block; *//* width: 100%; *//* margin-right: 0; *//* max-width: 100%; */}

}