input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{min-height:0}
:root{--color-green:#26a69a;--color-blue:#2188ab;--color-blue-lighter:rgba(33,136,171,0.7);--gradient:linear-gradient(-35deg,#2188ab 20%,#26a69a 100%);--color-green-black:#2bbbad;--color-h1:#227995;--pretty-gradient:linear-gradient(-115deg,#ffecec,#ffe6fa)}
img{max-width:100%;height:auto}
body{overflow-y:scroll!important}
.login_container a[href*="mehanoid"]{text-decoration:underline}
.header_logo{display:inline-block;margin:60px 0;font-family:'TaurusNormal','ubunturegular';color:#fff;text-align:center;line-height:1;font-size:80px;position:relative;text-shadow:0 1px 1px #26a69a,1px 0 1px #2496a1,-1px 0 1px #1e86a8,0 -1px 1px #229d9e}
.header_logo + .tagline{position:absolute;top:134px;font-size:14.6px;color:#fff;left:1px;font-weight:600;margin:0}
.login_overlay,.login_background{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-2}
.login_overlay{z-index:-1}
.login_background img{width:100%;height:100%;object-fit:cover}
.login_container{min-height:100vh;display:flex;align-items:center;z-index:10;position:relative;flex-direction:column;overflow:hidden;max-width:880px}
.login_row{padding:70px 50px;border-radius:10px;background:#fff;width:100%}
.login_container #login,.login_container #register{position:absolute;left:.75rem;right:.75rem;width:auto;top:48px;display:flex!important;opacity:0;transition:all .2s ease;z-index:0;justify-content:center;align-items:center;min-height:350px}
.login_container #login{transform:translateX(10px)}
.login_container #register{transform:translateX(-10px)}
.login_container #login.active,.login_container #register.active{transform:translateX(0);opacity:1;z-index:1}
.login_container #cont{position:relative;min-height:360px}
.login_container .input-field{margin:0}
.login_container [type="checkbox"] + span:not(.lever){padding-left:25px;font-size:12px;height:auto;line-height:1.2;margin-left:5px}
.get-a-price{top:20px}
@media only screen and (max-width: 1201px) {
.login_row{padding:30px 15px}
.get-a-price{top:15px}
}
@media only screen and (max-width: 600px) {
.login_row{padding:30px 0;border-radius:0}
}
@media only screen and (max-width: 440px) {
.header_logo{font-size:50px}
.header_logo:after{width:70px;height:70px}
.header_logo+.tagline{top:107px;font-size:9px}
}
@media only screen and (min-width: 993px) {
body.has-fixed-sidenav{padding-left:300px}
.navbar-fixed nav{width:calc(100% - 300px)}
}
.white{background-color:#fff!important}
main > .container > .row{min-height:calc(100vh - 285px - 64px - 20px)}
.sidenav .collapsible>li.waves-effect{display:block}
.sidenav .collapsible .nav--collapsible{height:64px;line-height:64px;padding:0 16px}
.sidenav .collapsible .nav--collapsible .chevron{float:right;height:24px;width:24px;line-height:24px;margin:20px 0 0;transition:transform .2s}
.sidenav .collapsible>.active .nav--collapsible .chevron{transform:rotate(-90deg)}
.sidenav li > a.nav--collapsible > i.large{height:64px;line-height:64px;width:40px;font-size:30px;text-align:center}
nav{color:#000}
nav ul a,nav a,nav ul i{color:var(--color-blue)}
nav .brand-logo.center{display:inline-block;font-family:'TaurusNormal','ubunturegular';color:#fff;text-align:center;line-height:56px;font-size:46px}
nav .tagline{position:absolute;top:47px;line-height:1;color:#fff;text-align:center;left:0;right:0}
nav.navbar{padding:0 20px}
h1{font-size:2.8rem;font-weight:700}
main .container h1{font-size:2.8rem;font-weight:700;color:var(--color-blue);background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin:19px 0 0;line-height:1.3}
@media only screen and (max-width: 500px) {
main .container h1{font-size:1.8rem}
}
h2{font-size:2.1rem}
h3{font-size:1.8rem}
h4{font-size:1.5rem}
h5{font-size:1.3rem}
h6{font-size:1.1rem}
a{display:inline-flex}
.footer-copyright a{color:var(--color-blue)}
.tagline{position:relative;margin:0 0 20px;top:-4px;text-transform:uppercase;font-size:8.5px;text-indent:1.5px;letter-spacing:.1px}
.footer_logo{display:inline-block;font-family:'TaurusNormal','ubunturegular';color:#fff;text-align:center;line-height:1;font-size:46px;padding:0 60px 0 0;text-shadow:0 1px 1px rgba(0,0,0,.45),1px 0 1px rgba(0,0,0,.45),-1px 0 1px rgba(0,0,0,.45),0 -1px 1px rgba(0,0,0,.45);position:relative;margin:0}
footer{padding:0;margin:0}
footer .top{background:var(--color-h1);padding:50px 0 10px;color:#fff}
.btn-social{display:inline-block;width:83px;height:40px;background:no-repeat center / contain;overflow:hidden;font-size:0;border-radius:4px;transition:opacity .2s ease}
.btn-social:hover{opacity:.8}
.decoration-none{text-decoration:none!important}
td,th{padding:10px 25px 10px 15px}
[data-modal] .btn-small,table .btn-small{display:inline-flex}
[data-modal] .btn-small i,table .btn-small i{margin-right:5px}
.btn-floating{width:40px;height:40px;line-height:40px}
.sidenav .collapsible-body > ul:not(.collapsible) > li.active,.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active{background:var(--gradient)}
.sidenav .collapsible-body > ul:not(.collapsible) > li.active a i,.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a i{color:#fff}
.price_table i{color:var(--color-green)}
.inline-flex{display:inline-flex}
#license_price{font-weight:600;color:#000;padding:0 5px}
code{background:#283238;padding:2px 6px;color:#EFF;margin:0 2px;display:inline-block;border-radius:4px}
.red{color:red}
.btn-table-page{margin-left:5px}
.dataTables_scrollBody{min-height:auto!important;max-height:none!important}
.dataTables_info{line-height:2}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;outline:none!important;position:relative;overflow:hidden}
.dataTable thead .sorting:before,.dataTable thead .sorting:after,.dataTable thead .sorting_asc:before,.dataTable thead .sorting_asc:after,.dataTable thead .sorting_desc:before,.dataTable thead .sorting_desc:after,.dataTable thead .sorting_asc_disabled:before,.dataTable thead .sorting_asc_disabled:after,.dataTable thead .sorting_desc_disabled:before,.dataTable thead .sorting_desc_disabled:after{content:'';display:block;position:absolute;top:0;bottom:0;right:5px;width:0;height:0;margin:auto;border:solid #ccc;border-width:0 3px 3px 0;display:inline-block;padding:3px;transition:all .28s ease}
.dataTable thead .sorting:before,.dataTable thead .sorting:after{border-color:#ccc;margin-top:13px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.dataTable thead .sorting:after{margin-top:auto;margin-bottom:13px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.dataTable thead .sorting_asc:before,.dataTable thead .sorting_asc:after{margin-bottom:13px;border-color:var(--color-green);transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.dataTable thead .sorting_asc:after{margin-top:13px;margin-bottom:auto;border-color:#ccc;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.dataTable thead .sorting_desc:before,.dataTable thead .sorting_desc:after{margin-bottom:13px;border-color:#ccc;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.dataTable thead .sorting_desc:after{margin-top:13px;margin-bottom:auto;border-color:var(--color-green);transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.dataTable pre{margin:0}
.btn .progress{display:none}
.btn.in_progress span,.btn.in_progress i{display:none}
.btn.in_progress .progress{display:block;margin:16px auto;width:80%;max-width:200px}
.materialize-textarea{min-height:150px!important}
@media only screen and (max-width: 600px) {
.comment_form .btn-small{width:100%}
}
.timeline{margin:0 0 40px}
.timeline h3{margin:0}
.timeline-item{display:flex;align-items:flex-start;justify-content:flex-start}
.timeline-date{margin:50px 0 0;color:#888;font-size:13px}
.timeline-content{padding:20px;background:#fff;margin:20px auto 20px 60px;max-width:80%;border-radius:2px;position:relative}
.timeline-content:after{content:'';position:absolute;top:28px;left:-42px;width:24px;height:24px;background:#fff;border-radius:50%;border:6px solid var(--color-blue)}
.timeline-content:before{content:'';position:absolute;top:-20px;bottom:-20px;left:-33px;width:6px;background:var(--color-blue)}
.timeline-item:first-child .timeline-content:before{top:40px}
.timeline-item:last-child .timeline-content:before{bottom:auto;height:65px}
.timeline-item:first-child:last-child .timeline-content:before{height:0}
.timeline-entry{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}
.timeline-entry img{width:100px;margin:0 10px 10px 0}
@media only screen and (max-width: 600px) {
.timeline-content{margin-left:auto;max-width:100%}
.timeline-item{flex-direction:column}
.timeline-date{margin:10px 0 -10px}
.timeline-content:after,.timeline-content:before{display:none}
}
.label-flex{display:flex;align-items:center}
.label-flex label{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}
.label-flex label .lever{margin-left:0;margin-right:0}
.collapsible li[data-product]{display:none}
input[type="checkbox"]#hidden_flatpm:checked ~ div li[data-product="flatpm"],input[type="checkbox"]#hidden_flatcm:checked ~ div li[data-product="flatcm"],input[type="checkbox"]#hidden_other:checked ~ div li[data-product="other"]{display:block}
.collapsible li[data-product] span.badge{margin-left:0;margin-right:20px;min-width:60px;top:1px;position:relative;height:36px;line-height:36px}
.collapsible li[data-product] .inline-flex span.badge{background:var(--color-blue)}
li[data-product] .collapsible-header .inline-flex{margin-left:auto}
li[data-product] .collapsible-body{background:#fff}
.vartical-subs{vertical-align:sub}
.copied-icon{font-size:21px;margin:0 5px 0 0}
.copied{cursor:pointer}
nav ul{font-weight:600}
@media only screen and (min-width: 601px) {
.container{width:95%}
}
@media only screen and (min-width: 993px) {
.container{width:90%}
}
@media only screen and (min-width: 1201px) {
.container{width:88%}
}
nav ul li > *{top:-2px}
.social-widget{display:flex;justify-content:space-between;align-items:center;background:#fff;margin-top:15px}
.social-widget a{width:32%}
.break_line li{margin:0 0 25px!important;padding-bottom:25px!important;border-bottom:1px solid #e0e0e0}
.collapsible-body{padding:1.1rem}
.toast{padding:10px 30px;border:0!important;margin:0 0 10px;font-size:1rem}
.toast.error{background:#ff5d48;color:#fff;font-weight:500;border:0}
.toast.success{background:var(--color-green);color:#fff;font-weight:500}
.toast.notice{background:#15ace5;color:#fff;font-weight:500}
.row-gradient{background:var(--pretty-gradient);margin-top:4.3333333333%;padding:0 10px}
.wp-block-image figcaption{margin-top:0;margin-bottom:1em;text-align:center;font-size:.95rem;background:var(--pretty-gradient);color:#686868;padding:7px 10px 8px}
figure{margin:10px}
.promo-text{font-weight:600;display:block;padding:10px 0;width:auto!important;font-size:14px;margin:0 -.75rem}
.logo_letter{background-color:var(--color-h1);width:46px;height:46px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;margin:0 15px 0 0}
.dropdown-content{z-index:9999999;border-radius:5px}
.collapsible-header{align-items:center;user-select:none}
.collapsible li:last-of-type .collapsible-header{border-bottom:0}
.collapsible-header.disabled{color:#bdbdbd!important}
.collapsible-header:hover{background-color:rgba(0,0,0,.02)}
.collapsible-header:has(.active){box-shadow:0 0 0 100px rgba(141,190,113,.15) inset}
.collapsible-header i{margin-right:0}
.reward_table time,.income_table time{display:none}
[data-modal="open_modal_key_relationship"]{max-width:360px;text-align:center}
[data-modal="open_modal_key_relationship"] .modal-content{padding:25px 15px}
[data-modal="open_modal_key_relationship"] p{margin:0}
[data-modal="open_modal_key_relationship"] .modal-footer{display:flex;justify-content:center;align-items:center;padding:0}
[data-modal] .btn-small{margin:6px 0;width:50%;justify-content:center;margin:0;height:100%;align-items:center;border-radius:0}
.card-icon{width:25px;vertical-align:middle;top:-2px;position:relative;margin:0 10px 0 0}
.blur{filter:blur(5px);transition:all .1s ease}
.blur:hover{filter:blur(0)}
.bg--gradient{background:var(--gradient)}
#wpwrap{background:#f0f2f5!important}
.dropdown-content li{margin:0;min-height:40px}
.dropdown-content li [type="checkbox"]{display:none}
.flat_pm_wrap{display:flex;justify-content:stretch;align-items:stretch;flex-wrap:wrap;gap:1rem;max-width:1900px;margin:0}
.flat_pm_wrap a:focus{box-shadow:none!important;outline:none!important}
.flat_pm_wrap .main{flex:1;padding:1rem 1rem 0;align-self:flex-start;border-radius:10px;width:calc(100% - 100px - 140px - 1rem - 1rem - 1rem)!important}
.flat_pm_wrap .main > .row{margin-bottom:0}
.flat_pm_wrap *{scrollbar-color:#bdc1c6 #f1f1f1;scrollbar-width:thin}
.flat_pm_wrap ::-webkit-scrollbar{width:5px;height:5px}
.flat_pm_wrap ::-webkit-scrollbar:hover{background-color:#e8eaed}
.flat_pm_wrap ::-webkit-scrollbar-track{background-color:#f1f1f1}
.flat_pm_wrap ::-webkit-scrollbar-thumb{background-color:#bdc1c6}
.flat_pm_wrap ::-webkit-scrollbar-thumb:hover{background-color:#9aa0a6}
@media screen and (max-width: 500px) {
.flat_pm_wrap{overflow:hidden}
}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{color:#344767}
.input-field > label{color:#7b809a}
.sidebar--left{width:100px;order:-1}
.sidebar--right{width:140px;min-height:100px;position:relative;z-index:999}
.sidebar--right .row{margin-bottom:10px}
.sidebar--right .news{position:sticky;top:calc(1rem + 32px)}
@media only screen and (max-width: 1400px) {
.sidebar--right{width:100%}
.sidebar--right .news{position:static;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:10px;padding:4px}
.sidebar--right .row{margin-bottom:10px;flex:1;min-width:150px}
}
@media only screen and (max-width: 1100px) {
.sidebar--left{width:100%;overflow:auto}
}
.ghost-opacity{opacity:.65}
[type="checkbox"] + span.empty{padding-left:18px;height:18px}
[type="checkbox"]:not(:checked),[type="checkbox"]:checked{display:none}
.btn,.btn-large,.btn-small{color:#fff!important}
.list .item{padding:10px;border-radius:5px;position:relative;height:148px;transition:opacity .2s ease;z-index:1;margin-bottom:1rem}
@media screen and (min-width: 501px) {
.list .item{margin-left:50px!important;width:calc(100% - 50px)!important}
}
.list .list-bg:after,.list .list-bg:before{content:'';background:#8890c2;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;z-index:-2;opacity:1;transition:all .2s ease}
.list .list-bg:after{background:#24a39b;opacity:0;z-index:-1}
.list .controls{width:auto;z-index:2;position:absolute;left:auto;bottom:auto}
.list .controls:after{display:none}
.list .layer{position:absolute;top:10px;left:10px;width:calc(100% - 20px);transition:all .2s ease;height:140px}
.list .layer.layer--first{opacity:1;pointer-events:all;z-index:1;height:80px;margin-top:65px}
.list .layer.layer--first code{text-align:center;margin:0 5px 0 auto;background:#fff;color:#283238;white-space:nowrap;position:absolute;right:210px;top:-57px;height:27.4px;line-height:22px;padding:3px 7px 2px;font-size:11px;min-width:0!important}
.list .layer.layer--second{opacity:0;pointer-events:none;z-index:0;top:20px}
.list .controls{transition:none}
.list .controls--checkbox{top:23px;left:-41px;height:18px}
.list .controls--title{transform-origin:center left;font-size:20px;line-height:1;max-width:calc(100% - 390px);top:21px;left:23px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-weight:600;height:25px;border-bottom:1px solid rgba(255,255,255,.0)}
.list .controls--title:hover{opacity:.8}
.list .controls--title:hover,.list .controls--title:focus{border-bottom:1px solid rgba(255,255,255,.3)!important}
.list .controls--btn-statistics{top:15px;right:70px;background:#fff;width:32.4px}
.list .controls--move-block{top:15px;right:15px;background:transparent;cursor:move}
.list .controls--btn-statistics i{color:#2188ab!important}
.list [name="checked-item"]:checked ~ label span:not(.lever):before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;border-radius:0}
.list [name="checked-item"]:checked ~ label span:not(.lever):after{top:0;width:20px;height:20px;border:2px solid var(--color-green);background-color:var(--color-green);z-index:0}
.list [name="statistics"]:checked ~ .layer.layer--first{opacity:0;pointer-events:none;z-index:0}
.list [name="statistics"]:checked ~ .layer.layer--second{opacity:1;pointer-events:all;z-index:1}
.list [name="statistics"]:checked ~ .controls--checkbox{transform:translateY(-11px)}
.list [name="statistics"]:checked ~ .controls--title{transform:translateY(-10px) scale(.8);max-width:100%}
.list [name="statistics"]:checked ~ .controls--move-block,.list [name="statistics"]:checked ~ .controls--btn-statistics{transform:translateY(-7px)}
.list [name="checked-item"]:checked ~ .list-bg:after{opacity:1}
.list .chips-cont{display:flex;flex-direction:column;gap:5px;overflow:auto}
.list .chips{border:0;cursor:default;margin:0 5px 0 13px;min-height:28px;display:flex;gap:4px 4px;justify-content:flex-start;padding:0 5px 0 0;flex-shrink:0}
.list .chip{font-size:12px;color:#685f74;height:28px;line-height:28px;background-color:#f0f2f5;border-radius:3px;margin:0;letter-spacing:0;padding:0 15px;flex-shrink:0}
.list .chip.active{color:#fff;background:#d87a87}
.list span.folders_name{position:absolute;top:47px;left:23px;font-size:10px;color:#fff;transition:none}
.list span.folders_name i{font-size:12px;line-height:1;top:2px;position:relative;width:12px;height:12px}
.select-wrapper input.select-dropdown{text-overflow:ellipsis}
.dropdown-content li > a,.dropdown-content li > span{color:#838383;padding:9px 16px}
.top-controls{position:sticky;top:32px;z-index:2;background:#fff;padding-top:15px}
.top-controls input.datepicker,.top-controls .select-wrapper input.select-dropdown{height:2.5rem;line-height:2.5rem;margin:0!important}
.top-controls .action{width:370px;display:flex;gap:20px;margin-left:51px}
.top-controls .action [for="checked-item_all"]{left:-30.5px;top:-2px}
.top-controls .filter{margin-left:0;margin-right:0}
@media screen and (max-width: 1940px) {
.top-controls{position:static;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.top-controls .action{order:1;flex:100%}
.top-controls .status,.top-controls .types,.top-controls .device,.top-controls .filter{width:25%;flex:auto}
.top-controls .status{width:calc(25% - 60px)}
}
@media screen and (max-width: 1500px) {
.top-controls .status,.top-controls .types,.top-controls .device,.top-controls .filter{width:50%;flex:auto}
.top-controls .status{width:calc(50% - 60px)}
}
.create-new{line-height:24px;gap:10px;padding:0 7px}
.create-new i{width:28px;height:28px}
@media screen and (max-width: 500px) {
.top-controls .status,.top-controls .types,.top-controls .device,.top-controls .filter{width:100%;flex:auto}
.top-controls .status{width:calc(100% - 60px)}
.top-controls .action .btn{font-size:0;padding-left:13px}
.top-controls .action .btn:after{content:'OK';font-size:13px}
.list .chips,.list .controls--btn-statistics{display:none}
}
.empty-list{text-align:center;border:2px solid #eff0f2;padding:20px!important;border-radius:7px}
.empty-list h5{margin:5px 0 0;color:#9da3aa}
.empty-list h6{margin:5px 0 0;color:#9da3aa}
.main-control{display:flex;justify-content:center;align-items:center;gap:5px}
.main-control .btn{height:42px;line-height:42px;width:42px;padding:0;user-select:none;background:#fff;transition:none;margin:0;border:0;border-radius:10px!important}
.main-control input[type="number"]{width:42px;margin:0!important;background:#fff;padding:0;text-align:center;height:42px;border-radius:2px;font-weight:600;font-size:13px;transition:background .2s ease,color .2s ease;border:2px solid #fff!important}
.folders .info .abgroup[data-group-number="1"],
.main-control input[type="number"][value="1"]{background:#f9dd9d;color:#344767}
.folders .info .abgroup[data-group-number="2"],
.main-control input[type="number"][value="2"]{background:#f44336;color:#fff}
.folders .info .abgroup[data-group-number="3"],
.main-control input[type="number"][value="3"]{background:#9c27b0;color:#fff}
.folders .info .abgroup[data-group-number="4"],
.main-control input[type="number"][value="4"]{background:#673ab7;color:#fff}
.folders .info .abgroup[data-group-number="5"],
.main-control input[type="number"][value="5"]{background:#3f51b5;color:#fff}
.folders .info .abgroup[data-group-number="6"],
.main-control input[type="number"][value="6"]{background:#2196f3;color:#fff}
.folders .info .abgroup[data-group-number="7"],
.main-control input[type="number"][value="7"]{background:#009688;color:#fff}
.folders .info .abgroup[data-group-number="8"],
.main-control input[type="number"][value="8"]{background:#4caf50;color:#fff}
.folders .info .abgroup[data-group-number="9"],
.main-control input[type="number"][value="9"]{background:#ffeb3b;color:#344767}
.folders .info .abgroup[data-group-number="10"],
.main-control input[type="number"][value="10"]{background:#607d8b;color:#fff}
.main-control input[type="number"]::-webkit-outer-spin-button,.main-control input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.main-control input[type="number"][type=number]{-moz-appearance:textfield}
.main-control .btn i{font-size:1.2rem;color:#2188ab!important}
.main-control [name*="lazy"] + label,.main-control [name*="lazy"] + label + label,.main-control [name*="fast"] + label,.main-control [name*="fast"] + label + label,.main-control [name*="turned"] + label,.main-control [name*="turned"] + label + label{display:none}
.main-control [name*="lazy"]:checked + label,.main-control [name*="lazy"]:not(:checked) + label + label,.main-control [name*="fast"]:checked + label,.main-control [name*="fast"]:not(:checked) + label + label,.main-control [name*="turned"]:checked + label,.main-control [name*="turned"]:not(:checked) + label + label{display:block}
.control-unfold{user-select:none;display:flex;justify-content:center;align-items:center;gap:10px}
.control-unfold label{display:none}
.btn-floating.white i,.control-unfold label i{color:#2188ab!important}
[name="unfold"]:not(:checked) ~ .flat_pm_wrap .control-unfold label:first-child{display:block}
[name="unfold"]:checked ~ .flat_pm_wrap .control-unfold label:last-child{display:block}
[name="unfold"]:not(:checked) ~ .flat_pm_wrap .list .controls--btn-statistics{display:none}
[name="unfold"]:not(:checked) ~ .flat_pm_wrap .list .layer.layer--first{display:block!important;opacity:1;pointer-events:all;z-index:1}
[name="unfold"]:not(:checked) ~ .flat_pm_wrap .list .chips,[name="unfold"]:not(:checked) ~ .flat_pm_wrap .list .layer.layer--second{display:none!important}
[name="unfold"] ~ .flat_pm_wrap .main-control{position:absolute;right:60px;top:-60px}
[name="unfold"] ~ .flat_pm_wrap .controls--btn-statistics ~ .layer--first .main-control{right:99px}
[name="unfold"]:not(:checked) ~ .flat_pm_wrap .controls--btn-statistics ~ .layer--first .main-control{right:60px}
[name="unfold"] ~ .flat_pm_wrap .main-control input[type="number"],[name="unfold"] ~ .flat_pm_wrap .main-control .btn{width:32.4px;height:32.4px;border-radius:10px;line-height:32.4px}
[name="unfold"] ~ .flat_pm_wrap .main-control .btn i{line-height:32.4px;font-size:1.1rem}
[name="unfold"]:not(:checked) ~ .flat_pm_wrap .list .item{height:65px}
[name="unfold"]:not(:checked) ~ .flat_pm_wrap .list .controls--title{font-size:17px;height:20px;top:22px;transform:none}
[name="unfold"]:not(:checked) ~ .flat_pm_wrap .list span.folders_name + .controls--title{top:15px}
[name="unfold"]:not(:checked) ~ .flat_pm_wrap .list span.folders_name{top:35px}
[name="unfold"]:not(:checked) ~ .flat_pm_wrap .list .controls--checkbox,[name="unfold"]:not(:checked) ~ .flat_pm_wrap .list .controls--move-block{transform:translateY(0)}
@media screen and (min-width: 501px) {
[name="unfold"]:checked ~ .flat_pm_wrap .main-control .btn{box-shadow:none}
}
@media screen and (max-width: 880px) {
.list .layer.layer--first code{display:none}
[name="unfold"]:not(:checked) ~ .flat_pm_wrap .list .controls--title{max-width:calc(100% - 250px)}
.list .controls--title{max-width:calc(100% - 255px)}
}
@media screen and (max-width: 500px) {
.control-unfold{display:none}
.list .controls--move-block{top:40px;right:0}
.list .controls--checkbox{top:9px;left:10px}
[name="unfold"] ~ .flat_pm_wrap .list .controls--title{transform:scale(1)!important;max-width:calc(100% - 50px)!important;top:10px!important;left:40px!important;font-size:16px}
[name="unfold"] ~ .flat_pm_wrap .list .folders_name{left:11px}
[name="unfold"] ~ .flat_pm_wrap .main-control{right:33px!important;top:-15px!important}
[name="unfold"] ~ .flat_pm_wrap .list .item{height:85px!important}
[name="unfold"] ~ .flat_pm_wrap .list [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after{border-color:#fff!important}
[name="unfold"] ~ .flat_pm_wrap .list .layer.layer--first{display:block!important;opacity:1;pointer-events:all;z-index:1;margin-top:45px}
[name="unfold"] ~ .flat_pm_wrap .main-control input[type="number"],[name="unfold"] ~ .flat_pm_wrap .main-control .btn{width:32.4px!important;height:32.4px!important;line-height:32.4px!important;min-height:0}
[name="unfold"] ~ .flat_pm_wrap .main-control .btn i{line-height:32.4px!important;font-size:1.1rem!important}
[name="unfold"] ~ .flat_pm_wrap .main-control{position:absolute}
}
.folders{padding:0 0 1rem;position:sticky;top:calc(1rem + 32px);max-height:calc(100vh - 1rem - 32px - 12px);overflow:auto}
.folders .folder{margin:0 0 10px;position:relative;opacity:.6;transition:opacity .2s ease}
.folders .icon{cursor:pointer;background:transparent;border:0;padding:0;width:100%}
.folders .folder.active,.folders .folder:hover{opacity:1}
.folders .name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;margin:5px 0 6px;color:#666}
.folders .info{color:#fff;border-radius:2px;font-size:10px;position:absolute;top:34px;left:0;right:0;width:60px;margin:auto;display:flex;justify-content:center;align-items:center;height:16px;overflow:hidden}
.folders .info span{height:100%;display:flex;align-items:center;justify-content:center}
.folders .info .filtered{background:#eb685c;flex:1}
.folders .info .abgroup{padding:0 7px;background:#fff;color:#344767;width:100%;font-size:11px;font-weight:900}
.folders .info .filtered + .abgroup{width:auto}
.folders .icon i{height:60px;font-size:70px;overflow:hidden;display:block;color:#8991c1}
.folders .folder-controls{display:flex;justify-content:center;align-items:center;gap:2px}
.folders .delete,.folders .rename,.folders .settings{display:block;width:26px;height:26px;border-radius:6px;background:#fff;top:0;left:0;transition:all .2s ease;cursor:pointer;line-height:26px}
.folders .delete i,.folders .rename i,.folders .settings i{line-height:26px;font-size:1rem;color:#2188ab!important}
.folders .delete i{color:#d87a87!important}
.folders center{margin-top:25px}
@media only screen and (max-width: 1100px) {
.folders{width:100%;display:flex;padding:0;flex:1;align-items:baseline}
.folders .folder{width:100px;flex-shrink:0}
.folders center{width:80px;align-self:center;margin-top:0;flex-shrink:0}
}
.datepicker-controls .select-month input,.datepicker-controls .select-year input{padding:0}
.datepicker-day-button{width:38px}
@media only screen and (min-width: 601px) {
.datepicker-day-button{width:44px}
}
#block-name{font-weight:600;font-size:18px;transition:all .2s ease;border-radius:7px}
#block-name:hover{background:rgba(0,0,0,.025)}
#block-name ~ label{font-weight:600;font-size:16px}
.tabs{display:flex}
.tabs .indicator{margin:0;background-color:var(--color-green-black)}
.tabs .tab{text-transform:none}
.tabs .tab a{color:#666;font-weight:600;text-shadow:none;text-decoration:none}
.tabs .tab a:hover,.tabs .tab a.active{color:var(--color-green-black);text-shadow:none}
.input-field .helper-text{left:1rem;white-space:nowrap}
@media screen and (max-width: 782px) {
.auto-fold #wpcontent{padding-left:0}
}
.collapsible{border:none;box-shadow:none;clear:both}
.collapsible li{margin:0}
.collapsible-header{transition:all .2s ease}
.collapsible li.active .collapsible-header{border-color:transparent}
#tab-view .collapsible span.badge,#tab-user .collapsible span.badge,#confirm-bulk-editing .collapsible span.badge{margin-left:auto;background:#d87a87;width:13px;padding:0;min-width:13px;border-radius:5px;height:13px;transition:background-color .2s ease}
#tab-view .collapsible span.badge.active,#tab-user .collapsible span.badge.active,#confirm-bulk-editing .collapsible span.badge.active{background-color:#81C06D}
#tab-view .collapsible span.badge.disabled,#tab-user .collapsible span.badge.disabled,#confirm-bulk-editing .collapsible span.badge.disabled{background-color:#bdbdbd!important}
#tab-view .collapsible .input-field{margin:.5rem 0}
#tab-view i.material-icons,
#tab-user i.material-icons,
#confirm-insert-interscroller i.material-icons{vertical-align:middle;font-size:19px;color:var(--color-green-black);cursor:pointer}
.flat_pm_wrap textarea.default{width:100%;min-height:130px;overflow:auto;padding:10px;box-sizing:border-box;background:#263238;color:#EFF;white-space:pre;box-sizing:border-box;display:block;font-family:'Roboto Mono'}
.timepicker-digital-display{min-width:230px}
.ajax-spin-holder{position:relative;color:transparent!important;background-color:var(--color-green)}
.ajax-spin-holder:before,.ajax-spin-holder:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:20px;height:20px;border-radius:50%;border:4px solid transparent;border-top-color:var(--color-green)}
.ajax-spin-holder:before{z-index:100;animation:spin 1s infinite linear;width:22px;height:22px}
.ajax-spin-holder:after{border:2px solid #fff}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.btn.white.z-depth-0:hover{background-color:rgba(0,0,0,.06)!important}
.extended_list{height:220.5px;overflow:auto}
.extended_list + .empty-list{display:none;margin:.5rem 0 1rem;height:220.5px}
.extended_list:empty:not(.ajax-spin-holder){display:none}
.extended_list:empty:not(.ajax-spin-holder) + .empty-list{display:flex;align-items:center;justify-content:center}
.extended_list.ajax-spin-holder{background-color:transparent}
.extended_list .collection-item{display:flex;gap:7px;justify-content:flex-start;align-items:center;white-space:nowrap;padding:5px 15px 7px;border-bottom:1px solid #e0e0e0!important}
.extended_list .collection-item.done{background-color:#e7f8d8}
.extended_list .collection-item .title{text-overflow:ellipsis;overflow:hidden}
.extended_list .collection-item .post_type{margin:0 0 0 auto}
.extended_list .collection-item .btn-floating{flex-shrink:0}
.material-tooltip{z-index:9999999;max-width:540px}
.material-tooltip[style*="opacity: 0;"]{top:-99999px!important;left:-99999px!important}
.modal{z-index:9999999!important;background:#fff;border-radius:10px}
.modal .modal-content{padding:21px 24px 24px}
.modal:not(.datepicker-modal):not(.timepicker-modal){width:1000px;max-width:95%;max-height:85%}
.modal-overlay{z-index:999999!important;background:#0e132d}
@media only screen and (max-width: 992px) {
.modal{width:95%}
}
.wp-core-ui .button,.wp-core-ui .button.button-large,.wp-core-ui .button.button-small,a.preview,input#publish,input#save-post{padding:0 8px;line-height:2.18181818;font-size:11px;vertical-align:middle;min-height:26px;margin-bottom:0;height:32.4px}
#tab-html .wp-media-buttons *{opacity:0!important;pointer-events:none!important}
#tab-html{padding:.75rem .75rem 0}
#tab-html .sub_block{background:#fff;margin-bottom:.75rem}
#tab-html .sub_block:after{content:'';display:block;clear:both}
#tab-html .sub_block_collapsible_header{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px;position:relative;padding:0 10px;border-radius:6px;box-shadow:0 0 0 100px transparent inset;transition:all .2s ease;background-color:rgba(0,0,0,.055)}
#tab-html .sub_block_collapsible_header:has( input:focus ),#tab-html .sub_block_collapsible_header:hover{background-color:rgba(0,0,0,.085)}
#tab-html .sub_block_collapsible_header > .btn-flat i{max-width:19.5px;height:36px}
#tab-html .main-control input[type="number"],#tab-html .main-control [name*="turned"]:checked + label,#tab-html .main-control [name*="turned"]:not(:checked) + label + label,#tab-html .main-control .btn{width:36.4px;height:36.4px;border-radius:10px;line-height:36.4px;box-shadow:none;min-height:0}
#tab-html [for*="expand"]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:6px;overflow:hidden}
#tab-html .btn-flat{position:relative;z-index:0}
#tab-html .btn-flat:nth-of-type(2){display:none}
#tab-html [id*="expand"]:checked ~ .sub_block_collapsible_header .btn-flat:nth-of-type(1){display:none}
#tab-html [id*="expand"]:checked ~ .sub_block_collapsible_header .btn-flat:nth-of-type(2){display:block}
#tab-html [id*="expand"]:not(:checked) ~ .sub_block_collapsible_content{display:block!important;opacity:0;position:absolute;pointer-events:none;top:-999999px;left:-999999px}
#tab-html .sub_block_name{margin:0!important;max-width:calc(100% - 600px);width:550px;box-shadow:none;height:56px;color:#343434;text-overflow:ellipsis;font-weight:600;z-index:2;position:relative;border:0;transition:all .2s ease}
#tab-html .sub_block_name:hover{background:rgba(255,255,255,.35)}
#tab-html .sub_block_name::placeholder{color:#878787;font-size:14px}
#tab-html .main-control{margin:0 0 0 auto;flex-wrap:wrap;z-index:2;position:relative}
#tab-html .list .controls--move-block{position:static;color:#343434!important;z-index:2;position:relative;top:0;right:4px}
#tab-html .list .controls--move-block i{width:18px;height:32.4px}
#tab-html .devices i,#tab-html .desktop i,#tab-html .laptop i,#tab-html .tablet i,#tab-html .mobile i{color:#d87a87!important}
#tab-html .devices,#tab-html .desktop,#tab-html .laptop,#tab-html .tablet,#tab-html .mobile{background:#fff!important}
#tab-html .devices.active,#tab-html .desktop.active,#tab-html .laptop.active,#tab-html .tablet.active,#tab-html .mobile.active{background:#81C06D!important}
#tab-html .devices.active i,#tab-html .desktop.active i,#tab-html .laptop.active i,#tab-html .tablet.active i,#tab-html .mobile.active i{color:#fff!important}
#tab-html .sub_block_collapsible_content .input-field{margin-top:0;margin-bottom:.4rem}
.clr-picker{width:230px;z-index:9999999}
input.coloris{border:0!important;box-shadow:none!important;cursor:pointer}
.clr-field button{top:4px;left:15px;right:15px;width:auto;height:auto;bottom:8px;transform:none;border-radius:5px}
.confirm-text{line-height:48px;text-indent:17px;font-weight:600;font-size:1rem}
.modal h1,.modal h2,.modal h3,.modal h4{margin-top:8px}
#toast-container{z-index:9999999;top:5%;right:2%;max-width:min(500px,85%);display:flex;flex-direction:column;align-items:flex-end}
li[data-process="yes"]{color:#81C06D}
.datepicker-table td.is-today{font-weight:700}
@media only screen and (max-width: 1060px) {
#tab-html .sub_block_name{display:none}
#tab-html .sub_block_collapsible_header{padding:7px 10px}
}
@media only screen and (max-width: 640px) {
#tab-html .main-control{width:100%}
#tab-html .list .controls--move-block{position:absolute;top:7px}
}
.select-wrapper .caret{right:1rem}
.select-wrapper + label{background:#fff;padding:3px 7px;z-index:1;left:calc(1.75rem - 7px)!important}
.select-wrapper input.select-dropdown{border:1px solid #d5d5d5;border-radius:5px;padding-right:2rem}
.datepicker-calendar .select-wrapper input.select-dropdown{border:0;border-radius:0;padding-right:0}
[type="radio"]:checked + span,[type="checkbox"]:checked + span:not(.lever){text-shadow:0 0 .5px #26a69a;color:#26a69a}
input,input:placeholder-shown{text-overflow:ellipsis}
.quicktags-toolbar{padding:0;border:0;background:transparent;display:none;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:3px;margin:0 0 3px}
.wp-editor-container{border:none}
.wp-core-ui .quicktags-toolbar input.button.button-small{margin:0;flex:auto;height:26.4px;min-height:0;display:flex;align-items:center;justify-content:center;line-height:1;color:#000}
.html_editor_wrapper{position:relative;margin:-35px 0 0}
.html_editor_wrapper input[id*="[more]"]{display:none}
.html_editor_wrapper label[for*="[more]"]{position:absolute;top:-2px;right:0;z-index:2;min-width:90px;text-align:center;margin-right:40px;height:32.4px;line-height:32.4px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.08), 0 3px 1px -2px rgba(0,0,0,0.04), 0 1px 5px 0 rgba(0,0,0,0.15);border:0;background:#fff}
.html_editor_wrapper label[for*="[more]"]:before{content:attr(data-more)}
.html_editor_wrapper input[id*="[more]"]:checked + label[for*="[more]"]:before{content:attr(data-less)}
.html_editor_wrapper input[id*="[more]"]:checked ~ .wp-editor-wrap .quicktags-toolbar{display:flex}
.wp-media-buttons{margin:0 0 3px}
.wp-media-buttons[id*="[adb][code]-media-buttons"]{margin-left:40px}
.select-dropdown.dropdown-content li.selected{text-shadow:0 0 #000}
.fpm-example-code + .cm-s-material.CodeMirror{height:auto;min-height:0}
[id*="confirm-insert-"] .cm-s-material.CodeMirror{height:150px;min-height:150px}
.row .col.s12[style*="display: none"]{display:block!important;opacity:0;position:absolute;pointer-events:none;top:-999999px;left:-999999px}
.no-border{border:none!important;box-shadow:none!important}
.your_country,.your_city,.your_isp,.your_ip{font-weight:700}
.fpm_disabled,.fpm_disabled + label{opacity:.5;pointer-events:none;color:rgba(0,0,0,0.42)}
.fpm_disabled{border-bottom:1px dotted rgba(0,0,0,0.42)}
.fpm_disabled + label i{pointer-events:all}
[data-preloader-type]{width:100%;height:150px;position:relative;overflow:hidden;border-radius:6px;display:block;margin:10px 0 0;text-indent:0}
[data-preloader-type="animation"],[data-preloader-type="greybackground"]{background-color:var(--data-preloader-background)}
[data-preloader-type="greyborder"]{border:2px solid var(--data-preloader-background)}
[data-preloader-type]:after{content:attr(data-preloader-text);position:absolute;color:var(--data-preloader-color);top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px}
[data-preloader-type="animation"]:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,transparent,rgba(255,255,255,.6),transparent);transform:translateX(-100%);animation:fpm-loader 2s ease-in-out infinite}
@keyframes fpm-loader {
to{transform:translateX(100%)}
}
.wp-core-ui .quicktags-toolbar input[id*="[code]_fpm_"]{line-height:1;box-shadow:0 2px 2px 0 rgba(0,0,0,0.08), 0 3px 1px -2px rgba(0,0,0,0.04), 0 1px 5px 0 rgba(0,0,0,0.15);border:0;background:#fff}
.wp-core-ui .quicktags-toolbar input[id*="[code]_fpm_"]:hover{background:#f0f0f1;color:#0a4b78}
.row[style*="border-radius:0 0 10px 10px"] > div{border-radius:0 0 10px 10px}
#tab-flatpm,#tab-other,#tab-main,#tab-pagespeed,#tab-styles,#tab-advanced,#tab-personalization,#tab-import,#tab-export{border-radius:10px}
#tab-import .btn-large i,
#tab-export .btn-large i{width:24px;height:54px}
select:not([tabindex]){display:block;height:36px!important;overflow:hidden;width:auto;opacity:0}
select:not([tabindex]) + label{opacity:0}
.quicktags-referer-toolbar{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 5px}
.quicktags-referer-toolbar button{font-size:12px;min-height:24px;line-height:24px;padding:0 8px;border-radius:3px;cursor:pointer;flex:auto;box-shadow:0 2px 2px 0 rgba(0,0,0,0.08),0 3px 1px -2px rgba(0,0,0,0.04),0 1px 5px 0 rgba(0,0,0,0.15);border:0;background:#fff}
.quicktags-referer-toolbar button:hover{background:#f0f0f1;color:#0a4b78}
.wp-core-ui .quicktags-toolbar input[id*="[code]_close"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_strong"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_link"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_code"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_img"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_ul"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_ol"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_li"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_em"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_block"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_del"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_ins"],
.wp-core-ui .quicktags-toolbar input[id*="[code]_more"]{display:none!important}
.btn-small{font-size:11px}
.list .item:has([name="turned"]:not(:checked)) .list-bg:before{background:#b2b5d5}
.list .item:has([name="turned"]:not(:checked)) .list-bg:after{background:#81bcb9}
.list:has(.sortable-chosen) .html_editor_wrapper{pointer-events:none}
.input-field > label:after{display:none}
.flat_pm_wrap .switch{display:block;margin:0;height:auto;width:auto;background:transparent;box-shadow:none;border-radius:0}
.variables-list button{margin:0 2px 6px 0}
.expand-list{border-radius:0 10px 10px 0;max-width:800px;border:2px solid #eff0f2;border-left:0;overflow:hidden;max-height:0;padding:0 14px;margin:-.5em 0 -.5em -22px;opacity:0;pointer-events:none;transition:all .2s ease}
.expand-list.active{padding:10px 14px 15px;opacity:1;margin:0 0 0 -22px;max-height:310px;pointer-events:all}
.expand-list .items{max-height:253px;overflow:auto}
.expand-list .item{padding:1px 7px}
.expand-list .item span{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
[data-select-count]:not([data-select-count="0"]):before{content:attr(data-select-count);position:absolute;bottom:-11px;left:-21px;transform:translateX(-50%)}
.select-wrapper.notempty input.select-dropdown{border-color:var(--color-green);text-shadow:0 0 var(--color-green);color:var(--color-green)}
.select-wrapper.notempty + label{color:var(--color-green);text-shadow:0 0 var(--color-green)}
[id^="search-"][id$="-modal"] .add_all{max-height:0;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .2s ease}
[id^="search-"][id$="-modal"] .add_all.active{opacity:1;max-height:53px;pointer-events:all;transform:translateY(0)}
.folder_update .main-control .material-icons{vertical-align:middle;font-size:19px;color:var(--color-green-black)}
.folder_update .main-control .helper{color:#838383;font-size:12px;font-weight:600;white-space:nowrap;height:18px;line-height:18px;margin:0 6px 0 0}
.flat_pm_personalization_disabled_helpers{background:transparent!important;border:0!important;cursor:pointer;padding:0;color:var(--color-blue);font-size:11px;text-decoration:underline}
#confirm-bulk-editing .collapsible-body{padding:0.75rem 0.25rem 0}
.exclude_block_flat_pm{background:#eaeefd;display:flex;border-radius:5px;overflow:hidden}
.exclude_block_flat_pm input{display:none}
.exclude_block_flat_pm label{display:block;text-align:center;height:30px;line-height:30px;background:#b2b5d5;width:50%;color:#fff;transition:all .2s ease}
.exclude_block_flat_pm input:checked+label{background:#8890c2}
.modal:not(.datepicker-modal):not(.timepicker-modal):not([style*="block"]){left:auto;top:auto;display:block;position:absolute;top:-9999999999px;left:-9999999999px}

.input-field .unit{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;position:absolute;top:0;right:.75rem;height:45px}
.input-field .unit input{display:none}
.input-field .unit label{width:30px;height:22.5px;background:#f5f5f5;font-size:12px;display:flex;justify-content:center;align-items:center;border-radius:0 4px 0 0}
.input-field .unit label:last-child{border-radius:0 0 4px 0}
.input-field .unit input:checked + label{background:var(--color-green);color:#fff}
.input-field .unit + input{width:calc(100% - 30px);padding-right:5px}
.input-field .background-example{width:45px;height:45px;border-radius:4px;position:absolute;top:0;right:.75rem;border:1px solid #eee}
.input-field .background-example + input{width:calc(100% - 50px)}
.fpm_pro_tag{display:inline-block;line-height:22px;min-height:22px;padding:0 11px;background:linear-gradient(90.52deg,#6a64f6 0.44%,#a789c9 113.3%);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.16);border:none;border-radius:100px;font-size:11px;color:#fff;margin:0 2px;font-weight:600}

.media-modal{z-index:99999999!important}
.media-modal-backdrop{z-index:9999999!important}

.active-devices{display:flex;gap:4px}
.active-devices i{font-size:14px;display:flex;height:28px;width:28px;flex-direction:row;justify-content:center;align-items:center;color:#8890c2;background:#fff;border-radius:4px}
.active-devices i.active{background:#81c06d;color:#fff}