html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*[hidden]{display:none !important}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform 0.3s ease-out;transform:translate(0, -50px)}@media (prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width: 576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width: 992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width: 1200px){.modal-xl{max-width:1140px}}/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,*::before,*::after{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*="col-"]{padding-right:0;padding-left:0}.col-xl,.col-xl-auto,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-lg,.col-lg-auto,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md,.col-md-auto,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm,.col-sm-auto,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col,.col-auto,.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333%;max-width:33.33333%}.col-5{flex:0 0 41.66667%;max-width:41.66667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333%;max-width:58.33333%}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333%;max-width:83.33333%}.col-11{flex:0 0 91.66667%;max-width:91.66667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width: 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width: 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width: 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width: 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}@media (min-width: 576px){.d-sm-none{display:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}}@media (min-width: 768px){.d-md-none{display:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}}@media (min-width: 992px){.d-lg-none{display:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}}@media (min-width: 1200px){.d-xl-none{display:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}}@media print{.d-print-none{display:none !important}.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-fill{flex:1 1 auto !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}@media (min-width: 576px){.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}}@media (min-width: 768px){.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}}@media (min-width: 992px){.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}}@media (min-width: 1200px){.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}}.m-0{margin:0 !important}.mt-0,.my-0{margin-top:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.ml-0,.mx-0{margin-left:0 !important}.m-1{margin:.25rem !important}.mt-1,.my-1{margin-top:.25rem !important}.mr-1,.mx-1{margin-right:.25rem !important}.mb-1,.my-1{margin-bottom:.25rem !important}.ml-1,.mx-1{margin-left:.25rem !important}.m-2{margin:.5rem !important}.mt-2,.my-2{margin-top:.5rem !important}.mr-2,.mx-2{margin-right:.5rem !important}.mb-2,.my-2{margin-bottom:.5rem !important}.ml-2,.mx-2{margin-left:.5rem !important}.m-3{margin:1rem !important}.mt-3,.my-3{margin-top:1rem !important}.mr-3,.mx-3{margin-right:1rem !important}.mb-3,.my-3{margin-bottom:1rem !important}.ml-3,.mx-3{margin-left:1rem !important}.m-4{margin:1.5rem !important}.mt-4,.my-4{margin-top:1.5rem !important}.mr-4,.mx-4{margin-right:1.5rem !important}.mb-4,.my-4{margin-bottom:1.5rem !important}.ml-4,.mx-4{margin-left:1.5rem !important}.m-5{margin:3rem !important}.mt-5,.my-5{margin-top:3rem !important}.mr-5,.mx-5{margin-right:3rem !important}.mb-5,.my-5{margin-bottom:3rem !important}.ml-5,.mx-5{margin-left:3rem !important}.p-0{padding:0 !important}.pt-0,.py-0{padding-top:0 !important}.pr-0,.px-0{padding-right:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.pl-0,.px-0{padding-left:0 !important}.p-1{padding:.25rem !important}.pt-1,.py-1{padding-top:.25rem !important}.pr-1,.px-1{padding-right:.25rem !important}.pb-1,.py-1{padding-bottom:.25rem !important}.pl-1,.px-1{padding-left:.25rem !important}.p-2{padding:.5rem !important}.pt-2,.py-2{padding-top:.5rem !important}.pr-2,.px-2{padding-right:.5rem !important}.pb-2,.py-2{padding-bottom:.5rem !important}.pl-2,.px-2{padding-left:.5rem !important}.p-3{padding:1rem !important}.pt-3,.py-3{padding-top:1rem !important}.pr-3,.px-3{padding-right:1rem !important}.pb-3,.py-3{padding-bottom:1rem !important}.pl-3,.px-3{padding-left:1rem !important}.p-4{padding:1.5rem !important}.pt-4,.py-4{padding-top:1.5rem !important}.pr-4,.px-4{padding-right:1.5rem !important}.pb-4,.py-4{padding-bottom:1.5rem !important}.pl-4,.px-4{padding-left:1.5rem !important}.p-5{padding:3rem !important}.pt-5,.py-5{padding-top:3rem !important}.pr-5,.px-5{padding-right:3rem !important}.pb-5,.py-5{padding-bottom:3rem !important}.pl-5,.px-5{padding-left:3rem !important}.m-n1{margin:-.25rem !important}.mt-n1,.my-n1{margin-top:-.25rem !important}.mr-n1,.mx-n1{margin-right:-.25rem !important}.mb-n1,.my-n1{margin-bottom:-.25rem !important}.ml-n1,.mx-n1{margin-left:-.25rem !important}.m-n2{margin:-.5rem !important}.mt-n2,.my-n2{margin-top:-.5rem !important}.mr-n2,.mx-n2{margin-right:-.5rem !important}.mb-n2,.my-n2{margin-bottom:-.5rem !important}.ml-n2,.mx-n2{margin-left:-.5rem !important}.m-n3{margin:-1rem !important}.mt-n3,.my-n3{margin-top:-1rem !important}.mr-n3,.mx-n3{margin-right:-1rem !important}.mb-n3,.my-n3{margin-bottom:-1rem !important}.ml-n3,.mx-n3{margin-left:-1rem !important}.m-n4{margin:-1.5rem !important}.mt-n4,.my-n4{margin-top:-1.5rem !important}.mr-n4,.mx-n4{margin-right:-1.5rem !important}.mb-n4,.my-n4{margin-bottom:-1.5rem !important}.ml-n4,.mx-n4{margin-left:-1.5rem !important}.m-n5{margin:-3rem !important}.mt-n5,.my-n5{margin-top:-3rem !important}.mr-n5,.mx-n5{margin-right:-3rem !important}.mb-n5,.my-n5{margin-bottom:-3rem !important}.ml-n5,.mx-n5{margin-left:-3rem !important}.m-auto{margin:auto !important}.mt-auto,.my-auto{margin-top:auto !important}.mr-auto,.mx-auto{margin-right:auto !important}.mb-auto,.my-auto{margin-bottom:auto !important}.ml-auto,.mx-auto{margin-left:auto !important}@media (min-width: 576px){.m-sm-0{margin:0 !important}.mt-sm-0,.my-sm-0{margin-top:0 !important}.mr-sm-0,.mx-sm-0{margin-right:0 !important}.mb-sm-0,.my-sm-0{margin-bottom:0 !important}.ml-sm-0,.mx-sm-0{margin-left:0 !important}.m-sm-1{margin:.25rem !important}.mt-sm-1,.my-sm-1{margin-top:.25rem !important}.mr-sm-1,.mx-sm-1{margin-right:.25rem !important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem !important}.ml-sm-1,.mx-sm-1{margin-left:.25rem !important}.m-sm-2{margin:.5rem !important}.mt-sm-2,.my-sm-2{margin-top:.5rem !important}.mr-sm-2,.mx-sm-2{margin-right:.5rem !important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem !important}.ml-sm-2,.mx-sm-2{margin-left:.5rem !important}.m-sm-3{margin:1rem !important}.mt-sm-3,.my-sm-3{margin-top:1rem !important}.mr-sm-3,.mx-sm-3{margin-right:1rem !important}.mb-sm-3,.my-sm-3{margin-bottom:1rem !important}.ml-sm-3,.mx-sm-3{margin-left:1rem !important}.m-sm-4{margin:1.5rem !important}.mt-sm-4,.my-sm-4{margin-top:1.5rem !important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem !important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem !important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem !important}.m-sm-5{margin:3rem !important}.mt-sm-5,.my-sm-5{margin-top:3rem !important}.mr-sm-5,.mx-sm-5{margin-right:3rem !important}.mb-sm-5,.my-sm-5{margin-bottom:3rem !important}.ml-sm-5,.mx-sm-5{margin-left:3rem !important}.p-sm-0{padding:0 !important}.pt-sm-0,.py-sm-0{padding-top:0 !important}.pr-sm-0,.px-sm-0{padding-right:0 !important}.pb-sm-0,.py-sm-0{padding-bottom:0 !important}.pl-sm-0,.px-sm-0{padding-left:0 !important}.p-sm-1{padding:.25rem !important}.pt-sm-1,.py-sm-1{padding-top:.25rem !important}.pr-sm-1,.px-sm-1{padding-right:.25rem !important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem !important}.pl-sm-1,.px-sm-1{padding-left:.25rem !important}.p-sm-2{padding:.5rem !important}.pt-sm-2,.py-sm-2{padding-top:.5rem !important}.pr-sm-2,.px-sm-2{padding-right:.5rem !important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem !important}.pl-sm-2,.px-sm-2{padding-left:.5rem !important}.p-sm-3{padding:1rem !important}.pt-sm-3,.py-sm-3{padding-top:1rem !important}.pr-sm-3,.px-sm-3{padding-right:1rem !important}.pb-sm-3,.py-sm-3{padding-bottom:1rem !important}.pl-sm-3,.px-sm-3{padding-left:1rem !important}.p-sm-4{padding:1.5rem !important}.pt-sm-4,.py-sm-4{padding-top:1.5rem !important}.pr-sm-4,.px-sm-4{padding-right:1.5rem !important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem !important}.pl-sm-4,.px-sm-4{padding-left:1.5rem !important}.p-sm-5{padding:3rem !important}.pt-sm-5,.py-sm-5{padding-top:3rem !important}.pr-sm-5,.px-sm-5{padding-right:3rem !important}.pb-sm-5,.py-sm-5{padding-bottom:3rem !important}.pl-sm-5,.px-sm-5{padding-left:3rem !important}.m-sm-n1{margin:-.25rem !important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem !important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem !important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem !important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem !important}.m-sm-n2{margin:-.5rem !important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem !important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem !important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem !important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem !important}.m-sm-n3{margin:-1rem !important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem !important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem !important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem !important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem !important}.m-sm-n4{margin:-1.5rem !important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem !important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem !important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem !important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem !important}.m-sm-n5{margin:-3rem !important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem !important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem !important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem !important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem !important}.m-sm-auto{margin:auto !important}.mt-sm-auto,.my-sm-auto{margin-top:auto !important}.mr-sm-auto,.mx-sm-auto{margin-right:auto !important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto !important}.ml-sm-auto,.mx-sm-auto{margin-left:auto !important}}@media (min-width: 768px){.m-md-0{margin:0 !important}.mt-md-0,.my-md-0{margin-top:0 !important}.mr-md-0,.mx-md-0{margin-right:0 !important}.mb-md-0,.my-md-0{margin-bottom:0 !important}.ml-md-0,.mx-md-0{margin-left:0 !important}.m-md-1{margin:.25rem !important}.mt-md-1,.my-md-1{margin-top:.25rem !important}.mr-md-1,.mx-md-1{margin-right:.25rem !important}.mb-md-1,.my-md-1{margin-bottom:.25rem !important}.ml-md-1,.mx-md-1{margin-left:.25rem !important}.m-md-2{margin:.5rem !important}.mt-md-2,.my-md-2{margin-top:.5rem !important}.mr-md-2,.mx-md-2{margin-right:.5rem !important}.mb-md-2,.my-md-2{margin-bottom:.5rem !important}.ml-md-2,.mx-md-2{margin-left:.5rem !important}.m-md-3{margin:1rem !important}.mt-md-3,.my-md-3{margin-top:1rem !important}.mr-md-3,.mx-md-3{margin-right:1rem !important}.mb-md-3,.my-md-3{margin-bottom:1rem !important}.ml-md-3,.mx-md-3{margin-left:1rem !important}.m-md-4{margin:1.5rem !important}.mt-md-4,.my-md-4{margin-top:1.5rem !important}.mr-md-4,.mx-md-4{margin-right:1.5rem !important}.mb-md-4,.my-md-4{margin-bottom:1.5rem !important}.ml-md-4,.mx-md-4{margin-left:1.5rem !important}.m-md-5{margin:3rem !important}.mt-md-5,.my-md-5{margin-top:3rem !important}.mr-md-5,.mx-md-5{margin-right:3rem !important}.mb-md-5,.my-md-5{margin-bottom:3rem !important}.ml-md-5,.mx-md-5{margin-left:3rem !important}.p-md-0{padding:0 !important}.pt-md-0,.py-md-0{padding-top:0 !important}.pr-md-0,.px-md-0{padding-right:0 !important}.pb-md-0,.py-md-0{padding-bottom:0 !important}.pl-md-0,.px-md-0{padding-left:0 !important}.p-md-1{padding:.25rem !important}.pt-md-1,.py-md-1{padding-top:.25rem !important}.pr-md-1,.px-md-1{padding-right:.25rem !important}.pb-md-1,.py-md-1{padding-bottom:.25rem !important}.pl-md-1,.px-md-1{padding-left:.25rem !important}.p-md-2{padding:.5rem !important}.pt-md-2,.py-md-2{padding-top:.5rem !important}.pr-md-2,.px-md-2{padding-right:.5rem !important}.pb-md-2,.py-md-2{padding-bottom:.5rem !important}.pl-md-2,.px-md-2{padding-left:.5rem !important}.p-md-3{padding:1rem !important}.pt-md-3,.py-md-3{padding-top:1rem !important}.pr-md-3,.px-md-3{padding-right:1rem !important}.pb-md-3,.py-md-3{padding-bottom:1rem !important}.pl-md-3,.px-md-3{padding-left:1rem !important}.p-md-4{padding:1.5rem !important}.pt-md-4,.py-md-4{padding-top:1.5rem !important}.pr-md-4,.px-md-4{padding-right:1.5rem !important}.pb-md-4,.py-md-4{padding-bottom:1.5rem !important}.pl-md-4,.px-md-4{padding-left:1.5rem !important}.p-md-5{padding:3rem !important}.pt-md-5,.py-md-5{padding-top:3rem !important}.pr-md-5,.px-md-5{padding-right:3rem !important}.pb-md-5,.py-md-5{padding-bottom:3rem !important}.pl-md-5,.px-md-5{padding-left:3rem !important}.m-md-n1{margin:-.25rem !important}.mt-md-n1,.my-md-n1{margin-top:-.25rem !important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem !important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem !important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem !important}.m-md-n2{margin:-.5rem !important}.mt-md-n2,.my-md-n2{margin-top:-.5rem !important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem !important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem !important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem !important}.m-md-n3{margin:-1rem !important}.mt-md-n3,.my-md-n3{margin-top:-1rem !important}.mr-md-n3,.mx-md-n3{margin-right:-1rem !important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem !important}.ml-md-n3,.mx-md-n3{margin-left:-1rem !important}.m-md-n4{margin:-1.5rem !important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem !important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem !important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem !important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem !important}.m-md-n5{margin:-3rem !important}.mt-md-n5,.my-md-n5{margin-top:-3rem !important}.mr-md-n5,.mx-md-n5{margin-right:-3rem !important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem !important}.ml-md-n5,.mx-md-n5{margin-left:-3rem !important}.m-md-auto{margin:auto !important}.mt-md-auto,.my-md-auto{margin-top:auto !important}.mr-md-auto,.mx-md-auto{margin-right:auto !important}.mb-md-auto,.my-md-auto{margin-bottom:auto !important}.ml-md-auto,.mx-md-auto{margin-left:auto !important}}@media (min-width: 992px){.m-lg-0{margin:0 !important}.mt-lg-0,.my-lg-0{margin-top:0 !important}.mr-lg-0,.mx-lg-0{margin-right:0 !important}.mb-lg-0,.my-lg-0{margin-bottom:0 !important}.ml-lg-0,.mx-lg-0{margin-left:0 !important}.m-lg-1{margin:.25rem !important}.mt-lg-1,.my-lg-1{margin-top:.25rem !important}.mr-lg-1,.mx-lg-1{margin-right:.25rem !important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem !important}.ml-lg-1,.mx-lg-1{margin-left:.25rem !important}.m-lg-2{margin:.5rem !important}.mt-lg-2,.my-lg-2{margin-top:.5rem !important}.mr-lg-2,.mx-lg-2{margin-right:.5rem !important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem !important}.ml-lg-2,.mx-lg-2{margin-left:.5rem !important}.m-lg-3{margin:1rem !important}.mt-lg-3,.my-lg-3{margin-top:1rem !important}.mr-lg-3,.mx-lg-3{margin-right:1rem !important}.mb-lg-3,.my-lg-3{margin-bottom:1rem !important}.ml-lg-3,.mx-lg-3{margin-left:1rem !important}.m-lg-4{margin:1.5rem !important}.mt-lg-4,.my-lg-4{margin-top:1.5rem !important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem !important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem !important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem !important}.m-lg-5{margin:3rem !important}.mt-lg-5,.my-lg-5{margin-top:3rem !important}.mr-lg-5,.mx-lg-5{margin-right:3rem !important}.mb-lg-5,.my-lg-5{margin-bottom:3rem !important}.ml-lg-5,.mx-lg-5{margin-left:3rem !important}.p-lg-0{padding:0 !important}.pt-lg-0,.py-lg-0{padding-top:0 !important}.pr-lg-0,.px-lg-0{padding-right:0 !important}.pb-lg-0,.py-lg-0{padding-bottom:0 !important}.pl-lg-0,.px-lg-0{padding-left:0 !important}.p-lg-1{padding:.25rem !important}.pt-lg-1,.py-lg-1{padding-top:.25rem !important}.pr-lg-1,.px-lg-1{padding-right:.25rem !important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem !important}.pl-lg-1,.px-lg-1{padding-left:.25rem !important}.p-lg-2{padding:.5rem !important}.pt-lg-2,.py-lg-2{padding-top:.5rem !important}.pr-lg-2,.px-lg-2{padding-right:.5rem !important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem !important}.pl-lg-2,.px-lg-2{padding-left:.5rem !important}.p-lg-3{padding:1rem !important}.pt-lg-3,.py-lg-3{padding-top:1rem !important}.pr-lg-3,.px-lg-3{padding-right:1rem !important}.pb-lg-3,.py-lg-3{padding-bottom:1rem !important}.pl-lg-3,.px-lg-3{padding-left:1rem !important}.p-lg-4{padding:1.5rem !important}.pt-lg-4,.py-lg-4{padding-top:1.5rem !important}.pr-lg-4,.px-lg-4{padding-right:1.5rem !important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem !important}.pl-lg-4,.px-lg-4{padding-left:1.5rem !important}.p-lg-5{padding:3rem !important}.pt-lg-5,.py-lg-5{padding-top:3rem !important}.pr-lg-5,.px-lg-5{padding-right:3rem !important}.pb-lg-5,.py-lg-5{padding-bottom:3rem !important}.pl-lg-5,.px-lg-5{padding-left:3rem !important}.m-lg-n1{margin:-.25rem !important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem !important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem !important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem !important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem !important}.m-lg-n2{margin:-.5rem !important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem !important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem !important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem !important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem !important}.m-lg-n3{margin:-1rem !important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem !important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem !important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem !important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem !important}.m-lg-n4{margin:-1.5rem !important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem !important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem !important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem !important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem !important}.m-lg-n5{margin:-3rem !important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem !important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem !important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem !important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem !important}.m-lg-auto{margin:auto !important}.mt-lg-auto,.my-lg-auto{margin-top:auto !important}.mr-lg-auto,.mx-lg-auto{margin-right:auto !important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto !important}.ml-lg-auto,.mx-lg-auto{margin-left:auto !important}}@media (min-width: 1200px){.m-xl-0{margin:0 !important}.mt-xl-0,.my-xl-0{margin-top:0 !important}.mr-xl-0,.mx-xl-0{margin-right:0 !important}.mb-xl-0,.my-xl-0{margin-bottom:0 !important}.ml-xl-0,.mx-xl-0{margin-left:0 !important}.m-xl-1{margin:.25rem !important}.mt-xl-1,.my-xl-1{margin-top:.25rem !important}.mr-xl-1,.mx-xl-1{margin-right:.25rem !important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem !important}.ml-xl-1,.mx-xl-1{margin-left:.25rem !important}.m-xl-2{margin:.5rem !important}.mt-xl-2,.my-xl-2{margin-top:.5rem !important}.mr-xl-2,.mx-xl-2{margin-right:.5rem !important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem !important}.ml-xl-2,.mx-xl-2{margin-left:.5rem !important}.m-xl-3{margin:1rem !important}.mt-xl-3,.my-xl-3{margin-top:1rem !important}.mr-xl-3,.mx-xl-3{margin-right:1rem !important}.mb-xl-3,.my-xl-3{margin-bottom:1rem !important}.ml-xl-3,.mx-xl-3{margin-left:1rem !important}.m-xl-4{margin:1.5rem !important}.mt-xl-4,.my-xl-4{margin-top:1.5rem !important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem !important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem !important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem !important}.m-xl-5{margin:3rem !important}.mt-xl-5,.my-xl-5{margin-top:3rem !important}.mr-xl-5,.mx-xl-5{margin-right:3rem !important}.mb-xl-5,.my-xl-5{margin-bottom:3rem !important}.ml-xl-5,.mx-xl-5{margin-left:3rem !important}.p-xl-0{padding:0 !important}.pt-xl-0,.py-xl-0{padding-top:0 !important}.pr-xl-0,.px-xl-0{padding-right:0 !important}.pb-xl-0,.py-xl-0{padding-bottom:0 !important}.pl-xl-0,.px-xl-0{padding-left:0 !important}.p-xl-1{padding:.25rem !important}.pt-xl-1,.py-xl-1{padding-top:.25rem !important}.pr-xl-1,.px-xl-1{padding-right:.25rem !important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem !important}.pl-xl-1,.px-xl-1{padding-left:.25rem !important}.p-xl-2{padding:.5rem !important}.pt-xl-2,.py-xl-2{padding-top:.5rem !important}.pr-xl-2,.px-xl-2{padding-right:.5rem !important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem !important}.pl-xl-2,.px-xl-2{padding-left:.5rem !important}.p-xl-3{padding:1rem !important}.pt-xl-3,.py-xl-3{padding-top:1rem !important}.pr-xl-3,.px-xl-3{padding-right:1rem !important}.pb-xl-3,.py-xl-3{padding-bottom:1rem !important}.pl-xl-3,.px-xl-3{padding-left:1rem !important}.p-xl-4{padding:1.5rem !important}.pt-xl-4,.py-xl-4{padding-top:1.5rem !important}.pr-xl-4,.px-xl-4{padding-right:1.5rem !important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem !important}.pl-xl-4,.px-xl-4{padding-left:1.5rem !important}.p-xl-5{padding:3rem !important}.pt-xl-5,.py-xl-5{padding-top:3rem !important}.pr-xl-5,.px-xl-5{padding-right:3rem !important}.pb-xl-5,.py-xl-5{padding-bottom:3rem !important}.pl-xl-5,.px-xl-5{padding-left:3rem !important}.m-xl-n1{margin:-.25rem !important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem !important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem !important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem !important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem !important}.m-xl-n2{margin:-.5rem !important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem !important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem !important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem !important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem !important}.m-xl-n3{margin:-1rem !important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem !important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem !important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem !important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem !important}.m-xl-n4{margin:-1.5rem !important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem !important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem !important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem !important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem !important}.m-xl-n5{margin:-3rem !important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem !important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem !important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem !important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem !important}.m-xl-auto{margin:auto !important}.mt-xl-auto,.my-xl-auto{margin-top:auto !important}.mr-xl-auto,.mx-xl-auto{margin-right:auto !important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto !important}.ml-xl-auto,.mx-xl-auto{margin-left:auto !important}}b{font-weight:bold}i{display:inline-block}sub{vertical-align:sub;font-size:smaller}sup{vertical-align:super;font-size:smaller}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}@font-face{font-family:'Shopticons';src:url("/Shoptico.Core.Frontend/Assets/Fonts/Shopticons.eot?z99q0u");src:url("/Shoptico.Core.Frontend/Assets/Fonts/Shopticons.eot?z99q0u#iefix") format("embedded-opentype"),url("/Shoptico.Core.Frontend/Assets/Fonts/Shopticons.ttf?z99q0u") format("truetype"),url("/Shoptico.Core.Frontend/Assets/Fonts/Shopticons.woff?z99q0u") format("woff"),url("/Shoptico.Core.Frontend/Assets/Fonts/Shopticons.svg?z99q0u#Shopticons") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^="i-"],[class*=" i-"]{font-family:'Shopticons' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-facebook:before{content:"\e935"}.i-twitter:before{content:"\e97d"}.i-linkedin:before{content:"\e98e"}.i-instagram:before{content:"\e988"}.i-pinterest:before{content:"\e989"}.i-tik-tok:before{content:"\e98a"}.i-youtube:before{content:"\e98b"}.i-star:before{content:"\e970"}.i-star-o:before{content:"\e971"}.i-eye-hide:before{content:"\e900"}.i-accordion:before{content:"\e901"}.i-add:before{content:"\e902"}.i-adjust-settings:before{content:"\e903"}.i-angle-down-circle:before{content:"\e904"}.i-angle-left-circle:before{content:"\e905"}.i-angle-right-circle:before{content:"\e906"}.i-angle-up-circle:before{content:"\e907"}.i-animations:before{content:"\e908"}.i-arrow-down:before{content:"\e909"}.i-arrow-left:before{content:"\e90a"}.i-arrow-right:before{content:"\e90b"}.i-arrow-up:before{content:"\e90c"}.i-attention:before{content:"\e90d"}.i-back-to-dashboard:before{content:"\e90e"}.i-bell:before{content:"\e90f"}.i-bold:before{content:"\e910"}.i-box:before{content:"\e911"}.i-bucket:before{content:"\e912"}.i-bug:before{content:"\e913"}.i-bullet-list:before{content:"\e914"}.i-button:before{content:"\e915"}.i-calendar:before{content:"\e916"}.i-cart:before{content:"\e917"}.i-cash:before{content:"\e918"}.i-center:before{content:"\e919"}.i-character-spacing:before{content:"\e91a"}.i-check:before{content:"\e91b"}.i-circle:before{content:"\e91c"}.i-circle-check:before{content:"\e91d"}.i-circle-info:before{content:"\e91e"}.i-circle-plus:before{content:"\e91f"}.i-circle-remove:before{content:"\e920"}.i-circle-user:before{content:"\e921"}.i-click:before{content:"\e922"}.i-clock:before{content:"\e923"}.i-cloud-upload:before{content:"\e924"}.i-code:before{content:"\e925"}.i-cog-wheel:before{content:"\e926"}.i-column:before{content:"\e927"}.i-comment:before{content:"\e928"}.i-copy:before{content:"\e929"}.i-counter:before{content:"\e92a"}.i-crop:before{content:"\e92b"}.i-delete-user:before{content:"\e92c"}.i-double-check:before{content:"\e92d"}.i-download:before{content:"\e92e"}.i-duplicate:before{content:"\e92f"}.i-email:before{content:"\e930"}.i-exclamation-circle:before{content:"\e931"}.i-expand:before{content:"\e933"}.i-eye:before{content:"\e932"}.i-eyedropper:before{content:"\e934"}.i-filter:before{content:"\e936"}.i-flip:before{content:"\e937"}.i-gift:before{content:"\e938"}.i-globe:before{content:"\e939"}.i-graph:before{content:"\e93a"}.i-headphones:before{content:"\e93b"}.i-heart:before{content:"\e93c"}.i-image:before{content:"\e93d"}.i-import-data:before{content:"\e93e"}.i-italic:before{content:"\e93f"}.i-left-align:before{content:"\e940"}.i-line-spacing:before{content:"\e941"}.i-link:before{content:"\e942"}.i-lock:before{content:"\e943"}.i-lowercase:before{content:"\e944"}.i-magnifying-glass:before{content:"\e945"}.i-map:before{content:"\e946"}.i-menu:before{content:"\e947"}.i-merge:before{content:"\e948"}.i-minus:before{content:"\e949"}.i-more:before{content:"\e94b"}.i-newspaper:before{content:"\e94c"}.i-note:before{content:"\e94d"}.i-number-list:before{content:"\e94e"}.i-paper-plane:before{content:"\e94f"}.i-pencil-edit:before{content:"\e950"}.i-phone-tube:before{content:"\e952"}.i-plug:before{content:"\e953"}.i-plugin:before{content:"\e954"}.i-position-bottom:before{content:"\e955"}.i-position-left:before{content:"\e956"}.i-position-right:before{content:"\e957"}.i-position-top:before{content:"\e958"}.i-preview-site:before{content:"\e959"}.i-print:before{content:"\e95a"}.i-progress:before{content:"\e95b"}.i-publish:before{content:"\e95c"}.i-redo:before{content:"\e95d"}.i-refresh:before{content:"\e95e"}.i-remove:before{content:"\e95f"}.i-reply:before{content:"\e960"}.i-ribbon:before{content:"\e961"}.i-right-align:before{content:"\e962"}.i-rocket:before{content:"\e963"}.i-save-icon:before{content:"\e964"}.i-section:before{content:"\e965"}.i-shape:before{content:"\e966"}.i-share:before{content:"\e967"}.i-shuffle:before{content:"\e968"}.i-slider:before{content:"\e969"}.i-smile:before{content:"\e96a"}.i-sort:before{content:"\e96b"}.i-sort-asc:before{content:"\e96c"}.i-sort-desc:before{content:"\e96d"}.i-spin:before{content:"\e96e"}.i-stack:before{content:"\e96f"}.i-large-desktop:before{content:"\e98f"}.i-desktop:before{content:"\e990"}.i-laptop:before{content:"\e991"}.i-tablet:before{content:"\e972"}.i-tablet-landscape:before{content:"\e992"}.i-phone:before{content:"\e951"}.i-phone-landscape:before{content:"\e993"}.i-tabs:before{content:"\e973"}.i-text:before{content:"\e974"}.i-text-center:before{content:"\e975"}.i-text-justify:before{content:"\e976"}.i-text-left:before{content:"\e977"}.i-text-right:before{content:"\e978"}.i-timer:before{content:"\e979"}.i-title-case:before{content:"\e97a"}.i-trash-bin:before{content:"\e97b"}.i-truck:before{content:"\e97c"}.i-underline:before{content:"\e97e"}.i-undo:before{content:"\e97f"}.i-unlock:before{content:"\e980"}.i-unpublish:before{content:"\e981"}.i-uppercase:before{content:"\e982"}.i-users:before{content:"\e983"}.i-user-secret:before{content:"\e984"}.i-video:before{content:"\e985"}.i-video-2:before{content:"\e986"}.i-wallet:before{content:"\e987"}.overlay{position:fixed;left:0px;top:0px;width:100%;height:100%;transition:background-color 0.5s;z-index:50;background-color:rgba(0,0,0,0)}.overlay.show{background-color:rgba(0,0,0,0.75)}.clear{clear:both}.flex{display:flex}.flex .form-group{display:flex}.self{align-self:center}.img-fluid{width:100%;display:block}@media (max-width: 1199.98px){.img-fluid{display:inline;height:auto}}.full-width{width:100%}.centered{display:table;margin:auto}.vertical-center{position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%)}.overflow-hidden{overflow:hidden}.absolute-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.vertical-absolute{position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%)}@media (max-width: 767.98px){.vertical-absolute{position:relative;top:auto;transform:none;padding:30px 0px}}@media (min-width: 1200px){.vertical-absolute .down-block{padding:0px}}.absolute{position:absolute}.relative{position:relative}.align-center{text-align:center}.bt{border-top:1px solid #ddd}.bb{border-bottom:1px solid #ddd}.br{border-right:1px solid #ddd}@media (max-width: 1199.98px){.br.br-xl{border-right:none}}@media (max-width: 991.98px){.br.br-lg{border-right:none}}@media (max-width: 767.98px){.br.br-md{border-right:none}}.bl{border-left:1px solid #ddd}@media (max-width: 1199.98px){.bl.bl-xl{border-left:none}}@media (max-width: 991.98px){.bl.bl-lg{border-left:none}}@media (max-width: 767.98px){.bl.bl-md{border-left:none}}.bold{font-weight:600}.pulse{animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0.4);-moz-box-shadow:0 0 0 0 rgba(204,169,44,0.4);box-shadow:0 0 0 0 rgba(204,169,44,0.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(204,169,44,0);-moz-box-shadow:0 0 0 10px rgba(204,169,44,0);box-shadow:0 0 0 10px rgba(204,169,44,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0);-moz-box-shadow:0 0 0 0 rgba(204,169,44,0);box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0.4);-moz-box-shadow:0 0 0 0 rgba(204,169,44,0.4);box-shadow:0 0 0 0 rgba(204,169,44,0.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(204,169,44,0);-moz-box-shadow:0 0 0 10px rgba(204,169,44,0);box-shadow:0 0 0 10px rgba(204,169,44,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0);-moz-box-shadow:0 0 0 0 rgba(204,169,44,0);box-shadow:0 0 0 0 rgba(204,169,44,0)}}@media (min-width: 1200px){.br-xl{border-right:1px solid #ddd}.bl-xl{border-left:1px solid #ddd}.bt-xl{border-top:1px solid #ddd}.bb-xl{border-bottom:1px solid #ddd}}@media (min-width: 992px){.br-lg{border-right:1px solid #ddd}.bl-lg{border-left:1px solid #ddd}.bt-lg{border-top:1px solid #ddd}.bb-lg{border-bottom:1px solid #ddd}}@media (min-width: 768px){.br-md{border-right:1px solid #ddd}.bl-md{border-left:1px solid #ddd}.bt-md{border-top:1px solid #ddd}.bb-md{border-bottom:1px solid #ddd}}@media (min-width: 576px){.br-sm{border-right:1px solid #ddd}.bl-sm{border-left:1px solid #ddd}.bt-sm{border-top:1px solid #ddd}.bb-sm{border-bottom:1px solid #ddd}}@media (max-width: 575.98px){.br-xs{border-right:1px solid #ddd}.bl-xs{border-left:1px solid #ddd}.bt-xs{border-top:1px solid #ddd}.bb-xs{border-bottom:1px solid #ddd}}.br-a{border-right:1px solid #ddd}.bl-a{border-left:1px solid #ddd}.bt-0{border-top:none !important}.bb-0{border-bottom:none !important}.bl-0{border-left:none !important}.br-0{border-right:none !important}.icon-spin{-moz-animation:rotation 2s infinite linear;-webkit-animation:rotation 2s infinite linear;animation:rotation 2s infinite linear}.icon-spin-no-offset{-moz-animation:rotation-no-offset 2s infinite linear;-webkit-animation:rotation-no-offset 2s infinite linear;animation:rotation-no-offset 2s infinite linear}@keyframes rotation{from{-webkit-transform:translate(0, -50%) rotate(0deg) scale(1);-ms-transform:translate(0, -50%) rotate(0deg) scale(1);-moz-transform:translate(0, -50%) rotate(0deg) scale(1);transform:translate(0, -50%) rotate(0deg) scale(1)}to{-webkit-transform:translate(0, -50%) rotate(359deg) scale(1);-ms-transform:translate(0, -50%) rotate(359deg) scale(1);-moz-transform:translate(0, -50%) rotate(359deg) scale(1);transform:translate(0, -50%) rotate(359deg) scale(1)}}@keyframes rotation-no-offset{from{-webkit-transform:translate(0, 0) rotate(0deg) scale(1);-ms-transform:translate(0, 0) rotate(0deg) scale(1);-moz-transform:translate(0, 0) rotate(0deg) scale(1);transform:translate(0, 0) rotate(0deg) scale(1)}to{-webkit-transform:translate(0, 0) rotate(359deg) scale(1);-ms-transform:translate(0, 0) rotate(359deg) scale(1);-moz-transform:translate(0, 0) rotate(359deg) scale(1);transform:translate(0, 0) rotate(359deg) scale(1)}}

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*{-webkit-appearance:none;-moz-appearance:none;appearance:none}*{-webkit-font-feature-settings:"locl" 0;-moz-font-feature-settings:"locl" 0;-ms-font-feature-settings:"locl" 0;font-feature-settings:"locl" 0}.balloon{position:absolute;z-index:52;display:none;margin:5px 0px}.balloon.open{display:block;animation:fadeIn ease 0.3s;-webkit-animation:fadeIn ease 0.3s;-moz-animation:fadeIn ease 0.3s;-o-animation:fadeIn ease 0.3s;-ms-animation:fadeIn ease 0.3s}.balloon.tooltip-balloon .balloon-arrow.balloon-arrow-bottom{border-top-color:inherit}.balloon.tooltip-balloon .balloon-arrow.balloon-arrow-top{border-bottom-color:inherit;left:50%}.balloon.tooltip-balloon .balloon-arrow.balloon-arrow-left{border-right-color:inherit}.balloon.tooltip-balloon .balloon-arrow.balloon-arrow-right{border-left-color:inherit}.balloon .balloon-arrow{border-color:transparent;border-style:solid;width:0;height:0;position:absolute;display:block;z-index:-1;margin:auto}.balloon .balloon-arrow.balloon-arrow-bottom{border-top-color:#fff;left:50%;margin-left:-8px;margin-top:1px}.balloon .balloon-arrow.balloon-arrow-top{border-bottom-color:#fff;bottom:calc(100% - 1px);-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.balloon .balloon-arrow.balloon-arrow-left{border-right-color:#fff;right:calc(100% - 4px);top:50%;margin-top:-8px}.balloon .balloon-arrow.balloon-arrow-right{border-left-color:#fff;left:calc(100% - 4px);top:50%;margin-top:-8px}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.color-picker-balloon{padding:10px;background:none;box-shadow:none;border:none}.color-picker-balloon.has-alpha{width:290px !important}.color-picker-balloon:not(.has-alpha){width:260px !important}.color-picker-balloon:not(.has-alpha) .ajust-opasity{display:none !important}.color-picker-balloon .balloon-arrow-top{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #fff;width:10px;height:10px;position:absolute;top:0;left:50%;transform:translateX(-50%)}.color-picker-balloon .picker-body{padding:6px;background:#fff;border-radius:3px}.color-picker-balloon .input-style{margin-bottom:0;margin-left:12px}.color-picker-balloon .input-style input{width:100%;min-width:30px;padding:5px 1px 5px 1px;text-align:center;font-size:11px;font-weight:normal;box-shadow:none;border:1px solid #ddd;border-radius:3px;font-size:12px}.color-picker-balloon .input-style input:focus{border:1px solid #0ac2f4;background:#f9fdff;box-shadow:none}.color-picker-balloon .input-style.gradient-unit::after{display:block;content:"\26AC";position:absolute;top:-1px;right:5px}.color-picker-balloon .input-style.opacity-unit::after{display:block;content:"\0025";position:absolute;top:5px;right:3px}.color-picker-balloon .color-picker-panel{width:auto}.color-picker-balloon .color-picker-panel .gradient-slider-group{display:flex;align-items:center;margin-bottom:6px}.color-picker-balloon .color-picker-panel .gradient-slider-group .color-slider-gradient{background-image:linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);width:100%;height:16px;border-radius:3px}.color-picker-balloon .color-picker-panel .color-picker-tabs .multi-option-toggle{width:236px}.color-picker-balloon .color-picker-panel .shadow-input-group{display:flex;align-items:center;margin-bottom:6px}.color-picker-balloon .color-picker-panel .shadow-input-group .input-goup{display:flex;align-items:center;justify-content:flex-end}.color-picker-balloon .color-picker-panel .shadow-input-group .input-goup span{font-size:9px;font-weight:bold}.color-picker-balloon .color-picker-panel .shadow-input-group .input-goup .input-shadow{margin-bottom:0;margin-left:5px}.color-picker-balloon .color-picker-panel .shadow-input-group .input-goup .input-shadow input{width:40px;min-width:40px;padding:5px 15px 5px 1px;text-align:right;font-size:11px;font-weight:normal}.color-picker-balloon .color-picker-panel .shadow-input-group .input-goup .input-shadow::after{display:block;content:"px";position:absolute;top:50%;transform:translateY(-50%);right:3px;font-size:9px}.color-picker-balloon .color-picker-panel .color-picker-group .color-picker-slider-bg{position:absolute;top:0;right:0;width:15px;height:180px;background-image:url(Images/Icons/DesignerTools/none.svg);background-size:14px;border:1px solid #ddd;border-radius:5px;opacity:0.15;pointer-events:none;z-index:0}.color-picker-balloon .color-picker-panel .picker-head{padding:1rem 0;display:flex}.color-picker-balloon .color-picker-panel .picker-head h6{display:flex;align-items:flex-end;font-size:0.75rem;font-weight:normal;color:#333;border-bottom:1px solid #e6e6e6}.color-picker-balloon .color-picker-panel .picker-head span{font-size:12px;text-align:right}.color-picker-balloon .color-picker-panel .picker-head .color-hex{display:inline;float:right}.color-picker-balloon .color-picker-panel .picker-box .picker-row{display:flex;justify-content:space-between}.color-picker-balloon .color-picker-panel .picker-box .picker-row .color-picker-canvas{border-radius:3px}.color-picker-balloon .color-picker-panel .picker-box .picker-row .color-picker-slider-wrapper{position:relative}.color-picker-balloon .color-picker-panel .picker-box .picker-row .color-picker-slider-wrapper .color-picker-slider{position:relative;height:180px;width:14px;border-radius:3px;-webkit-box-shadow:inset 0 0 0 1px #ddd;-moz-box-shadow:inset 0 0 0 1px #ddd;box-shadow:inset 0 0 0 1px #ddd;z-index:1}.color-picker-balloon .color-picker-panel .picker-box .picker-row .color-picker-slider-wrapper .picker-pointer.hue-line{left:7px}.color-picker-balloon .color-picker-panel .picker-box .picker-row .color-picker-slider-wrapper .picker-pointer.alpha-line{left:7px}.color-picker-balloon .color-picker-panel .picker-box .picker-row .container .row:nth-child(2){background:transparent !important;overflow:hidden;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.color-picker-balloon .color-picker-panel .picker-box .picker-row .color-guide{height:12px;overflow:hidden;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.color-picker-balloon .color-picker-panel .ajust-list{margin-top:6px}.color-picker-balloon .color-picker-panel .ajust-list .ajust-title{font-size:10px}.color-picker-balloon .color-picker-panel .hex-input-wrap .hex-input{margin:6px 0}.color-picker-balloon .color-picker-panel .hex-input-wrap input{padding:4px 6px;border:1px solid #ddd;border-radius:3px;font-family:'Montserrat', sans-serif;font-size:12px;font-weight:normal;text-align:left}.color-picker-balloon .color-picker-panel .hex-input-wrap input:focus{border:1px solid #0ac2f4;background:#f9fdff}.color-picker-balloon .color-picker-panel .rgb{padding:6px 12px}.color-picker-balloon .color-picker-panel .rgb .form-group .input{box-shadow:none}.color-picker-balloon .color-picker-panel .rgb .form-control{padding:4px 0;text-align:center;border:1px solid #ddd;border-radius:3px;font-family:'Montserrat', sans-serif;font-size:12px;font-weight:normal}.color-picker-balloon .color-picker-panel .rgb .form-control:focus{border:1px solid #0ac2f4;background:#f9fdff;box-shadow:none}.color-picker-balloon .color-picker-panel .rgb .box .form-group{margin-bottom:0px}.color-picker-balloon .color-picker-panel .tool{padding:0}.color-picker-balloon .color-picker-panel .tabs{display:flex;justify-content:space-between;border-bottom:none;padding:0 10px;margin-bottom:5px}.color-picker-balloon .color-picker-panel .tabs .tabs-label li span{font-weight:bold}.color-picker-balloon .color-picker-panel .tabs .tabs-group{padding-right:11px}.color-picker-balloon .color-picker-panel .tabs.palette{padding:0 3px}.color-picker-balloon .color-picker-panel .tabs .rgb{padding:10px 12px}.color-picker-balloon .color-picker-panel .tabs .picker-tab-icon{position:relative;width:27px}.color-picker-balloon .color-picker-panel .tabs .picker-tab-icon::before{top:50%;left:50%;transform:translate(-50%, -50%)}.color-picker-balloon .color-picker-panel .tabs ul{display:flex;justify-content:flex-start}.color-picker-balloon .color-picker-panel .tabs ul li{position:relative;top:2px;display:inline-block;padding:5px;font-size:11px;font-weight:bold;cursor:pointer}.color-picker-balloon .color-picker-panel .tabs ul li.default{border-bottom:3px solid #bbb}.color-picker-balloon .color-picker-panel .tabs ul li.default:hover{border-bottom:3px solid #0ac2f4}.color-picker-balloon .color-picker-panel .tabs ul li.active{color:#333;font-weight:bold;border-bottom:3px solid #0ac2f4}.color-picker-balloon .color-picker-panel .tabs ul .colors-options.active{border-bottom:none}.color-picker-balloon .color-picker-panel .tabs ul .picker-button>button{display:flex;margin:0;padding:0;border:none;background:none;box-shadow:none;color:#333;font-size:11px;min-height:0}.color-picker-balloon .color-picker-panel .tabs ul .picker-button>button span{font-size:12px;font-weight:normal}.color-picker-balloon .color-picker-panel .tabs ul .picker-button>button i{font-size:16px;padding-left:4px}.color-picker-balloon .color-picker-panel .tabs ul .picker-button .select-search{display:none}.color-picker-balloon .color-picker-panel .copy{position:absolute;font-size:9px;right:-34px;bottom:11px;cursor:pointer;z-index:99}.color-picker-balloon .color-picker-panel .copy:hover{font-weight:bold}.color-picker-balloon .color-picker-panel.editor-color-picker .palette-box{display:none}.color-picker-balloon .color-picker-panel.editor-color-picker .ajust-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:5px 0 0 0}.color-picker-balloon .color-picker-panel.editor-color-picker .ajust-group .ajust-select-menu .dropdown-menu .button{padding:0;border:none;box-shadow:none;font-size:12px;color:#333;background:none}.color-picker-balloon .color-picker-panel.editor-color-picker .ajust-group .ajust-select-menu .dropdown-menu .button:hover{background:none}.color-picker-balloon .color-picker-panel.editor-color-picker .ajust-group .ajust-opasity{position:relative;display:flex;align-items:center;padding-left:9px}.color-picker-balloon .color-picker-panel.editor-color-picker .ajust-group .ajust-opasity .form-group{margin:0}.color-picker-balloon .color-picker-panel.editor-color-picker .ajust-group .ajust-opasity .form-group .input{width:39px;box-shadow:none;text-align:right;border-color:#ddd;padding:4px 13px 3px 4px;font-size:12px;border-radius:3px}.color-picker-balloon .color-picker-panel.editor-color-picker .ajust-group .ajust-opasity .form-group .input:focus{border:1px solid #0ac2f4;background:#f9fdff;box-shadow:none}.color-picker-balloon .color-picker-panel .picker-palette{padding-bottom:15px;position:relative;left:-5px}.color-picker-balloon .color-picker-panel .picker-palette .row .color-wrapper{margin:2px;display:flex;justify-content:center;align-items:center;width:28px;height:28px;position:relative;border-radius:23px;background:#fff;border:1px solid transparent}.color-picker-balloon .color-picker-panel .picker-palette .row .color-wrapper:hover{border:1px solid #ddd}.color-picker-balloon .color-picker-panel .picker-palette .row .color-wrapper.selected{border:1px solid #ddd}.color-picker-balloon .color-picker-panel .picker-palette .row .color-wrapper.add-color-button:hover{border:none}.color-picker-balloon .color-picker-panel .picker-palette .row .color-wrapper.add-color-button .color-box.color-button{display:flex;justify-content:center;align-items:center;width:22px;height:22px;box-shadow:0px 3px 12px 0 rgba(68,76,88,0.12)}.color-picker-balloon .color-picker-panel .picker-palette .row .color-wrapper.add-color-button .color-box.color-button>i{font-size:16px;font-weight:bold}.color-picker-balloon .color-picker-panel .picker-palette .row .color-wrapper.add-color-button .color-box.color-button:hover{border:none;box-shadow:0px 3px 12px 0 rgba(68,76,88,0.22)}.color-picker-balloon .color-picker-panel .picker-palette .row .color-wrapper .color-box{margin:auto;width:22px;height:22px;border-radius:23px;cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.color-picker-balloon .color-picker-panel .picker-palette .row .color-wrapper .color-box.color-white{border:1px solid #ddd}.color-picker-balloon .color-picker-panel .picker-palette .row .color-wrapper .color-box.no-border:hover{border:none;background:#dcf6ff}.color-picker-balloon .color-picker-panel .picket-footer-buttons{padding:0 10px}.color-picker-balloon .color-picker-panel .picket-footer-buttons .secondary-button{padding:4px 0}.color-picker-balloon .color-picker-panel .picket-footer-buttons .toggle{margin-left:0}.color-picker-balloon .color-picker-panel .picket-footer-buttons .toggle>span{height:17px;width:28px}.color-picker-balloon .color-picker-panel .picket-footer-buttons .toggle>input:checked+span::after{left:11px}.color-picker-balloon .color-picker-panel .picket-footer-buttons .toggle>input:checked+span::before{background:#8bc34a;width:28px;height:17px}.color-picker-balloon .color-picker-panel .picket-footer-buttons .toggle>input+span::after{height:15px;width:15px}.color-picker-balloon .color-picker-panel .picket-footer-buttons .toggle-group .right{padding:0;font-size:11px;font-weight:bold;color:#333}.color-picker-balloon .color-picker-panel .palette-block{padding-bottom:8px}.color-picker-balloon .color-picker-panel .palette-block .palette{margin:0 15px;padding:0;border-radius:5px;border:1px solid #ddd;overflow:hidden}.color-picker-balloon .color-picker-panel .palette-block .palette.collection{border:none}.color-picker-balloon .color-picker-panel .palette-block .palette.collection .palette-row{margin:0;margin-bottom:5px;border-radius:5px;overflow:hidden;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.color-picker-balloon .color-picker-panel .palette-block .palette.collection .palette-row div{height:1.8rem}.color-picker-balloon .color-picker-panel .palette-block .palette.collection .palette-row:hover{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;z-index:1;cursor:pointer}.color-picker-balloon .color-picker-panel .palette-block .palette .palette-box{padding:0 15px}.color-picker-balloon .color-picker-panel .palette-block .palette .palette-box .white-palette{-webkit-box-shadow:inset 3px 3px 2px 0 rgba(0,0,0,0.1);-moz-box-shadow:inset 3px 3px 2px 0 rgba(0,0,0,0.1);box-shadow:inset 3px 3px 2px 0 rgba(0,0,0,0.1)}.color-picker-balloon .color-picker-panel .palette-block .palette .palette-box .color-code{display:none;padding:4px;width:100%;background:#333;font-size:0.75rem;color:#fff;text-align:center;border:none}.color-picker-balloon .color-picker-panel .palette-block .palette .option-color-code{padding:0;background:#333;color:#fff;font-size:9px;text-align:center;padding-top:3px;cursor:pointer}.color-picker-balloon .color-picker-panel .palette-block .palette .option-color-code::before,.color-picker-balloon .color-picker-panel .palette-block .palette .option-color-code::after{box-sizing:inherit}.color-picker-balloon .color-picker-panel .palette-block .palette [data-tooltip]{position:relative;cursor:pointer}.color-picker-balloon .color-picker-panel .palette-block .palette [data-tooltip]:after{position:absolute;visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);-moz-transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);pointer-events:none;z-index:1000;padding:2px;width:32px;background-color:#fff;color:#333;content:attr(data-tooltip);font-size:10px;line-height:1.2}.color-picker-balloon .color-picker-panel .palette-block .palette [data-tooltip]:hover:after{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.color-picker-balloon .color-picker-panel .palette-block .palette [data-tooltip]:focus:after{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.color-picker-balloon .color-picker-panel .palette-block .palette .tooltip-left:after{bottom:50%;right:64px;left:auto;margin-left:0;margin-bottom:-8px}.color-picker-balloon .color-picker-panel .palette-block .palette .tooltip-left:hover:after{-webkit-transform:translateX(12px);-moz-transform:translateX(12px);transform:translateX(12px)}.color-picker-balloon .color-picker-panel .palette-block .palette .tooltip-left:focus:after{-webkit-transform:translateX(12px);-moz-transform:translateX(12px);transform:translateX(12px)}.color-picker-balloon .color-picker-panel .palette-block .palette .tooltip-right:after{bottom:50%;left:40px;margin-left:0;margin-bottom:-8px}.color-picker-balloon .color-picker-panel .palette-block .palette .tooltip-right:hover:after{-webkit-transform:translateX(12px);-moz-transform:translateX(12px);transform:translateX(12px)}.color-picker-balloon .color-picker-panel .palette-block .palette .tooltip-right:focus:after{-webkit-transform:translateX(12px);-moz-transform:translateX(12px);transform:translateX(12px)}.color-picker-balloon .color-picker-panel .palette-block .palette .option{height:28px;outline:2px solid transparent;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s}.color-picker-balloon .color-picker-panel .palette-block .palette .option:hover{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);cursor:pointer;outline:2px solid #fff;-webkit-box-shadow:0px 5px 20px 0 rgba(0,0,0,0.1);-moz-box-shadow:0px 5px 20px 0 rgba(0,0,0,0.1);box-shadow:0px 5px 20px 0 rgba(0,0,0,0.1);z-index:1}.color-picker-balloon .color-picker-panel .palette-block .palette .option.selected{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);cursor:pointer;outline:2px solid #fff;-webkit-box-shadow:0px 5px 20px 0 rgba(0,0,0,0.1);-moz-box-shadow:0px 5px 20px 0 rgba(0,0,0,0.1);box-shadow:0px 5px 20px 0 rgba(0,0,0,0.1);z-index:1}.color-picker-balloon .color-picker-panel .palette-block .palette.saved-colors .option{margin:4px;border:1px solid #fff;-webkit-box-shadow:inset 3px 3px 0 0 rgba(0,0,0,0.1);-moz-box-shadow:inset 3px 3px 0 0 rgba(0,0,0,0.1);box-shadow:inset 3px 3px 0 0 rgba(0,0,0,0.1)}.color-picker-balloon .color-picker-panel .palette-block .palette.saved-colors .option:hover{border:1px solid #0ac2f4;outline:none}.color-picker-balloon .color-picker-panel .palette-block .palette.saved-colors .option.add-option{position:relative;margin:4px;border:1px solid #ddd;font-weight:bold;color:#333;cursor:pointer}.color-picker-balloon .color-picker-panel .palette-block .palette.saved-colors .option.add-option:hover{color:#0ac2f4;border:1px solid #0ac2f4;cursor:pointer;-webkit-box-shadow:inset 3px 3px 0 0 rgba(204,240,245,0.8);-moz-box-shadow:inset 3px 3px 0 0 rgba(204,240,245,0.8);box-shadow:inset 3px 3px 0 0 rgba(204,240,245,0.8);transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s;z-index:1}.color-picker-balloon .color-picker-panel .palette-block .palette.saved-colors .option.add-option span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1rem;cursor:pointer}.color-picker-balloon .color-picker-panel .palette-block .palette-collection{padding:5px 0;display:flex;justify-content:center;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;cursor:pointer}.color-picker-balloon .color-picker-panel .palette-block .palette-collection.active{border-bottom:1px solid #ddd}.color-picker-balloon .color-picker-panel .palette-block .palette-collection span{font-size:10px;padding:0 0.5rem;cursor:pointer}.color-picker-balloon .color-picker-panel .palette-block .palette-collection img{width:1.865rem;cursor:pointer}.color-picker-balloon .color-picker-panel .palette-block .palette-collection:hover{cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.color-picker-balloon .color-picker-panel .palette-block .palette-collection:hover span{color:#0ac2f4}.color-picker-balloon .color-picker-panel .palette-block .palette-collection:hover .palette-icon .segment{display:inline}.color-picker-balloon .color-picker-panel .palette-block .palette-collection .palette-icon{width:1rem;position:relative;display:inline-block;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.color-picker-balloon .color-picker-panel .palette-block .palette-collection .palette-icon .segment{display:none;width:1.865rem;position:absolute;top:0;left:0;z-index:99}.picket-container{max-height:0;overflow:hidden;transition:max-height 0.5s}.float-right{float:right}.picker-button>button{padding:5px 15px}.picker-button>button span{font-size:11px}.discard-balloon{position:absolute;z-index:99;min-width:280px;max-width:600px;margin-bottom:5px;margin-right:10px;bottom:45px}.discard-balloon .box{background:#fff7ea}.discard-balloon .box:after{content:"";position:absolute;left:15px;width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#fff7ea transparent transparent transparent}.discard-balloon .box .content-block .secondary-button{flex-shrink:0}.discard-balloon .box .content-block .secondary-button i{margin:0px}.discard-balloon .box .message{display:flex;align-items:center;color:#333}@media (max-width: 575.98px){.discard-balloon .box .message{align-items:normal}}.discard-balloon .box .message img{margin-right:15px}.discard-balloon .box .message .right{display:flex;align-items:center}.discard-balloon .box .message .right .title-block{margin-right:15px}@media (max-width: 575.98px){.discard-balloon .box .message .right{flex-direction:column;align-items:flex-start}.discard-balloon .box .message .right .title-block{margin:0px 0px 15px 0px}}.discard-balloon .box .secondary-button{display:flex;align-items:center}.discard-balloon .box .secondary-button .button.cancel{background:none;border:none;color:#d08000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:9px;margin-left:15px}.discard-balloon .box .secondary-button .button.cancel i{position:relative;top:0;left:0;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0)}.discard-balloon .box .secondary-button .button.cancel:hover{background:#ffdeaa !important}.tooltip-balloon{font-size:12px;line-height:17px;padding:5px !important;min-width:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;pointer-events:none;margin:0;text-align:center}.breadcrumb-trail{overflow:hidden;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.breadcrumb-trail:not(.visible){max-height:0px}.button{position:relative;display:inline-flex;align-items:center}.barChart.vertical-labels .ct-label.ct-horizontal.ct-end{transform:rotateZ(60deg);transform-origin:top left;white-space:nowrap;position:relative;top:5px}.legend{display:table;margin:auto}.legend .legend-bar{display:inline-block}.legend .legend-bar .legend-bar-color{display:inline-block;vertical-align:middle}.legend .legend-bar .legend-bar-text{display:inline-block}.legend .legend-bar .value{display:inline-block}.inline-legend .legend-bar{display:inline-block}.inline-legend .legend-bar .legend-bar-color,.inline-legend .legend-bar .legend-bar-text{display:inline-block;vertical-align:bottom}@media (max-width: 575.98px){.inline-legend .legend-bar{display:block}}.line-chart{width:100%}.line-chart.vertical-labels .ct-label.ct-horizontal.ct-end{transform:rotateZ(60deg);transform-origin:top left;white-space:nowrap;position:relative;top:5px}.line-chart .ct-area{pointer-events:none}.line-chart .point-target{position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.chart-filter{background:#fbfbfb;border-bottom:1px solid #ddd}.chart{position:relative}.chart .ct-chart-line .ct-labels .ct-label{fill:#333;color:#333}.chart .ct-grid{stroke:rgba(0,0,0,0.2);stroke-width:2px;stroke-dasharray:2px}.chart .ct-grid.active{stroke:#8ae1fb;stroke-width:2px}.pie-chart .chart-no-data{display:flex;opacity:0.3;margin:20px 0px 50px 0px}.alert{margin-top:-44px;z-index:100;font-weight:normal;padding:15px;text-align:center;transition:all 0.5s ease;font-size:13px;line-height:17px;color:#fff;position:relative}.alert .col{padding-right:35px}.alert i{margin-right:10px}.alert .i-remove{margin-right:0px}.alert .close-icon{position:absolute;right:0;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;font-size:18px;padding:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.alert .close-icon:hover{background:#c33737}.alert-error{background:#dc5454;border-bottom:1px solid #c74140}.alert-shown{margin-top:0px;z-index:0}.modal{display:none;z-index:51}.expand-area{transition:max-width 0.3s, max-height 0.3s;overflow:hidden !important}.expand-area.horizontal{white-space:nowrap}.lens-container{top:0;bottom:0;margin:auto;pointer-events:none !important;visibility:hidden}.lens-container .img-magnifier-lens{transform:none !important;position:absolute !important;z-index:2;pointer-events:none !important}.ripple{pointer-events:none;position:absolute;border-radius:50%;background-color:rgba(255,255,255,0.3);animation-name:ripple-expand;animation-duration:0.3s}@keyframes ripple-expand{from{transform:scale(0)}to{transform:scale(1)}}@keyframes ripple-shrink{from{transform:scale(1)}to{transform:scale(0)}}@keyframes ripple-fade{from{opacity:1.0}to{opacity:0.0}}.form-row{position:relative}.form-row .deleted-overlay{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0.0;pointer-events:none}.form-row.is-deleted .deleted-overlay{opacity:1.0;pointer-events:auto}.table-container .form-field{width:100%}.translation-balloon{width:auto !important}.translation-balloon .balloon-content .form-translation-row{display:block}.translation-balloon .balloon-content .form-translation-row .locale-image{display:inline-block;vertical-align:middle;position:relative}.translation-balloon .balloon-content .form-translation-row .locale-name{display:inline-block;vertical-align:middle}.translation-balloon .balloon-content .form-translation-row .locale-content{display:block;width:100%}@media (max-width: 767.98px){.balloon.translation-balloon{display:none !important}}.form-translation-row .locale-image{display:inline-block}.form-translation-row .locale-name{display:inline-block}.dimensions-fragment .dimension-block .input{text-align:center}.dimensions-fragment .col-1{width:15% !important;max-width:15% !important;flex:0 0 12.5%;height:40px}@media (min-width: 576px) and (max-width: 767.98px){.dimensions-fragment .col-1{max-width:15% !important;flex:0 45px}}.dimensions-fragment .col-1 .multiply{display:flex}.dimensions-fragment .col-1 .multiply i{margin:auto;font-size:22px}.section-preview-wrap{display:flex;flex-wrap:wrap;align-items:center;background:#fff}.section-preview-wrap .left{display:flex;margin:15px;width:auto;max-width:21%}@media (max-width: 1768px) and (min-width: 1025px){.section-preview-wrap .left{max-width:33.33%}}@media (min-width: 992px) and (max-width: 1199.98px){.section-preview-wrap .left{max-width:37.5%}}@media (max-width: 991.98px){.section-preview-wrap .left{width:100%;max-width:100%}}.section-preview-wrap .right{flex-grow:1}.section-preview-wrap .right .search-content .table-search-bar{margin-top:0px}@media (min-width: 992px) and (max-width: 1199.98px){.section-preview-wrap .right{width:calc(62.5% - 30px)}.section-preview-wrap .right .table-search-bar .search-right{flex-grow:1;max-width:350px}}.section-preview-wrap.justify{justify-content:space-between}.section-preview-wrap.translate{margin-left:15px}.section-preview-wrap .section-preview{display:flex;align-items:center;margin:15px 0px 0px 0px}.section-preview-wrap .section-preview .icon{position:relative;display:flex;margin-right:15px;border:1px solid #ddd;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:64px;height:64px;overflow:hidden;-webkit-box-shadow:1px 1px 11px 0px rgba(3,31,92,0.15);-moz-box-shadow:1px 1px 11px 0px rgba(3,31,92,0.15);box-shadow:1px 1px 11px 0px rgba(3,31,92,0.15);flex-shrink:0;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.section-preview-wrap .section-preview .icon img{position:absolute;left:50%;top:50%;max-width:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:58px;height:58px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.section-preview-wrap .section-preview .title-block span{display:block;margin-bottom:0px}.section-preview-wrap .section-preview:hover .icon{border-color:#a5a5a5}.section-preview-wrap .accent-block{display:flex;flex-direction:row}.section-preview-wrap .accent-block.blue{background:#e8faff}.section-preview-wrap .accent-block.blue .title-block span{color:#01b3e6}.section-preview-wrap .accent-block.language{display:flex;margin:15px 15px 0px 0px;padding:10px 0px 10px 10px;flex-wrap:wrap}@media (max-width: 575.98px){.section-preview-wrap .accent-block.language{width:100%;padding-right:10px;margin-right:0px}}.section-preview-wrap .accent-block.language .change{display:inline-flex;padding:0px 15px;position:relative;align-self:center;flex-shrink:0;align-items:center}@media (max-width: 575.98px){.section-preview-wrap .accent-block.language .change{display:block;position:relative;padding:0px;margin-bottom:10px}}.section-preview-wrap .accent-block.language .change .title-block{min-height:0px;display:inline-block;vertical-align:middle}.section-preview-wrap .accent-block.language .change .title-block span{margin-bottom:0px}@media (max-width: 575.98px){.section-preview-wrap .accent-block.language .change{padding-left:0px;margin-top:10px}.section-preview-wrap .accent-block.language .change .title-block{width:100%}}.section-preview-wrap .accent-block.language .manage{width:auto;display:flex;align-items:center}@media (max-width: 575.98px){.section-preview-wrap .accent-block.language .manage{width:100%;flex-direction:column;text-align:center}.section-preview-wrap .accent-block.language .manage>div{display:flex;justify-content:center;flex-wrap:wrap}.section-preview-wrap .accent-block.language .manage .change .title-block{width:auto}}.section-preview-wrap .accent-block.language .manage .icon{width:45px;height:45px;display:inline-block;margin:5px;opacity:0.3;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.section-preview-wrap .accent-block.language .manage .icon .item{width:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid #fff;-webkit-box-shadow:1px 1px 11px 0 rgba(3,31,92,0.15);-moz-box-shadow:1px 1px 11px 0 rgba(3,31,92,0.15);box-shadow:1px 1px 11px 0 rgba(3,31,92,0.15);position:relative;min-height:45px;min-width:45px}.section-preview-wrap .accent-block.language .manage .icon.add{opacity:1}.section-preview-wrap .accent-block.language .manage .icon.add .add-new{width:39px;position:absolute;height:39px;margin:3px;z-index:1}.section-preview-wrap .accent-block.language .manage .icon.add .add-new i{position:absolute;color:#fff;top:49%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:22px}.section-preview-wrap .accent-block.language .manage .icon.add:hover .add-new{opacity:1;transition:opacity 0.3s linear;background:rgba(0,0,0,0.3);z-index:2;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer}.section-preview-wrap .accent-block.language .manage .icon:hover{opacity:0.7;cursor:pointer}.section-preview-wrap .accent-block.language .manage .icon.active{opacity:1;cursor:default}.section-preview-wrap .accent-block.language .manage .settings-button{margin-left:15px;font-size:23px;padding:10px;color:#58b2cc;background:#d3f0f9;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.section-preview-wrap .accent-block.language .manage .settings-button:hover{background:#4ad6ff;color:#fff;border-color:#0bafe4}.vertical-align-center{margin-top:auto;margin-bottom:auto}.vertical-align-bottom{margin-top:auto}.route-with-transition{position:absolute;width:100%;transition:0.2s all;transition-timing-function:linear}.route-with-transition.activated{transition-delay:0.0s;opacity:1;position:relative}.route-with-transition:not(.activated){transition-delay:0.0s;opacity:0;pointer-events:none}.initials-view .initials{text-align:center;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.range-options>.form-group{margin-left:15px;margin-right:15px}.range-options .number-range-input{display:flex}.range-options .range-option{display:flex;margin-right:15px;flex-grow:1}.range-options .range-input{display:flex;margin-right:0}.range-options .range-input .form-group{margin-right:0px}.range-options .range-input .quantity-input{max-width:80px}.code-editor{width:100%;min-height:100px;margin-bottom:20px}.code-editor .code-editor-area{width:100%;height:100%}.code-editor .code-editor-area textarea{transition:none !important}.copy-input .input-wrap{position:relative}.copy-input .input-wrap .input{padding-right:35px !important}.copy-input .input-wrap .copy{border:none;outline:none;cursor:pointer;position:absolute;top:50%;right:10px;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);background:transparent;padding-left:10px;border-left:1px solid #ddd}.copy-input .input-wrap .copy i{font-size:16px}.number-range-input{display:flex}.number-range-input .form-group{display:flex;margin-bottom:0px !important;max-width:80px;text-align:center}.number-range-input .form-group .input{text-align:center}.number-range-input .range-between{display:flex;padding:12px;font-size:9pt;align-self:center}@media (max-width: 575.98px){.birthday .col-12{margin-bottom:20px}}.plain-date-input .select-menu.modified .button{border-color:#ffc66a;background:#fff7ea}.plain-date-input .select-menu.modified .button i{border-color:#ffc66a;background:#ffe9c5;color:#ffa20b}.quantity-input{display:table;margin:auto;position:relative}.quantity-input .form-group{margin-bottom:0px}.quantity-input .form-group .input{max-width:80px;text-align:center;padding-right:30px}.quantity-input .arrows{position:absolute;right:0px;top:0;height:38px;width:28px;overflow:hidden}.quantity-input .arrows .button{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;border:none;padding:3px 13px;height:19px;width:26px;min-height:0px;box-shadow:none !important;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px}.quantity-input .arrows .button i{font-size:26px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.quantity-input .arrows .button:disabled{opacity:0.6;cursor:not-allowed}.quantity-input .arrows .button:disabled i{opacity:0.5}.quantity-input .arrows .up{position:absolute;top:0}.quantity-input .arrows .up:after{content:"";position:absolute;z-index:1;left:0px;bottom:0px;width:100%;height:1px}.quantity-input .arrows .down{position:absolute;bottom:0}.quantity-input.control-disabled .arrows{cursor:not-allowed}.number-range-slider-input,.integer-range-slider-input,.slider-input{display:flex;align-items:center}.number-range-slider-input .input-min,.number-range-slider-input .input-max,.integer-range-slider-input .input-min,.integer-range-slider-input .input-max,.slider-input .input-min,.slider-input .input-max{margin-bottom:0}.number-range-slider-input .slider,.integer-range-slider-input .slider,.slider-input .slider{align-self:center}.number-range-slider-input .counter,.integer-range-slider-input .counter,.slider-input .counter{width:60px !important;align-self:center;display:table;margin:auto}.number-range-slider-input .counter .input,.integer-range-slider-input .counter .input,.slider-input .counter .input{text-align:center}.number-range-slider-input .slider,.integer-range-slider-input .slider,.slider-input .slider{width:100%;height:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#37c6f4;overflow:unset;outline:none;-webkit-appearance:none;margin-bottom:10px}.number-range-slider-input .slider::-webkit-slider-thumb,.integer-range-slider-input .slider::-webkit-slider-thumb,.slider-input .slider::-webkit-slider-thumb{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;width:15px;height:15px;background:#fff;border:1px solid #ddd;transition:background-color .2s;-moz-transition:background-color .2s;-webkit-transition:background-color .2s;-o-transition:background-color .2s;-webkit-appearance:none}.number-range-slider-input .slider::-webkit-slider-thumb:active,.number-range-slider-input .slider::-webkit-slider-thumb:hover,.integer-range-slider-input .slider::-webkit-slider-thumb:active,.integer-range-slider-input .slider::-webkit-slider-thumb:hover,.slider-input .slider::-webkit-slider-thumb:active,.slider-input .slider::-webkit-slider-thumb:hover{background:#72ddff;border-color:#00b4ef;cursor:pointer}.range-slider-input{display:flex;width:100%;margin:10px 0}.range-slider-input>*{display:inline-block}.range-slider-input .input-min,.range-slider-input .input-max{width:64px;min-width:64px;margin-bottom:0}.range-slider-input .input-min .input,.range-slider-input .input-max .input{text-align:center}.range-slider-input .range-line{width:90%;height:5px;background:#e6e6e6;margin:0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;align-self:center;position:relative}.range-slider-input .range-line .active-line{height:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;align-self:center;position:absolute;background:#37c6f4;pointer-events:none}.range-slider-input .range-line .dot{position:absolute;width:15px;height:15px;background:#fff;border:1px solid #ddd;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:-5px}.range-slider-input .range-line .dot:hover,.range-slider-input .range-line .dot.active{background:#72ddff;border:1px solid #00b4ef;cursor:pointer}.range-slider-input .range-line .dot-min{left:0}.range-slider-input .range-line .dot-max{left:100%}.range-slider-input .range-line.progress{height:7px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.range-slider-input .range-line.progress .active-line{height:7px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.rich-text-area{-webkit-box-shadow:3px 3px 0px 0 #f7f7f7;-moz-box-shadow:3px 3px 0px 0 #f7f7f7;box-shadow:3px 3px 0px 0 #f7f7f7}.rich-text-area .form-group.full-width.text-area.ql-container.ql-snow .ql-editor{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;width:100%}.rich-text-area .ql-container.ql-snow{-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important;-webkit-border-bottom-left-radius:3px !important;-moz-border-radius-bottomleft:3px !important;border-bottom-left-radius:3px !important}.ql-editor{min-height:150px;font-size:13px;line-height:17px;font-family:"Montserrat",sans-serif}.ql-toolbar.ql-snow{-webkit-border-top-left-radius:3px !important;-moz-border-radius-topleft:3px !important;border-top-left-radius:3px !important;-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important}.min-email-textarea{-webkit-box-shadow:3px 3px 0px 0 #f7f7f7;-moz-box-shadow:3px 3px 0px 0 #f7f7f7;box-shadow:3px 3px 0px 0 #f7f7f7}.text-area{-webkit-border-bottom-left-radius:3px !important;-moz-border-radius-bottomleft:3px !important;border-bottom-left-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important}.rich-text-area-container .ql-font span[data-label="Sans Serif"]::before{font-family:"Sans Serif"}.rich-text-area-container .ql-font span[data-label="Inconsolata"]::before{font-family:"Inconsolata"}.rich-text-area-container .ql-font span[data-label="Roboto"]::before{font-family:"Roboto"}.rich-text-area-container .ql-font span[data-label="Mirza"]::before{font-family:"Mirza"}.rich-text-area-container .ql-font span[data-label="Arial"]::before{font-family:"Arial"}.ql-font-inconsolata{font-family:"Inconsolata"}.ql-font-roboto{font-family:"Roboto"}.ql-font-mirza{font-family:"Mirza"}.ql-font-arial{font-family:"Arial"}.ql-picker.ql-size .ql-picker-item[data-value="10px"]::before{content:'10px';font-size:10px !important}.ql-picker.ql-size .ql-picker-item[data-value="11px"]::before{content:'11px';font-size:11px !important}.ql-picker.ql-size .ql-picker-item[data-value="12px"]::before{content:'12px';font-size:12px !important}.ql-picker.ql-size .ql-picker-item[data-value="13px"]::before{content:'13px';font-size:13px !important}.ql-picker.ql-size .ql-picker-item[data-value="14px"]::before{content:'14px';font-size:14px !important}.ql-picker.ql-size .ql-picker-item[data-value="16px"]::before{content:'16px';font-size:16px !important}.ql-picker.ql-size .ql-picker-item[data-value="18px"]::before{content:'18px';font-size:18px !important}.ql-picker.ql-size .ql-picker-item[data-value="20px"]::before{content:'20px';font-size:20px !important}.ql-picker.ql-size .ql-picker-item[data-value="22px"]::before{content:'22px';font-size:22px !important}.ql-picker.ql-size .ql-picker-item[data-value="24px"]::before{content:'24px';font-size:24px !important}.ql-picker.ql-size .ql-picker-item[data-value="26px"]::before{content:'26px';font-size:26px !important}.ql-picker.ql-size .ql-picker-item[data-value="28px"]::before{content:'28px';font-size:28px !important}.ql-picker.ql-size .ql-picker-item[data-value="30px"]::before{content:'30px';font-size:30px !important}.ql-picker.ql-size .ql-picker-item[data-value="32px"]::before{content:'32px';font-size:32px !important}.ql-picker.ql-size .ql-picker-item[data-value="34px"]::before{content:'34px';font-size:34px !important}.ql-picker.ql-size .ql-picker-item[data-value="36px"]::before{content:'36px';font-size:36px !important}.ql-picker.ql-size .ql-picker-item[data-value="72px"]::before{content:'72px';font-size:72px !important}.single-slider-input{display:flex;width:100%;margin:10px 0}.single-slider-input>*{display:inline-block}.single-slider-input .input{width:64px;min-width:64px;margin-bottom:0;text-align:center}.single-slider-input .range-line{width:90%;height:5px;background:#e6e6e6;margin:0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;align-self:center;position:relative;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.single-slider-input .range-line:hover{background:#c7c7c7}.single-slider-input .range-line .active-line{height:5px;left:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;align-self:center;position:absolute;background:#37c6f4;pointer-events:none}.single-slider-input .range-line .dot{position:absolute;width:15px;height:15px;background:#fff;border:1px solid #ddd;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:0}.single-slider-input .range-line .dot:hover,.single-slider-input .range-line .dot.active{background:#72ddff;border:1px solid #00b4ef;cursor:pointer}.single-slider-input .range-line:hover{background:#d4d0d0}.single-slider-input .range-line.progress{height:7px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.single-slider-input .range-line.progress .active-line{height:7px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.filter-button{min-height:38px;margin-left:0px !important}.accent-block.searches{margin:0;padding:2px 0;display:flex}@media (max-width: 767.98px){.accent-block.searches{display:block;width:100%;float:left}}.accent-block.searches .title-block span{margin:0}.desktop-scrollbars .scrollbar{display:flex;position:absolute;background-color:rgba(228,228,228,0.5);border-radius:5px 5px;z-index:1}.desktop-scrollbars .scrollbar .scroll-anchor{z-index:2;position:absolute;background-color:#c7c7c7;border-radius:5px 5px}.desktop-scrollbars .scrollbar .scroll-anchor:hover{background-color:#959595;transition:background-color 0.5s}.desktop-scrollbars .scrollbar.scrollbar-vertical{top:7.5%;bottom:0;height:85%;right:5px;width:6px}.desktop-scrollbars .scrollbar.scrollbar-vertical .scroll-anchor{width:100%;height:50px}.desktop-scrollbars .scrollbar.scrollbar-horizontal{left:7.5%;right:0;width:85%;bottom:3px;height:5px}.desktop-scrollbars .scrollbar.scrollbar-horizontal .scroll-anchor{width:50px;height:100%}.mobile-scrollbars .scrollbar{display:none}.buttons-select ul{width:auto;display:inline-block}.buttons-select ul li{display:inline-block;position:relative;cursor:pointer}.currency-option a{display:flex;justify-content:space-between;width:100%}.currency-option a .currency-iso{color:#8c8c8c}.currency-option a .currency-iso .currency-symbol{font-weight:bold;margin-right:5px;color:#333}.entity-multiple-select .counter{position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);transform:translate(0%, -50%);padding:3px;min-width:20px;min-height:20px;text-align:center;font-size:10px;line-height:15px;background:#dcf7ff;color:#01b3e6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;z-index:2;right:51px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.entity-multiple-select:hover .counter{background:#2fd0ff;color:#fff}.select-search{position:relative;padding:8px 10px;background:#fbfbfb;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.select-search i{font-size:20px;position:absolute;top:50%;right:16px;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%)}.select-search input{display:block;width:100%;padding:8px 30px 8px 8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;border:1px solid #c1c1c1;font-family:"Montserrat",sans-serif;background:#fff;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;color:#333}.select-search input:focus{border-color:#37c6f4;background:#f9fdff}.language-dropdown .button{padding:0;border:none;box-shadow:none;background:transparent}.language-dropdown .button:hover,.language-dropdown .button:hover:not(:disabled){background:transparent}.language-dropdown .button i{margin:0;display:none}.language-dropdown .button span{color:#333;margin-left:10px}.language-dropdown .button img{max-width:30px;min-width:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;vertical-align:middle}.no-saved-searches-warning{padding:5px 0px}.border-error .input{border-color:#ff6665}.table-filter{padding:0px 15px}.table-filter .entity-multiple-select{min-width:220px}.table-filter .remove-table-filter{position:absolute;right:0;top:5px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;z-index:2}.table-filter .remove-table-filter:hover{cursor:pointer;color:#d00100;background:#fff0f0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.delete-dialog .modal-body .modal-items.rules-wrap{padding-bottom:0px;margin:0}.delete-dialog .modal-body .modal-items.rules-wrap .rules-block{padding:0}.delete-dialog .modal-body .modal-items.rules-wrap .rules-block .entity-view{padding:10px}.delete-dialog .modal-body .modal-items.rules-wrap .rules-block .entity-view .image-view{margin:initial}.expansion-toggle.expanded i:before{-webkit-transform:rotate(90deg) scale(1);-ms-transform:rotate(90deg) scale(1);-moz-transform:rotate(90deg) scale(1);transform:rotate(90deg) scale(1)}.form-field.no-margin .form-group{margin-bottom:0px}.image-preview{position:fixed;width:100%;z-index:1}.image-preview .content{position:fixed;z-index:1;padding-left:10px;padding-right:10px;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.image-preview .content.opaque{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=1)}.image-preview .content img{-webkit-transition:all .5s cubic-bezier(1, 0, 0, 1);-moz-transition:all .5s cubic-bezier(1, 0, 0, 1);-o-transition:all .5s cubic-bezier(1, 0, 0, 1);transition:all .5s cubic-bezier(1, 0, 0, 1);position:absolute;left:0;z-index:2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.image-preview .content img.no-transition{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important}.image-preview .controls .prev,.image-preview .controls .next{color:#d00100;cursor:pointer;position:fixed;top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);transform:translate(0%, -50%);width:auto;font-weight:bold;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:0.6s ease;z-index:3}.image-preview .controls .prev{font-size:2rem;color:#333;background:#ddd;padding:0.5rem;-webkit-border-top-right-radius:5px !important;-moz-border-radius-topright:5px !important;border-top-right-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius-bottomright:5px !important;border-bottom-right-radius:5px !important}.image-preview .controls .next{right:0;font-size:2rem;color:#333;background:#ddd;padding:0.5rem;-webkit-border-top-left-radius:5px !important;-moz-border-radius-topleft:5px !important;border-top-left-radius:5px !important;-webkit-border-bottom-left-radius:5px !important;-moz-border-radius-bottomleft:5px !important;border-bottom-left-radius:5px !important}.image-preview .controls .counter{display:inline-block;background-color:#fff;color:#333;border-radius:9px;padding:0px 5px;position:absolute;top:10px;left:10px}.image-preview .controls .close-button{position:absolute;top:10px;right:10px;cursor:pointer}.image-preview-loading{position:fixed;z-index:50;text-align:center;display:flex}.image-preview-loading i{align-self:center;margin:auto}.dimensions-input .dimension-block .input{text-align:center}.dimensions-input .col-1{width:15% !important;max-width:15% !important;flex:0 0 12.5%;height:40px}@media (min-width: 576px) and (max-width: 767.98px){.dimensions-input .col-1{max-width:15% !important;flex:0 45px}}.dimensions-input .col-1 .multiply{display:flex}.dimensions-input .col-1 .multiply i{margin:auto;font-size:22px}.inline-text-input .inactive{pointer-events:none}.form-group .form-group-dropdown{position:absolute;right:0}.form-group .form-group-dropdown .button{height:38px;padding:0 10px;background:#dcf7ff;border:1px solid #37c6f4;color:#12c0f3;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}.form-group .form-group-dropdown .button span{font-size:12px;margin-right:10px}.form-group .form-group-dropdown .button i{font-size:21px}.form-group .form-group-dropdown .button:hover{background:#4ad6ff;color:#fff;border-color:#0bafe4}.form-group .form-group-dropdown .balloon{min-width:30px;max-height:450px;opacity:1}.search{position:relative}.search input{width:100%;outline:none}.search i{position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);right:13px}.form-group{display:block;position:relative}.form-group label{display:block}.form-group label i{vertical-align:middle}.form-group label.bold{font-weight:600}.form-group .input{width:100%;outline:none}.input-group{position:relative;display:flex;align-items:stretch;width:100%}.input-group .tag-section,.input-group .icon{display:inline-block;width:auto}.input-group .tag-section i,.input-group .icon i{align-self:center}.input-group .input-section{display:flex}.input-group.icon-section .icon i{vertical-align:middle}.tag-input .tag{display:inline-flex}.tag-input .tag .tag-text{width:100%}.tag-input .tag span{line-height:initial}.tag-input .tag .close-tag{cursor:pointer}.tag-input input{display:inline-block;max-width:100%;height:28px}.tag-input input:focus{outline:none}.tag-input .hidden-div{display:inline-block;position:fixed;width:auto;visibility:hidden;overflow:auto}.tag-input .tags{display:inline-block}.form-group .textarea{width:100%;outline:none}.action-menu-item .action-menu-button{position:relative;width:100%;outline:none}.action-menu-item .action-menu-button i{vertical-align:middle}.action-menu-item .action-menu-button span{vertical-align:middle}.combo-box-container{width:100%}.combo-box-container.open .combo-dropdown ul{display:block}.combo-box-container .combo-dropdown{position:relative}.combo-box-container .combo-dropdown .combo-button{position:absolute;right:0;top:0}.combo-box-container .combo-dropdown ul{position:absolute;z-index:9;width:100%;display:none;height:auto;overflow-x:hidden}.combo-box-container .combo-dropdown ul li a{display:block;position:relative}.submenu-content{height:calc(100% - 43px)}body.sub-menu-closed .sub-menu .submenu-content .scroll-out{overflow:visible}body.sub-menu-closed .sub-menu .submenu-content .scroll-out .scroll-content{overflow:visible}body:not(.sub-menu-open) .page{box-shadow:0px 0px 20px 0 rgba(33,34,41,0)}.navigation-menu-item{position:relative;overflow:hidden}.navigation-menu-item a .text{position:relative}.navigation-menu-item a *{pointer-events:none}.option{display:block;position:relative;cursor:pointer}.option a .icon{display:inline-flex}.select-menu-button{display:flex;justify-content:flex-end}@media (max-width: 767.98px){.select-menu-button{padding-top:1rem;justify-content:center}}.no-results .title-block span{margin-bottom:0px;font-size:13px}.pagination{display:flex}.pagination .page-item{position:relative;width:auto;display:inline-block;-webkit-box-shadow:3px 3px 0px 0 #f7f7f7;-moz-box-shadow:3px 3px 0px 0 #f7f7f7;box-shadow:3px 3px 0px 0 #f7f7f7}.pagination .page-item:hover{cursor:pointer}.pagination .page-item:focus{outline:none}.pagination .page-item .page-link [class^="i-"]{line-height:0;vertical-align:middle}.pagination .page-item.page-selected{position:relative;cursor:default}.pagination .page-item.page-selected::before,.pagination .page-item.page-selected::after{position:absolute;content:"";top:0;width:1px;height:100%}.pagination .page-item.page-selected::before{left:-1px}.pagination .page-item.page-selected::after{right:-1px}.pagination .page-item.page-previous{border-right:none}.pagination .page-item.page-next{border-left:none}.pagination .page-input{text-align:center}.pagination .page-input:focus{outline:none}.pagination .page-input::-webkit-outer-spin-button,.pagination .page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination .page-input[type=number]{-moz-appearance:textfield}.color-picker-panel.no-alpha .alpha-wrapper{display:none}.color-picker-panel .picker-box .palette-box{padding:0}.color-picker-panel .picker-box .color-code{padding:4px 0;margin-bottom:0.5rem;width:100%;background:#333;font-size:0.75rem;color:#fff;text-align:center;border:none}.color-picker-panel .picker-box .change-color-box{margin-bottom:0.5rem}.color-picker-panel .picker-box .change-color-box div{padding:0;display:flex;align-items:center;height:1.3rem;background:rgba(3,3,3,0.3)}.color-picker-panel .picker-box .change-color-box div:first-child{padding:0;text-align:right}.color-picker-panel .picker-box .change-color-box .save-button{position:absolute;right:5px;width:32px;cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.color-picker-panel .picker-box .change-color-box .save-button:hover{background:#030303}.color-picker-panel .picker-box .change-color-box .save-button span{padding-top:1px;display:flex;justify-content:center;width:100%;font-size:0.65rem;color:#fff;cursor:pointer}.color-picker-panel .picker-box .change-color-box .save-color{padding:2px 5px !important;font-size:12px}.color-picker-panel .picker-box .color-guide{height:0.7rem}.color-picker-panel .picker-box .color-picker-canvas{width:80%}.color-picker-panel .picker-box .color-picker-slider{width:100%;height:148px}.color-picker-panel .picker-pointer{width:12px;height:12px;border:2px solid #fff;background:transparent;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;-webkit-box-shadow:0 0 4px 0 rgba(3,31,92,0.1);-moz-box-shadow:0 0 4px 0 rgba(3,31,92,0.1);box-shadow:0 0 4px 0 rgba(3,31,92,0.1);background:transparent;position:absolute;top:16px;left:81px;cursor:default;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:none}.color-picker-panel .picker-pointer.hue-line{top:0px;left:19px;border:2px solid #fff;cursor:e-resize;z-index:2}.color-picker-panel .picker-pointer.alpha-line{top:0px;left:19px;border:2px solid #fff;cursor:e-resize;z-index:2}.color-picker-panel .picker-pointer.grarient-left{top:2px;left:-5px;cursor:e-resize}.color-picker-panel .picker-pointer.grarient-right{top:2px;left:auto;right:-5px;cursor:e-resize}.color-picker-panel .ajust-list{margin-top:1rem;border-bottom:1px solid #ddd}.color-picker-panel .ajust-list .row{padding:0 1rem}.color-picker-panel .ajust-list .ajust-title{font-size:12px;text-align:center;cursor:pointer;position:relative;top:2px;border-bottom:3px solid transparent}.color-picker-panel .ajust-list .ajust-title:hover{color:#333;border-color:#ddd}.color-picker-panel .ajust-active{color:#333;font-weight:bold;border-bottom:3px solid #37c6f4 !important}.color-picker-panel .hex-input-wrap{text-align:center}.color-picker-panel .hex-input-wrap .hex-input{margin-top:5px}.color-picker-panel .hex-input-wrap .hex-input .form-control{padding:5px;height:auto;font-size:inherit;text-align:center;line-height:inherit}.color-picker-panel .hex-input-wrap input{padding:7px 10px 5px 10px;height:auto;background:#fff;border:1px solid #c1c1c1;font-weight:bold;font-family:Courier;text-align:center}.color-picker-panel .hex-input-wrap input:focus{border-color:#37c6f4;background:#f9fdff}.color-picker-panel .rgb{padding:12px 12px}.color-picker-panel .rgb .box{padding:0 4px}.color-picker-panel .rgb .box span{position:absolute;top:9px;left:11px}.color-picker-panel .rgb .form-control{padding:7px 10px 6px 10px;height:auto;text-align:right;border:2px solid #efefef;font-weight:bold;font-family:"Montserrat",sans-serif;background:#fff}.color-picker-panel .rgb .form-control:focus{border-color:#37c6f4;-webkit-box-shadow:inset 4px 4px 0 0 rgba(3,31,92,0.15);-moz-box-shadow:inset 4px 4px 0 0 rgba(3,31,92,0.15);box-shadow:inset 4px 4px 0 0 rgba(3,31,92,0.15)}.date-picker{position:relative;min-width:260px;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block}div.date-picker-sections{width:100%}.calendar-day-row{width:100%}.calendar-day-row>div{display:inline-block;height:100%;cursor:pointer;dominant-baseline:central}.calendar-day-row>div.inactive{opacity:0.3;background:#dfe3e8 !important;border:none;cursor:default;pointer-events:none}.calendar-month-row{width:100%;cursor:pointer}.calendar-month-row>div{display:inline-block;height:100%}.calendar-year-row{width:100%;cursor:pointer}.calendar-year-row>div{display:inline-block;height:100%}.time-picker .wrap{user-select:none}.datetime-picker{display:inline-block}.radio>input{position:absolute;overflow:hidden;display:none;clip:rect(0 0 0 0);width:0;height:0;margin:0;padding:0;border:0}.radio>input+span{vertical-align:middle;display:inline-block;margin-bottom:0;width:auto}.radio>input+span:before{display:inline-block;position:relative}.radio>input+span:hover:before{cursor:pointer}.radio>input:checked+span:before{transition:all 0.05s ease-in-out}.slider{position:relative;width:100%;max-width:100%;height:100%;overflow:hidden;z-index:1}.slider>ul{position:relative;top:0;display:flex;height:100%;transition:left 0.8s ease-in-out;z-index:2}.slider>ul .slider-items{width:100%}.slider>ul .slider-item{position:static;display:flex;width:100%;white-space:normal;flex:1;overflow:hidden}.slider>ul .slider-item>div{width:100%;height:100%;position:relative;display:inline-block}.slider .number-text{position:absolute;top:5px;left:5px;padding:0.1rem 0.5rem;z-index:3;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider .prev,.slider .next{cursor:pointer;position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);transform:translate(0%, -50%);width:auto;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;z-index:3}.slider .next{right:0}.slider .pagination{position:absolute;left:50%;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);transform:translate(-50%, 0%);z-index:3}.slider .pagination .dot{cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;transition:background-color 0.2s ease}.thumbnail-container{height:100%;background-color:#fff}.thumbnail-container>*{padding:0 0.5rem;width:100%;position:absolute !important;top:0;bottom:0;margin:auto}.vertical-slider{position:relative;width:100%;overflow-y:hidden;z-index:1;max-height:100%;height:100%}.vertical-slider ul{position:relative;top:0;z-index:2;white-space:nowrap;transition:top 0.8s ease-in-out;height:100%}.vertical-slider ul .slider-items{width:100%}.vertical-slider ul .slider-item{position:static;display:flex;width:100%;white-space:normal;flex:1}.vertical-slider ul .slider-item>*{width:100%;height:100%;position:relative;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block}.vertical-slider .down,.vertical-slider .up{cursor:pointer;position:absolute;left:50%;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);transform:translate(-50%, 0%);width:auto;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:0.6s ease;z-index:3}.vertical-slider .down{bottom:0}.action-button.control-disabled{opacity:0.5;cursor:not-allowed !important}.action-button.control-busy{opacity:0.5}.table .table-header{min-width:fit-content}.table .table-row{display:block;min-width:fit-content}.table .table-row .table-row-cells{display:flex;min-width:fit-content}.table .table-row .table-row-subrows{display:none;position:relative;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;overflow:hidden}.table .table-row .table-subrow-cells{width:100%;display:flex}.table .table-row.expanded .table-row-subrows{display:block}.table .table-body-wrapper{position:relative}.table .table-loading{width:100%;height:100%;z-index:9}.loading-spinner{display:inline-flex;padding:15px;width:100%}.loading-spinner i{color:#37c6f4}.table-wrap .table .table-column{flex-basis:0}.table-wrap .table .table-cell{flex-basis:0}.table-wrap:not(.dragging-finishing) .table .table-column.draggable{cursor:grab}.table-wrap:not(.dragging-finishing) .table .table-column.draggable:active{cursor:grabbing}.table-wrap:not(.dragging-finishing) .table .table-column .table-column-header{cursor:text}.dragging-highlight{pointer-events:none}.user-view{display:flex}.user-view a{align-self:center;margin-left:12px;word-break:break-word}.user-view span{color:#333}.user-view .image-view img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:70px;height:70px;max-width:none}.user-view.small .initials-view{width:32px;height:32px}.user-view.small .initials-view .initials{line-height:26px;min-width:26px;font-size:12px}.info-tile .relativeDataContainer i.no-change{color:#333}.info-tile .relativeDataContainer i.positive-change{color:#519800}.info-tile .relativeDataContainer i.negative-change{color:#d00100}.attachments-view{display:flex;flex-direction:column}.attachments-view .attachment{margin-bottom:12px}.attachments-view .title{margin-left:8px}.boolean-icon i{font-size:22px}.boolean-icon i.i-remove{color:#d00100}.text-with-ellipsis{max-height:100px;overflow:hidden}.money-input .currency{width:35px;position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);text-align:center;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.money-input .currency.left-currency{left:0px}.money-input .currency.right-currency{right:0px}.money-input.left .input{text-align:left}.money-input.left .currency.right-currency{display:none}.money-input.right .input{text-align:right}.money-input.right .currency.left-currency{display:none}.money-input.control-disabled .currency{cursor:not-allowed}

@media (min-width: 1200px){.container{max-width:1240px}}html{height:100%}html body{font-family:"Montserrat",sans-serif;background-color:#fff;color:#333;overflow-x:hidden;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;position:relative;height:100%;overflow:hidden}html body .main-route{height:100%}html body .main-route .main-page{height:100%}html body .main-route .main-page .page{display:flex;flex-direction:column;height:100%}html body .main-route .main-page .page .page-content{position:relative;flex-grow:1}html body .main-route .main-page .page .page-content .route-with-transition{position:absolute;height:100%;overflow-x:hidden}html body .main-route .main-page .page .page-content .route-with-transition.scrollable{overflow-y:scroll}html body .main-route .main-page .page .page-content .route-with-transition:not(.scrollable){overflow-y:hidden}body.desktop-scrollbars .route-with-transition.scrollable{width:calc(100% + 16px)}body.mobile-scrollbars .route-with-transition.scrollable{width:100%}.not-implemented{opacity:0.5;cursor:not-allowed !important}.not-implemented *{cursor:not-allowed !important}::-webkit-input-placeholder{color:#d4d4d4}:-ms-input-placeholder{color:#d4d4d4}::placeholder{color:#d4d4d4}.dragging-layer{z-index:100}.highlight-layer{z-index:150}.topmost-layer{z-index:1000}.text.padding{padding:0px 5px}.text.green{color:#519800 !important}.text.green span{color:#519800 !important}.text.red{color:#d00100 !important}.text.red span{color:#d00100 !important}.row-eq-height{position:relative;overflow:hidden}@media (max-width: 1199.98px){.row-eq-height-m.lg{position:relative;overflow:hidden}}@media (max-width: 991.98px){.row-eq-height-m.md{position:relative;overflow:hidden}}@media (max-width: 575.98px){.row-eq-height-m.xs{position:relative;overflow:hidden}}.hint-block{display:block;color:#333;font-size:13px;line-height:1.5}.hint-block span{display:block}.hint-block.icon span{position:relative;padding-left:25px}.hint-block.icon span i{font-size:16px;vertical-align:middle;position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);transform:translate(0%, -50%);left:0px}.inline{display:inline-block}@media (max-width: 575.98px){.text-xs-center{text-align:center}}@media (max-width: 575.98px){.align-xs-center{display:table;margin:auto}}.space{padding:100px 0px}.space.space-big{padding:170px 0px 70px}@media (min-width: 992px) and (max-width: 1199.98px){.space{padding:70px 0px}.space.space-big{padding:120px 0px 70px}}@media (min-width: 768px) and (max-width: 991.98px){.space{padding:50px 0px}.space.space-big{padding:120px 0px 35px}}@media (max-width: 767.98px){.space{padding:35px 0px}.space.space-big{padding:120px 0px 35px}}.errors-container{position:fixed;bottom:0;width:100%;z-index:1000}.warning-text:not(.button){color:#d08000}.success-text:not(.button){color:#519800}.danger-text:not(.button){color:#d00100}.image-manager-dialog .modal-content{overflow:hidden}.image-manager-dialog .modal-body{position:relative}@media (max-width: 767.98px){.image-manager-dialog .modal-body.no-scroll{overflow-y:auto !important}}.image-manager-dialog .modal-body .display-block{display:block !important}.image-manager-dialog .modal-body .display-none{display:none !important}.image-manager-dialog .modal-body .general-page{height:100%;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;position:sticky;top:0;width:100%}@media (max-width: 767.98px){.image-manager-dialog .modal-body .general-page{position:absolute}}.image-manager-dialog .modal-body .general-page.slide-general-page{-webkit-transform:translate(-1140px, 0px);-ms-transform:translate(-1140px, 0px);-moz-transform:translate(-1140px, 0px);transform:translate(-1140px, 0px)}@media (max-width: 767.98px){.image-manager-dialog .modal-body .general-page.slide-general-page{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0)}}@media (min-width: 768px){.image-manager-dialog .modal-body .general-page>div{height:100%}}.image-manager-dialog .modal-body .general-page>div .row-fix{height:100%;overflow-y:initial}@media (max-width: 1199.98px){.image-manager-dialog .modal-body .general-page>div .row-fix{overflow-y:auto}}@media (max-width: 767.98px){.image-manager-dialog .modal-body .general-page>div .row-fix{overflow-y:initial}}.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery{overflow-y:auto}@media (min-width: 1200px){.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery{height:100%}}@media (max-width: 1199.98px){.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery{overflow-y:initial}}@media (max-width: 767.98px){.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery{display:block}}@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2){.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row{grid-template-columns:repeat(auto-fill, minmax(7rem, 1fr))}}.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column{cursor:pointer}.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column:first-child{grid-row:1 / 1;grid-column:1 / 1}.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column .image-item .check{position:absolute;z-index:2;bottom:5px;right:5px;background:#37c6f4;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;width:22px;height:22px;line-height:19px}.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column .image-item .check i{color:#fff;font-size:23px}.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column .buttons{position:absolute;margin:5px;z-index:2;top:0;left:0}.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column .buttons .add-favorites{position:absolute;margin-top:1px;display:inline-block;margin-left:10px;background:#fff;padding:4px 5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;z-index:2;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;-webkit-box-shadow:3px 3px 32px 0 rgba(3,31,92,0.15);-moz-box-shadow:3px 3px 32px 0 rgba(3,31,92,0.15);box-shadow:3px 3px 32px 0 rgba(3,31,92,0.15)}@media (max-width: 767.98px){.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column .buttons .add-favorites{margin-left:0px}}.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column .buttons .add-favorites i{font-size:19px;color:#37c6f4}.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column .buttons .add-favorites:hover i{color:#01b3e6}.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column .buttons .edit-button{display:inline-block}@media (max-width: 767.98px){.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column .buttons .edit-button{display:none}}.image-manager-dialog .modal-body .general-page>div .row-fix .image-gallery .gallery-row .gallery-column .buttons .edit-button .button{border:none;padding-left:15px;font-size:12px;padding:7px 15px;-webkit-box-shadow:3px 3px 32px 0 rgba(3,31,92,0.15);-moz-box-shadow:3px 3px 32px 0 rgba(3,31,92,0.15);box-shadow:3px 3px 32px 0 rgba(3,31,92,0.15);min-height:0}@media (min-width: 1200px){.image-manager-dialog .modal-body .general-page .add-new-image{border-left:1px solid #ddd;height:100%}}@media (min-width: 992px) and (max-width: 1199.98px){.image-manager-dialog .modal-body .general-page .add-new-image{border-left:none}}.image-manager-dialog .modal-body .general-page .add-new-image.active-new-image-res{right:0;width:100%;visibility:visible}.image-manager-dialog .modal-body .general-page .add-new-image.active-new-image-res .content-side-menu{width:100%}.image-manager-dialog .modal-body .general-page .add-new-image .content-side-menu{width:100%}@media (max-width: 1199.98px){.image-manager-dialog .modal-body .general-page .add-new-image .content-side-menu{height:100%;border-top:1px solid #ddd}}@media (min-width: 992px) and (max-width: 1199.98px){.image-manager-dialog .modal-body .general-page .add-new-image .content-side-menu{height:100%}}@media (min-width: 768px) and (max-width: 991.98px){.image-manager-dialog .modal-body .general-page .add-new-image .content-side-menu{height:100%}}@media (max-width: 767.98px){.image-manager-dialog .modal-body .general-page .add-new-image .content-side-menu{position:relative}}.image-manager-dialog .modal-body .general-page .add-new-image .content-side-menu .content-block{height:100%;padding:15px}.image-manager-dialog .modal-body .general-page .add-new-image .content-side-menu .content-block .file-area{height:100%}.image-manager-dialog .modal-body .general-page .image-menu{z-index:9;background-color:#fff;border-right:1px solid #ddd}@media (max-width: 767.98px){.image-manager-dialog .modal-body .general-page .image-menu{border-right:none}}.image-manager-dialog .modal-body .general-page .image-menu .blocks li{border-bottom:none}.image-manager-dialog .modal-body .general-page .image-menu .blocks li>div{padding:10px 0px}.image-manager-dialog .modal-body .general-page .image-menu .blocks li>div:hover .button{background:transparent}.image-manager-dialog .modal-body .general-page .image-menu .blocks li .block-content span{text-transform:none;font-weight:normal}.image-manager-dialog .modal-body .general-page .image-menu.social-active{display:block}@media (max-width: 767.98px){.image-manager-dialog .modal-body .general-page .image-menu.social-active{display:none}}.image-manager-dialog .modal-body .general-page .images-search{position:sticky;top:0;width:100%;z-index:3}.image-manager-dialog .modal-body .general-page .images-search input{padding:18px 45px 17px 20px}@media (max-width: 767.98px){.image-manager-dialog .modal-body .general-page .images-search input{border-top:1px solid #78e0ff}}.image-manager-dialog .modal-body .image-editor{-webkit-transform:translate(100%, 0px);-ms-transform:translate(100%, 0px);-moz-transform:translate(100%, 0px);transform:translate(100%, 0px);position:absolute;top:0;width:100%;height:100%;background-color:#f2f2f4;z-index:19;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}@media (max-width: 767.98px){.image-manager-dialog .modal-body .image-editor{display:none}}.image-manager-dialog .modal-body .image-editor.alone{transform:none;position:relative;top:auto;border-top:none}.image-manager-dialog .modal-body .image-editor.active-editor{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0)}.image-manager-dialog .modal-body .image-editor .close{display:none;border:none;background:transparent;font-size:2rem;position:absolute;left:13.5rem;padding:0;margin:0.55rem;width:2.1rem;height:2rem;line-height:40px;color:#333;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.image-manager-dialog .modal-body .image-editor .close.close-submenu{display:none}@media (max-width: 1199.98px){.image-manager-dialog .modal-body .image-editor .close{display:block}}.image-manager-dialog .modal-body .image-editor .editor-menu{float:left;width:89px;height:100%;background:#fff}.image-manager-dialog .modal-body .image-editor .editor-menu .blocks ul li{border-right:none;border-bottom:none;padding:7px 0px 3px 0px !important}.image-manager-dialog .modal-body .image-editor .editor-menu .blocks ul li .icon{width:auto}.image-manager-dialog .modal-body .image-editor .editor-menu .blocks ul li .icon img{width:100%;padding:0px 20px}.image-manager-dialog .modal-body .image-editor .editor-menu .blocks ul li div{padding:0px}.image-manager-dialog .modal-body .image-editor .editor-submenu{float:left;display:none;position:relative;width:280px;height:100%;background:#fff;border-right:1px solid #ddd;border-left:1px solid #ddd;z-index:0;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.image-manager-dialog .modal-body .image-editor .editor-submenu.active-submenu{display:block}@media (max-width: 1199.98px){.image-manager-dialog .modal-body .image-editor .editor-submenu{position:absolute;left:89px;z-index:9}}.image-manager-dialog .modal-body .image-editor .editor-submenu .editor-submenu-item{display:none}.image-manager-dialog .modal-body .image-editor .editor-submenu .editor-submenu-item.active-submenu-item{display:block}.image-manager-dialog .modal-body .image-editor .editor-submenu .content-block{padding:15px 0px 5px 0px}.image-manager-dialog .modal-body .image-editor .editor-submenu .content-block .adjust-menu{display:block}.image-manager-dialog .modal-body .image-editor .editor-submenu .title-block{padding:0px 15px}.image-manager-dialog .modal-body .image-editor .editor-submenu .padding{padding:0px 15px}.image-manager-dialog .modal-body .image-editor .editor-content{float:left;position:relative;width:calc(100% - 369px);display:inline-block;height:100%}.image-manager-dialog .modal-body .image-editor .editor-content.full-view{width:calc(100% - 89px)}@media (max-width: 1199.98px){.image-manager-dialog .modal-body .image-editor .editor-content{float:right;width:calc(100% - 89px);border-left:1px solid #ddd}}.image-manager-dialog .modal-body .image-editor .editor-content.content-slider{-webkit-transform:translate(280px, 0px);-ms-transform:translate(280px, 0px);-moz-transform:translate(280px, 0px);transform:translate(280px, 0px)}.image-manager-dialog .modal-body .image-editor .editor-content .close-button{background:#eae8e8}.image-manager-dialog .modal-body .image-editor .editor-content .close-button:hover{background:#ddd}.image-manager-dialog .modal-body .image-editor .item-editor{display:block;margin:0 auto;text-align:center}.image-manager-dialog .modal-body .image-editor .item-editor .icon{width:auto;padding:0px}.image-manager-dialog .modal-body .image-editor .item-editor .block-content .heading{font-weight:500;text-transform:none;padding:7px 0px;font-size:9pt;line-height:13px;margin-bottom:0px}.image-manager-dialog .modal-body .image-editor .navbar-editor{position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);right:15px;background:#fff;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px;color:#333}.image-manager-dialog .modal-body .image-editor .navbar-editor ul li{display:block;padding:7px;border:1px solid transparent;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.image-manager-dialog .modal-body .image-editor .navbar-editor ul li:first-child{-webkit-border-top-left-radius:21px !important;-moz-border-radius-topleft:21px !important;border-top-left-radius:21px !important;-webkit-border-top-right-radius:21px !important;-moz-border-radius-topright:21px !important;border-top-right-radius:21px !important}.image-manager-dialog .modal-body .image-editor .navbar-editor ul li:last-child{border-bottom:none;-webkit-border-bottom-left-radius:21px !important;-moz-border-radius-bottomleft:21px !important;border-bottom-left-radius:21px !important;-webkit-border-bottom-right-radius:21px !important;-moz-border-radius-bottomright:21px !important;border-bottom-right-radius:21px !important}.image-manager-dialog .modal-body .image-editor .navbar-editor ul li i{font-size:22px}.image-manager-dialog .modal-body .image-editor .navbar-editor ul li:hover,.image-manager-dialog .modal-body .image-editor .navbar-editor ul li.active{background:#00c1ff;color:#fff;border:1px solid #1bbbef;cursor:pointer}@media (max-width: 575.98px){.image-manager-dialog .modal-body .image-editor .navbar-editor{top:2%;left:50%;right:auto;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.image-manager-dialog .modal-body .image-editor .navbar-editor ul{display:flex}.image-manager-dialog .modal-body .image-editor .navbar-editor ul li:first-child{padding-left:10px;-webkit-border-top-left-radius:21px !important;-moz-border-radius-topleft:21px !important;border-top-left-radius:21px !important;-webkit-border-bottom-left-radius:21px !important;-moz-border-radius-bottomleft:21px !important;border-bottom-left-radius:21px !important;-webkit-border-top-right-radius:0 !important;-moz-border-radius-topright:0 !important;border-top-right-radius:0 !important}.image-manager-dialog .modal-body .image-editor .navbar-editor ul li:nth-child(2) img{position:relative;top:3px}.image-manager-dialog .modal-body .image-editor .navbar-editor ul li:last-child{padding-right:10px;-webkit-border-top-right-radius:21px !important;-moz-border-radius-topright:21px !important;border-top-right-radius:21px !important;-webkit-border-bottom-right-radius:21px !important;-moz-border-radius-bottomright:21px !important;border-bottom-right-radius:21px !important;-webkit-border-bottom-left-radius:0 !important;-moz-border-radius-bottomleft:0 !important;border-bottom-left-radius:0 !important}.image-manager-dialog .modal-body .image-editor .navbar-editor ul li:last-child img{position:relative;top:3px}}.image-manager-dialog .modal-body .image-editor .rotation{position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);left:15px;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px;padding:10px}.image-manager-dialog .modal-body .image-editor .rotation .range-line{width:5px;height:220px;background:#e6e6e6}.image-manager-dialog .modal-body .image-editor .rotation .range-line .active-line{width:5px;bottom:0}.image-manager-dialog .modal-body .image-editor .rotation .range-line .dot{left:50%;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.image-manager-dialog .modal-body .image-editor .rotation .range-line .dot.start{top:50%;margin-top:-8px}.image-manager-dialog .modal-body .image-editor .rotation .range-line .dot .label{position:absolute;right:-19px;font-size:14px;color:#333}.image-manager-dialog .modal-body .image-editor .rotation .range-line .dot .label span{margin-left:0px;font-size:18px;position:absolute;margin-top:-5px}.image-manager-dialog .modal-body .image-editor .rotation:hover .range-line{background:#cacaca}.image-manager-dialog .modal-body .image-editor .rotation:hover .range-line .dot{background:#72ddff;border:1px solid #00b4ef}@media (max-width: 575.98px){.image-manager-dialog .modal-body .image-editor .rotation{position:absolute;top:14%;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);transform:translate(-50%, 0%);left:50%;width:100%}.image-manager-dialog .modal-body .image-editor .rotation .range-line{position:relative;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);transform:translate(-50%, 0%);left:50%;width:calc(100% - 3rem);height:5px}.image-manager-dialog .modal-body .image-editor .rotation .range-line .dot.start .label{bottom:17px;right:1px}}.image-manager-dialog .modal-body .image-editor .manage-text{position:absolute;bottom:15px;left:50%;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);transform:translate(-50%, 0%);background:#fff;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px;color:#333}.image-manager-dialog .modal-body .image-editor .manage-text ul li{display:inline-block;padding:7px 10px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;border:1px solid transparent}.image-manager-dialog .modal-body .image-editor .manage-text ul li i{font-size:22px}.image-manager-dialog .modal-body .image-editor .manage-text ul li:first-child{padding-left:10px;-webkit-border-top-left-radius:21px !important;-moz-border-radius-topleft:21px !important;border-top-left-radius:21px !important;-webkit-border-bottom-left-radius:21px !important;-moz-border-radius-bottomleft:21px !important;border-bottom-left-radius:21px !important}.image-manager-dialog .modal-body .image-editor .manage-text ul li:last-child{padding-right:10px;-webkit-border-top-right-radius:21px !important;-moz-border-radius-topright:21px !important;border-top-right-radius:21px !important;-webkit-border-bottom-right-radius:21px !important;-moz-border-radius-bottomright:21px !important;border-bottom-right-radius:21px !important}.image-manager-dialog .modal-body .image-editor .manage-text ul li:hover{background:#00c1ff;color:#fff;border:1px solid #1bbbef;cursor:pointer}@media (max-width: 767.98px){.image-manager-dialog .modal-body .image-editor .manage-text ul{display:flex}}.image-manager-dialog .modal-body .image-editor .zoom{position:absolute;bottom:15px;right:15px;padding:0px 15px;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px;display:flex}.image-manager-dialog .modal-body .image-editor .zoom .range-line{width:100px;background:#e6e6e6}.image-manager-dialog .modal-body .image-editor .zoom i{display:inline-block;font-size:19px;margin-right:9px;color:#333}.image-manager-dialog .modal-body .image-editor .zoom:hover .range-line{background:#cacaca}.image-manager-dialog .modal-body .image-editor .zoom:hover .range-line .dot{background:#72ddff;border:1px solid #00b4ef}@media (max-width: 575.98px){.image-manager-dialog .modal-body .image-editor .zoom{display:none}}.image-manager-dialog .modal-body .image-review{display:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;background-color:#f2f2f4}@media (max-width: 1199.98px){.image-manager-dialog .modal-body .image-review{z-index:9}}.image-manager-dialog .modal-body .image-review>.row{height:100%}.image-manager-dialog .modal-body .image-review.active-review{display:block}.image-manager-dialog .modal-body .image-review .close{color:#333;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}.image-manager-dialog .modal-body .image-review .close:hover{color:#333}.image-manager-dialog .modal-body .image-review .info-container{flex-direction:column;justify-content:space-between;background:#fff;border-left:1px solid #ddd}.image-manager-dialog .modal-body .image-review .info-container .file-info{padding:0px 15px 15px 15px}.image-manager-dialog .modal-body .image-review .info-container .file-info ul li{padding:10px 0;font-size:13px}.image-manager-dialog .modal-body .image-review .info-container .file-info ul li .copy-url{color:#37c6f4;cursor:pointer;font-weight:600}.image-manager-dialog .modal-body .image-review .info-container .file-info ul li .copy-url:hover{color:#000}.image-manager-dialog .modal-body .active-item{background-color:#f2f2f4;border-left:4px solid #37c6f4 !important}.image-manager-dialog .modal-body .icon-item ul li{border-left:4px solid transparent}.image-manager-dialog .modal-body .icon-item ul li:hover{border-left:4px solid #ddd}.image-manager-dialog .modal-body .icon-item ul li img{width:2.5rem;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.image-manager-dialog .modal-body .icon-item .image-counter{position:absolute;align-self:center;right:15px;padding:0.4rem 0.56rem;font-size:0.75rem;color:#fff;background-color:#37c6f4;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}.image-manager-dialog .modal-body .open-folder{display:none;position:absolute;top:0;width:100%;height:100%;background-color:#fff;z-index:11}.image-manager-dialog .modal-body .open-folder.active{display:block}@media (min-width: 576px) and (max-width: 767.98px){.image-manager-dialog .modal-body .open-folder.active{height:calc(100% + 56px)}}.image-manager-dialog .modal-body .open-folder .close-button{background:#eae8e8}.image-manager-dialog .modal-body .open-folder .close-button:hover{background:#ddd}.image-manager-dialog .modal-body .open-folder .icon-block .icon{opacity:1;width:auto}.image-manager-dialog .modal-body .open-folder .icon-block .icon img{width:5rem}.image-manager-dialog .modal-body .open-folder .hint{width:100%;position:absolute;bottom:0;padding:15px;text-align:center;font-size:12px}.image-manager-dialog .adjust-menu ul{margin:10px 0px 15px 0px}.image-manager-dialog .adjust-menu ul li{padding:4px 15px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.image-manager-dialog .adjust-menu ul li.filter{font-size:12px;cursor:pointer;color:#333 !important}.image-manager-dialog .adjust-menu ul li.filter img{width:50px;vertical-align:middle;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid transparent;margin-right:10px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;padding:2px;background:#fff}.image-manager-dialog .adjust-menu ul li.filter:hover img,.image-manager-dialog .adjust-menu ul li.filter.active img{border:2px solid #37c6f4}.image-manager-dialog .adjust-menu ul li.filter:hover{background-color:#2fd0ff;color:#fff}.image-manager-dialog .adjust-menu ul li.filter:not(.active):hover{background:#f7f9fa}.image-manager-dialog .adjust-menu ul li.active{background-color:#4ad6ff;color:#fff}.image-manager-dialog .adjust-menu ul li.active.filter{color:#fff !important}.image-manager-dialog .adjust-menu ul li.active.filter img{border:2px solid #37c6f4}.image-manager-dialog .adjust-menu ul li .option{width:auto;display:inline-block;padding:8px 15px;background:#f3f3f3;font-size:12px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;border:1px solid transparent;position:relative}.image-manager-dialog .adjust-menu ul li .option:hover,.image-manager-dialog .adjust-menu ul li .option.active{background:#00c1ff;color:#fff;border-color:#1bbbef;cursor:pointer}.image-manager-dialog .adjust-menu ul li .option.icon{padding-left:33px}.image-manager-dialog .adjust-menu ul li .option.icon img,.image-manager-dialog .adjust-menu ul li .option.icon i{width:14px;position:absolute;top:5px;left:10px}.image-manager-dialog .adjust-menu ul li span{display:block;font-size:12px;position:relative;margin:10px 0px 3px 0px}.image-manager-dialog .adjust-menu ul li span.icon{padding-left:27px}.image-manager-dialog .adjust-menu ul li span.icon img,.image-manager-dialog .adjust-menu ul li span.icon i{width:14px;position:absolute;top:-3px;left:4px}.image-manager-dialog .adjust-menu ul li:hover .range-line{background:#cacaca}.image-manager-dialog .adjust-menu ul li:hover .range-line .dot{background:#72ddff;border:1px solid #00b4ef}.image-manager-dialog .range-line{width:100%;height:5px;background:#e6e6e6;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;align-self:center;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;position:relative}.image-manager-dialog .range-line .active-line{height:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;align-self:center;position:absolute;background:#37c6f4}.image-manager-dialog .range-line .dot{position:absolute;width:15px;height:15px;background:#fff;border:1px solid #ddd;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;left:-5px}.image-manager-dialog .range-line .dot:hover,.image-manager-dialog .range-line .dot.active{background:#72ddff;border-color:#00b4ef;cursor:pointer}.image-manager-dialog .range-line:hover{background:#cacaca}.image-manager-dialog .range-line:hover .dot{background:#72ddff;border-color:#00b4ef}.image-manager-dialog .range-line.progress{height:7px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.image-manager-dialog .range-line.progress .active-line{height:7px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.image-manager-dialog .image-review-wrap{min-height:300px}.image-manager-dialog .image-review-wrap .close-button{background:#eae8e8}.image-manager-dialog .image-review-wrap .close-button:hover{background:#ddd}.image-manager-dialog .image-container img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.image-manager-dialog .image-container.image-landscape img{width:100%;max-width:70%;height:auto}.image-manager-dialog .image-container.image-portrait img{width:auto;height:100%;max-height:80%}@media (max-width: 1199.98px){.image-manager-dialog .image-container.image-portrait img{height:70%}}@media (max-width: 575.98px){.image-manager-dialog .image-container.image-portrait img{height:80%}}.image-manager-dialog .add-button{display:block}.image-manager-dialog .add-button.close{display:none}.image-manager-dialog .back-button{position:absolute;right:0;display:none}.image-manager-dialog .back-button.active{display:block}.notes-chat .message-wrap .message{display:flex;margin-bottom:15px}@media (max-width: 575.98px){.notes-chat .message-wrap .message{margin-bottom:30px}}.notes-chat .message-wrap .message .question{display:inline-flex;margin-left:10px;align-self:center}.notes-chat .message-wrap .message .question .text{position:relative;background:#f9f9f9;font-size:13px;line-height:18px;padding:10px 15px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.notes-chat .message-wrap .message .question .text.main{background:#edfaff}.notes-chat .message-wrap .message .question .text p{margin:0;display:inline}.notes-chat .message-wrap .message .question .text .reply{padding:10px;background:#ececec;-webkit-border-top-left-radius:9px !important;-moz-border-radius-topleft:9px !important;border-top-left-radius:9px !important;-webkit-border-top-right-radius:9px !important;-moz-border-radius-topright:9px !important;border-top-right-radius:9px !important;margin:-10px -15px 10px -15px;font-size:12px}.notes-chat .message-wrap .message .question .text .reply p{line-height:19px}.notes-chat .message-wrap .message .question .text .reply .quote{font-size:22px;display:inline;font-weight:bold}.notes-chat .message-wrap .message .question .text .reply .reply-text p:nth-of-type(2){display:none}.notes-chat .message-wrap .message .question .text .reply .reply-name{font-weight:bold;margin-right:6px;line-height:19px}.notes-chat .message-wrap .message .question .message-actions{align-self:center;padding:0px 15px}.notes-chat .message-wrap .message .question .message-actions i{font-size:26px;cursor:pointer;color:#333;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.notes-chat .message-wrap .message .question .message-actions i:hover{color:#37c6f4}.notes-chat .message-wrap .message .header{margin:0px 15px 10px 15px}.notes-chat .message-wrap .message .header .sender{font-size:13px;font-weight:600}.notes-chat .message-wrap .message .header .sender .name{display:inline-block}.notes-chat .message-wrap .message .header .sender .time{display:inline-block;font-weight:normal;font-size:12px;color:#757575;margin-left:15px}.notes-chat .message-wrap .message .header .info-block{display:block;margin:5px 0px}.notes-chat .message-wrap .message .header .info-block span{font-size:11px}@media (min-width: 1200px){.notes-chat .message-wrap .message.reply{padding-left:30px !important}}.notes-chat .message-wrap .message.reply .sender i{position:absolute;font-size:32px;left:5px;top:-12px}.notes-chat .message-wrap .message.reply .text:before{content:"";width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #f9f9f9 transparent;top:-10px;position:absolute;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.notes-chat .message-wrap .message:hover .initials-view{border:1px solid #a5a5a5}.notes-chat .message-wrap .message:hover .text{background:#f1f1f1;color:#000}.notes-chat .message-wrap .message:hover .text.main{background:#e0f6ff}.notes-chat .message-wrap .message:hover .text:before{border-color:transparent transparent #f1f1f1 transparent}.notes-chat .message-wrap .message:hover .message-actions i{color:#000}.notes-chat .message-wrap .message:hover .sender{color:#333}.add-reply .page-heading{padding-right:55px;position:relative}.add-reply .page-heading.reply{padding-bottom:0;padding-top:0}.add-reply .page-heading.reply span{display:block;font-weight:normal;margin-top:2px}.add-reply .page-heading.reply p{margin:0 0 0 10px}.add-reply .page-heading.reply p:nth-of-type(2){display:none}.add-reply .page-heading.reply .remove{font-size:26px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;right:15px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.add-reply .page-heading.reply .remove:hover{background:#ececec;cursor:pointer}.add-reply .content-block{background:#f7f9fa;padding:0px 15px 12px 15px}.add-reply .content-block .textarea{resize:none;height:90px;min-height:0;-webkit-box-shadow:3px 3px 0px 0 #f7f7f7;-moz-box-shadow:3px 3px 0px 0 #f7f7f7;box-shadow:3px 3px 0px 0 #f7f7f7}.add-reply .content-block .form-group{margin-bottom:0px}.notes-icon{position:relative;cursor:pointer}.notes-icon i{font-size:28px;color:#12c0f3}.notes-icon i.no-notes{color:#c9d2d5}.notes-icon span{position:absolute;color:#fff;background:#df5353;font-size:11px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px;margin:-5px 0px 0 8px}.notes-icon span.no-notes{background:#808080}.language-settings-flag{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #ddd;padding:2px;background:#fff;position:relative;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;width:100%;height:auto;max-width:55px;max-height:55px;display:table;margin:auto}.log-entries-page{height:100%}@media (max-width: 575.98px){.dimensions-fragment{margin-bottom:20px}}.dimensions-fragment .dimensions-input .multiply{align-self:center;display:table;margin:auto}@media (max-width: 575.98px){.dimensions-fragment .dimensions-input .multiply{padding:0px 3px}}.entity-view{display:flex;align-items:center}.entity-view a{align-self:center;margin-left:12px}.entity-view span{font-weight:600;font-size:13px;line-height:16px;word-break:break-word}.entity-view p{margin-bottom:0px;line-height:18px}.entity-view .image-view{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.entity-view .image-view img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}.entity-view:hover img,.entity-view:hover .initials-view{border-color:#a5a5a5}.action-group .button i{font-size:17px;font-weight:600}.action-group .button.action-button-with-text{position:relative;padding:6px 15px 8px 37px !important}.action-group .button.action-button-with-text i{position:absolute;font-size:20px;left:9px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%)}.action-group .button.action-button-with-text i{font-weight:normal}.action-group .button:first-of-type{border-right:none;-webkit-border-top-right-radius:0px !important;-moz-border-radius-topright:0px !important;border-top-right-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius-bottomright:0px !important;border-bottom-right-radius:0px !important}.action-group .button:first-of-type:last-of-type{border-right:1px solid #0aa9dc;-webkit-border-top-right-radius:24px !important;-moz-border-radius-topright:24px !important;border-top-right-radius:24px !important;-webkit-border-bottom-right-radius:24px !important;-moz-border-radius-bottomright:24px !important;border-bottom-right-radius:24px !important;padding:3px 16px}.action-group .button:not(:first-of-type){border-right:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;padding:3px 13px}.action-group .button:not(:first-of-type):last-of-type{border-right:1px solid #37c6f4;-webkit-border-top-right-radius:24px !important;-moz-border-radius-topright:24px !important;border-top-right-radius:24px !important;-webkit-border-bottom-right-radius:24px !important;-moz-border-radius-bottomright:24px !important;border-bottom-right-radius:24px !important}.action-group .button:last-of-type{border-right:1px solid #37c6f4;padding:3px 16px 3px 13px}.action-menu-item .action-menu-button{border:none;background:transparent;padding:5px 10px;font-size:13px;color:#333;font-family:"Montserrat",sans-serif;text-align:left}.action-menu-item .action-menu-button i{margin:3px 10px 3px 0px;font-size:18px}.action-menu-item .action-menu-button:hover{background-color:#f2f2f4;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;cursor:pointer}.action-menu-item .action-menu-button:disabled{color:#ccc;cursor:default}.action-menu-item .action-menu-button:enabled:hover{background:#f2f2f4;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;cursor:pointer}.balloon{padding:5px 0px;background:#fff;border:none;-webkit-box-shadow:0px 2px 39px 0px rgba(0,0,0,0.19);-moz-box-shadow:0px 2px 39px 0px rgba(0,0,0,0.19);box-shadow:0px 2px 39px 0px rgba(0,0,0,0.19);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.balloon .balloon-arrow{border:8px solid transparent}.balloon.switch-store-balloon{width:450px;max-width:450px}.balloon.switch-store-balloon ul li{padding:15px}.balloon.save-filter-balloon,.balloon.saved-filter-balloon{width:250px !important}.balloon .entity-option.option .entity-view .initials-view{width:50px;height:50px}.balloon .entity-option.option .entity-view .initials-view .initials{line-height:44px;min-width:44px;font-size:12px}.balloon .entity-option.option .entity-view p{word-break:break-all;font-size:13px;line-height:23px}.balloon .entity-option.option .entity-view a{margin-left:8px;flex-shrink:1}.balloon .entity-option.option .entity-view a div{display:flex;flex-direction:column;text-align:left}.balloon .entity-option.option .entity-view .image-view{width:50px;height:50px}.tooltip-balloon{padding:2px 5px;display:inline-block;transition:opacity 200ms;-webkit-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.05);-moz-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.05);box-shadow:0px 2px 6px 0px rgba(0,0,0,0.05);background:#000;color:#fff;font-size:11px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;min-width:0;border-color:#000;max-width:190px}.chart-content-balloon{z-index:49;padding:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#fff;border:1px solid #bfbfbf;color:#333;font-size:12px;transition:opacity 200ms;-webkit-box-shadow:4px 3px 7px 0px rgba(0,0,0,0.15);-moz-box-shadow:4px 3px 7px 0px rgba(0,0,0,0.15);box-shadow:4px 3px 7px 0px rgba(0,0,0,0.15);pointer-events:none}.chart-content-balloon .balloon-arrow{border-width:6px}.chart-content-balloon .balloon-arrow.balloon-arrow-bottom{left:50%;top:100% !important}.chart-content-balloon .balloon-arrow.balloon-arrow-top{left:50%}.chart-content-balloon .balloon-arrow.balloon-arrow-left{top:50%}.chart-content-balloon .balloon-arrow.balloon-arrow-right{top:50%}.chart-content-balloon .chart-balloon-content .date{text-align:center;margin-top:5px;margin-bottom:10px;padding-bottom:9px;font-size:12px;color:#868686;border-bottom:1px solid #eaeaea}.chart-content-balloon .chart-balloon-content .value{font-size:14px;font-weight:600;clear:both;width:100%}.chart-content-balloon .chart-balloon-content .value .suffix{font-size:12px;font-weight:normal}.chart-content-balloon .chart-balloon-content .value .left{width:auto;text-align:left;display:inline-block;margin-bottom:5px;margin-right:5px}.chart-content-balloon .chart-balloon-content .value .left .title{font-weight:normal;font-size:12px}.chart-content-balloon .chart-balloon-content .value .left .title span{display:inline-block;width:15px;height:15px;background:rgba(74,214,255,0.4);vertical-align:middle;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-right:3px}.chart-content-balloon .chart-balloon-content .value .right{width:auto;text-align:right;display:inline-block;font-size:13px;font-weight:600;margin-bottom:5px}.chart-content-balloon .chart-balloon-content .value .right .suffix{font-size:12px;font-weight:normal}.chart-content-balloon .chart-balloon-content .value .right .prefix{font-size:12px;font-weight:normal}.blocks ul{width:100%}.blocks ul li{display:flex;border-right:1px solid #ddd;border-bottom:1px solid #ddd;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;cursor:pointer;background:#fff;justify-content:space-between}@media (max-width: 767.98px){.blocks ul li{border-right:none}}.blocks ul li .settings-tile,.blocks ul li .navigation-tile{width:100%;display:flex;padding:15px;align-items:center;justify-content:space-between}.blocks ul li .settings-tile{padding:15px;justify-content:space-between}@media (max-width: 575.98px){.blocks ul li .settings-tile{flex-direction:column}}.blocks ul li .settings-tile .icon{padding:0px 5px}.blocks ul li .settings-tile .icon img{width:100%}.blocks ul li .left{display:flex;align-items:center}.blocks ul li .description{display:flex}.blocks ul li .description .block-content{padding:0px 15px;font-size:13.5px;line-height:20px;align-self:center}.blocks ul li .description .block-content .heading{display:block;font-size:14.5px;line-height:19px;font-weight:600;margin-bottom:2px}.blocks ul li .actions{display:flex;margin:0;flex-shrink:0}.blocks ul li .actions a{display:flex;align-self:center}.blocks ul li .actions .help-video{display:flex;margin:0px 15px 0px 0px;font-size:9pt;line-height:14pt;background:#f5f5f5;padding:9px 15px 9px 12px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;align-items:center;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.blocks ul li .actions .help-video:hover{cursor:pointer}.blocks ul li .actions .help-video i{font-size:20px;vertical-align:middle;margin-right:8px}@media (max-width: 767.98px){.blocks ul li .actions{margin-top:15px;justify-content:center}}.blocks ul li .icon{width:100px;padding:0px 15px;flex-shrink:0;align-self:center}.blocks ul li .icon.round img{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}@media (min-width: 1200px){.blocks ul li:hover{background-color:#f7f9fa}.blocks ul li:hover .actions .help-video{background:#ececec !important}.blocks ul li:hover .actions .help-video:hover{background:#e8e8e8 !important}.blocks ul li:hover .step{background:#00c1ff;color:#fff}.blocks ul li:hover .button:not(.danger){background-color:#00c1ff;color:#fff !important}.blocks ul li:hover .button:not(.danger):hover{background-color:#23caff;border-color:#0bafe4;color:#fff}.blocks ul li:hover .button.success{background:#83c33b;border:1px solid #c2ea94}.blocks ul li:hover .actions .help-video{background:#f5f5f5}}.blocks ul li.active{background:#edffd9;position:relative}.blocks ul li.active:before{content:"";position:absolute;top:-1px;width:100%;height:1px;background-color:#c2ea94}.blocks ul li.active:after{content:"";position:absolute;bottom:-1px;width:100%;height:1px;background-color:#c2ea94}.blocks ul li.active .toggle>input:checked+span:before{background:#83c33b}.blocks ul li.active .button:not(.danger):not(.primary){background:#83c33b;color:#fff;border:1px solid #c2ea94;-webkit-box-shadow:5px 5px 0 0 #c2ec92;-moz-box-shadow:5px 5px 0 0 #c2ec92;box-shadow:5px 5px 0 0 #c2ec92}.blocks ul li.active:hover{background:#dcf9bc}.blocks ul li.inactive{opacity:0.5}@media (max-width: 575.98px){.blocks ul li .button-group .button{margin-left:0;margin-right:10px}}.blocks ul li .left.warning{color:#d08000}.blocks ul li .left.success{color:#519800}.blocks ul li .left.danger{color:#d00100}.blocks ul li .left.ok{color:#37c6f4}@media (max-width: 1199.98px){.blocks.bb-0-lg-d ul li:last-child{border-bottom:none}}.blocks.bb-0-xl-d ul li:last-child{border-bottom:none}.blocks.alphabetic-table{display:inline-block;position:relative;left:50%;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.blocks.alphabetic-table li{display:inline-block;padding:4px 7px;border:1px solid #c1c1c1;margin-top:-1px;margin-left:-1px;cursor:pointer;font-size:12px;min-width:29px;text-align:center;height:29px;line-height:20px}.blocks.alphabetic-table li:first-child{-webkit-border-top-left-radius:3px !important;-moz-border-radius-topleft:3px !important;border-top-left-radius:3px !important;-webkit-border-bottom-left-radius:3px !important;-moz-border-radius-bottomleft:3px !important;border-bottom-left-radius:3px !important}@media (max-width: 991.98px){.blocks.alphabetic-table li:first-child{-webkit-border-bottom-left-radius:0px !important;-moz-border-radius-bottomleft:0px !important;border-bottom-left-radius:0px !important}}.blocks.alphabetic-table li:last-child{-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important}@media (max-width: 991.98px){.blocks.alphabetic-table li:last-child{-webkit-border-top-right-radius:0px !important;-moz-border-radius-topright:0px !important;border-top-right-radius:0px !important}}.blocks.alphabetic-table li:hover{background-color:#f7f9fa}.blocks.alphabetic-table li.active{background:#edffd9}.blocks.boxes ul li{padding:0px;display:inline-block;float:left}.blocks.boxes ul li .heading{width:100%;display:block;padding:20px 10px;font-size:10pt;font-weight:600;text-transform:uppercase;color:#333;border-bottom:1px solid #ddd}.blocks.boxes ul li:hover{background:transparent}.blocks.boxes ul li .content-block{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.blocks.boxes ul li .content-block:hover{background-color:#f9f9f9}.blocks.boxes ul li .description{display:block;font-size:9pt;line-height:14pt;color:#757575;margin:15px 0px 0px 0px}.blocks.wide ul li .toggle{display:inline-block;vertical-align:middle;margin-right:20px}.blocks.wide ul li .settings-tile{padding:25px 15px}.blocks.wide ul li .settings-tile .button span{margin-top:-2px}.blocks.wide.bb-0 ul li:last-child{border-bottom:0px}.blocks.dashboard-blocks ul li{border-right:none;cursor:default}.blocks.dashboard-blocks ul li .icon{width:90px}.blocks.dashboard-blocks ul li:last-child{border-bottom:none}@media (min-width: 1200px){.blocks.double-blocks ul li:nth-of-type(even){border-right:none}}@media (max-width: 1199.98px){.blocks.double-blocks ul li{border-right:none !important}}@media (min-width: 1200px){.blocks.tripple-blocks ul li:nth-of-type(3n+0){border-right:none !important}}@media (min-width: 768px) and (max-width: 1199.98px){.blocks.tripple-blocks ul li:nth-of-type(even){border-right:none !important}}@media (max-width: 767.98px){.blocks.tripple-blocks ul li:last-child{border-bottom:none !important}}.blocks.app-blocks{margin-top:1px}.blocks.app-blocks ul li .rating-block{width:100%;padding:0px}.blocks.app-blocks ul li .rating-block .stars{display:table;margin:auto}@media (max-width: 575.98px){.blocks.app-blocks ul li .rating-block .stars{margin-top:10px}}.blocks.app-blocks ul li .button{display:table;margin:auto}.blocks.no-border-blocks ul li{border-right:none}.blocks.bb-0 ul li:last-child{border-bottom:0px}.blocks.info-blocks.br-0 ul li{border-right:none}.blocks.info-blocks ul li{width:100%;justify-content:flex-start;padding:15px;font-size:10pt}.blocks.info-blocks ul li:hover{cursor:default}.blocks.info-blocks ul li .title{display:block}.blocks.info-blocks ul li .description{font-size:12px;line-height:19px}.blocks.info-blocks ul li .data{font-size:14px;font-weight:600}.blocks.info-blocks ul li .data .title{display:block;font-size:13px;margin-bottom:10px;font-family:"Montserrat",sans-serif;font-weight:600}.blocks.info-blocks ul li .data .description{font-weight:normal}.blocks.info-blocks ul li .data .sm{display:inline-block;font-size:17px;font-weight:200}.blocks.info-blocks ul li .icon{width:45px;align-self:center;flex-shrink:0;font-size:34px;padding:0px;margin-right:15px}.blocks.info-blocks ul li .icon i{display:table;margin:auto}.blocks.info-blocks.display ul li{background:transparent}.blocks.stats-blocks ul li{padding:15px 15px 10px 15px}.blocks.stats-blocks ul li .left .data{font-size:15px}.blocks.stats-blocks ul li .description{padding-bottom:5px !important}.blocks.help-blocks{padding:20px 0px}.blocks.help-blocks .down-block{padding:25px 0px}.blocks.help-blocks .category-title{padding:0px 0px 30px 0px}@media (max-width: 1199.98px){.blocks.help-blocks ul li{border-right:none}}@media (max-width: 575.98px){.blocks.help-blocks ul li .centered{margin:20px 0px 10px 0px}}@media (max-width: 1199.98px){.blocks{margin-right:-1px}}@media (max-width: 575.98px){.blocks{margin-right:0}}.blocks.pl-0 ul li>div{padding-left:0px}.blocks.no-hover ul li{cursor:default}.brief-statistics .blocks.info-blocks ul li .description{border-top:none;margin:0}.breadcrumb-trail{margin:0px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none}.breadcrumb-trail ul{border-bottom:1px solid #ddd;padding:12px 0px 0px 15px}.breadcrumb-trail ul li{display:inline-block;padding:0px 12px 12px 0px;font-size:9pt}.breadcrumb-trail ul li a{color:#797979;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.breadcrumb-trail ul li a:hover{color:#000}.breadcrumb-trail ul li:first-of-type:before{display:none}.breadcrumb-trail ul li:before{content:"/";color:#797979;padding:0px 15px 0px 0px}.breadcrumb-trail ul li:last-child{font-weight:600;color:#333}.button-group-wrap{align-items:center;margin:15px 0px 0px 0px;flex-wrap:wrap}@media (max-width: 575.98px){.button-group-wrap .button-group .button{margin:5px 15px 5px 0px}}@media (min-width: 576px){.button-group-wrap .button-group .button:not(last-child){margin-left:15px}}.button-group-wrap .button-group .button:first-child{margin-left:0px}@media (max-width: 575.98px){.button-group-wrap .button-group.flex{display:block}}.button-group{display:flex;flex-wrap:wrap;align-items:center}.button-group.blocks-border-fix{margin-top:-1px}.button-group.save-bar .button,.button-group.dropdown-group .button{margin-left:10px}.button-group.left .button{margin-left:0px;margin-right:10px}.button-group.action-buttons{padding:8px 5px;border-top:1px solid #efefef}@media (max-width: 991.98px){.button-group.action-buttons{padding-right:15px}}.button-group.action-buttons .button i{margin-right:10px;margin-left:0px}.button-group.action-buttons .hint{position:relative;padding-left:25px;margin-left:15px;font-size:12px;line-height:19px}.button-group.action-buttons .hint i{position:absolute;left:0px;font-size:18px;top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);transform:translate(0%, -50%)}.button-group.auto{width:auto;display:inline-table}.button-group.auto .button{margin-left:0px}.button{padding:7px 15px;font-size:13px;font-family:"Montserrat",sans-serif;min-height:38px;background:#fff;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;border:1px solid #0aa9dc;color:#12c0f3;outline:none;-webkit-box-shadow:5px 5px 0px 0 rgba(204,240,245,0.8);-moz-box-shadow:5px 5px 0px 0 rgba(204,240,245,0.8);box-shadow:5px 5px 0px 0 rgba(204,240,245,0.8);align-self:center}.button:hover{background:#00c1ff;color:#fff;cursor:pointer}.button.no-hover{cursor:default}.button.primary{background:#00c1ff;color:#fff}.button.primary:hover{background:#23caff}.button.shadow-button{-webkit-box-shadow:6px 6px 0px 0 rgba(204,240,245,0.8);-moz-box-shadow:6px 6px 0px 0 rgba(204,240,245,0.8);box-shadow:6px 6px 0px 0 rgba(204,240,245,0.8)}.button.warning{background:#ffbb4d;border-color:#fdaf31;color:#fff;-webkit-box-shadow:5px 5px 0px 0 #ffe8c4;-moz-box-shadow:5px 5px 0px 0 #ffe8c4;box-shadow:5px 5px 0px 0 #ffe8c4}.button.warning:hover{background:#fdb135;border-color:#ff9e02}.button.icon-button{position:relative;padding:8px 15px 8px 37px}.button.icon-button i{position:absolute;font-size:20px;left:9px;top:50%;-webkit-transform:translate(0%, -52%);-ms-transform:translate(0%, -52%);-moz-transform:translate(0%, -52%);transform:translate(0%, -52%)}.button.button-sm{padding:11px 25px;font-size:11pt}.button.danger{background-color:#ff6564;border-color:#fd3d3c;color:#fff;-webkit-box-shadow:5px 5px 0px 0 #ffe9e9;-moz-box-shadow:5px 5px 0px 0 #ffe9e9;box-shadow:5px 5px 0px 0 #ffe9e9}.button.danger:hover{background-color:#fb5453}.button.success{background:#95ca5a;border:1px solid #7ec130;color:#fff;-webkit-box-shadow:5px 5px 0px 0 #c2ec92;-moz-box-shadow:5px 5px 0px 0 #c2ec92;box-shadow:5px 5px 0px 0 #c2ec92}.button.success:hover{background:#8dc351;border:1px solid #69a64b}.button:disabled{opacity:0.5;cursor:default}.button.big{padding:14px 30px 14px 55px;min-height:49px}.button.big i{font-size:24px;left:17px}.button.squared{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:600;font-size:13px;border:1px solid #ababab;color:#656565}.button.squared.box-shadow{-webkit-box-shadow:3px 3px 0px 0 #f7f7f7;-moz-box-shadow:3px 3px 0px 0 #f7f7f7;box-shadow:3px 3px 0px 0 #f7f7f7}.button.squared.primary{background:#00c1ff;color:#fff;border-color:#1bbbef}.button.squared.primary.box-shadow{-webkit-box-shadow:4px 4px 0px 0 rgba(204,240,245,0.8);-moz-box-shadow:4px 4px 0px 0 rgba(204,240,245,0.8);box-shadow:4px 4px 0px 0 rgba(204,240,245,0.8)}.button.squared.primary:hover{background:#23caff;border:1px solid #0bafe4;color:#fff}.button.squared.success{border:1px solid #519800}.button.squared.success span,.button.squared.success i{color:#519800}.button.squared.success.shadow{-webkit-box-shadow:5px 5px 0px 0 #d7f3b7;-moz-box-shadow:5px 5px 0px 0 #d7f3b7;box-shadow:5px 5px 0px 0 #d7f3b7;background:rgba(0,0,0,0)}.button.squared.success.shadow:hover{background:#dcfbb8}.button.squared:hover:not(.primary){color:initial;background:initial}.button.squared span{margin-top:0px}.button.strip-button{background:rgba(0,0,0,0);border:none;padding:0px;-webkit-box-shadow:0px 0px 0px 0 rgba(0,0,0,0);-moz-box-shadow:0px 0px 0px 0 rgba(0,0,0,0);box-shadow:0px 0px 0px 0 rgba(0,0,0,0)}.button.strip-button:hover{background:rgba(0,0,0,0)}.button.button-disabled{background:#fff;color:#d4d4d4;border:1px solid #d4d4d4;-webkit-box-shadow:5px 5px 0px 0 rgba(241,241,241,0.8);-moz-box-shadow:5px 5px 0px 0 rgba(241,241,241,0.8);box-shadow:5px 5px 0px 0 rgba(241,241,241,0.8)}.secondary-button .button{position:relative;font-weight:600;cursor:pointer;font-size:13px;padding:8px 11px;min-height:37px;display:inline-flex;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;background:rgba(0,0,0,0);-webkit-box-shadow:0px 0px 0px 0 rgba(0,0,0,0);-moz-box-shadow:0px 0px 0px 0 rgba(0,0,0,0);box-shadow:0px 0px 0px 0 rgba(0,0,0,0)}.secondary-button .button.primary{border:1px solid #00abe2}.secondary-button .button.primary span,.secondary-button .button.primary i{color:#00abe2}.secondary-button .button:disabled{opacity:0.3 !important;cursor:not-allowed}.secondary-button .button.warning{border:1px solid #d08000}.secondary-button .button.warning span,.secondary-button .button.warning i{color:#d08000}.secondary-button .button.warning.shadow{-webkit-box-shadow:4px 4px 0px 0 #f9eec5;-moz-box-shadow:4px 4px 0px 0 #f9eec5;box-shadow:4px 4px 0px 0 #f9eec5;background:rgba(0,0,0,0)}.secondary-button .button.warning.shadow:hover{background:#fff3e0}.secondary-button .button.danger{border:1px solid #d00100}.secondary-button .button.danger span,.secondary-button .button.danger i{color:#d00100}.secondary-button .button.danger.shadow{-webkit-box-shadow:4px 4px 0px 0 #ffe1e1;-moz-box-shadow:4px 4px 0px 0 #ffe1e1;box-shadow:4px 4px 0px 0 #ffe1e1;background:rgba(0,0,0,0)}.secondary-button .button.danger.shadow:hover{background:#ffe2e2}.secondary-button .button.danger.shadow:hover i,.secondary-button .button.danger.shadow:hover span{color:#d00100}.secondary-button .button.success{border:1px solid #519800}.secondary-button .button.success span,.secondary-button .button.success i{color:#519800}.secondary-button .button.success.shadow{-webkit-box-shadow:5px 5px 0px 0 #d7f3b7;-moz-box-shadow:5px 5px 0px 0 #d7f3b7;box-shadow:5px 5px 0px 0 #d7f3b7;background:rgba(0,0,0,0)}.secondary-button .button.success.shadow:hover{background:#dcfbb8}.secondary-button .button.default{border:1px solid #ababab}.secondary-button .button.default span,.secondary-button .button.default i{color:#656565}.secondary-button .button.default.shadow{-webkit-box-shadow:5px 5px 0px 0 #f3f3f3;-moz-box-shadow:5px 5px 0px 0 #f3f3f3;box-shadow:5px 5px 0px 0 #f3f3f3}.secondary-button .button.default.shadow:hover{background:#f7f7f7}.secondary-button .button:hover{background:#f7f7f7}.secondary-button .button.icon-button{padding-left:35px}.secondary-button.left .button:not(:last-child){margin-right:15px}.secondary-button.group .button{margin-top:15px}.buttons-select ul{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:3px 3px 0 0 #f7f7f7;-moz-box-shadow:3px 3px 0 0 #f7f7f7;box-shadow:3px 3px 0 0 #f7f7f7}.buttons-select ul li{border:1px solid #c1c1c1;background:#fff}.buttons-select ul li.option{padding:12.5px 15px;font-size:13px;border-right:none}.buttons-select ul li.option.selected{background:#dcf6ff !important;border:1px solid #37c6f4;border-right:none;z-index:2}.buttons-select ul li.option.selected:after{content:"";position:absolute;right:-1px;top:0;width:1px;height:100%;background-color:#37c6f4}.buttons-select ul li.option.selected a{color:#01b3e6}.buttons-select ul li:first-child{-webkit-border-top-left-radius:3px !important;-moz-border-radius-topleft:3px !important;border-top-left-radius:3px !important;-webkit-border-bottom-left-radius:3px !important;-moz-border-radius-bottomleft:3px !important;border-bottom-left-radius:3px !important}.buttons-select ul li.selected:first-child:after{content:"";height:100%;width:1px;background:#37c6f4;position:absolute;right:-1px;top:0;z-index:1}.buttons-select ul li:last-child{-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important;border-right:1px solid #c1c1c1}.buttons-select ul li.selected:last-child:before{content:"";height:100%;width:1px;background:#23caff;position:absolute;left:-1px;top:0;z-index:1}.checkbox-group .group-label{display:block;font-size:9pt;line-height:18px;margin-bottom:15px}.checkbox-group .checkbox{display:inline-block;margin:0px 15px 15px 0px}.checkbox-block .checkbox{margin-top:10px}@media (max-width: 575.98px){.checkbox-block .checkbox{margin-top:5px}}.checkbox{position:relative;display:inline-block}.checkbox input{opacity:0;position:absolute;top:0;left:0;width:17px;height:17px}.checkbox input:checked~label:before{background-color:#00c1ff;border-color:#0bafe4}.checkbox input:checked~label:after{border-color:#fff}.checkbox label{position:relative;font-size:9pt;padding-left:29px;line-height:18px;min-height:18px;width:100%;margin-bottom:0px !important;font-weight:normal !important}.checkbox label:hover{cursor:pointer}.checkbox label:before{content:"";position:absolute;top:0;left:0;width:17px;height:17px;background-color:#fff;border:1px solid #ddd;display:block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.checkbox label:after{content:"";position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);-moz-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}.checkbox:hover label:before{border-color:#37c6f4}.radio{position:relative}.radio input{opacity:0;position:absolute;top:0;left:0;width:17px;height:17px}.radio input:checked~label:before{background-color:#4ad6ff;border:0}.radio label{position:relative;margin:0;padding-left:25px;line-height:17px;min-height:17px}.radio label:before{content:"";position:absolute;top:0;left:0;width:17px;height:17px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:block}.radio label:after{content:"";position:absolute;top:5px;left:5px;width:7px;height:7px;background-color:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.combo-box-container.open .combo-dropdown .combo-button{background:#4ad6ff;color:#fff}.combo-box-container .combo-dropdown .combo-button{height:38px;line-height:40px;background:#dcf7ff;border:1px solid #37c6f4;color:#01b3e6;padding:0 10px;font-size:21px;outline:none;-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important;cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.combo-box-container .combo-dropdown .combo-button:hover{background:#4ad6ff;color:#fff;border-color:#0bafe4}.combo-box-container .combo-dropdown .combo-button:disabled{cursor:default}.combo-box-container .combo-dropdown .combo-button:disabled:hover{color:#01b3e6;background:#dcf7ff;border-color:#37c6f4}.combo-box-container .combo-dropdown ul{background:#fff;-webkit-box-shadow:5px 5px 0px 0 rgba(204,240,245,0.8);-moz-box-shadow:5px 5px 0px 0 rgba(204,240,245,0.8);box-shadow:5px 5px 0px 0 rgba(204,240,245,0.8);padding:5px 0px;margin:10px 0px;max-height:200px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.combo-box-container .combo-dropdown .input{padding-right:50px}.scroll-out{position:relative;height:100%;width:100%;overflow:hidden !important}.scroll-content{height:100%;overflow-y:auto;overflow-x:hidden}.main-page{display:flex;flex-direction:row}.sidebar{display:flex;width:100px;height:100%;z-index:5;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;flex-shrink:0}@media (max-width: 575.98px){.sidebar{position:relative;top:44px;height:calc(100% - 44px);margin-left:-100px}.sidebar .logo-bar{display:none}.sidebar .menu-items{margin-top:0 !important}}.sidebar.sidebar-open{-webkit-transform:translate(100px, 0);-ms-transform:translate(100px, 0);-moz-transform:translate(100px, 0);transform:translate(100px, 0);-webkit-box-shadow:0 2px 39px 0 rgba(3,31,92,0.1);-moz-box-shadow:0 2px 39px 0 rgba(3,31,92,0.1);box-shadow:0 2px 39px 0 rgba(3,31,92,0.1);transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.sidebar.sidebar-close{-webkit-transform:translate(-100px, 0);-ms-transform:translate(-100px, 0);-moz-transform:translate(-100px, 0);transform:translate(-100px, 0);transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.sidebar .logo-bar{width:100px;border-right:1px solid #ddd;position:fixed;background:#fff;z-index:2}.sidebar .logo-bar .menu-toggle{height:44px;line-height:17px;position:relative;display:flex;cursor:pointer;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;border-bottom:1px solid #ddd}.sidebar .logo-bar .menu-toggle i{font-size:25px;align-self:center;display:table;margin:auto}.sidebar .main-menu{width:100px;background:#fff;border-right:1px solid #ddd;z-index:2;height:100%;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar .main-menu .scroll-out{width:100px}.sidebar .main-menu .scroll-content{width:117px}.sidebar .main-menu .menu-items{width:99px;font-size:0;margin-top:44px;margin-bottom:15px}.sidebar .main-menu .menu-items .icon{padding:0px 23px}.sidebar .main-menu .menu-items .menu-item{display:block;border-left:4px solid transparent;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.sidebar .main-menu .menu-items .menu-item.active{border-color:#2fd0ff;background:#f2f2f4}.sidebar .main-menu .menu-items .menu-item:not(.active):hover{border-color:#c3c3c3;background:#f7f9fa}.sidebar .main-menu .menu-items .menu-item .menu-link{padding:7px 0px 3px 0px;display:block;text-align:center;text-decoration:none;cursor:pointer}.sidebar .main-menu .menu-items .menu-item .menu-link span{display:block;color:#333;padding:8px 0px;font-size:13px;line-height:13px;text-align:center;margin-left:-5px;letter-spacing:-0.3px}.sidebar .main-menu .menu-items .menu-item .menu-link i,.sidebar .main-menu .menu-items .menu-item .menu-link ion-icon{font-size:25px;text-align:center}.sidebar .sub-menu{display:block;position:absolute;height:100%;width:245px;left:-145px;background-color:#fff;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;z-index:1}.sidebar .sub-menu .search input{border-right:none}.sidebar .sub-menu .scroll-content{height:100%}.sidebar .sub-menu .text-box{padding:10px 15px 15px 15px}.sidebar .sub-menu .text-box h5{font-size:14px;font-weight:600;text-transform:uppercase;margin-bottom:7px}.sidebar .sub-menu .text-box p{font-size:13px;line-height:22px;margin:0;color:#757575}.sidebar .sub-menu .text-box img{padding:0px 20px}.sidebar .sub-menu .menu{width:245px;height:100%}.sidebar .sub-menu .menu.menu-show{display:block}.sidebar .sub-menu .menu .menu-items .menu-item.active .menu-link{background-color:#4ad6ff;color:#fff;text-decoration:none}.sidebar .sub-menu .menu .menu-items .menu-item.active .menu-link:hover{background-color:#2fd0ff;color:#fff}.sidebar .sub-menu .menu .menu-items .menu-item.active .menu-link i{transform:rotateZ(90deg)}.sidebar .sub-menu .menu .menu-items .menu-item.active .menu-link .badge{background:#fff;color:#01b3e6}.sidebar .sub-menu .menu .menu-items .menu-item:not(.active):hover{background:#f7f9fa}.sidebar .sub-menu .menu .menu-items .menu-item:not(.active):hover .badge{background:#2fd0ff;color:#fff}.sidebar .sub-menu .menu .menu-items .menu-item .ripple{background-color:#2fd0ff}.sidebar .sub-menu .menu .menu-items .menu-item>ul li{display:block;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;position:relative}.sidebar .sub-menu .menu .menu-items .menu-item>ul li a{padding:15px 0px 15px 35px;font-size:13px;display:block;position:relative;border-right:3px solid transparent}.sidebar .sub-menu .menu .menu-items .menu-item>ul li a:before{content:"";position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);transform:translate(0%, -50%);left:15px;padding:4px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ddd;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.sidebar .sub-menu .menu .menu-items .menu-item>ul li:hover:not(.active) a{background:#f2f2f4;border-color:#c3c3c3}.sidebar .sub-menu .menu .menu-items .menu-item>ul li:hover:not(.active) a:before{background:#a2a2a2}.sidebar .sub-menu .menu .menu-items .menu-item>ul li.active a{border-color:#2fd0ff;background:#e8faff}.sidebar .sub-menu .menu .menu-items .menu-item>ul li.active a .badge{background:#fff;color:#01b3e6}.sidebar .sub-menu .menu .menu-items .menu-item>ul li.active a:before{background:#26ceff}.sidebar .sub-menu .menu .menu-items .menu-item>ul li.active:hover a{background-color:#dcf7ff}.sidebar .sub-menu .menu .menu-items .menu-item .menu-link{display:flex;padding:15px 10px;position:relative;font-size:13.5px;text-decoration:none;justify-content:space-between;align-items:center;min-height:51px}.sidebar .sub-menu .menu .menu-items .menu-item .menu-link .badge{font-size:11px;padding:5px;background:#dcf7ff;color:#01b3e6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;min-width:21px;text-align:center;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.sidebar .sub-menu .menu .menu-items .menu-item .menu-link i{position:absolute;right:9px;top:14px;font-size:20px}.sidebar .sub-menu .menu .menu-items .nav-separator{padding:12px 16px;display:block;font-size:11px;font-weight:600}.ps:hover>.ps__scrollbar-y-rail:hover{background-color:transparent;opacity:0.9}.sub-menu-open .sidebar{width:345px}@media (max-width: 1500px){.sub-menu-open .sidebar{width:100px;-webkit-box-shadow:0px 0px 30px 0 rgba(33,34,41,0.18);-moz-box-shadow:0px 0px 30px 0 rgba(33,34,41,0.18);box-shadow:0px 0px 30px 0 rgba(33,34,41,0.18)}.sub-menu-open .sidebar .sub-menu{-webkit-box-shadow:0px 0px 30px 0 rgba(33,34,41,0.18);-moz-box-shadow:0px 0px 30px 0 rgba(33,34,41,0.18);box-shadow:0px 0px 30px 0 rgba(33,34,41,0.18)}}.sub-menu-open .sidebar .main-menu{width:100px}.sub-menu-open .sidebar .sub-menu{left:100px}.sub-menu-open .page .checkout-wrap{transition:all 0;-moz-transition:all 0;-webkit-transition:all 0;-o-transition:all 0}.sub-menu-open .page .checkout-wrap .bottom{width:calc(100% - 345px)}@media (max-width: 1500px){.sub-menu-open .page .page-overlay:before{content:"";background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}}@media (min-width: 1200px){.sub-menu-open .preview-wrap.fixed-email-preview{width:calc((100% - 345px) / 2 - 40px) !important}}.page{flex-grow:1;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-webkit-box-shadow:0px 0px 20px 0 rgba(33,34,41,0.1);-moz-box-shadow:0px 0px 20px 0 rgba(33,34,41,0.1);box-shadow:0px 0px 20px 0 rgba(33,34,41,0.1);position:relative;overflow:hidden;z-index:6}@media (max-width: 1500px){.page{z-index:2}}.page .checkout-wrap{transition:all 0;-moz-transition:all 0;-webkit-transition:all 0;-o-transition:all 0}.page .checkout-wrap .bottom{width:calc(100% - 100px)}.page .top{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;background-color:#fff}@media (max-width: 575.98px){.page .top{width:100%}}.page .top .logo{display:flex;height:43px;padding:0 15px}.page .top .logo a{display:flex}.page .top .logo img{align-self:center;width:95px}.page .top .logo .button{background:none}.page .top .logo .button:hover{background:none;color:#333;cursor:pointer}.page .top .logo .sidebar-button{display:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:none;color:#333;-webkit-box-shadow:0px 0px 0 0 rgba(0,0,0,0);-moz-box-shadow:0px 0px 0 0 rgba(0,0,0,0);box-shadow:0px 0px 0 0 rgba(0,0,0,0);border-right:1px solid #ddd;min-height:44px}.page .top .logo .sidebar-button i{position:relative;font-size:25px;left:0;top:0;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0)}@media (max-width: 575.98px){.page .top .logo .sidebar-button{min-width:100px;padding:8px;display:flex}.page .top .logo .sidebar-button span{display:block;margin-left:10px}}.page .top .logo .switch-store{display:inline-flex;align-self:center;font-size:13px;padding:10px 15px 10px 10px;height:100%;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}@media (max-width: 575.98px){.page .top .logo .switch-store{padding:0px 5px;border:none}}.page .top .logo .switch-store i{align-self:center;vertical-align:middle;font-size:25px}.page .top .logo .switch-store span{align-self:center;margin-left:5px}.page .top .logo .switch-store:hover{background:#f7f9fa;cursor:pointer}.page .top .logo .switch-store .switch-menu{left:0;width:400px}.page .top .logo .switch-store .switch-menu ul li img{width:inherit}.page .top .logo .switch-store .switch-menu ul li .title-block span{padding:0px}.page .top .logo .switch-store .switch-menu ul li:hover .button{background:#23caff;color:#fff;cursor:pointer}@media (max-width: 767.98px){.page .top .logo{padding:0}.page .top .logo span{display:none}.page .top .logo img{margin:0 10px;width:70px}}.page .top .logo .view-store{display:inline-flex;padding:10px 15px}@media (min-width: 768px){.page .top .logo .view-store{margin-left:10px}}.page .top .logo .view-store i{align-self:center;font-size:20px}.page .top .logo .view-store:hover{background:#f7f9fa;cursor:pointer}.page .top .menu-down{font-size:10px;line-height:10px;padding:17px 15px 16px 35px;position:relative}.page .top .menu-down .dropdown-toggle:hover{color:inherit}.page .top .menu-down .dropdown-toggle i{font-size:20px;position:absolute;left:10px;top:12px}.page .top .menu-down .dropdown-toggle span{display:inline-block;font-size:13px}.page .top .menu-down .dropdown-menu{margin-top:17px;left:23px !important}@media (max-width: 575.98px){.page .top .menu-down{padding:16px 4px 16px 35px}.page .top .menu-down .dropdown-toggle span{display:none}}.page .top .menu-down.language i{font-size:22px;position:absolute;left:7px;top:11px}@media (max-width: 575.98px){.page .top .sm-header{border-top:1px solid #eee}}.page .page-content .content{padding:15px}.page .page-content .content.search-content{padding-bottom:5px}.page .page-content .content .box .box-header{position:relative}.page .page-content .content .box .box-header .box-title{position:relative}@media (max-width: 1199.98px){.page .page-content .content .box .box-header .box-title{padding-right:30px;line-height:16px}}@media (max-width: 575.98px){.page .page-content .content .box .box-header .box-title{font-size:11px;line-height:11px;text-align:left;padding-right:30px}}.page .page-content .content .box .box-header .box-title span{background:#d00100;width:18px;height:18px;text-align:center;line-height:19px;font-size:11px;color:#fff;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;top:-13px;margin-left:-6px;-webkit-box-shadow:0px 0px 0 0 rgba(0,0,0,0);-moz-box-shadow:0px 0px 0 0 rgba(0,0,0,0);box-shadow:0px 0px 0 0 rgba(0,0,0,0);border:none}.page .page-action{display:block;padding:15px 5px;border-top:1px solid #ddd;position:relative}.page .page-action-bar{height:100%}@media (min-width: 1200px){.page .preview-wrap.fixed-email-preview{width:calc((100% - 100px) / 2 - 40px)}}.page-heading{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;min-height:51px}.page-heading h2{display:flex;align-items:center;font-size:13.5px;line-height:21px;text-transform:uppercase;font-weight:600;padding:13px 10px 13px 15px}.page-heading.page-section h2{text-transform:none;padding:8px 10px}.page-heading.page-section h2 i{background:#f2f2f4;padding:7px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-size:16px;margin-right:10px}@media (max-width: 1199.98px){.page-heading.page-section.sub-page-section-lg{background:#f7f9fa;border-bottom:none}}@media (max-width: 991.98px){.page-heading.page-section.sub-page-section-md{background:#f7f9fa;border-bottom:none}}@media (max-width: 767.98px){.page-heading.page-section.sub-page-section-sm{background:#f7f9fa;border-bottom:none}}@media (max-width: 575.98px){.page-heading.page-section.sub-page-section-xs{background:#f7f9fa;border-bottom:none}}.page-heading.background{background:#f7f9fa}.page-heading .button-group{margin-left:15px}.page-heading .button-group .button{margin:6px 10px 6px 0px}.list-menu ul .menu-item{float:left}.list-menu ul .menu-item .flag{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:1.1rem;width:1.1rem;background-repeat:no-repeat;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:1}@media (max-width: 767.98px){.list-menu ul .menu-item{border-left:none}}.list-menu ul .menu-item.icon-flag .button{padding:0px 15px}@media (max-width: 575.98px){.list-menu ul .menu-item.icon-flag .button{padding:10px}}.list-menu ul .menu-item .dropdown-menu.language-dropdown .button span{margin-right:0px}@media (max-width: 1199.98px){.list-menu ul .menu-item .dropdown-menu.language-dropdown .button span{display:none !important}}.list-menu ul .menu-item .language-dropdown .button i{margin:0;display:none}.list-menu ul .menu-item .language-dropdown .button img{max-width:23px;min-width:23px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;vertical-align:middle}.list-menu ul .menu-item a{display:inline-flex;padding:10px 15px;position:relative;cursor:pointer;height:100%}@media (max-width: 767.98px){.list-menu ul .menu-item a{border-left:1px solid #ddd;padding:13px 12px 9px 12px}}.list-menu ul .menu-item i{align-self:center}.list-menu ul .menu-item .icon-navbar{width:1.125rem}.list-menu ul .menu-item .button{font-weight:300;width:100%;min-height:43px;background:none !important;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:none;color:#333;-webkit-box-shadow:0px 0px 0 0 rgba(0,0,0,0);-moz-box-shadow:0px 0px 0 0 rgba(0,0,0,0);box-shadow:0px 0px 0 0 rgba(0,0,0,0);transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;white-space:nowrap}.list-menu ul .menu-item.menu-item{display:block;height:43px;position:relative;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.list-menu ul .menu-item.menu-item .badge{position:absolute;width:8px;height:8px;right:15px;top:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.list-menu ul .menu-item.menu-item .badge.default{background:#37c6f4}.list-menu ul .menu-item.menu-item .badge.success{background:#83c33b}.list-menu ul .menu-item.menu-item .badge.warning{background:#e09217}.list-menu ul .menu-item.menu-item .badge.danger{background:#d00100}.list-menu ul .menu-item.menu-item.active,.list-menu ul .menu-item.menu-item:hover{background:#f7f9fa}.list-menu ul .menu-item.menu-item .button.profile-icon,.list-menu ul .menu-item.menu-item .button.notifications-icon{padding:10px 15px}@media (max-width: 575.98px){.list-menu ul .menu-item.menu-item .button.profile-icon,.list-menu ul .menu-item.menu-item .button.notifications-icon{padding:10px}}.list-menu ul .menu-item.menu-item .button.profile-icon i,.list-menu ul .menu-item.menu-item .button.notifications-icon i{font-size:22px;left:0;position:relative;top:auto;transform:none}.list-menu ul .menu-item.menu-item .button.profile-icon{display:inline-flex}.list-menu ul .menu-item.menu-item .button.profile-icon i{font-size:22px}.list-menu ul .menu-item.menu-item .button.profile-icon span{padding-left:10px;align-self:center}.language-row i{margin:0}.language-row span{margin-left:8px;line-height:16px}.language-row::before{content:"";position:absolute;height:1rem;width:1rem;background-repeat:no-repeat;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;z-index:1;margin-top:-1px}.content-block{display:inline-block;width:100%;padding:15px 15px 0px 15px}.content-block.padding{padding:15px}.content-block .theme-filter{margin-top:0px}.content-block .hint{display:block;margin-top:15px;font-size:12px;line-height:16px}.content-block .hint i{font-size:18px;vertical-align:middle;margin-right:5px}.success-hint .page-hint{border-bottom:1px solid #83c33b}.highlight{background-color:#37c6f4;color:#fff;display:inline !important;font-weight:inherit !important;font-size:inherit !important}.image-group{display:inline-flex}.image-group .left{width:175px;display:inline-block;padding:0px 15px}@media (max-width: 575.98px){.image-group .left img{width:60%;display:table;margin:0px auto 10px auto}}.image-group .right{align-self:center;display:inline-block}.image-group .right p{display:block;text-align:center;font-size:13.5px;line-height:21px;margin-bottom:5px;color:#333}@media (max-width: 575.98px){.image-group{display:table}.image-group .left{width:100%}.image-group .right{width:100%;text-align:center}.image-group .right .button{display:table;margin:auto}}.image-group-wrap .image-group{margin-bottom:15px}.image-group-wrap .image-group .right{margin-right:15px}@media (max-width: 575.98px){.image-group-wrap .image-group .right{margin-right:0px}}.down-block{padding:50px 0px}@media (max-width: 1199.98px){.down-block{padding:50px 0px 25px 0px}}.down-block .icon-block{display:flex;flex-direction:column;margin:0 auto}.down-block .title-block{padding:0px 15px;display:flex;flex-direction:column;flex-grow:1;font-size:13.5px !important;line-height:21px !important}.down-block .actions{display:flex;justify-content:center}.down-block .help{display:flex;align-items:center;align-self:center;font-size:13px;background:#f5f5f5;padding:9px 15px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.down-block .help:hover{cursor:pointer;background:#ececec}.down-block .help i{font-size:22px;vertical-align:middle;margin-right:7px}.down-block .category-title{padding:50px 0px}.icon-block .icon{width:196px;display:table;margin:auto;opacity:0.6;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.icon-block .title-block{margin-bottom:15px}.icon-block .file{width:117px;height:117px;display:table;margin:0px auto 10px auto;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px dashed #ddd;padding:3px}.icon-block .file:hover{background:#e8faff;border-color:#37c6f4;cursor:pointer}.icon-block .file:hover .action{background:#fb7474}.icon-block .file:hover .action i{color:#fff}.icon-block .file:hover .action:hover{background:#ea5252}.icon-block .file img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:120px}.icon-block .file .img-overflow{overflow:hidden;width:120px;height:120px;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.icon-block:hover .icon{opacity:1}.icon-block.hover:hover .button{background:#00c1ff;color:#fff}.icon-block .action,.image-item .action,.gallery-image-fragment .action{position:absolute;right:0px;bottom:10px;z-index:2;line-height:23px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ff8181;color:#fff;-webkit-box-shadow:0px 0px 16px 0 rgba(33,34,41,0.1);-moz-box-shadow:0px 0px 16px 0 rgba(33,34,41,0.1);box-shadow:0px 0px 16px 0 rgba(33,34,41,0.1);cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.icon-block .action i,.image-item .action i,.gallery-image-fragment .action i{vertical-align:middle;padding:5px}.icon-block .action:hover,.image-item .action:hover,.gallery-image-fragment .action:hover{background:#fb7474}.icon-block .action:hover i,.image-item .action:hover i,.gallery-image-fragment .action:hover i{color:#fff}.file-input a{display:block}.segment .icons-block{padding:30px 0px}.segment .icons-block .block{padding:0px 0px 15px 0px}@media (max-width: 767.98px){.segment .icons-block .block{padding:0px 5px 15px 5px}}.segment.templates{position:relative}.segment.templates .templates-img{z-index:1;top:-160px;left:-200px;-webkit-transform:rotate(0deg) scale(.8);-ms-transform:rotate(0deg) scale(.8);-moz-transform:rotate(0deg) scale(.8);transform:rotate(0deg) scale(.8)}@media (max-width: 1199.98px){.segment.templates .down-block{padding:0px 0px 30px 0px}.segment.templates .down-block .bl-x{border-left:none}}.segment .block img{padding:0px 10px;width:100%;display:table;margin:auto}@media (max-width: 767.98px){.segment .block img{padding:0px;width:100%}}.segment .block span{display:block;text-align:center;font-size:12px;line-height:18px;color:#757575}.title-block{font-size:13.5px;line-height:21px;margin:0}.title-block.padding{display:block;font-family:"Montserrat",sans-serif;margin-bottom:35px}.title-block.status{display:flex;align-items:center}.title-block span{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.title-block span.big{display:flex;font-size:46px;line-height:52px;font-family:"Raleway",sans-serif;font-weight:100}@media (min-width: 992px) and (max-width: 1199.98px){.title-block span.big{font-size:40px;line-height:52px}}@media (max-width: 991.98px){.title-block span.big{font-size:32px;line-height:42px}}.title-block span.big span{display:block;font-family:"Montserrat",sans-serif;font-weight:400;font-size:14px;line-height:23px;margin:15px 0px 35px}.title-block span.big .price{font-weight:600;font-size:20px;font-family:"Montserrat",sans-serif;margin-left:25px}.title-block span.big .price.free{color:#519800}.title-block span.medium{margin-bottom:10px;font-family:"Raleway",sans-serif;font-weight:100;text-transform:none;font-size:41px;line-height:44px;padding:25px 0px 0px 0px}@media (min-width: 992px) and (max-width: 1199.98px){.title-block span.medium{line-height:52px}}@media (max-width: 991.98px){.title-block span.medium{line-height:42px}}.title-block span.small{margin-bottom:10px;font-family:"Raleway",sans-serif;font-weight:100;text-transform:none;font-size:1.5rem;line-height:27px}@media (min-width: 992px) and (max-width: 1199.98px){.title-block span.small{line-height:52px}}@media (max-width: 991.98px){.title-block span.small{line-height:42px}}.title-block span.accented-title span{font-weight:bold;font-size:32px;line-height:37px;margin-bottom:10px}.padding.small{padding:25px 0px}.padding.medium{padding:50px 0px}.padding.big{padding:50px 0px}@media (max-width: 1199.98px){.padding.big{padding:15px 0px}}.padding.large{padding:100px 0px}@media (max-width: 1199.98px){.padding.large{padding:30px 0px}}.pseudo-border{position:absolute;height:100%;min-height:200vh;width:1px;background:#ddd;left:0;top:0;bottom:0;z-index:6}.pseudo-border.right{right:0;left:auto}@media (max-width: 1199.98px){.pseudo-border.hidden-lg{display:none}}@media (max-width: 991.98px){.pseudo-border.hidden-md{display:none}}@media (max-width: 575.98px){.pseudo-border{display:none}}@media (min-width: 1200px){.content-under-tab-control{padding:50px 0 0 0}}.padding-block{padding:50px 0px 30px 0px}.padding-block.big{padding:100px 0px}@media (max-width: 1199.98px){.padding-block{padding:0px 0px 30px 0px}.padding-block.big{padding:30px 0px}}.segment-block{display:block;padding:15px 15px 0px 15px;font-size:13px;line-height:19px;margin:0px 15px 15px 15px}@media (max-width: 575.98px){.segment-block{padding-bottom:5px}}.segment-block .title-block{margin-bottom:25px;color:#333;font-size:14px;line-height:23px}.segment-block .title-block.accented-title{margin-bottom:0px}.segment-block .title-block.accented-title span{font-weight:bold;font-size:32px;line-height:37px;margin-bottom:10px}.segment-block>span{display:block;margin-bottom:13px;font-size:14px;font-weight:600;position:relative;padding:0px 0px 0px 37px}.segment-block>span i{font-size:26px;vertical-align:middle;position:absolute;left:0px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%)}.segment-block .heading{font-size:47px;line-height:52px;font-family:"Raleway",sans-serif;font-weight:100}@media (min-width: 992px) and (max-width: 1199.98px){.segment-block .heading{font-size:40px;line-height:52px}}@media (max-width: 991.98px){.segment-block .heading{font-size:32px;line-height:42px}}.segment-block .heading i{font-size:32px;align-self:center}.segment-block .heading span{display:block;font-family:"Montserrat",sans-serif;font-size:14px;line-height:23px;margin:15px 0px 35px}.segment-block .heading .title-block{display:inline-block;margin-bottom:0;padding-left:15px;line-height:initial;width:calc(100% - 35px);font-family:"Montserrat",sans-serif}.segment-block .heading .title-block span{margin:0;font-weight:600}.segment-block.padding{padding:15px 15px 0px 15px}.segment-block.padding.big{padding:50px 0px}@media (min-width: 768px){.segment-block.padding.big.design-editor-segment{padding-bottom:80px}}.segment-block.margin{margin:25px 0px}.segment-block.no-margin{margin:0}.segment-block.accented-dark{background:#fbfbfb;padding:70px 0px}@media (max-width: 991.98px){.segment-block.accented-dark{padding:35px 0px}}.segment-block.accented-blue{background:#edf7ff;padding:70px 0px}@media (max-width: 991.98px){.segment-block.accented-blue{padding:35px 0px}}.segment-block .icon-block{display:flex;flex-direction:column;flex-grow:1}.avatar{display:flex;min-width:40px;min-height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#37c6f4}.avatar .initials{align-self:center;width:100%;text-align:center;color:#fff;font-weight:600;text-shadow:0 1px 2px #008bb3;font-size:14px}.shadow{-webkit-box-shadow:1px 1px 32px 0px rgba(3,31,92,0.1);-moz-box-shadow:1px 1px 32px 0px rgba(3,31,92,0.1);box-shadow:1px 1px 32px 0px rgba(3,31,92,0.1)}.shadow:hover:not(.no-hover){-webkit-box-shadow:1px 1px 32px 0px rgba(3,31,92,0.15);-moz-box-shadow:1px 1px 32px 0px rgba(3,31,92,0.15);box-shadow:1px 1px 32px 0px rgba(3,31,92,0.15)}.page-padding{padding:0px 20px}.page-padding.padding-top{padding-top:20px}.page-padding.padding{padding:15px 20px}@media (max-width: 767.98px){.page-padding.padding{padding:0px 10px}}.page-padding.equal{display:flex}.page-padding.dark{background:#fbfbfb}@media (max-width: 767.98px){.page-padding{padding:0px 10px}}.page-padding .page-heading.page-section{padding:8px}.page-padding .page-heading.page-section h2{padding:0px}.page-padding .page-heading.page-section.fix{margin-top:-1px}.page-padding .page-heading .button-group{display:inline}@media (min-width: 992px){.page-padding .page-heading .button-group.button-group-lg{display:inline}}@media (max-width: 991.98px){.page-padding .page-heading .button-group.button-group-lg{display:block}.page-padding .page-heading .button-group.button-group-lg .button{float:none;display:block;margin:5px 15px 15px 0}}@media (min-width: 768px){.page-padding .page-heading .button-group.button-group-md{display:inline}}@media (max-width: 767.98px){.page-padding .page-heading .button-group.button-group-md{display:block}.page-padding .page-heading .button-group.button-group-md .button{float:none;display:block;margin:8px 0px}}.more{cursor:pointer;font-size:12px;font-weight:600;align-self:center;flex-shrink:0;margin-right:10px}.more a{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.more a:hover{color:#01b3e6}.more .button{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;border:none;font-size:13.5px;font-weight:600;background:#f9f9f9 !important;color:#313131;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.more .button i{background:transparent;padding:7px 3px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-size:16px}.more .button:hover{background:transparent}.transition{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.transition.slower{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.box{margin:15px auto;width:100%;display:inline-block;height:auto;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.box .blocks.info-blocks ul li{border:none}.box .blocks.info-blocks ul li .description{padding-top:5px}.box.padding{padding:15px}.box.customer .loyalty-block .loyalty-balloon{width:100% !important}.box.customer .loyalty-block .loyalty-balloon .balloon-list ul li{padding:15px;display:flex}.box.customer .loyalty-block .loyalty-balloon .balloon-list ul li .left,.box.customer .loyalty-block .loyalty-balloon .balloon-list ul li .right{flex-grow:1;flex-basis:1px}.box.customer .title-block.status{padding:0px 15px 15px 15px}.box.customer .info-block{margin-bottom:15px;margin-top:10px}.box.customer .user-list{display:block}.box.placeholder{height:calc(100% - 30px)}@media (min-width: 1200px){.box .content-block .col-lg-2:not(.collapsed),.box .content-block .col-xl-2:not(.collapsed){min-width:150px !important}}@media (min-width: 768px){.box .content-block .col-lg-3.nowrap{min-width:250px !important}}.box .button-group{display:flex;justify-content:space-between}.box.warning{border:2px dashed #ffc66a}.box.warning .title-block span{color:#d08000}.box.warning .page-heading.page-section{background:#fff1da;color:#d08000}.box.warning .page-heading.page-section i{background:#ffe4b9;color:#d08000}.box.warning .page-heading.page-section span{color:#d08000}.box.warning .page-heading.page-section.bb{border-bottom:2px dashed #ffc66a}.box.warning .button{-webkit-box-shadow:5px 5px 0 #f9eec5 !important;-moz-box-shadow:5px 5px 0 #f9eec5 !important;box-shadow:5px 5px 0 #f9eec5 !important;border-color:#d08000;animation-name:pulsating-background-button;animation-duration:1.5s;animation-iteration-count:infinite}.box.warning .button span,.box.warning .button i{color:#d08000}@keyframes pulsating-background-button{0%{background-color:#fff}50%{background-color:#fff3e0}100%{background-color:#fff}}.placeholder-block .markdown{padding:15px 0px;margin-top:0px}@media (min-width: 1200px){.placeholder-block .markdown{min-height:97px}}.placeholder-block .mockup-section.margin{margin:30px 0px}.placeholder-block .products-list{margin:15px 0px}.placeholder-block:hover .mockup-section span{background:#bfbfbf}.placeholder-block:hover .products-list ul li{border-color:#bfbfbf}.text-block h1{font-family:"Raleway",sans-serif;font-weight:100;font-size:50px;line-height:55px;margin-bottom:20px}.text-block .paragraph{font-size:13.5px;line-height:20px}.text-block .paragraph p{margin-bottom:15px}.text-block .paragraph.bold{font-weight:600}.text-block .paragraph.italic{font-style:italic}.list ul{margin-bottom:15px}.list ul li{display:block;font-size:13px;line-height:19px;padding:6px 0px 6px 30px;position:relative;font-weight:normal}.list ul li img{vertical-align:middle}.list.no-padding ul li{padding:6px 0px 6px 0px}.list.dots ul li:before{content:"";padding:5px;background:#37c6f4;position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);transform:translate(0%, -50%);vertical-align:middle;left:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.list .list-link{cursor:pointer;color:#757575;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.list .list-link:hover{color:#37c6f4;font-style:italic}.list.info li{padding:6px 0 0 0}.list.dots ul li:before{content:"";padding:5px;background:#37c6f4;position:absolute;vertical-align:middle;left:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.list.numbers ul li a{position:absolute;left:12px;vertical-align:middle;font-weight:600}@media (max-width: 767.98px){.other-articles{margin-top:15px}}.other-articles ul li{margin-bottom:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.other-articles ul li a{display:block;padding:10px}.other-articles ul li:hover,.other-articles ul li.active{background:#f9f9f9}.other-articles ul li .title-block{margin-bottom:0;display:inline}.separator{display:block;width:90%;margin:10px auto;position:relative}.separator.line-separator{border-top:1px solid #ddd}.separator.numbers{width:100%;padding-left:45px;font-size:14px;line-height:21px}.separator.numbers.bold{font-weight:600}.separator.numbers span{position:absolute;left:0;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);background:#37c6f4;vertical-align:middle;left:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#fff;width:25px;height:25px;line-height:25px;font-size:12px;text-align:center;font-weight:normal}.markdown{display:block;margin:15px 0px;padding:15px;font-size:13px;line-height:19px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.markdown.flex{display:flex;justify-content:space-between;align-items:center}.markdown.flex .right{flex-shrink:0;margin-left:15px}.markdown.flex .right .secondary-button.group .button{margin-top:0px}@media (max-width: 767.98px){.markdown.flex{flex-wrap:wrap}.markdown.flex .right{margin:15px 0px 0px 0px}}.markdown span,.markdown .title{display:block;margin-bottom:10px;font-size:14px;font-weight:600;position:relative;padding:0px 0px 0px 28px}.markdown span i,.markdown .title i{font-size:20px;vertical-align:middle;position:absolute;left:0px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%)}.markdown b{font-weight:600}.markdown a{font-weight:600}.markdown .button span{margin-bottom:0px;font-size:inherit;padding:0px}.markdown.default{background:#f9f9f9}.markdown.default span{color:#313131}.markdown.default .checkbox label:before{border:1px solid #c3c3c3}.markdown.default .checkbox input:checked~label:before{background-color:#c3c3c3}.markdown.default .form-group input{-webkit-box-shadow:4px 4px 0 0 #f3f3f3;-moz-box-shadow:4px 4px 0 0 #f3f3f3;box-shadow:4px 4px 0 0 #f3f3f3;background:#fdfdfd}.markdown.default .form-group input:focus{border:1px solid #a9a9a9;background:#fff}.markdown.default .list.dots ul li:before{background:#c3c3c3}.markdown.warning{background:#fffaf2;border:1px solid #fffaf2}.markdown.warning span{color:#d08000}.markdown.warning.light{background:#fffce8}.markdown.warning.light span{color:#ffa20b}.markdown.warning .checkbox label:before{border:1px solid #ffa91e}.markdown.warning .checkbox input:checked~label:before{background-color:#ffdca4}.markdown.warning .list.dots ul li:before{background:#e09217}.markdown.warning .form-group input{-webkit-box-shadow:3px 3px 0 0 #faf0ce;-moz-box-shadow:3px 3px 0 0 #faf0ce;box-shadow:3px 3px 0 0 #faf0ce;border:1px solid #efb65c;background:#fffdfb}.markdown.warning .form-group input:focus{border:1px solid #d99830;background:#fff}.markdown.success{background:#edffd9;border:1px solid #edffd9}.markdown.success span{color:#519800}.markdown.success .checkbox label:before{border:1px solid #83c33b}.markdown.success .checkbox input:checked~label:before{background-color:#83c33b}.markdown.success .list.dots ul li:before{background:#519800}.markdown.danger{background:#fff0f0}.markdown.danger span{color:#d00100}.markdown.danger .checkbox label:before{border:1px solid #ff6665}.markdown.danger .checkbox input:checked~label:before{background-color:#ff6665}.markdown.danger .list.dots ul li:before{background:#d00100}.markdown .list ul{margin-bottom:0px}.markdown .list ul li{display:block;position:relative;padding:0px 0px 5px 0px}.markdown .list ul li:last-child{padding-bottom:0px}.markdown .list.dots ul li{padding-left:35px}.markdown .list.dots ul li:before{content:"";padding:5px;position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);transform:translate(0%, -50%);vertical-align:middle;left:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.markdown .list.dots.top-dots ul li:before{top:6px;-webkit-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);-moz-transform:translate(0%, 0%);transform:translate(0%, 0%)}@media (max-width: 575.98px){.markdown.double .button{margin-top:15px}}.markdown.double .secondary-button.group{margin-top:0px}@media (max-width: 767.98px){.markdown.double .secondary-button.group{margin-top:15px}}.markdown.markdown-fix .secondary-button .button{margin-top:15px}@media (min-width: 1200px){.markdown.markdown-fix .secondary-button .button{margin-top:0px}}.spin-loading{width:100%;position:absolute;text-align:center}.spin-loading.big{font-size:28px}.spin-loading.color{color:#12c0f3}.spin-loading>i{position:absolute;top:50%}.browse-content-container{width:calc(100% - 360px);display:inline-block;vertical-align:top}@media (min-width: 1200px){.browse-content-container{width:calc(100% - 390px);margin-right:30px}}@media (max-width: 1199.98px){.browse-content-container{width:100%}}.browse-content-container.full{width:100%}.browse-content-container.shorter{width:calc(100% - 450px)}@media (min-width: 1200px){.browse-content-container.shorter{width:calc(100% - 480px);margin-right:30px}}@media (max-width: 1199.98px){.browse-content-container.shorter{width:100%}.browse-content-container.shorter .pseudo-border{display:none}}.content-side-menu{width:360px;display:inline-block;vertical-align:top}@media (max-width: 1199.98px){.content-side-menu{width:100%}}.content-side-menu.wider{width:450px}@media (max-width: 1199.98px){.content-side-menu.wider{width:100%}}.loyalty-block:hover .loyalty-balloon{display:block}.loyalty-block .loyalty-balloon{width:300px !important}.loyalty-block .loyalty-balloon.open{width:300px}.loyalty-block .loyalty-balloon .status span{font-weight:600;color:#519800;padding-left:0;margin-bottom:0px}.loyalty-block .loyalty-balloon .status i{flex-shrink:0;font-size:32px;color:#519800}.loyalty-block .loyalty-balloon .status .right{padding-left:15px}.loyalty-block .loyalty-balloon .status.danger span{color:#d00100}.loyalty-block .loyalty-balloon .status.danger i{color:#d00100}.loyalty-block .loyalty-status{display:block;font-size:13px;cursor:pointer}.loyalty-block .loyalty-status span{font-weight:600}.loyalty-block .orders-stats{border-top:1px solid #ddd;border-bottom:1px solid #ddd}.loyalty-block .orders-stats ul li{width:100%;font-size:12px;padding:15px 0px;text-align:center;border-top:none;display:block}.loyalty-block .orders-stats ul li i{font-size:22px;vertical-align:middle;margin-right:5px}.loyalty-block .orders-stats ul li span{font-weight:600;vertical-align:middle;display:inline;padding-left:5px}.loyalty-block .orders-stats ul li:hover{background:transparent}.balloon-list{font-size:13px;line-height:22px;color:#757575}.balloon-list ul li{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.balloon-list ul li .row{width:100%}.balloon-list ul li.dark{padding:7px 10px;background:#f2f2f4 !important}@media (min-width: 1200px){.balloon-list ul li:hover:not(.border){background-color:#f7f9fa}}.balloon-list span{font-weight:600;color:#333}.low-opacity{opacity:0.5}.navigation-menu-item .soon{display:none}.navigation-menu-item.not-implemented .badge{display:none}.navigation-menu-item.not-implemented .soon{display:block;position:absolute;right:9px;padding:5px 7px;background:#adadad;font-weight:bold;font-size:9.5px;color:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.navigation-menu-item.not-implemented:hover .soon{background:#505050}.nav-tabs .nav-item .soon{display:none}.nav-tabs .nav-item.not-implemented{opacity:1}.nav-tabs .nav-item.not-implemented:not(.disabled) .nav-link:hover{color:inherit;border-color:transparent}.nav-tabs .nav-item.not-implemented .badge{display:none}.nav-tabs .nav-item.not-implemented a{opacity:0.5}.nav-tabs .nav-item.not-implemented .soon{display:block;padding:0px 7px;background:#adadad;font-weight:bold;font-size:9.5px;color:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;margin-left:10px}.nav-tabs .nav-item.not-implemented:hover .soon{background:#505050}.password-strength{padding:0px 0px 15px 0px}.password-strength .requirement .hint{margin:4px 0px;font-size:11.5px}.password-strength .requirement .hint:before{content:"";display:inline-block;padding:5px;margin-right:6px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#37c6f4}.password-strength .requirement .hint.success{color:#757575;opacity:0.6}.password-strength .requirement .hint.success:before{background:#519800}.password-strength .requirement .hint.error{color:#d00100}.password-strength .requirement .hint.error:before{background:#d00100}.selected-items{padding:0px 0px 10px 0px}.currency-dropdown-balloon .currency-option span.currency-iso{float:right;font-size:10px}.currency-dropdown-balloon .currency-option span.currency-iso .currency-symbol{font-weight:600}.form .save-bar{display:flex;align-items:center;background:#fff;z-index:9;padding:10px 10px 10px 0px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;position:fixed;bottom:0}.form .save-bar>.button{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;flex-shrink:0}.form .save-bar>.button:not(.primary){border:none;background:transparent;color:#12c0f3;box-shadow:none}.form .save-bar>.button:not(.primary):hover{background:#e8faff}.form .save-bar>.button.save-button{background:#00c1ff;border:1px solid #1bbbef;color:#fff;-webkit-box-shadow:5px 5px 0 0 rgba(204,240,245,0.8);-moz-box-shadow:5px 5px 0 0 rgba(204,240,245,0.8);box-shadow:5px 5px 0 0 rgba(204,240,245,0.8)}.form .save-bar>.button.save-button:hover{background:#23caff;color:#fff;border:1px solid #0bafe4}.form .save-bar>.button span{margin-top:-2px}.form.form-modified .save-bar,.form.form-modified .modal-footer{background:#fff7ea;border-color:#ffdca4;color:#d08000}.form.form-modified .save-bar>.button:not(.primary):not(.danger):not(.warning),.form.form-modified .modal-footer>.button:not(.primary):not(.danger):not(.warning){border:1px solid transparent;background:transparent;color:#d08000;box-shadow:none}.form.form-modified .save-bar>.button:not(.primary):not(.danger):not(.warning):hover,.form.form-modified .modal-footer>.button:not(.primary):not(.danger):not(.warning):hover{background:#ffe9c6}.form.form-modified .save-bar>.button.save-button,.form.form-modified .modal-footer>.button.save-button{border:1px solid #fdaf31;background:#ffbb4d;color:#fff;-webkit-box-shadow:5px 5px 0 0 #ffe8c4;-moz-box-shadow:5px 5px 0 0 #ffe8c4;box-shadow:5px 5px 0 0 #ffe8c4;z-index:100}.form.form-modified .save-bar>.button.save-button:hover,.form.form-modified .modal-footer>.button.save-button:hover{background:#fdb135;border:1px solid #ff9e02}.form.form-modified .save-bar>.button.save-button.unsaved-changes,.form.form-modified .modal-footer>.button.save-button.unsaved-changes{-webkit-box-shadow:5px 5px 0 0 rgba(204,240,245,0.1);-moz-box-shadow:5px 5px 0 0 rgba(204,240,245,0.1);box-shadow:5px 5px 0 0 rgba(204,240,245,0.1)}.form.form-saved .save-bar,.form.form-saved .modal-footer{background:#edffd9;border-color:#83c33b;color:#519800}.form.form-saved .save-bar>.button:not(.primary):not(.danger):not(.warning),.form.form-saved .modal-footer>.button:not(.primary):not(.danger):not(.warning){border:1px solid transparent;background:transparent;color:#519800;box-shadow:none}.form.form-saved .save-bar>.button:not(.primary):not(.danger):not(.warning):hover,.form.form-saved .modal-footer>.button:not(.primary):not(.danger):not(.warning):hover{background:#daf7ba}.form.form-saved .save-bar>.button.save-button,.form.form-saved .modal-footer>.button.save-button{border:1px solid #7ec130;background:#95ca5a;color:#fff;-webkit-box-shadow:5px 5px 0 0 #c2ec92;-moz-box-shadow:5px 5px 0 0 #c2ec92;box-shadow:5px 5px 0 0 #c2ec92}.form.form-saved .save-bar>.button.save-button:hover,.form.form-saved .modal-footer>.button.save-button:hover{background:#8dc351;border:1px solid #69a64b}.form.form-invalid .save-bar,.form.form-invalid .modal-footer,.form.form-error .save-bar,.form.form-error .modal-footer{background:#ffe0e0;border-color:#ff6665;color:#d00100}.form.form-invalid .save-bar>.button:not(.primary):not(.danger):not(.warning),.form.form-invalid .modal-footer>.button:not(.primary):not(.danger):not(.warning),.form.form-error .save-bar>.button:not(.primary):not(.danger):not(.warning),.form.form-error .modal-footer>.button:not(.primary):not(.danger):not(.warning){border:1px solid transparent;background:transparent;color:#d00100;box-shadow:none}.form.form-invalid .save-bar>.button:not(.primary):not(.danger):not(.warning):hover,.form.form-invalid .modal-footer>.button:not(.primary):not(.danger):not(.warning):hover,.form.form-error .save-bar>.button:not(.primary):not(.danger):not(.warning):hover,.form.form-error .modal-footer>.button:not(.primary):not(.danger):not(.warning):hover{background:#fcc}.form.form-invalid .save-bar>.button.save-button,.form.form-invalid .modal-footer>.button.save-button,.form.form-error .save-bar>.button.save-button,.form.form-error .modal-footer>.button.save-button{border:1px solid #ff6665;background:#ff6665;color:#fff;-webkit-box-shadow:5px 5px 0 0 #ffcfcf;-moz-box-shadow:5px 5px 0 0 #ffcfcf;box-shadow:5px 5px 0 0 #ffcfcf}.form.form-invalid .save-bar>.button.save-button:hover,.form.form-invalid .modal-footer>.button.save-button:hover,.form.form-error .save-bar>.button.save-button:hover,.form.form-error .modal-footer>.button.save-button:hover{background:#fb5453;border:1px solid #fd3d3c}.multi-page-data-form{height:100%;display:flex;flex-direction:column}.multi-page-data-form .page-tabs .nav-tabs{z-index:9;padding:0px 20px;-webkit-box-shadow:1px 11px 14px -9px rgba(3,31,92,0.08);-moz-box-shadow:1px 11px 14px -9px rgba(3,31,92,0.08);box-shadow:1px 11px 14px -9px rgba(3,31,92,0.08);position:relative}@media (min-width: 1200px){.multi-page-data-form .page-tabs .nav-tabs{background:#fff}}.multi-page-data-form .form-content{flex-grow:1;position:relative;margin-bottom:-1px}.multi-page-data-form .form-footer{position:relative}.table{position:relative}.table .page-tabs .nav-tabs .nav-item .nav-link{padding:18px 15px}.table .page-tabs .nav-tabs .nav-item .nav-link:after{bottom:-2px}.blur{-webkit-filter:blur(0.75px);-moz-filter:blur(0.75px);-o-filter:blur(0.75px);-ms-filter:blur(0.75px);filter:blur(0.75px)}.table-loading{width:100% !important;position:absolute;font-size:32px;color:#12c0f3;background-color:rgba(220,246,255,0.3);text-align:center}.table-loading>i{position:absolute;top:50%;margin-top:-16px}.filter-wrapper{position:absolute;margin:15px 0px 0px 0px;padding:5px 8px 8px 8px;width:120px;right:19px;background:#fff;-webkit-box-shadow:0px 2px 39px 0px rgba(3,31,92,0.1);-moz-box-shadow:0px 2px 39px 0px rgba(3,31,92,0.1);box-shadow:0px 2px 39px 0px rgba(3,31,92,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:2}.filter-wrapper:after{content:"";position:absolute;top:-8px;right:9px;width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #fff transparent}.filter-wrapper .hint{display:block;font-size:9pt;padding:0px 0px 3px 0px}.filter-wrapper .form-group{margin-bottom:0px}.filter-wrapper .form-group input{background:#fff;border:1px solid #c1c1c1;padding:8px 10px}.filter-wrapper .form-group input:focus{border-color:#37c6f4;background:#f9fdff}.date-time-picker-balloon .balloon-arrow-top{left:23px}.date-picker .date-picker-section{padding:10px 10px 5px 10px}.date-picker .top-calendar{padding:5px;background:#f7f9fa}.date-picker .top-calendar .calendar-title{font-size:10pt;line-height:32px;cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.date-picker .top-calendar .calendar-title:hover{background:#e8e8e8}.date-picker .top-calendar i{cursor:pointer;font-size:32px;vertical-align:middle;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.date-picker .top-calendar i:hover{background:#e8e8e8}.date-picker .top-calendar .right-arrow{text-align:right}.date-picker .current-day{background:#f5f5f5;border:1px solid #d6d6d6}.date-picker .current-day.calendar-selected{border-color:#49d4fd}.date-picker .normal-day{color:#333}.date-picker .weekend{color:#d40201}.date-picker .other-month-day{color:#d6d6d6}.date-picker .other-month-weekend{color:#cd5c5c}div.date-picker-sections{width:100%;margin:15px}.calendar-selected{background:#49d4fd !important;color:#fff !important}.calendar-selected:hover{background:#2fd0ff !important}.calendar-title{text-align:center}.calendar-day-row{height:16.66%}.calendar-day-row>div{width:calc(14.28% - 2px);margin:1px;text-align:center;border:1px solid transparent;padding:8px;font-size:9pt;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.calendar-day-row>div:hover{background:#dcf6ff;border:1px solid #0bc0f5}.calendar-month-row{height:33%}.calendar-month-row>div{width:calc(25% - 2px);margin:1px;text-align:center;border:1px solid transparent;padding:15px 8px;font-size:9pt;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.calendar-month-row>div:hover{background:#dcf6ff;border:1px solid #0bc0f5}.calendar-year-row{height:33%}.calendar-year-row>div{width:calc(25% - 2px);margin:1px;text-align:center;border:1px solid transparent;padding:15px 8px;font-size:9pt;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.calendar-year-row>div:hover{background:#dcf6ff;border:1px solid #0bc0f5}.date-time-picker-balloon .balloon-content{display:inline-flex;vertical-align:top}.hours{display:inline-block;background:#fff;position:relative;vertical-align:top;border-left:1px solid #ddd;margin-left:5px;padding-left:5px;padding-bottom:10px}.hours .time{padding:5px;background:#f7f9fa;font-size:10pt;line-height:32px;text-align:center;margin-bottom:15px}.hours .wrap{display:flex;padding:0px 10px 0px 5px;position:relative}.hours .wrap .column{width:45px;display:inline-block}.hours .wrap .column .arrow{display:block}.hours .wrap .column .arrow i{display:table;margin:auto;font-size:30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.hours .wrap .column .arrow i:hover{cursor:pointer;background:#f7f9fa}.hours .wrap .column .arrow.up{margin-bottom:10px}.hours .wrap .column .arrow.down{margin-top:10px}.hours .wrap .column .cell{display:block;padding:9px 7px;text-align:center;font-size:9pt}.hours .wrap .column .cell.main{font-weight:600;padding:0px;margin:5px 0px}.hours .wrap .column .cell.main input{outline:none;text-align:center;width:35px;padding:7px;background:#fff;font-family:"Montserrat",sans-serif;font-size:9pt;font-weight:600;border:1px solid #c1c1c1;color:#585858;-webkit-box-shadow:3px 3px 0px 0 #f7f7f7;-moz-box-shadow:3px 3px 0px 0 #f7f7f7;box-shadow:3px 3px 0px 0 #f7f7f7;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.hours .wrap .column .cell.main input:hover{border:1px solid #ababab}.hours .wrap .column .cell.main input:focus{border-color:#37c6f4;background:#f9fdff}.hours .wrap .column.middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1px}.hours .wrap .column.first{padding-right:10px}.hours .wrap .column.second{padding-left:10px}.modal{opacity:0.0;-moz-transform:scale(.8);-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.modal.in{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1.0}.modal .modal-dialog{transform:none !important}@media (min-width: 768px) and (max-width: 991.98px){.modal .modal-dialog{max-width:600px}}.modal .modal-dialog.modal-full-width{max-width:90%}@media (max-width: 991.98px){.modal .modal-dialog.modal-full-width{max-width:95%}}.modal .modal-dialog.modal-order{max-width:80%}@media (max-width: 991.98px){.modal .modal-dialog.modal-order{max-width:95%}}.modal .modal-dialog .data-form{width:100%}.modal .modal-content{padding:0;border:0;max-height:calc(100vh - 60px);background:#fff}.modal .modal-content.modal-full-height{height:100vh}@media (min-width: 768px){.modal .modal-content.modal-min-height{min-height:500px}}.modal .modal-content .modal-header{padding:15px;border-bottom:1px solid #ddd;min-height:52px;position:relative}.modal .modal-content .modal-header .close{border:none;background:transparent;position:absolute;right:0;top:50%;outline:none;cursor:pointer;font-size:25px;padding:0px 10px;height:25px;margin:-12px 0px 0px 0px;opacity:0.5;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.modal .modal-content .modal-header .close:hover{opacity:1}.modal .modal-content .modal-header .modal-title{font-size:14px;text-shadow:0 1px 1px #009acc;font-weight:600}.modal .modal-content .nav-tabs{padding:0px 15px}.modal .modal-content .modal-body{padding:0;overflow-x:hidden;overflow-y:auto;min-height:315px;display:flex;flex-direction:column}@media (max-width: 767.98px){.modal .modal-content .modal-body{min-height:0px}}.modal .modal-content .modal-body .equal{display:flex;flex-grow:1}.modal .modal-content .modal-body.no-min-height{min-height:0}.modal .modal-content .modal-body.border-fix{margin-top:-1px}.modal .modal-content .modal-body.no-scroll{overflow:hidden}.modal .modal-content .modal-body .blocks{margin-right:-1px}.modal .modal-content .modal-body .blocks ul li .icon{align-self:center;flex-shrink:0}.modal .modal-content .modal-body .textarea.min-height{min-height:100px}.modal .modal-content .modal-body .down-block{padding:50px 0px}.modal .modal-content .modal-body .down-block .icon-block:hover .button{background-color:#00c1ff;color:#fff}.modal .modal-content .modal-body .down-block .icon-block:hover .button:hover{background-color:#23caff;border-color:#0bafe4}.modal .modal-content .modal-body .markdown{border-left:none;border-top:none;border-right:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px}.modal .modal-content .modal-body .content-block .markdown{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.modal .modal-content .modal-body .wave-wrap{width:100%}.modal .modal-content .modal-body .wave-wrap .wave{position:relative;height:95px;width:100%;margin-bottom:20px}.modal .modal-content .modal-body .wave-wrap .wave:before{content:"";display:block;position:absolute;-webkit-border-radius:100% 50%;-moz-border-radius:100% 50%;border-radius:100% 50%;width:50%;height:80px;right:-5px;top:64px}.modal .modal-content .modal-body .wave-wrap .wave:after{content:"";display:block;position:absolute;-webkit-border-radius:100% 50%;-moz-border-radius:100% 50%;border-radius:100% 50%;width:50%;height:80px;left:-12px;top:32px}.modal .modal-content .modal-body .wave-wrap .wave .icon{position:absolute;left:50%;background:#fff;z-index:1;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);transform:translate(-50%, 0);width:130px;height:130px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:5px;-webkit-box-shadow:1px 1px 32px 0 rgba(3,31,92,0.1);-moz-box-shadow:1px 1px 32px 0 rgba(3,31,92,0.1);box-shadow:1px 1px 32px 0 rgba(3,31,92,0.1);margin-top:10px}.modal .modal-content .modal-body .wave-wrap .wave .icon img{height:100%}.modal .modal-content .modal-body .wave-wrap.none{background:#fff}.modal .modal-content .modal-body .wave-wrap.none .wave:before{background:#fff}.modal .modal-content .modal-body .wave-wrap.default{background:#f9f9f9}.modal .modal-content .modal-body .wave-wrap.default .wave:before{background:#f9f9f9}.modal .modal-content .modal-body .wave-wrap.warning{background:#fffaf2}.modal .modal-content .modal-body .wave-wrap.warning .wave:before{background:#fffaf2}.modal .modal-content .modal-body .wave-wrap.success{background:#edffd9}.modal .modal-content .modal-body .wave-wrap.success .wave:before{background:#edffd9}.modal .modal-content .modal-body .wave-wrap.danger{background:#fff0f0}.modal .modal-content .modal-body .wave-wrap.danger .wave:before{background:#fffaf2}.modal .modal-content .modal-body .modal-top-preview{position:relative;padding:15px;background-color:#e8faff}.modal .modal-content .modal-body .modal-top-preview .entity-view .image-view{margin:0}.modal .modal-content .modal-body .modal-top-preview .entity-view span{color:#333}.modal .modal-content .modal-body .modal-top-preview .section-preview-wrap .section-preview{margin-top:0px}.modal .modal-content .modal-body .modal-top-preview .image{border:1px solid #37c6f4;background:#fff;padding:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.modal .modal-content .modal-body .modal-top-preview .image img{display:block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.modal .modal-content .modal-body .modal-top-preview .text{font-size:13px;line-height:22px;margin:0;color:#757575}.modal .modal-content .modal-body .modal-top-preview .text>span{display:block;font-weight:600;color:#333}.modal .modal-content .modal-body .modal-top-preview .orders-stats{border:none}.modal .modal-content .modal-body .modal-top-preview .orders-stats ul li{font-size:12px;padding:0px}.modal .modal-content .modal-body .modal-top-preview .orders-stats ul li i{font-size:22px;vertical-align:middle;margin-right:5px}.modal .modal-content .modal-body .modal-top-preview .orders-stats ul li span{font-weight:600;display:inline}.modal .modal-content .modal-body .modal-top-preview .orders-stats ul li:hover{background:transparent}.modal .modal-content .modal-body .section-preview-wrap .translation-select{margin:15px 15px 0px 15px}.modal .modal-content .modal-body .section-preview-wrap .translation-select .manage .icon.add{display:none}.modal .modal-content .search input{padding:20px 45px 19px 20px;background-color:#dcf7ff;border-bottom:1px solid #78e0ff}.modal .modal-content .search input:focus{background:#f9feff}.modal .modal-content.default .modal-header{background:#37c6f4;border-bottom:1px solid #29b7e4}.modal .modal-content.default .modal-header .close i{color:#00485f}.modal .modal-content.default .modal-header .modal-title{color:#fff}.modal .modal-content.default .modal-body .wave-wrap .wave{background:#37c6f4}.modal .modal-content.default .modal-body .wave-wrap .wave:before{-webkit-box-shadow:9px -17px 0 0 rgba(204,240,245,0.8);-moz-box-shadow:9px -17px 0 0 rgba(204,240,245,0.8);box-shadow:9px -17px 0 0 rgba(204,240,245,0.8)}.modal .modal-content.default .modal-body .wave-wrap .wave:after{background:#37c6f4;-webkit-box-shadow:5px 5px 0 0 rgba(204,240,245,0.8);-moz-box-shadow:5px 5px 0 0 rgba(204,240,245,0.8);box-shadow:5px 5px 0 0 rgba(204,240,245,0.8)}.modal .modal-content.default .markdown.wave{background:#fffaf2;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:none}.modal .modal-content.warning .modal-header{background:#f5c373;border-bottom:1px solid #f1a52d}.modal .modal-content.warning .modal-header .close i{color:#9c6000}.modal .modal-content.warning .modal-header .modal-title{color:#f3f3f3;text-shadow:none}.modal .modal-content.warning .modal-body .wave-wrap .wave{background:#f5c373}.modal .modal-content.warning .modal-body .wave-wrap .wave:before{-webkit-box-shadow:9px -17px 0 0 rgba(255,238,211,0.8);-moz-box-shadow:9px -17px 0 0 rgba(255,238,211,0.8);box-shadow:9px -17px 0 0 rgba(255,238,211,0.8)}.modal .modal-content.warning .modal-body .wave-wrap .wave:after{background:#f5c373;-webkit-box-shadow:5px 5px 0 0 rgba(255,238,211,0.8);-moz-box-shadow:5px 5px 0 0 rgba(255,238,211,0.8);box-shadow:5px 5px 0 0 rgba(255,238,211,0.8)}.modal .modal-content.warning .markdown.wave{background:#fffaf2;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:none}.modal .modal-content.danger .modal-header{background:#ff6564;border-bottom:1px solid #e65554}.modal .modal-content.danger .modal-header .close i{color:#8a0707}.modal .modal-content.danger .modal-header .modal-title{color:#fff;text-shadow:0 1px 1px #dc4645}.modal .modal-content.danger .modal-body .wave-wrap .wave{background:#ff6564}.modal .modal-content.danger .modal-body .wave-wrap .wave:before{-webkit-box-shadow:9px -17px 0 0 rgba(253,239,217,0.8);-moz-box-shadow:9px -17px 0 0 rgba(253,239,217,0.8);box-shadow:9px -17px 0 0 rgba(253,239,217,0.8)}.modal .modal-content.danger .modal-body .wave-wrap .wave:after{background:#ff6564;-webkit-box-shadow:5px 5px 0 0 rgba(253,239,217,0.8);-moz-box-shadow:5px 5px 0 0 rgba(253,239,217,0.8);box-shadow:5px 5px 0 0 rgba(253,239,217,0.8)}.modal .modal-content.danger .markdown.wave{background:#fffaf2;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:none}.modal .modal-content.success .modal-header{background:#91bf5d;border-bottom:1px solid #70ab2d}.modal .modal-content.success .modal-header .close i{color:#fff}.modal .modal-content.success .modal-header .modal-title{color:#fff;text-shadow:none}.modal .modal-content.success .modal-body .wave-wrap .wave{background:#91bf5d}.modal .modal-content.success .modal-body .wave-wrap .wave:before{-webkit-box-shadow:9px -17px 0 0 rgba(203,236,166,0.8);-moz-box-shadow:9px -17px 0 0 rgba(203,236,166,0.8);box-shadow:9px -17px 0 0 rgba(203,236,166,0.8)}.modal .modal-content.success .modal-body .wave-wrap .wave:after{background:#91bf5d;-webkit-box-shadow:5px 5px 0 0 rgba(203,236,166,0.8);-moz-box-shadow:5px 5px 0 0 rgba(203,236,166,0.8);box-shadow:5px 5px 0 0 rgba(203,236,166,0.8)}.modal .modal-content.success .markdown.wave{background:#edffd9;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:none}.modal .modal-content .ql-toolbar.ql-snow{-webkit-border-top-right-radius:0px !important;-moz-border-radius-topright:0px !important;border-top-right-radius:0px !important;-webkit-border-top-left-radius:0px !important;-moz-border-radius-topleft:0px !important;border-top-left-radius:0px !important;border-left:none;border-right:none}.modal .modal-content .ql-container.ql-snow{-webkit-border-bottom-right-radius:0px !important;-moz-border-radius-bottomright:0px !important;border-bottom-right-radius:0px !important;-webkit-border-bottom-left-radius:0px !important;-moz-border-radius-bottomleft:0px !important;border-bottom-left-radius:0px !important;border-left:none;border-right:none}.modal .modal-footer{background:#fff;border-top:1px solid #ddd;display:flex;justify-content:space-between;width:100%;margin-top:-1px;padding:12px 15px;z-index:1}.modal .modal-footer.fix{margin-top:0px}.modal .modal-footer .button:not(.primary):not(.danger):not(.warning){background:#fff;border-color:#37c6f4}.modal .modal-footer .button:not(.primary):not(.danger):not(.warning):hover{background:#00c1ff}.dimensions-fragment .flex{justify-content:center}.dimensions-fragment .multiply{align-self:center}@media (max-width: 575.98px){.dimensions-fragment .multiply{padding:0px 3px}}.plain-dropdown-form-field{width:100%}.plain-dropdown-form-field .button{background:#fff}.plain-dropdown-form-field .dropdown-menu{width:100%}.plain-dropdown-form-field .button{width:100%;text-align:left;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:13px;padding:5px 45px 5px 10px;border:1px solid #c1c1c1;color:#585858;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;-webkit-box-shadow:3px 3px 0 0 #f7f7f7;-moz-box-shadow:3px 3px 0 0 #f7f7f7;box-shadow:3px 3px 0 0 #f7f7f7;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:38px}.plain-dropdown-form-field .button span{max-height:38px;overflow:hidden}.plain-dropdown-form-field .button:focus{border:1px solid #0bafe4;background:#f9fdff}.plain-dropdown-form-field .button:hover{background:#fff}.plain-dropdown-form-field i{position:absolute;right:-1px;height:38px;line-height:38px;background:#dcf7ff;border:1px solid #37c6f4;padding:0 8px;color:#01b3e6;outline:none;font-size:21px;-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important;cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.plain-dropdown-form-field i:hover{background:#4ad6ff;color:#fff;border-color:#0bafe4}.dropdown-group{margin-left:10px}.dropdown-group.secondary-button .button{margin:8px 10px 8px 0px;padding-right:25px}.dropdown-group.secondary-button .button i{font-size:20px;right:4px;top:50%;position:absolute;margin-top:-10px}.dropdown-menu{display:inline-block;position:relative}.dropdown-balloon{overflow-y:auto}.dropdown-balloon ul .dropdown-item,.dropdown-balloon ul .option{display:flex;position:relative;cursor:pointer;padding:10px 15px;font-size:13px;line-height:16px;color:#333;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown-balloon ul .dropdown-item:hover,.dropdown-balloon ul .dropdown-item.active,.dropdown-balloon ul .option:hover,.dropdown-balloon ul .option.active{background-color:#f2f2f4;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.dropdown-balloon ul .dropdown-item.selected,.dropdown-balloon ul .option.selected{background:#e8faff}.dropdown-balloon ul .dropdown-item.selected .initials-view,.dropdown-balloon ul .dropdown-item.selected .image-view img,.dropdown-balloon ul .option.selected .initials-view,.dropdown-balloon ul .option.selected .image-view img{border-color:#37c6f4}.dropdown-balloon ul .dropdown-item.selected:hover,.dropdown-balloon ul .option.selected:hover{background-color:#dcf7ff}.dropdown-balloon ul .dropdown-item.selected:hover .initials-view,.dropdown-balloon ul .dropdown-item.selected:hover .image-view img,.dropdown-balloon ul .option.selected:hover .initials-view,.dropdown-balloon ul .option.selected:hover .image-view img{border-color:#02b0e8}.dropdown-balloon ul .dropdown-item.selected .image-view img,.dropdown-balloon ul .option.selected .image-view img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.dropdown-balloon ul .dropdown-item span,.dropdown-balloon ul .option span{font-size:13px;display:inline-flex;flex-shrink:0}.dropdown-balloon ul .dropdown-item i,.dropdown-balloon ul .option i{margin:3px 10px 3px 0px;font-size:18px;vertical-align:middle}.dropdown-balloon ul .dropdown-item .checkbox,.dropdown-balloon ul .option .checkbox{display:flex;align-self:center}.dropdown-balloon ul .dropdown-item.language-row img,.dropdown-balloon ul .option.language-row img{vertical-align:middle;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:23px;width:23px}.dropdown-balloon ul .dropdown-item a,.dropdown-balloon ul .option a{flex-shrink:0;display:flex;align-items:center}.dropdown-balloon ul .dropdown-divider{margin:0.2rem 0;border-top:1px solid #ddd}.top-dropdown-menu{max-width:400px}.top-dropdown-menu .line{display:block;border-top:1px solid #ddd}.top-dropdown-menu .header{padding:10px 15px 15px 15px;cursor:default}.top-dropdown-menu .accented{background:#e8faff;border-top:1px solid #78e0ff;border-bottom:1px solid #78e0ff;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.top-dropdown-menu .accented:hover{background-color:#dcf7ff}.top-dropdown-menu .accented .left .store-icon img{width:50px;display:table;margin:auto}.top-dropdown-menu ul li{display:flex;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;border:none;border-bottom:0px;width:100%;justify-content:space-between;padding:10px 15px;border-top:1px solid #ddd}@media (max-width: 575.98px){.top-dropdown-menu ul li{flex-direction:column}.top-dropdown-menu ul li .actions{margin-top:15px}}.top-dropdown-menu ul li:first-child{border-top:none}.top-dropdown-menu ul li .left{display:flex}.top-dropdown-menu ul li .left .store-icon{width:80px;align-self:center;margin-right:15px;flex-shrink:0}.top-dropdown-menu ul li .left .store-icon.shrink{flex-shrink:1}.top-dropdown-menu ul li .left .title-block{align-self:center}.top-dropdown-menu ul li .actions{display:flex;flex-shrink:0;align-self:center}.top-dropdown-menu ul li .button i{font-size:20px !important}.top-dropdown-menu ul li .icon{width:50px;align-self:center;margin-right:15px;flex-shrink:0}.top-dropdown-menu ul li .icon img{width:100%}.top-dropdown-menu ul li:hover{background-color:#d9f6ff}.top-dropdown-menu ul li:hover .button{background-color:#00c1ff;color:#fff}.top-dropdown-menu ul li:hover .button:hover{background-color:#23caff;border-color:#0bafe4}.top-dropdown-menu ul li:hover a{cursor:pointer}.top-dropdown-menu ul li.separator{padding:0;border-bottom:1px solid #ddd;margin:0}.top-dropdown-menu ul li.selected{background:#e8faff}.top-dropdown-menu ul li.selected:hover{background-color:#dcf7ff}.top-dropdown-menu ul li.empty{padding:15px !important}.top-dropdown-menu ul li.empty img{width:150px;display:table;margin:10px auto 15px auto}.top-dropdown-menu ul li.empty:hover{background:transparent}.top-dropdown-menu.search-sub-menu.active{display:block}.top-dropdown-menu.search-sub-menu .popularity{display:block;padding:10px 0px;font-size:12px;text-align:center}.top-dropdown-menu.search-sub-menu .popularity ul{display:inline-block;margin-top:5px}.top-dropdown-menu.search-sub-menu .popularity ul li{display:inline-block;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ddd;margin:0px 3px;vertical-align:middle;padding:0}.top-dropdown-menu.search-sub-menu .popularity ul li.active{background:#26ceff}.top-dropdown-menu.search-sub-menu ul li{border-top:none}.top-dropdown-menu.search-sub-menu ul li.sub{background:#fff;flex-direction:column;padding:5px 0px}.top-dropdown-menu.search-sub-menu ul li.sub .left{padding:0px 15px;display:flex;align-items:center;position:relative}.top-dropdown-menu.search-sub-menu ul li.sub .left i{position:absolute;right:13px;font-size:32px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);font-size:29px;background:#f7f7f7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.top-dropdown-menu.search-sub-menu ul li.sub .title-block{position:relative;margin-bottom:0;font-size:13px}.top-dropdown-menu.search-sub-menu ul li.sub ul li{padding:0px;background-color:transparent}.top-dropdown-menu.search-sub-menu ul li.sub ul li a{width:100%;padding:10px 5px 10px 40px;position:relative;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.top-dropdown-menu.search-sub-menu ul li.sub ul li a:before{content:"";padding:5px;background:#37c6f4;position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);left:18px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.top-dropdown-menu.search-sub-menu ul li.sub ul li a:hover{background-color:#f7f9fa;cursor:pointer}.top-dropdown-menu.search-sub-menu ul li.sub ul li a.selected{background:#e8faff}.top-dropdown-menu.search-sub-menu ul li.sub ul li a.selected:hover{background-color:#dcf7ff}.top-dropdown-menu.search-sub-menu ul li.sub:hover{cursor:default}.top-dropdown-menu.search-sub-menu ul li.nothing-found{display:flex;flex-direction:column}.top-dropdown-menu.search-sub-menu ul li.nothing-found .icon{display:table;margin:auto;margin-bottom:15px}.top-dropdown-menu.search-sub-menu ul li.no-hover:hover{background:transparent;cursor:default}.top-dropdown-menu.search-sub-menu ul li:hover{cursor:pointer}.top-dropdown-menu.account-dropdown ul li{padding:15px}.top-dropdown-menu.account-dropdown ul li a{width:100%}.top-dropdown-menu.account-dropdown ul li.logout{background:#fff0f0;border-top:1px solid #ffe0e0;border-bottom:1px solid #ffe0e0}.top-dropdown-menu.account-dropdown ul li.logout span{color:#d00100}.top-dropdown-menu.account-dropdown ul li.logout span a{color:#d00100}.top-dropdown-menu.account-dropdown ul li.logout:hover{background:#ffe7e7}.top-dropdown-menu.dashboard-menu{width:500px;right:0}.top-dropdown-menu.dashboard-menu ul li .form-group{margin-bottom:0px}.top-dropdown-menu .form-group label{margin:0px}.validation-error{font-size:11px;width:100%;position:absolute;color:#d00100;padding:5px 0;font-weight:600;letter-spacing:0.3px}.file-area{display:table;width:100%;padding:35px 20px;border:2px dashed #2fd0ff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;font-size:9pt;line-height:14pt;text-align:center}.file-area .center{display:table-cell;vertical-align:middle}.file-area .icon{display:block;margin-bottom:10px}.file-area .icon img{width:150px}.file-area .title{display:block;font-size:12pt;margin-bottom:5px}.file-area .button span,.file-area .button i{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.file-area:hover{background:#f3fbff;border-color:#37c6f4}.file-area:hover .button{border-color:#15a0cc;-webkit-box-shadow:5px 5px 0 #dbf3fb !important;-moz-box-shadow:5px 5px 0 #dbf3fb !important;box-shadow:5px 5px 0 #dbf3fb !important;background:transparent !important}.file-area:hover .button span,.file-area:hover .button i{color:#0097c7}.file-area.filearea-small{min-height:0;padding:15px}.file-area.filearea-small .icon img{width:100%}footer{padding:15px;font-size:10px;line-height:10px;color:#757575}footer img{width:40px;margin-right:7px}.modified .form-group .input{border-color:#ffc66a !important;background:#fff7ea}.modified .form-group .input:focus{border-color:#ffc66a;background:#fff7ea}.modified .form-group .input:disabled{background:repeating-linear-gradient(45deg, rgba(255,198,106,0.1), rgba(255,198,106,0.1) 10px, rgba(255,198,106,0.2) 10px, rgba(255,198,106,0.2) 20px);color:#333}.modified .file-input .file{border-color:#ffc66a;background:#fff7ea}.modified .file-input .file .action{border-color:#ff9595}.modified .rich-text-area .ql-toolbar.ql-snow,.modified .rich-text-area.focused .ql-toolbar.ql-snow{border-color:#ffc66a !important;background:#fff1da !important}.modified .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font,.modified .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size{background:#ffe4b9}.modified .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font.ql-expanded .ql-picker-label,.modified .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size.ql-expanded .ql-picker-label,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font.ql-expanded .ql-picker-label,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size.ql-expanded .ql-picker-label{background:#ffe4b9;border-color:#ffe4b9}.modified .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label:focus,.modified .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label:focus,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label:focus,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label:focus{background:#ffe4b9;outline:none !important}.modified .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label.ql-active,.modified .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label.ql-active,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label.ql-active,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label.ql-active{background:#ffe4b9}.modified .rich-text-area .ql-toolbar.ql-snow .ql-active .ql-stroke,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-active .ql-stroke{stroke:#d08000 !important}.modified .rich-text-area .ql-toolbar.ql-snow .ql-active .ql-fill,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-active .ql-fill{fill:#d08000 !important}.modified .rich-text-area .ql-toolbar.ql-snow .ql-picker-label:hover,.modified .rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover,.modified .rich-text-area .ql-toolbar.ql-snow button:hover,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker-label:hover,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-color-picker:hover,.modified .rich-text-area.focused .ql-toolbar.ql-snow button:hover{background:#ffe4b9}.modified .rich-text-area .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke,.modified .rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover .ql-stroke,.modified .rich-text-area .ql-toolbar.ql-snow button:hover .ql-stroke,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-color-picker:hover .ql-stroke,.modified .rich-text-area.focused .ql-toolbar.ql-snow button:hover .ql-stroke{stroke:#d08000 !important}.modified .rich-text-area .ql-toolbar.ql-snow .ql-picker-label:hover .ql-fill,.modified .rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover .ql-fill,.modified .rich-text-area .ql-toolbar.ql-snow button:hover .ql-fill,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker-label:hover .ql-fill,.modified .rich-text-area.focused .ql-toolbar.ql-snow .ql-color-picker:hover .ql-fill,.modified .rich-text-area.focused .ql-toolbar.ql-snow button:hover .ql-fill{fill:#d08000 !important}.modified .rich-text-area .ql-container.ql-snow,.modified .rich-text-area.focused .ql-container.ql-snow{border-color:#ffc66a !important}.modified .toggle>input:checked+span:before{background:#ffc66a}.modified .buttons-select ul li.option.selected{background:#fff7ea !important;border:1px solid #ffc66a}.modified .buttons-select ul li.option.selected:after{background-color:#ffc66a}.modified .buttons-select ul li.option.selected a{color:#ffa20b}.modified .buttons-select ul li.selected:first-child{border-right:none !important}.modified .buttons-select ul li.selected:first-child:after{background:#ffc66a}.modified .buttons-select ul li:nth-of-type(n+1):not(:last-child){border-right:none !important}.modified .buttons-select ul li.selected:last-child{border-right:1px solid #ffc66a}.modified .buttons-select ul li.selected:last-child:before{background:#ffc66a}.modified .combo-dropdown .combo-button{border-color:#ffc66a;background:#ffe9c5;color:#ffa20b}.modified .combo-dropdown .combo-button:hover{background:#ffdca4;color:#d08000;border-color:#ffa91e}.modified .date-input .input-group .icon{border-color:#ffc66a;background:#ffe9c5;color:#ffa20b}.modified .date-input .input-group .icon:hover{background:#ffdca4;color:#d08000;border-color:#ffa91e}@media (min-width: 576px){.modified .input-group.tag-section-group .input.input-section{border-left:none !important}}.modified .input-group.tag-section-group .tag-section{border-color:#ffc66a;background:#ffe9c5;color:#ffa20b}.modified.plain-dropdown-form-field .button{border-color:#ffc66a !important;background:#fff7ea !important}.modified.plain-dropdown-form-field .button i{border-color:#ffc66a;background:#ffe9c5;color:#ffa20b}.modified.plain-dropdown-form-field .button i:hover{background:#ffdca4;color:#d08000;border-color:#ffa91e}.modified.form-field .button.show-button{border-color:#ffc66a !important;background:#fff7ea !important}.modified.form-field .button.show-button i{border-color:#ffc66a;background:#ffe9c5;color:#ffa20b}.modified.form-field .button.show-button i:hover{background:#ffdca4;color:#d08000;border-color:#ffa91e}.modified.form-field .tag-input{border-color:#ffc66a;background:#fff7ea}.modified.form-field .tag-input .tags .tag{border-color:#d08000;background:#ffe7c0}.modified.form-field .tag-input .tags .tag span{color:#d08000}.modified.form-field .tag-input .tags .tag .close-tag{background:#ffbb4d;color:#fff}.modified.form-field .tag-input .tags .tag .close-tag:hover{background:#ec4645 !important}.modified.form-field .tag-input .tags .tag:hover .close-tag{background:#ff9e02}.modified.form-field .tag-input.control-disabled{background:repeating-linear-gradient(45deg, rgba(255,198,106,0.1), rgba(255,198,106,0.1) 10px, rgba(255,198,106,0.2) 10px, rgba(255,198,106,0.2) 20px);color:#333}.modified .gallery-image-fragment{border-color:#ffc66a !important}.modified .file-area{border-color:#ffc66a;background:#fff7ea}.modified .file-area .button{border:1px solid #d08000 !important;-webkit-box-shadow:5px 5px 0 #f9eec5 !important;-moz-box-shadow:5px 5px 0 #f9eec5 !important;box-shadow:5px 5px 0 #f9eec5 !important;background:rgba(0,0,0,0)}.modified .file-area .button span{color:#d08000}.modified .file-area .button i{background:transparent;color:#d08000}.modified .file-area .button:hover{background:#fff3e0 !important}.modified .form-group .textarea{border-color:#ffc66a;background:#fff7ea}.modified .form-group .form-group-dropdown .button{border-color:#ffc66a;background:#ffe9c5;color:#ffa20b}.modified .form-group .form-group-dropdown .button:hover{background:#ffdca4;color:#d08000;border-color:#ffa91e}.modified .quantity-input .arrows{background:#fff7ea;border-color:#ffc66a}.modified .quantity-input .arrows .up:after{background-color:#ffc66a}.modified .quantity-input .arrows .button{background:#ffe9c5}.modified .quantity-input .arrows .button i{color:#ffa20b}.modified .quantity-input .arrows .button:hover{background:#ffdca4;color:#d08000;border-color:#ffa91e}.modified .image-view img{border-color:#ffc66a !important;background:#fff7ea !important}.modified .range-slider-input .range-line .active-line{background:#ffc66a}.invalid .form-group .input{border-color:#ff9595 !important;background:#fff0f0}.invalid .form-group .input:focus{border-color:#ff9595;background:#fff0f0}.invalid .form-group .input:disabled{background:repeating-linear-gradient(45deg, rgba(255,149,149,0.1), rgba(255,149,149,0.1) 10px, rgba(255,149,149,0.2) 10px, rgba(255,149,149,0.2) 20px);color:#333}.invalid .file-input .file{border-color:#ff6665;background:#fff0f0}.invalid .file-input .file .action{border-color:#ff6665}.invalid .rich-text-area .ql-toolbar.ql-snow,.invalid .rich-text-area.focused .ql-toolbar.ql-snow{border-color:#ff9595 !important;background:#ffe2e2 !important}.invalid .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font,.invalid .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size{background:#fdcbcb !important}.invalid .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font.ql-expanded .ql-picker-label,.invalid .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size.ql-expanded .ql-picker-label,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font.ql-expanded .ql-picker-label,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size.ql-expanded .ql-picker-label{background:#fdcbcb;border-color:#fdcbcb}.invalid .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label:focus,.invalid .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label:focus,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label:focus,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label:focus{background:#fdcbcb}.invalid .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label.ql-active,.invalid .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label.ql-active,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label.ql-active,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label.ql-active{background:#fdcbcb}.invalid .rich-text-area .ql-toolbar.ql-snow .ql-active .ql-stroke,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-active .ql-stroke{stroke:#d00100 !important}.invalid .rich-text-area .ql-toolbar.ql-snow .ql-active .ql-fill,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-active .ql-fill{fill:#d00100 !important}.invalid .rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover,.invalid .rich-text-area .ql-toolbar.ql-snow button:hover,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-color-picker:hover,.invalid .rich-text-area.focused .ql-toolbar.ql-snow button:hover{background:#fdcbcb}.invalid .rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover .ql-stroke,.invalid .rich-text-area .ql-toolbar.ql-snow button:hover .ql-stroke,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-color-picker:hover .ql-stroke,.invalid .rich-text-area.focused .ql-toolbar.ql-snow button:hover .ql-stroke{stroke:#d00100 !important}.invalid .rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover .ql-fill,.invalid .rich-text-area .ql-toolbar.ql-snow button:hover .ql-fill,.invalid .rich-text-area.focused .ql-toolbar.ql-snow .ql-color-picker:hover .ql-fill,.invalid .rich-text-area.focused .ql-toolbar.ql-snow button:hover .ql-fill{fill:#d00100 !important}.invalid .rich-text-area .ql-container.ql-snow,.invalid .rich-text-area.focused .ql-container.ql-snow{border-color:#ff9595 !important}.invalid .toggle>input:checked+span:before{background:#ff6665}.invalid .buttons-select ul li.option.selected{background:#fff0f0 !important;border-color:#ff9595}.invalid .buttons-select ul li.option.selected a{color:#d00100}.invalid .buttons-select ul li.selected:first-child{border-right:none !important}.invalid .buttons-select ul li.selected:first-child:after{background:#ff9595}.invalid .buttons-select ul li.selected:last-child{border-right:1px solid #ff9595}.invalid .buttons-select ul li.selected:last-child:before{background:#ff9595}.invalid .combo-dropdown .combo-button{background:#ffc3c3;border-color:#ff9595;color:#d00100}.invalid .combo-dropdown .combo-button:hover{background:#ffa0a0;color:#d00100;border-color:#ff6161}.invalid .date-input .input-group .icon{background:#ffc3c3;border-color:#ff9595;color:#d00100}.invalid .date-input .input-group .icon:hover{background:#ffa0a0;color:#d00100;border-color:#ff6161}@media (min-width: 576px){.invalid .input-group.tag-section-group .input.input-section{border-left:none !important}}.invalid .input-group.tag-section-group .tag-section{background:#ffc3c3;border-color:#ff9595;color:#d00100}.invalid.plain-dropdown-form-field .button{border-color:#ff9595 !important;background:#fff0f0 !important}.invalid.plain-dropdown-form-field .button i{background:#ffc3c3;border-color:#ff9595;color:#d00100}.invalid.plain-dropdown-form-field .button i:hover{background:#ffa0a0;color:#d00100;border-color:#ff6161}.invalid.form-field .button.show-button{border-color:#ff9595 !important;background:#fff0f0 !important}.invalid.form-field .button.show-button i{background:#ffc3c3;border-color:#ff9595;color:#d00100}.invalid.form-field .button.show-button i:hover{background:#ffa0a0;color:#d00100;border-color:#ff6161}.invalid.form-field .tag-input{border-color:#ff9595;background:#fff0f0}.invalid.form-field .tag-input .tags .tag{border-color:#ff6665;background:#ffbebe}.invalid.form-field .tag-input .tags .tag span{color:#d00100}.invalid.form-field .tag-input .tags .tag .close-tag{background:#ff6665;color:#fff}.invalid.form-field .tag-input .tags .tag .close-tag:hover{background:#ec4645 !important}.invalid.form-field .tag-input .tags .tag:hover .close-tag{background:#fd3d3c}.invalid.form-field .tag-input.control-disabled{background:repeating-linear-gradient(45deg, rgba(255,149,149,0.1), rgba(255,149,149,0.1) 10px, rgba(255,149,149,0.2) 10px, rgba(255,149,149,0.2) 20px);color:#333}.invalid .form-group .textarea{border-color:#ff9595;background:#fff0f0}.invalid .form-group .form-group-dropdown .button{background:#ffc3c3;border-color:#ff9595;color:#d00100}.invalid .form-group .form-group-dropdown .button:hover{background:#ffa0a0;color:#d00100;border-color:#ff6161}.invalid .quantity-input .arrows{background:#fff0f0 !important;border-color:#ff9595}.invalid .quantity-input .arrows .up:after{background-color:#ff9595}.invalid .quantity-input .arrows .button{background:#ffc3c3}.invalid .quantity-input .arrows .button i{color:#d00100}.invalid .quantity-input .arrows .button:hover{background:#ffa0a0}.invalid .image-view img{border-color:#ff9595 !important;background:#fff0f0 !important}.invalid .range-slider-input .range-line .active-line{background:#ff9595}.saved .form-group .input{border-color:#83c33b !important;background:#f5fff5}.saved .form-group .input:focus{border-color:#83c33b;background:#f5fff5}.saved .form-group .input:disabled{background:repeating-linear-gradient(45deg, rgba(131,195,59,0.1), rgba(131,195,59,0.1) 10px, rgba(131,195,59,0.2) 10px, rgba(131,195,59,0.2) 20px);color:#333}.saved .file-input .file{border-color:#83c33b;background:#f5fff5}.saved .file-input .file .action{border-color:#ff6665}.saved .rich-text-area .ql-toolbar.ql-snow,.saved .rich-text-area.focused .ql-toolbar.ql-snow{border-color:#83c33b !important;background:#efffdd !important}.saved .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font,.saved .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size{background:#daf5bc !important}.saved .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font.ql-expanded .ql-picker-label,.saved .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size.ql-expanded .ql-picker-label,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font.ql-expanded .ql-picker-label,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size.ql-expanded .ql-picker-label{background:#daf5bc;border-color:#daf5bc}.saved .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label:focus,.saved .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label:focus,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label:focus,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label:focus{background:#daf5bc}.saved .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label.ql-active,.saved .rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label.ql-active,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label.ql-active,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label.ql-active{background:#daf5bc}.saved .rich-text-area .ql-toolbar.ql-snow .ql-active .ql-stroke,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-active .ql-stroke{stroke:#519800 !important}.saved .rich-text-area .ql-toolbar.ql-snow .ql-active .ql-fill,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-active .ql-fill{fill:#519800 !important}.saved .rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover,.saved .rich-text-area .ql-toolbar.ql-snow button:hover,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-color-picker:hover,.saved .rich-text-area.focused .ql-toolbar.ql-snow button:hover{background:#daf5bc}.saved .rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover .ql-stroke,.saved .rich-text-area .ql-toolbar.ql-snow button:hover .ql-stroke,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-color-picker:hover .ql-stroke,.saved .rich-text-area.focused .ql-toolbar.ql-snow button:hover .ql-stroke{stroke:#519800 !important}.saved .rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover .ql-fill,.saved .rich-text-area .ql-toolbar.ql-snow button:hover .ql-fill,.saved .rich-text-area.focused .ql-toolbar.ql-snow .ql-color-picker:hover .ql-fill,.saved .rich-text-area.focused .ql-toolbar.ql-snow button:hover .ql-fill{fill:#519800 !important}.saved .rich-text-area .ql-container.ql-snow,.saved .rich-text-area.focused .ql-container.ql-snow{border-color:#83c33b !important}.saved .buttons-select ul li.option.selected{background:#f5fff5 !important;border-color:#83c33b}.saved .buttons-select ul li.option.selected a{color:#519800}.saved .buttons-select ul li.selected:first-child{border-right:none !important}.saved .buttons-select ul li.selected:first-child:after{background:#83c33b}.saved .buttons-select ul li.selected:last-child{border-right:1px solid #83c33b}.saved .buttons-select ul li.selected:last-child:before{background:#83c33b}.saved .combo-dropdown .combo-button{background:#d0f3d0;border-color:#83c33b;color:#519800}.saved .combo-dropdown .combo-button:hover{background:#b3e8b3;color:#519800;border-color:#7fc135}.saved .date-input .input-group .icon{background:#d0f3d0;border-color:#83c33b;color:#519800}.saved .date-input .input-group .icon:hover{background:#b3e8b3;color:#519800;border-color:#7fc135}@media (min-width: 576px){.saved .input-group.tag-section-group .input.input-section{border-left:none !important}}.saved .input-group.tag-section-group .tag-section{background:#d0f3d0;border-color:#83c33b;color:#519800}.saved.plain-dropdown-form-field .button{border-color:#83c33b !important;background:#f5fff5 !important}.saved.plain-dropdown-form-field .button i{background:#d0f3d0 !important;border-color:#83c33b !important;color:#519800 !important}.saved.plain-dropdown-form-field .button i:hover{background:#b3e8b3;color:#519800;border-color:#7fc135}.saved.form-field .button.show-button{border-color:#83c33b !important;background:#f5fff5 !important}.saved.form-field .button.show-button i{background:#d0f3d0;border-color:#83c33b;color:#519800}.saved.form-field .button.show-button i:hover{background:#b3e8b3;color:#519800;border-color:#7fc135}.saved.form-field .tag-input{border-color:#83c33b;background:#f5fff5}.saved.form-field .tag-input .tags .tag{border-color:#83c33b;background:#caefca}.saved.form-field .tag-input .tags .tag span{color:#519800}.saved.form-field .tag-input .tags .tag .close-tag{background:#95ca5a;color:#fff}.saved.form-field .tag-input .tags .tag .close-tag:hover{background:#ec4645 !important}.saved.form-field .tag-input .tags .tag:hover .close-tag{background:#69a64b}.saved.form-field .tag-input.control-disabled{background:repeating-linear-gradient(45deg, rgba(131,195,59,0.1), rgba(131,195,59,0.1) 10px, rgba(131,195,59,0.2) 10px, rgba(131,195,59,0.2) 20px);color:#333}.saved .gallery-image-fragment{border-color:#83c33b !important}.saved .file-area{border-color:#83c33b;background:#f5fff5}.saved .file-area .button{border-color:#83c33b;-webkit-box-shadow:5px 5px 0 #d7f3b7 !important;-moz-box-shadow:5px 5px 0 #d7f3b7 !important;box-shadow:5px 5px 0 #d7f3b7 !important;background:rgba(0,0,0,0)}.saved .file-area .button span{color:#519800}.saved .file-area .button i{background:transparent;color:#519800}.saved .file-area .button:hover{background:#dcfbb8 !important}.saved .form-group .textarea{border-color:#83c33b;background:#f5fff5}.saved .form-group .form-group-dropdown .button{background:#d0f3d0;border-color:#83c33b;color:#519800}.saved .form-group .form-group-dropdown .button:hover{background:#b3e8b3;color:#519800;border-color:#7fc135}.saved .quantity-input .arrows{background:#d0f3d0 !important;border-color:#83c33b}.saved .quantity-input .arrows .up:after{background-color:#519800}.saved .quantity-input .arrows .button{background:#d0f3d0}.saved .quantity-input .arrows .button i{color:#519800}.saved .quantity-input .arrows .button:hover{background:#b3e8b3}.saved .image-view img{border-color:#83c33b !important;background:#f5fff5 !important}.saved .range-slider-input .range-line .active-line{background:#83c33b}.gallery-fragment .image-gallery{position:relative}.gallery-fragment .image-gallery .gallery-row{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));grid-auto-rows:100px;grid-gap:6px;padding:15px}.gallery-fragment .image-gallery .gallery-row .gallery-column{position:relative}.gallery-fragment .image-gallery .gallery-row .gallery-column:not(:first-child){max-height:100px}.gallery-fragment .image-gallery .gallery-row .gallery-column .gallery-image-fragment{position:relative;overflow:hidden;width:100%;height:100%;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;background:#fff}.gallery-fragment .image-gallery .gallery-row .gallery-column .gallery-image-fragment.selected{border-color:#37c6f4}.gallery-fragment .image-gallery .gallery-row .gallery-column .gallery-image-fragment:hover:not(.selected){border-color:#a5a5a5;cursor:grab}.gallery-fragment .image-gallery .gallery-row .gallery-column .gallery-image-fragment .image-frame{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:auto;text-align:center}.gallery-fragment .image-gallery .gallery-row .gallery-column .gallery-image-fragment .image-frame img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;max-width:100%;max-height:100%}.image-preview-loading{background-color:rgba(220,246,255,0.5);border:1px solid #1bbbef;color:#12c0f3;font-size:32px;display:flex;justify-content:center}.image-preview-loading i{margin-top:50%}.image-preview .close-button{background:#f7f9fa;margin:20px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:46px;height:46px;line-height:46px;position:relative}.image-preview .close-button i{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:28px;color:#333}.image-preview .close-button:hover{background:#f2f2f4}.image-preview .close-button:hover i{color:#333}.image-view{width:70px;height:70px;display:flex;margin:auto;flex-shrink:0}.image-view img{margin:auto;padding:2px;max-width:100%;max-height:100%;align-self:center;background:#fff;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.initials-view{width:70px;height:70px;border:1px solid #ddd;background:#fff;padding:2px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.initials-view .initials{color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.5);font-size:16px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;line-height:64px;min-width:64px;text-transform:uppercase}.initials-view-wrap{display:inline-block;vertical-align:middle;line-height:17px}@media (max-width: 991.98px){.initials-view-wrap{padding:10px 0px}}@media (max-width: 575.98px){.initials-view-wrap{display:block}}.initials-view-wrap .initials-view:hover{border:1px solid #a5a5a5}.initials-view-wrap .details{display:inline-block;padding:0px 10px;vertical-align:middle;color:#333;font-size:10pt}@media (max-width: 575.98px){.initials-view-wrap .details{padding:10px 0px;text-align:center;display:block}}.initials-view-wrap .details span{display:block;font-size:13px;color:#333;margin-bottom:2px}.loading-indicator-overlay{width:100%;height:100%;padding:0;position:absolute;left:0px;top:0px;background-color:#fff;z-index:50;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;opacity:0;overflow:hidden}.loading-indicator-overlay.loading{opacity:1}.loading-indicator-overlay .loading-indicator{width:70px;height:70px;position:absolute;top:50%;left:50%;margin-left:-35px;margin-top:-35px;text-align:center}.loading-indicator-overlay .loading-indicator>div{width:18px;height:18px;background-color:#37c6f4;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.loading-indicator-overlay .loading-indicator .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.loading-indicator-overlay .loading-indicator .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:rotate(0deg) scale(0);-ms-transform:rotate(0deg) scale(0);-moz-transform:rotate(0deg) scale(0);transform:rotate(0deg) scale(0)}40%{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-moz-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:rotate(0deg) scale(0);-ms-transform:rotate(0deg) scale(0);-moz-transform:rotate(0deg) scale(0);transform:rotate(0deg) scale(0)}40%{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-moz-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}}body.sub-menu-closed .page{z-index:3}body.sub-menu-closed .menu{display:none;position:absolute;top:382px;left:234px;width:237px;padding-top:15px;height:auto !important;background:#fff;-webkit-box-shadow:10px 0px 20px 0 rgba(33,34,41,0.15);-moz-box-shadow:10px 0px 20px 0 rgba(33,34,41,0.15);box-shadow:10px 0px 20px 0 rgba(33,34,41,0.15);z-index:10;margin-left:10px}body.sub-menu-closed .menu.menu-peek{display:block}body.sub-menu-closed .sub-menu .text-box img{display:none}body.sub-menu-closed .sub-menu .hint-box{display:none}.menu.active{display:block}.menu:not(.active){display:none}.option{padding:9px 10px;font-size:13px;line-height:11px;color:#333;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s}.option a .icon{width:23px}.option:hover{background-color:#f7f9fa}.option.selected{background:#e8faff}.pagination{padding:15px}.pagination .page-item{min-width:35px;background:#fff;padding:6px 13px;border:1px solid #ddd;border-left:none;font-family:"Montserrat",sans-serif;color:#333;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;height:35px;margin:0}.pagination .page-item:disabled{background:repeating-linear-gradient(45deg, rgba(0,0,0,0.025), rgba(0,0,0,0.025) 10px, rgba(0,0,0,0.05) 10px, rgba(0,0,0,0.05) 20px);color:#333}.pagination .page-item:disabled:hover{cursor:not-allowed}.pagination .page-item:first-of-type{border-left:1px solid #ddd}.pagination .page-item:hover{background-color:#f7f9fa}.pagination .page-item .page-link{font-size:11px}.pagination .page-item .page-link [class^="i-"]{font-size:22px}.pagination .page-item.page-selected{background:#dcf7ff;border-top:1px solid #2fd0ff;border-bottom:1px solid #2fd0ff;color:#01b3e6}.pagination .page-item.page-selected::before,.pagination .page-item.page-selected::after{background-color:#2fd0ff}.pagination .page-item.page-previous{-webkit-border-top-left-radius:3px !important;-moz-border-radius-topleft:3px !important;border-top-left-radius:3px !important;-webkit-border-bottom-left-radius:3px !important;-moz-border-radius-bottomleft:3px !important;border-bottom-left-radius:3px !important;padding:0}.pagination .page-item.page-next{-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important;padding:0}.pagination .page-item i{font-size:20px}.pagination .page-input{width:50px;text-decoration:none;background:#fff;font-family:"Montserrat",sans-serif;color:#333;margin:0px 0px 0px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.pagination .page-input .input{padding:8px 10px;text-align:center;height:35px}.price-range-wrap{position:relative;display:inline-block;padding:0px 15px 15px 15px}@media (max-width: 575.98px){.price-range-wrap{padding:0px 15px 15px 15px}}.price-range-wrap .range-block .range-option{width:auto;float:left;margin-right:15px;min-width:120px}@media (max-width: 575.98px){.price-range-wrap .range-block.quantity .range-option{width:120px;clear:both;float:none;margin-bottom:15px}}.price-range-wrap .range-block.quantity .range-input-wrap .range-input .input{width:80px;padding-right:37px}.price-range-wrap .range-block.quantity .range-input-wrap .right{margin-left:10px}.price-range-wrap .range-block .range-input-wrap{float:left;display:flex}.price-range-wrap .range-block .range-input-wrap .range-input{float:left;margin-bottom:0px}.price-range-wrap .range-block .range-input-wrap .range-input .input{width:80px;text-align:center}.price-range-wrap .range-block .range-input-wrap .range-input .form-group{margin-bottom:0px}.price-range-wrap .range-block .range-input-wrap .right{display:inline-block;font-size:9pt;float:left;align-self:center;text-align:center;margin-bottom:0px}.price-range-wrap .range-block .range-between{float:left;padding:13px;font-size:9pt;align-self:center}@media (max-width: 575.98px){.price-range-wrap .range-block .range-between{padding:13px 10px}}.dates-range-wrap{display:inline-block;padding:0px 15px 15px 15px}.dates-range-wrap .date-checkbox{display:inline-block}@media (max-width: 575.98px){.dates-range-wrap .date-checkbox{margin:15px 0px}}.dates-range-wrap .form-group{margin-bottom:0px}.filter-button{align-self:center;padding-top:10px !important;padding-bottom:10px !important}.ribbon-block.ribbon{position:absolute;width:110px;height:110px;z-index:3;right:-8px;top:-8px;-webkit-transform:rotate(90deg) scale(1);-ms-transform:rotate(90deg) scale(1);-moz-transform:rotate(90deg) scale(1);transform:rotate(90deg) scale(1)}.ribbon-block.ribbon span{position:absolute;color:#fff;font-size:13px;font-weight:500;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) rotate(-45deg) scale(1);-ms-transform:translate(-50%, -50%) rotate(-45deg) scale(1);-moz-transform:translate(-50%, -50%) rotate(-45deg) scale(1);transform:translate(-50%, -50%) rotate(-45deg) scale(1);margin:-15px}.ribbon-block.ribbon.red{background:url(/Shoptico.Core.Frontend.Administrator/Assets/Images/Ribbons/ribbon-red.svg) left 0px no-repeat}.ribbon-block.ribbon.blue{background:url(/Shoptico.Core.Frontend.Administrator/Assets/Images/Ribbons/ribbon-blue.svg) left 0px no-repeat}.ribbon-block.ribbon.green{background:url(/Shoptico.Core.Frontend.Administrator/Assets/Images/Ribbons/ribbon-green.svg) left 0px no-repeat}.ribbon-block.ribbon.gold{background:url(/Shoptico.Core.Frontend.Administrator/Assets/Images/Ribbons/ribbon-gold.svg) left 0px no-repeat}.ribbon-block.ribbon.gold span{color:#333}.search-content{position:relative;border-bottom:1px solid #ddd;background:#fbfbfb}.search-content .filters-list{width:100%;display:flex;flex-wrap:wrap;padding-top:15px;border-top:1px solid #ddd}.search-content .table-filter{width:25%}@media (max-width: 1768px) and (min-width: 1025px){.search-content .table-filter{width:33.33%}}@media (min-width: 992px) and (max-width: 1199.98px){.search-content .table-filter{width:33.33%}}@media (min-width: 768px) and (max-width: 991.98px){.search-content .table-filter{width:50%}}@media (min-width: 576px) and (max-width: 767.98px){.search-content .table-filter{width:70%}}@media (max-width: 575.98px){.search-content .table-filter{width:100%}}.search-content .table-filter.small{width:12.5%}@media (max-width: 1768px) and (min-width: 1025px){.search-content .table-filter.small{width:16.66%}}@media (max-width: 1199.98px){.search-content .table-filter.small{width:33.33%}}@media (min-width: 576px) and (max-width: 767.98px){.search-content .table-filter.small{width:50%}}@media (max-width: 575.98px){.search-content .table-filter.small{width:50%}}.search-content .table-filter .input,.search-content .table-filter .button{-webkit-box-shadow:3px 3px 0px 0 #f3f3f3;-moz-box-shadow:3px 3px 0px 0 #f3f3f3;box-shadow:3px 3px 0px 0 #f3f3f3}@media (min-width: 1200px){.search-content .gaps-are-visible .table-filter-gap{width:12.5%}}.search-content .table-search-bar{display:flex;width:100%;background:#fff;padding-top:15px;align-items:self-end}.search-content .table-search-bar .button.squared{margin:0px;height:38px}.search-content .search-left{align-self:center}.search-content .search-left .saved .saved-filters .saved-searches{user-select:none;position:relative;margin-left:15px}.search-content .search-left .saved .saved-filters .saved-searches .saved-icon{font-size:25px;position:relative;left:0}.search-content .search-left .saved .saved-filters .saved-searches>.pill{position:absolute;color:#fff;background:#83c33b;font-size:11px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px;margin:-10px 0 0 -33px}.search-content .search-left .saved .saved-filters:hover{cursor:pointer}.search-content .search-right{margin-left:15px}@media (min-width: 1200px){.search-content .search-right{min-width:330px}}@media (max-width: 1768px) and (min-width: 1025px){.search-content .search-right{width:28%}}@media (min-width: 992px) and (max-width: 1199.98px){.search-content .search-right{min-width:38%}}@media (min-width: 768px) and (max-width: 991.98px){.search-content .search-right{min-width:50%}}@media (max-width: 767.98px){.search-content .search-right{flex-grow:1}}.search-content .search-right .search-input-wrap{position:relative}.search-content .search-right .search-input-wrap i{position:absolute;top:50%;right:8px;-webkit-transform:translate(0%, -51%);-ms-transform:translate(0%, -51%);-moz-transform:translate(0%, -51%);transform:translate(0%, -51%);font-size:19px}.search-content .search-right .search-input-wrap .input{width:100%;padding:10px 35px 10px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff}.search-content .search-right .search-input-wrap .input:focus{background:#f9fdff}.search-content .search-right .search-input-wrap .form-group{margin-bottom:0}.search-content .filter-toggle{min-height:84px;display:flex;width:12.5%}.search-content .filter-toggle .toggle-group{min-height:84px}.search-content .filter-toggle .form-group{width:100%;align-self:center;margin-bottom:0px}.save-filter-balloon .content-block{padding:10px}.save-filter-balloon .button i{right:auto}.save-filter-balloon .form-group{margin-bottom:5px}.save-filter-balloon .form-group .input{background:#fff;padding:10px 7px}.save-filter-balloon .form-group .input:focus{border-color:#37c6f4;background:#f9fdff}.save-filter-balloon .filter-palette{padding:5px 0px 0px 0px;display:table;margin:auto}.save-filter-balloon .filter-palette .color{width:30px;height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;margin:2px;opacity:0.7;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;border:2px solid #fff;-webkit-box-shadow:0 2px 10px 3px rgba(0,0,0,0.08);-moz-box-shadow:0 2px 10px 3px rgba(0,0,0,0.08);box-shadow:0 2px 10px 3px rgba(0,0,0,0.08)}.save-filter-balloon .filter-palette .color:hover{opacity:1;cursor:pointer}.save-filter-balloon .filter-palette .color.active{border:2px solid #9a9a9a;opacity:1}.save-filter-balloon .filter-palette .color.one{background:red}.save-filter-balloon .filter-palette .color.two{background:#96d009}.save-filter-balloon .filter-palette .color.three{background:#78e0ff}.save-filter-balloon .filter-palette .color.four{background:#ff6a00}.save-filter-balloon .filter-palette .color.five{background:#4800ff}.save-filter-balloon .filter-palette .color.six{background:gray}.saved-filter-balloon .filter-list ul li{font-size:12px;padding:10px;position:relative;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;width:100%;position:relative}.saved-filter-balloon .filter-list ul li i{position:absolute;color:#333;right:10px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);font-size:16px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.saved-filter-balloon .filter-list ul li i:hover{color:#d00100;background:#fff0f0}.saved-filter-balloon .filter-list ul li .color{width:20px;height:20px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px;background:#ddd}.saved-filter-balloon .filter-list ul li:hover{background:#f7f9fa}.saved-filter-balloon .content-block{padding:10px}.saved-filter-balloon .button i{right:auto}.add-filters{margin:0px 15px}.search-wrap{display:flex}@media (max-width: 575.98px){.search-wrap{display:block}}.themes-slider .slider .number-text{padding-left:5px;font-size:14px;color:#fff}.themes-slider .slider .prev,.themes-slider .slider .next{padding:16px 14px;color:#26ceff;font-size:16px}.themes-slider .slider .pagination{bottom:15px}.themes-slider .slider .pagination .dot{height:13px;width:13px;margin:0 2px;background-color:#ddd}.themes-slider .slider .pagination .active{background-color:#a2a2a2;height:15px;width:15px}.search{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;z-index:2}.search input{border:none;padding:14px 45px 13px 15px;background-color:#dcf7ff;border-bottom:1px solid #78e0ff;margin-bottom:-1px;font-family:"Montserrat",sans-serif;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;color:#333}.search input:focus{background-color:#fff;border-color:#26ccfd;color:#333}.search input::-webkit-input-placeholder{color:#969696}.search input:-ms-input-placeholder{color:#969696}.search input::placeholder{color:#969696}.search i{font-size:18px}.search.search-border::before{position:absolute;content:"";top:-1px;height:1px;width:100%;background-color:#78e0ff}.search.custom-search input{padding:17px 65px 17px 25px;border:2px solid #dadada;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;-webkit-box-shadow:0px 8px 20px rgba(0,0,0,0.06);box-shadow:0px 8px 20px rgba(0,0,0,0.06);background:#fff;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;height:64px}.search.custom-search input:focus,.search.custom-search input:hover{-webkit-box-shadow:0px 8px 20px rgba(0,0,0,0.1);box-shadow:0px 8px 20px rgba(0,0,0,0.1);color:#333;background:#fff;border-color:#c7c7c7}.search.custom-search input:focus{border-color:#17cbff;background:#fbfeff}.search.custom-search i{right:8px}.search.custom-search i.search-icon{right:14px;padding:10px;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;background:#26ceff;color:#fff}.search.custom-search i.search-icon:hover{background:#00c1ff}.search.custom-search.invalid i.search-icon{background:#ff6665}.search.custom-search.invalid i.search-icon:hover{background:#fb5453}.search.custom-search.invalid:focus input,.search.custom-search.invalid:hover input{background:#fff0f0}.form-group{margin-bottom:20px}.form-group label{font-size:13.5px;line-height:21px;margin-bottom:5px;min-height:21px;font-weight:600}.form-group label.toggle{margin:auto}.form-group label i{font-size:16px;margin-right:5px}.form-group.sub-section{margin:5px 0px 10px 0px}.form-group .input{width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px;background:#fff;border:1px solid #c1c1c1;font-family:"Montserrat",sans-serif;color:#333;outline:none;-webkit-appearance:none;-moz-appearance:none;-webkit-box-shadow:3px 3px 0px 0 #f7f7f7;-moz-box-shadow:3px 3px 0px 0 #f7f7f7;box-shadow:3px 3px 0px 0 #f7f7f7;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;height:38px}.form-group .input:focus{border-color:#37c6f4;background:#f9fdff}.form-group .input:disabled{background:repeating-linear-gradient(45deg, rgba(0,0,0,0.025), rgba(0,0,0,0.025) 10px, rgba(0,0,0,0.05) 10px, rgba(0,0,0,0.05) 20px);color:#333;cursor:not-allowed}.form-group .input.tag-input{min-height:38px;height:auto}.form-group.centered{display:table}.form-group .show-input{position:relative}.form-group .show-input .input{padding-right:55px}.form-group .show-input .show-button{position:absolute;right:0;height:38px;background:#dcf7ff;border:1px solid #37c6f4;padding:0px;color:#01b3e6;outline:none;-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important;-webkit-border-top-left-radius:0px !important;-moz-border-radius-topleft:0px !important;border-top-left-radius:0px !important;-webkit-border-bottom-left-radius:0px !important;-moz-border-radius-bottomleft:0px !important;border-bottom-left-radius:0px !important;cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}.form-group .show-input .show-button i{font-size:20px;padding:8px 11px}.form-group .show-input .show-button:hover,.form-group .show-input .show-button.active{background:#4ad6ff;color:#fff;border-color:#0bafe4}.form-group .input-group.tag-section-group{-webkit-box-shadow:3px 3px 0px 0 #f7f7f7;-moz-box-shadow:3px 3px 0px 0 #f7f7f7;box-shadow:3px 3px 0px 0 #f7f7f7}.form-group .input-group.tag-section-group .input-section.input{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);-moz-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}.form-group.no-margin .form-group{margin-bottom:0px}.form-group .plain-dropdown-form-field .button:disabled{opacity:1;cursor:default;background:repeating-linear-gradient(45deg, rgba(0,0,0,0.025), rgba(0,0,0,0.025) 10px, rgba(0,0,0,0.05) 10px, rgba(0,0,0,0.05) 20px) !important}.form-group .plain-dropdown-form-field .button:disabled i{cursor:default}.form-group .plain-dropdown-form-field .button:disabled:hover i{color:#01b3e6;background:#dcf7ff;border-color:#37c6f4}.input-group .tag-section,.input-group .icon{-webkit-border-top-left-radius:3px !important;-moz-border-radius-topleft:3px !important;border-top-left-radius:3px !important;-webkit-border-bottom-left-radius:3px !important;-moz-border-radius-bottomleft:3px !important;border-bottom-left-radius:3px !important;border:1px solid #37c6f4;background:#edfaff;color:#00a3d2;font-size:12px;height:38px;line-height:38px;text-align:center;letter-spacing:0.3px;padding:0px 12px;display:flex;flex-shrink:0}.input-group .tag-section i,.input-group .icon i{font-size:18px}.input-group .icon{cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.input-group .icon:hover{background:#0bc0f5;color:#fff;border:1px solid #00b4ef}.input-group .icon-section{width:40px}.input-group .input-section{flex-grow:1;-webkit-border-top-left-radius:0px !important;-moz-border-radius-topleft:0px !important;border-top-left-radius:0px !important;-webkit-border-bottom-left-radius:0px !important;-moz-border-radius-bottomleft:0px !important;border-bottom-left-radius:0px !important;border-left:none}.input-group .input-section:focus{border-left:none}.input-group.icon-section .icon{width:40px}.input-group.icon-section .icon i{font-size:18px}.input-group.icon-section .input{width:calc(100% - 40px);-webkit-border-top-left-radius:0px !important;-moz-border-radius-topleft:0px !important;border-top-left-radius:0px !important;-webkit-border-bottom-left-radius:0px !important;-moz-border-radius-bottomleft:0px !important;border-bottom-left-radius:0px !important;border-left:none}.input-group.icon-section .input:focus{border-left:none}.input-group.tag-section-group.right .tag-section{-webkit-border-top-left-radius:0px !important;-moz-border-radius-topleft:0px !important;border-top-left-radius:0px !important;-webkit-border-bottom-left-radius:0px !important;-moz-border-radius-bottomleft:0px !important;border-bottom-left-radius:0px !important;-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important}@media (max-width: 575.98px){.input-group.tag-section-group.right .tag-section{-webkit-border-top-left-radius:0px !important;-moz-border-radius-topleft:0px !important;border-top-left-radius:0px !important;-webkit-border-bottom-left-radius:3px !important;-moz-border-radius-bottomleft:3px !important;border-bottom-left-radius:3px !important;-webkit-border-top-right-radius:0px !important;-moz-border-radius-topright:0px !important;border-top-right-radius:0px !important;-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important}}.input-group.tag-section-group.right .input-section{-webkit-border-top-left-radius:3px !important;-moz-border-radius-topleft:3px !important;border-top-left-radius:3px !important;-webkit-border-bottom-left-radius:3px !important;-moz-border-radius-bottomleft:3px !important;border-bottom-left-radius:3px !important;-webkit-border-top-right-radius:0px !important;-moz-border-radius-topright:0px !important;border-top-right-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius-bottomright:0px !important;border-bottom-right-radius:0px !important;border-right:none !important;border-left:1px solid #c1c1c1 !important}.input-group.tag-section-group.right .input-section:focus{border-left:1px solid #00ade4 !important}@media (max-width: 575.98px){.input-group.tag-section-group.right .input-section{-webkit-border-bottom-left-radius:0px !important;-moz-border-radius-bottomleft:0px !important;border-bottom-left-radius:0px !important;-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius-bottomright:0px !important;border-bottom-right-radius:0px !important;border-right:1px solid #c1c1c1 !important;border-top:1px solid #c1c1c1 !important;border-bottom:none !important}.input-group.tag-section-group.right .input-section:focus{border-left:1px solid #37c6f4 !important;border-right:1px solid #37c6f4 !important;border-top:1px solid #37c6f4 !important}}@media (max-width: 575.98px){.input-group.tag-section-group{display:block}.input-group.tag-section-group .tag-section{width:100% !important;-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important;-webkit-border-bottom-left-radius:0px !important;-moz-border-radius-bottomleft:0px !important;border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius-bottomright:0px !important;border-bottom-right-radius:0px !important}.input-group.tag-section-group .input-url-section{-webkit-border-top-left-radius:0px !important;-moz-border-radius-topleft:0px !important;border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-moz-border-radius-topright:0px !important;border-top-right-radius:0px !important;border-left:1px solid #c1c1c1 !important;border-top:none !important;-webkit-border-bottom-left-radius:3px !important;-moz-border-radius-bottomleft:3px !important;border-bottom-left-radius:3px !important;float:none}.input-group.tag-section-group .input-url-section:focus{border-left:1px solid #37c6f4 !important}}.date-input .icon{position:absolute}.date-input .input-group .input{padding-left:55px}.tabs{border-bottom:2px solid #ddd;background:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.tabs .nav-tabs{border-bottom:none}.tabs .results-found{font-size:9pt;padding:18px 1rem;display:flex}@media (max-width: 575.98px){.tabs .results-found{border-bottom:1px solid #ddd}}.tabs .results-found span{padding-right:5px;font-weight:600}.tabs.sticky{position:fixed;margin-top:0px;z-index:9;width:100%}.tabs .menu-right{display:inline}.tabs .menu-right .button i{left:0}.nav-tabs{width:100%;padding:5px 0px 0px 0px}@media (min-width: 1200px){.nav-tabs{display:flex}}.nav-tabs .nav-item{margin-bottom:0px;display:inline-block;font-size:13px;line-height:19px;font-weight:600;letter-spacing:0.1px}@media (max-width: 767.98px){.nav-tabs .nav-item{font-size:13px;line-height:14px}}.nav-tabs .nav-item .nav-link{padding:14px;display:flex;position:relative;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}@media (max-width: 767.98px){.nav-tabs .nav-item .nav-link{padding:15px}}.nav-tabs .nav-item .nav-link .badge{float:right;font-size:11px;line-height:14px;min-height:20px;min-width:20px;padding:3px 5px;background:#dcf7ff;color:#01b3e6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;margin-left:15px;margin-right:-10px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;font-weight:normal}.nav-tabs .nav-item:not(.disabled) .nav-link:after{content:"";position:absolute;bottom:0px;width:100%;left:0px;height:2px}.nav-tabs .nav-item:not(.disabled) .nav-link:hover{color:#01b3e6;cursor:pointer}.nav-tabs .nav-item:not(.disabled) .nav-link:hover:after{background:#c3c3c3}.nav-tabs .nav-item:not(.disabled) .nav-link:hover .badge{background:#2fd0ff;color:#fff}.nav-tabs .nav-item.active .nav-link{color:#01b3e6}.nav-tabs .nav-item.active .nav-link:after{background:#2fd0ff}.nav-tabs .nav-item.active .nav-link span,.nav-tabs .nav-item.active .nav-link .badge{background:#37c6f4;color:#fff}.nav-tabs .nav-item.active .nav-link:hover:after{background:#37c6f4}.nav-tabs .nav-item.success .nav-link{color:#519800}.nav-tabs .nav-item.success .nav-link span,.nav-tabs .nav-item.success .nav-link .badge{background:#95ca5a;color:#fff}.nav-tabs .nav-item.success .nav-link:hover{color:#519800}.nav-tabs .nav-item.success .nav-link:hover:after{background:#7ec130}.nav-tabs .nav-item.success .nav-link:hover span,.nav-tabs .nav-item.success .nav-link:hover .badge{background:#8dc351;color:#fff}.nav-tabs .nav-item.warning .nav-link{color:#d08000}.nav-tabs .nav-item.warning .nav-link span,.nav-tabs .nav-item.warning .nav-link .badge{background:#ffbb4d;color:#fff}.nav-tabs .nav-item.warning .nav-link:hover{color:#d08000}.nav-tabs .nav-item.warning .nav-link:hover:after{background:#fdaf31}.nav-tabs .nav-item.warning .nav-link:hover span,.nav-tabs .nav-item.warning .nav-link:hover .badge{background:#fdb135;color:#fff}.nav-tabs .nav-item.danger .nav-link{color:#d00100}.nav-tabs .nav-item.danger .nav-link span,.nav-tabs .nav-item.danger .nav-link .badge{background:#ff6564;color:#fff}.nav-tabs .nav-item.danger .nav-link:hover{color:#d00100}.nav-tabs .nav-item.danger .nav-link:hover:after{background:#fd3d3c}.nav-tabs .nav-item.danger .nav-link:hover span,.nav-tabs .nav-item.danger .nav-link:hover .badge{background:#fb5453;color:#fff}.nav-tabs .nav-item.modified .nav-link{background:#fff7ea;color:#d08000}.nav-tabs .nav-item.modified .nav-link .badge{background:#ffdca4;color:#9c6000}.nav-tabs .nav-item.modified .nav-link:after{background:#fdaf31}.nav-tabs .nav-item.modified .nav-link:hover{color:#d08000;background:#fff3e0}.nav-tabs .nav-item.modified .nav-link:hover .badge{background:#ffdca4;color:#9c6000}.nav-tabs .nav-item.modified .nav-link:hover:after{background:#d08000}.table-wrap .table .tabs .dropdown-group{margin-top:10px}@media (max-width: 575.98px){.table-wrap .table .tabs .dropdown-group{width:100%}}.table-wrap .table .tabs .dropdown-group .button{margin:0px 10px 10px 0px}.table-wrap .table .table-container{font-size:13px}.table-wrap .table .table-container .table-header{display:flex;width:100%;border-bottom:1px solid #ddd;background:#fff}.table-wrap .table .table-container .table-column:not([hidden]){display:flex;padding:10px;position:relative;border-right:1px solid #ddd;overflow:hidden}.table-wrap .table .table-container .table-column.actions-column:not([hidden]){min-height:46px;align-items:center;justify-content:center}.table-wrap .table .table-container .table-column.table-column-selected:not([hidden]){border-bottom:2px dashed #0bc0f5;margin-bottom:-2px;background-color:rgba(120,224,255,0.6)}.table-wrap .table .table-container .table-column.table-column-selected:not([hidden]) .input{border:1px solid #37c6f4 !important;background:#f9fdff}.table-wrap .table .table-container .table-column:not([hidden]) .table-column-header{align-self:center;flex-grow:1;display:flex;pointer-events:none}.table-wrap .table .table-container .table-column:not([hidden]) .table-column-header span{align-self:center;line-height:17px;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden;width:0px;flex-grow:1}.table-wrap .table .table-container .table-column:not([hidden]) .expansion-toggle i{font-size:26px}.table-wrap .table .table-container .table-column:not([hidden]) .table-column-tools{color:#000;width:25px;align-self:center;margin-right:-3px}.table-wrap .table .table-container .table-column:not([hidden]) .table-column-tools i{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;cursor:pointer;font-size:20px;padding:3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.table-wrap .table .table-container .table-column:not([hidden]) .table-column-tools i:hover{background:#F2F2F4}.table-wrap .table .table-container .table-column:not([hidden]):last-child{align-self:center;border-right:none;line-height:23px}.table-wrap .table .table-container .table-column:not([hidden]) .checkbox{display:table;margin:auto}.table-wrap .table .table-container .table-column:not([hidden]) .checkbox label{padding-left:17px}.table-wrap .table .table-container .table-cell:not([hidden]){display:flex;align-items:center;position:relative;padding:10px;border-right:1px solid #ddd;line-height:18px;word-break:break-all}.table-wrap .table .table-container .table-cell:not([hidden]) .money-input{max-width:none}.table-wrap .table .table-container .table-cell.dragging-layer:not([hidden]){border-bottom:2px dashed #0bc0f5;margin-bottom:-2px;background-color:rgba(120,224,255,0.6)}.table-wrap .table .table-container .table-cell.dragging-layer:not([hidden]) .image-view img{border:1px solid #37c6f4 !important;-webkit-box-shadow:3px 3px 0 #a2e2f7 !important;-moz-box-shadow:3px 3px 0 #a2e2f7 !important;box-shadow:3px 3px 0 #a2e2f7 !important}.table-wrap .table .table-container .table-cell.dragging-layer:not([hidden]) .initials-view{border:1px solid #37c6f4 !important}.table-wrap .table .table-container .table-cell.dragging-layer:not([hidden]) .status-tag .button{-webkit-box-shadow:3px 3px 0 #a2e2f7 !important;-moz-box-shadow:3px 3px 0 #a2e2f7 !important;box-shadow:3px 3px 0 #a2e2f7 !important}.table-wrap .table .table-container .table-cell.dragging-layer:not([hidden]) .status-tag.status-unconfirmed .button,.table-wrap .table .table-container .table-cell.dragging-layer:not([hidden]) .status-tag.status-none .button{border-color:#37c6f4}.table-wrap .table .table-container .table-cell.dragging-layer:not([hidden]) .form-group input{border-color:#37c6f4;-webkit-box-shadow:3px 3px 0 #a2e2f7 !important;-moz-box-shadow:3px 3px 0 #a2e2f7 !important;box-shadow:3px 3px 0 #a2e2f7 !important}.table-wrap .table .table-container .table-cell.dragging-layer:not([hidden]) .plain-dropdown-form-field .button,.table-wrap .table .table-container .table-cell.dragging-layer:not([hidden]) .status-tag .button,.table-wrap .table .table-container .table-cell.dragging-layer:not([hidden]) .secondary-button .button{-webkit-box-shadow:3px 3px 0 #a2e2f7 !important;-moz-box-shadow:3px 3px 0 #a2e2f7 !important;box-shadow:3px 3px 0 #a2e2f7 !important;border-color:#37c6f4}.table-wrap .table .table-container .table-cell:not([hidden]) .checkbox{display:table;margin:auto}.table-wrap .table .table-container .table-cell:not([hidden]) .checkbox label{padding-left:17px}.table-wrap .table .table-container .table-cell:not([hidden]) .form-group{margin-bottom:0px}.table-wrap .table .table-container .table-cell:not([hidden]) a .tag{padding:4px 15px;margin:2px 4px 2px 0px;display:inline-block;transition:all 0s;-moz-transition:all 0s;-webkit-transition:all 0s;-o-transition:all 0s}.table-wrap .table .table-container .table-cell:not([hidden]) a .tag span{font-weight:normal}.table-wrap .table .table-container .table-cell:not([hidden]) .category-table-cell{display:flex;flex-wrap:wrap}.table-wrap .table .table-container .table-cell:not([hidden]) .category-table-cell .tag{background:#dcf7ff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:1px solid #56d9ff}.table-wrap .table .table-container .table-cell:not([hidden]) .category-table-cell .tag span{color:#01b3e6}.table-wrap .table .table-container .table-cell:not([hidden]) .category-table-cell .tag:hover{background:#23caff;border-color:#0aa9dc}.table-wrap .table .table-container .table-cell:not([hidden]) .category-table-cell .tag:hover span{color:#fff}.table-wrap .table .table-container .table-cell:not([hidden]) .user-view .image-view{margin-left:0px}.table-wrap .table .table-container .table-cell:not([hidden]) .choose-wrap{margin:0;width:100%}.table-wrap .table .table-container .table-cell:not([hidden]) .choose-wrap .choose-box{margin:0;padding:0px;background:transparent;border:none}.table-wrap .table .table-container .table-cell:not([hidden]) .choose-wrap .choose-box .placeholder{display:flex}.table-wrap .table .table-container .table-cell:not([hidden]) .choose-wrap .choose-box .placeholder .img-icon{width:70px;height:70px;display:inline-flex;flex-shrink:0}.table-wrap .table .table-container .table-cell:not([hidden]) .choose-wrap .choose-box .placeholder .title-block{align-self:center;margin-left:12px;width:100%;flex-grow:0}.table-wrap .table .table-container .table-cell:not([hidden]) .choose-wrap .choose-box .image-view{margin:0}.table-wrap .table .table-container .table-cell:not([hidden]) .choose-wrap .choose-box .image-view img{-webkit-box-shadow:3px 3px 0px 0 #f7f7f7;-moz-box-shadow:3px 3px 0px 0 #f7f7f7;box-shadow:3px 3px 0px 0 #f7f7f7}.table-wrap .table .table-container .table-cell.align-center:not([hidden]){justify-content:center}.table-wrap .table .table-container .table-row{position:relative;background-color:#fff;border-bottom:1px solid #ddd}.table-wrap .table .table-container .table-row .expansion-toggle:hover{background-color:#e2e2e2}.table-wrap .table .table-container .table-row:before{content:"";position:absolute;top:-1px;height:1px;width:100.1%;background-color:#ddd}.table-wrap .table .table-container .table-row:nth-child(odd){background-color:#f9f9f9}.table-wrap .table .table-container .table-row:nth-child(odd) .status-tag .button{-webkit-box-shadow:3px 3px 0px 0 #f1f0f0;-moz-box-shadow:3px 3px 0px 0 #f1f0f0;box-shadow:3px 3px 0px 0 #f1f0f0}.table-wrap .table .table-container .table-row:nth-child(odd) .form-group .input,.table-wrap .table .table-container .table-row:nth-child(odd) .form-group .tag-section-group{-webkit-box-shadow:3px 3px 0px 0 #f1f0f0;-moz-box-shadow:3px 3px 0px 0 #f1f0f0;box-shadow:3px 3px 0px 0 #f1f0f0}.table-wrap .table .table-container .table-row:nth-child(odd):hover .form-group .input,.table-wrap .table .table-container .table-row:nth-child(odd):hover .form-group .tag-section-group{-webkit-box-shadow:3px 3px 0px 0 #e8e8e8;-moz-box-shadow:3px 3px 0px 0 #e8e8e8;box-shadow:3px 3px 0px 0 #e8e8e8}.table-wrap .table .table-container .table-row:nth-child(odd) .plain-dropdown-form-field .button,.table-wrap .table .table-container .table-row:nth-child(odd) .status-tag .button{-webkit-box-shadow:3px 3px 0px 0 #f1f0f0;-moz-box-shadow:3px 3px 0px 0 #f1f0f0;box-shadow:3px 3px 0px 0 #f1f0f0}.table-wrap .table .table-container .table-row:hover{background:#fff}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .choose-wrap .choose-box .img-icon{background:#26ceff}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .choose-wrap .choose-box .mockup-section span{background:#26ceff}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .image-view img{border:1px solid #a5a5a5;background:#fff}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .initials-view{border:1px solid #a5a5a5}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .language-settings-flag{border:1px solid #a5a5a5}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .action-group .button{background-color:#00c1ff;color:#fff;border-right:none;-webkit-box-shadow:5px 5px 0px 0 rgba(162,235,245,0.8);-moz-box-shadow:5px 5px 0px 0 rgba(162,235,245,0.8);box-shadow:5px 5px 0px 0 rgba(162,235,245,0.8)}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .action-group .button:hover{background-color:#23caff;border-color:#0bafe4}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .action-group .button:first-of-type{border-right:none}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .action-group .button:first-of-type:last-of-type{border-right:1px solid #0aa9dc}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .action-group .button:not(:first-of-type){border-right:none}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .action-group .button:not(:first-of-type):last-of-type{border-right:1px solid #0aa9dc}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .action-group .button:last-of-type{border-right:1px solid #0aa9dc}.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .plain-dropdown-form-field .button,.table-wrap .table .table-container .table-row:hover .table-row-cells .table-cell .status-tag .button{-webkit-box-shadow:3px 3px 0px 0 #e8e8e8;-moz-box-shadow:3px 3px 0px 0 #e8e8e8;box-shadow:3px 3px 0px 0 #e8e8e8}.table-wrap .table .table-container .table-row:hover .expansion-toggle{background-color:#e2e2e2}.table-wrap .table .table-container .table-row:hover .form-group .input{-webkit-box-shadow:3px 3px 0px 0 #e8e8e8;-moz-box-shadow:3px 3px 0px 0 #e8e8e8;box-shadow:3px 3px 0px 0 #e8e8e8}.table-wrap .table .table-container .table-row:hover:not(.expanded){background-color:#f0f0f0}.table-wrap .table .table-container .table-row .table-row-cells .table-cell:last-child{border-right:none}.table-wrap .table .table-container .table-row .table-row-cells .table-cell .user-view .image-view img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;min-width:69px;min-height:69px;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}.table-wrap .table .table-container .table-row.error{background-color:#f9dddd}.table-wrap .table .table-container .table-row.warning{background-color:#f9f9dd}.table-wrap .table .table-container .table-row .table-row-subrows{display:block}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrows-top-shadow{position:absolute;width:100%;height:15px;border-top:1px solid #ddd;-webkit-box-shadow:inset 0px 8px 12px -6px #f1f0f0;-moz-box-shadow:inset 0px 8px 12px -6px #f1f0f0;box-shadow:inset 0px 8px 12px -6px #f1f0f0;z-index:1}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrows-bottom-shadow{position:absolute;bottom:0;width:100%;height:15px;-webkit-box-shadow:inset 0px -8px 12px -6px #f1f0f0;-moz-box-shadow:inset 0px -8px 12px -6px #f1f0f0;box-shadow:inset 0px -8px 12px -6px #f1f0f0;z-index:1}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow{border-bottom:1px solid #ddd;background:#fff}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow:nth-child(even){background-color:#f9f9f9}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow:last-child{border-bottom:none}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow.table-row-selected{background-color:#e2f8ff;border-bottom:1px solid #78e0ff;position:relative}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow.table-row-selected:nth-child(odd){background-color:#c6f1ff}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow.table-row-selected .table-cell{border-right:1px solid #78e0ff}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow.table-row-selected .table-cell .order-item-view .image-view img{border:1px solid #37c6f4}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow.table-row-selected .table-cell:last-child{border-right:none}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow.table-row-selected:before{content:"";position:absolute;top:-1px;width:100%;height:1px;background:#78e0ff}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow.table-row-selected:hover .table-cell .action-group .button i{background:#ace3f5;color:#528596}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow:hover .table-cell .action-group .button i{background-color:#F2F2F4;color:#000}.table-wrap .table .table-container .table-row .table-row-subrows .table-subrow:hover .table-cell .action-group .button i:hover:not([disabled]){background:#fff0f0 !important;color:#d00100 !important}.table-wrap .table .table-container .table-row .table-subrow-cells .action-group .button{background-color:transparent;border:none;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;color:#757575;padding:0px}.table-wrap .table .table-container .table-row .table-subrow-cells .action-group .button i{font-size:18px;padding:9px;font-weight:normal;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;transition:all .15s;-moz-transition:all .15s;-webkit-transition:all .15s;-o-transition:all .15s}.table-wrap .table .table-container .table-row.table-row-selected{background-color:#e2f8ff;border-bottom:1px solid #78e0ff;z-index:1}.table-wrap .table .table-container .table-row.table-row-selected:before{content:"";position:absolute;top:-1px;width:100%;height:1px;background-color:#78e0ff}.table-wrap .table .table-container .table-row.table-row-selected:after{content:"";position:absolute;bottom:-1px;height:1px;width:100%;background-color:#78e0ff;z-index:1}.table-wrap .table .table-container .table-row.table-row-selected:hover{background-color:#d4f4ff}.table-wrap .table .table-container .table-row.table-row-selected:hover:nth-child(odd){background-color:#b8eeff}.table-wrap .table .table-container .table-row.table-row-selected:hover .expansion-toggle{background:#4ad6ff;color:#fff}.table-wrap .table .table-container .table-row.table-row-selected:nth-child(odd){background-color:#c6f1ff}.table-wrap .table .table-container .table-row.table-row-selected:nth-child(odd) .table-row-cells .table-cell .plain-dropdown-form-field .button,.table-wrap .table .table-container .table-row.table-row-selected:nth-child(odd) .table-row-cells .table-cell .status-tag .button{-webkit-box-shadow:3px 3px 0px 0 #ade6f9;-moz-box-shadow:3px 3px 0px 0 #ade6f9;box-shadow:3px 3px 0px 0 #ade6f9}.table-wrap .table .table-container .table-row.table-row-selected:nth-child(odd) .table-row-cells .table-cell .category-table-cell .tag{background:#e2f8ff}.table-wrap .table .table-container .table-row.table-row-selected:nth-child(odd) .table-row-cells .table-cell .category-table-cell .tag:hover{background:#23caff}.table-wrap .table .table-container .table-row.table-row-selected:nth-child(odd) .table-row-cells .table-cell .category-table-cell .tag:hover span{color:#fff}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell{border-right:1px solid #78e0ff}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .image-view img,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .image-view img{border:1px solid #37c6f4}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .image-view img:hover,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .image-view img:hover{border-color:#02b0e8}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .initials-view,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .initials-view{border:1px solid #37c6f4}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .initials-view:hover,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .initials-view:hover{border-color:#02b0e8}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .order-item-view .image-view img,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .order-item-view .image-view img{border:1px solid #78e0ff}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell:last-child,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell:last-child{border-right:none}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .plain-dropdown-form-field .button,.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .status-tag .button,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .plain-dropdown-form-field .button,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .status-tag .button{-webkit-box-shadow:3px 3px 0px 0 #c1efff;-moz-box-shadow:3px 3px 0px 0 #c1efff;box-shadow:3px 3px 0px 0 #c1efff;border:1px solid #37c6f4}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .plain-dropdown-form-field .button:hover,.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .status-tag .button:hover,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .plain-dropdown-form-field .button:hover,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .status-tag .button:hover{border:1px solid #0bc0f5}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .button,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .button{-webkit-box-shadow:3px 3px 0px 0 #ade6f9;-moz-box-shadow:3px 3px 0px 0 #ade6f9;box-shadow:3px 3px 0px 0 #ade6f9}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .secondary-button .button,.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .action-group .button,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .secondary-button .button,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .action-group .button{-webkit-box-shadow:4px 4px 0px 0 #ade6f9;-moz-box-shadow:4px 4px 0px 0 #ade6f9;box-shadow:4px 4px 0px 0 #ade6f9}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .form-group .input,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .form-group .input{border:1px solid #37c6f4}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .form-group .input:focus,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .form-group .input:focus{border:1px solid #0bc0f5}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .language-settings-flag,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .language-settings-flag{border:1px solid #37c6f4}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .language-settings-flag:hover,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .language-settings-flag:hover{border-color:#02b0e8}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .choose-wrap .choose-box .img-icon,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .choose-wrap .choose-box .img-icon{background:#26ceff;border:1px solid #00ade4}.table-wrap .table .table-container .table-row.table-row-selected .table-row-cells .table-cell .choose-wrap .choose-box .mockup-section span,.table-wrap .table .table-container .table-row.table-row-selected .table-subrow-cells .table-cell .choose-wrap .choose-box .mockup-section span{background:#26ceff}.table-wrap .table .table-container .table-row.table-row-selected .table-row-subrows .table-subrow{border-bottom:1px solid #78e0ff;background-color:#c6f1ff}.table-wrap .table .table-container .table-row.table-row-selected .table-row-subrows .table-subrow:nth-child(even){background-color:#e2f8ff}.table-wrap .table .table-container .table-row.table-row-selected .table-row-subrows .table-subrow:last-child{border-bottom:none}.table-wrap .table .table-container .table-row.table-row-selected .table-row-subrows .table-subrow .checkbox label:before{border:1px solid #26ceff}.table-wrap .table .table-container .table-row.table-row-selected .table-row-subrows .table-subrow .table-subrow-cells .table-cell .action-group .button i{color:#528596}.table-wrap .table .table-container .table-row.table-row-selected .table-row-subrows .table-subrow .table-subrow-cells:hover .table-cell .action-group .button i{background:#ace3f5;color:#528596}.table-wrap .table .table-container .table-row.table-row-selected .expansion-toggle{color:#37c6f4}.table-wrap .table .table-container .table-row.table-row-selected .expansion-toggle.expanded{background:#4ad6ff;color:#fff}.table-wrap .table .table-container .table-row.table-row-selected .expansion-toggle.expanded:hover{background:#37ceff}.table-wrap .table .table-container .table-row.table-row-selected.expanded .table-subrows-top-shadow{-webkit-box-shadow:inset 0px 8px 12px -6px #8ce3ff;-moz-box-shadow:inset 0px 8px 12px -6px #8ce3ff;box-shadow:inset 0px 8px 12px -6px #8ce3ff;border-top:1px solid #78e0ff}.table-wrap .table .table-container .table-row.table-row-selected.expanded:before{content:"";position:absolute;top:-1px;width:100%;height:1px;background:#78e0ff}.table-wrap .table .table-container .table-row.table-row-selected.expanded:after{content:"";position:absolute;width:4px;height:100%;background-color:#2fd0ff;left:0;top:0;z-index:1}.table-wrap .table .table-container .table-row.table-row-selected.expanded .table-subrows-bottom-shadow{-webkit-box-shadow:inset 0px -8px 12px -6px #8ce3ff;-moz-box-shadow:inset 0px -8px 12px -6px #8ce3ff;box-shadow:inset 0px -8px 12px -6px #8ce3ff}.table-wrap .table .table-container .table-row.table-row-selected .form-group .input{-webkit-box-shadow:3px 3px 0 #ade6f9 !important;-moz-box-shadow:3px 3px 0 #ade6f9 !important;box-shadow:3px 3px 0 #ade6f9 !important}.table-wrap .table .table-container .table-row.table-row-selected:nth-child(odd) .form-group .input{-webkit-box-shadow:3px 3px 0 #ade6f9 !important;-moz-box-shadow:3px 3px 0 #ade6f9 !important;box-shadow:3px 3px 0 #ade6f9 !important}.table-wrap .table .table-container .table-row.expanded:before{content:"";position:absolute;width:4px;height:100%;background-color:#c3c3c3;left:0;z-index:2}.table-wrap .table .table-container .table-row.expanded:hover:before{background-color:#2fd0ff}.table-wrap .table .expansion-toggle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.table-wrap .table .expansion-toggle i{font-size:26px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;vertical-align:middle}.table-wrap .table .expansion-toggle:hover,.table-wrap .table .expansion-toggle.expanded{background:#F2F2F4}.table-wrap .table .expansion-toggle:hover i,.table-wrap .table .expansion-toggle.expanded i{-webkit-transform:rotate(90deg) scale(1);-ms-transform:rotate(90deg) scale(1);-moz-transform:rotate(90deg) scale(1);transform:rotate(90deg) scale(1)}.table-wrap.inline-table.form-table .table-row .table-row-cells .table-cell .action-group .button{border:none !important;background:transparent !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}.table-wrap.inline-table.form-table .table-row .table-row-cells .table-cell .action-group .button i{font-size:18px;padding:9px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;color:#757575;font-weight:normal;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.table-wrap.inline-table.form-table .table-row .table-row-cells .table-cell .action-group .button i:hover{background:#fff0f0 !important;color:#d00100 !important}.table-wrap.inline-table.form-table .table-row .table-row-cells .table-cell .action-group .button:disabled i{background:transparent !important;color:#528596 !important}.table-wrap.inline-table.form-table .table-row:hover:not(.table-row-selected) .table-row-cells .table-cell .action-group .button i{background-color:#dedede;color:#000}.table-wrap.inline-table.form-table .table-row.table-row-selected:hover .table-row-cells .table-cell .action-group .button i{background:#ace3f5;color:#528596}.table-wrap .nav-tabs{padding:0px !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}.dragging-highlight{position:absolute;outline:2px dashed #0bc0f5}.dragging-highlight .choose-wrap .choose-box .placeholder .img-icon{background:#76e0ff !important;border:1px solid #00ade4}.dragging-highlight .choose-wrap .choose-box .placeholder .title-block .up,.dragging-highlight .choose-wrap .choose-box .placeholder .title-block .down{background:#12c0f3}.tag{margin:4px 8px 4px 0px;background:#edfaff;border:1px solid #56d9ff;padding:5px;text-align:center;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.tag:hover{border:1px solid #00b4ef}.tag:hover .close-tag{background:#0bc0f5;color:#fff}.tag .tag-text{float:left}.tag span{color:#00a3d2;font-size:12px;word-break:keep-all !important;font-weight:600;display:flex;align-items:center}.tag span i:not(.i-remove){font-size:15px;margin-right:5px}.tag .close-tag{cursor:pointer;margin-left:10px;padding:2px;color:#006b8e;background:#b8eafd;font-size:12px;line-height:6px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.tag .close-tag:hover{background:#ec4645}.tag .close-tag i{align-self:center}.tag-input{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;min-height:48px !important;overflow:hidden;background:#fff;padding:5px 10px !important}.tag-input input{font-family:"Montserrat",sans-serif;color:#333;background:transparent;border:0px solid transparent;width:15px}.tag-input.control-disabled{background:repeating-linear-gradient(45deg, rgba(0,0,0,0.025), rgba(0,0,0,0.025) 10px, rgba(0,0,0,0.05) 10px, rgba(0,0,0,0.05) 20px);cursor:not-allowed;pointer-events:none}.textarea{resize:vertical;min-height:100px;font-size:13px;line-height:17px}.min-height .textarea{min-height:120px}.small-min-height .textarea{min-height:56px}.toggle>input{display:none}.toggle>span{-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;cursor:pointer;display:block;height:23px;position:relative;text-indent:-5000px;width:35px;background-color:#ccc;min-height:17px !important}.toggle>span:hover{background:#aba7a7}.toggle>input+span:before{-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;content:"";display:block;height:23px;left:0;position:absolute;top:0;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;width:16px}.toggle>input+span:after{background:#fff;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;content:"";display:block;height:19px;left:3px;position:absolute;top:0;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;width:19px;margin:2px 0px;-webkit-box-shadow:0 2px 4px 0 rgba(3,31,92,0.1);-moz-box-shadow:0 2px 4px 0 rgba(3,31,92,0.1);box-shadow:0 2px 4px 0 rgba(3,31,92,0.1)}.toggle>input:checked+span:before{background:#83c33b;width:35px}.toggle>input:checked+span:after{left:14px;-webkit-box-shadow:0 2px 4px 0 rgba(3,31,92,0.1);-moz-box-shadow:0 2px 4px 0 rgba(3,31,92,0.1);box-shadow:0 2px 4px 0 rgba(3,31,92,0.1)}.toggle>input:disabled+span:before{opacity:0.25}.toggle>input:disabled+span:after{opacity:0.25}.table-row-selected .table-cell .toggle>span{background-color:#37c6f4}.toggle-group{display:flex}.toggle-group>div{align-self:center}.toggle-group.sub-toggle{padding-left:30px}.toggle-group .toggle{align-self:center;margin:0 !important}.toggle-group .right{width:auto;padding-left:15px;display:inline-block;align-self:center;font-size:13px;line-height:18px;color:#333}.toggle-group .right b{font-weight:600}.toggle-group .right span{display:block;margin-bottom:2px;color:#000;font-size:13px;font-weight:600}.toggle-group .right span b{font-weight:600}.toggle-group .right:hover{cursor:pointer}.toggle-group .toggle-icon{margin-left:15px}.toggle-group .toggle-icon img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.plain-dropdown-form-field.full-locale-select .button{padding:5px 50px 5px 5px}.plain-dropdown-form-field.full-locale-select .button .locale-image{max-width:23px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;vertical-align:middle;margin-right:8px}.categories .header{display:flex;width:100%;font-size:13px;line-height:18px;padding:12px 10px;border-bottom:1px solid #ddd;background:#f7f9fa}.categories .header .header-title{display:flex;align-items:flex-start;flex-grow:1}@media (max-width: 575.98px){.categories .header .header-title{width:100%}}.categories .header .header-options{display:flex;min-width:337px}.categories .header .header-options .category-count{min-width:68px}.categories .header .header-options .category-toggle{padding:0px 5px;text-align:center}.categories .header .header-options .category-actions{display:flex;justify-content:center;flex-grow:1}@media (max-width: 991.98px){.categories .header .header-options{display:none}}.categories .tree .node{position:relative}.categories .tree .node .expand{opacity:0}.categories .tree .node.has-children>.content::before{content:"";position:absolute;border-left:1px solid #ddd;border-bottom:1px solid #ddd;width:18px;left:28px;top:40px;height:calc(100% - 10px);z-index:5;visibility:visible;transition:none}@media (max-width: 575.98px){.categories .tree .node.has-children>.content::before{content:none}}.categories .tree .node.has-children>.content.line-hidden::before{transition:visibility 0.0s 0.2s;visibility:hidden}.categories .tree .node.has-children .expand{opacity:1}.categories .tree .node.has-children .expand.i-arrow-down{cursor:pointer;background:#F2F2F4}.categories .tree .node:last-child .add-subcategory .box{margin:10px 0px}.categories .tree .node .content{padding:15px 20px;display:flex;justify-content:space-between;position:relative;font-size:13px;line-height:18px;transition:background 0.2s ease-in}.categories .tree .node .content:hover .expand.i-arrow-down{background-color:#e2e2e2}.categories .tree .node .content:hover .count{background-color:#e2e2e2}.categories .tree .node .content:hover .icon{border-color:#a5a5a5}.categories .tree .node .content:hover .action-group .button{background-color:#00c1ff;color:#fff;-webkit-box-shadow:4px 4px 0px 0 #ade6f9;-moz-box-shadow:4px 4px 0px 0 #ade6f9;box-shadow:4px 4px 0px 0 #ade6f9}.categories .tree .node .content:hover .action-group .button:hover{background-color:#23caff;border-color:#0bafe4}.categories .tree .node .content.active .expand,.categories .tree .node .content.active .count{background-color:#37c6f4 !important;color:#fff}.categories .tree .node .content.active .expand:hover,.categories .tree .node .content.active .count:hover{background-color:#37c6f4;color:#fff}.categories .tree .node .content.active .action-group .button{-webkit-box-shadow:4px 4px 0px 0 #ade6f9;-moz-box-shadow:4px 4px 0px 0 #ade6f9;box-shadow:4px 4px 0px 0 #ade6f9}.categories .tree .node .content.active .icon{border-color:#37c6f4}.categories .tree .node .content.active .toggle>span{background-color:#37c6f4}.categories .tree .node .content.active .content-hover{background-color:#d4f4ff}@media (max-width: 575.98px){.categories .tree .node .content{border-color:#ddd;padding-left:15px}}@media (max-width: 991.98px){.categories .tree .node .content{flex-direction:column}}.categories .tree .node .content .category-options{display:flex;align-items:center;flex-shrink:0}.categories .tree .node .content .category-options .category-count{padding:0px 15px}.categories .tree .node .content .category-options .category-toggle{padding:0px 15px}.categories .tree .node .content .category-options .drag{text-align:center;cursor:grab;padding:15px}.categories .tree .node .content .category-options .drag i{font-size:21px}.categories .tree .node .content .category-options .category-actions{margin:0px 5px}@media (max-width: 991.98px){.categories .tree .node .content .category-options{margin:auto;margin-top:15px}}.categories .tree .node .content .category-main{padding-right:15px;display:flex;flex-grow:1}.categories .tree .node .content .category-main .checkbox{display:none}@media (max-width: 991.98px){.categories .tree .node .content .category-main{padding-right:0px}}.categories .tree .node .content .category-main .title .title-group{display:flex;align-items:center;justify-content:flex-start}.categories .tree .node .content .category-main .title .title-group .tag{margin-left:12px}.categories .tree .node .content .expand{display:inline-block;margin:0px 10px 0px -4px;font-size:17px;vertical-align:middle;height:25px;width:25px;min-height:25px;min-width:25px;line-height:25px;text-align:center;z-index:5;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.categories .tree .node .content .checkbox{margin-top:2px;display:inline-block;width:17px;z-index:4}.categories .tree .node .content .tag{padding:3px 10px;display:flex;align-self:center;justify-content:center;width:65px;background:#83c33b;font-size:12px;border:none;color:#fff;margin:0}@media (max-width: 575.98px){.categories .tree .node .content .tag{margin-left:0px}}.categories .tree .node .content .icon{width:55px;height:55px;display:inline-block;vertical-align:middle;margin:0px 15px 0px 0px;border:1px solid #ddd;background:#fff;padding:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.categories .tree .node .content .title{display:inline-block;font-weight:600;vertical-align:middle}.categories .tree .node .content .title span{display:block;font-weight:normal;margin-top:4px;color:#8c8c8c}.categories .tree .node .content .count{font-size:0.75rem;min-width:38px;height:38px;text-align:center;padding:10px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background:#f5f4f4;color:#888}@media (max-width: 575.98px){.categories .tree .node .content .toggle{margin:15px auto}}.categories .tree .node .children{margin:0;padding-left:30px;display:flex;flex-direction:column;position:relative;width:100%}@media (max-width: 575.98px){.categories .tree .node .children{padding-left:0}}.categories .tree .node .children .node:not(:last-child)::before{border-left:1px solid #ddd;border-bottom:1px solid #ddd;width:18px;content:"";position:absolute;top:10px;left:-2px;height:calc(100% + 19px);z-index:5}@media (max-width: 575.98px){.categories .tree .node .children .node:not(:last-child)::before{content:none}}.categories .tree .node .children .node.has-children>.content::before{content:"";position:absolute;border-left:1px solid #ddd;border-bottom:1px solid #ddd;background:none;width:18px;left:28px;top:40px;height:calc(100% - 10px);z-index:5}@media (max-width: 575.98px){.categories .tree .node .children .node.has-children>.content::before{content:none}}.categories .tree .node .children .node.has-children>.content.line-hidden::before{visibility:hidden;transition:visibility 0.0s 0.2s}.categories .tree .node .add-subcategory{position:relative;display:flex;width:auto;align-items:center;padding:10px 15px;z-index:9}.categories .tree .node .add-subcategory .box{margin:10px 0px}.categories .tree .node .add-subcategory .box.shadow{-webkit-box-shadow:1px 1px 24px 0px rgba(3,31,92,0.1);-moz-box-shadow:1px 1px 24px 0px rgba(3,31,92,0.1);box-shadow:1px 1px 24px 0px rgba(3,31,92,0.1)}.categories .tree .node .add-subcategory .box.shadow:hover{-webkit-box-shadow:1px 1px 24px 0px rgba(3,31,92,0.15);-moz-box-shadow:1px 1px 24px 0px rgba(3,31,92,0.15);box-shadow:1px 1px 24px 0px rgba(3,31,92,0.15)}.categories .tree .node .add-subcategory .box:before{content:"";position:absolute;margin-top:-8px;margin-left:25px;width:0;height:0;border-style:solid;border-width:0 7.5px 8px 7.5px;border-color:transparent transparent #fff transparent}.categories .tree .node .add-subcategory .box .content-block{display:flex;justify-content:space-between;align-items:center}@media (max-width: 1199.98px){.categories .tree .node .add-subcategory .box .content-block{flex-direction:column}.categories .tree .node .add-subcategory .box .content-block .left{width:100%;margin-right:0px !important}.categories .tree .node .add-subcategory .box .content-block .right{width:100%;margin-bottom:15px;margin-top:0px !important}}.categories .tree .node .add-subcategory .box .content-block .left{flex-grow:3;margin-right:25px}.categories .tree .node .add-subcategory .box .content-block .right{flex-grow:2;flex-shrink:0;display:flex;margin-top:3px}.categories .tree .node .add-subcategory .box .content-block .right .button.squared{margin:0px !important}.category-block{position:relative;overflow:hidden}.category-tree{position:relative;margin-bottom:15px}.category-tree .category-node{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;position:relative;min-height:52px}.category-tree .category-node:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;left:0;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);transform:translate(-100%, 0)}.category-tree .category-node:hover{background:#f7f9fa}.category-tree .category-node:hover:before{background:#f7f9fa}.category-tree .category-node .right{display:flex;align-items:center;justify-content:space-between;width:100%}.category-tree .category-node .form-group{margin-bottom:0px}.category-tree .category-node>.open-list{flex-shrink:0;margin-right:10px;width:20px;height:20px;line-height:20px;text-align:center;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.category-tree .category-node>.open-list:hover{background:#e8e8e8}.category-tree .category-node label{display:flex;align-items:center;width:auto;padding-left:0px}.category-tree .category-node label:before{position:relative;margin-right:10px;flex-shrink:0}.category-tree .category-node label:after{top:auto;margin-top:-3px}.category-tree .category-node .action-controls{display:flex;padding-left:10px}.category-tree .category-node .action-controls i{float:right;padding:4px;cursor:pointer;font-size:22px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.category-tree .category-node .action-controls i.i-pencil-edit{font-size:16px;padding:7px}.category-tree .category-node .action-controls i:hover{background:#e8e8e8;color:#000}.category-tree .category-node .action-controls i.delete:hover{color:#d00100;background:#fff0f0}.category-tree .category-node .category-left{flex-grow:1}.category-tree .category-bg{background:#f7f9fa}.category-tree .category-bg .category-node{background:#f7f9fa}.category-tree .category-bg .category-node:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;left:0;background:#f7f9fa;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);transform:translate(-100%, 0)}.category-tree .category-bg .new-category-input{padding-top:0px}.category-tree .actions{position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);right:5px}.category-tree .actions i{margin-right:5px;cursor:pointer;font-size:20px}.category-tree .actions i.inactive{opacity:0.3}.category-tree .actions i.i-remove:hover{color:#d00100}.category-tree .actions i.i-circle-check{color:#519800}.category-tree .input{position:relative;padding-right:65px}.category-tree ul{width:100%;padding-left:15px}.category-tree ul li{width:100%}.category-tree ul li label{width:auto;clear:both}.category-tree .pt10{padding-top:10px}.new-category-input{position:relative;width:100%;padding:10px;background:#f7f9fa !important}.new-category-input:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;left:0;background:#f7f9fa;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);transform:translate(-100%, 0)}.new-category-input .input{position:relative;-webkit-box-shadow:3px 3px 0px 0 #f7f7f7;-moz-box-shadow:3px 3px 0px 0 #f7f7f7;box-shadow:3px 3px 0px 0 #f7f7f7}.new-category-input .form-group{margin-bottom:0px}.character-counter{float:right}.character-counter.over-limit{color:#d00100}.line-chart .ct-grid.active{stroke-dasharray:none;stroke-width:2px}.line-chart .point-target{width:5px;height:5px}.pie-chart .description{padding:15px}.pie-chart .ct-label{color:#fff}.pie-chart .legend{margin:20px auto 10px auto}.pie-chart .legend>div{display:flex;flex-wrap:wrap;justify-content:center}.pie-chart .legend .legend-bar{margin-right:0px;margin-bottom:10px}@media (max-width: 1199.98px){.legend{margin-bottom:15px}}.legend .legend-bar .legend-bar-color{margin-right:10px;width:15px;min-width:15px;height:15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.legend .legend-bar .value{padding-left:16px;font-weight:bold;color:#333;font-size:13px}.legend .legend-bar .value span{font-weight:bold;font-size:12px}.inline-legend .legend-bar{margin-right:15px;font-size:13px;color:#333}@media (max-width: 575.98px){.inline-legend .legend-bar{display:block}}.upload-file{padding:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;border:2px dashed #2fd0ff}.upload-file .button span{font-size:13px}.upload-file .button span,.upload-file .button i{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.upload-file:hover{background:#f3fbff;border-color:#37c6f4}.upload-file:hover .button{border-color:#15a0cc;-webkit-box-shadow:5px 5px 0 #dbf3fb !important;-moz-box-shadow:5px 5px 0 #dbf3fb !important;box-shadow:5px 5px 0 #dbf3fb !important;background:transparent !important}.upload-file:hover .button span,.upload-file:hover .button i{color:#0097c7}.upload-file:hover .details .remove i{background:#f7f9fa}.upload-file:hover .button{background:transparent !important}.upload-file .details{display:flex}.upload-file .details .title-block{margin-bottom:0px;word-break:break-word}.upload-file .details .remove{align-self:center;margin-right:15px}.upload-file .details .remove i{font-size:22px;cursor:pointer;font-size:22px;padding:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.upload-file .details .remove i:hover{background:#fff0f0 !important;color:#d00100 !important}.upload-file .details .button span{margin-bottom:0}.upload-file.modified{border-color:#ffc66a;background:#fff7ea}.upload-file.modified .details .button{border-color:#d08000;-webkit-box-shadow:4px 4px 0px 0 #f9eec5;-moz-box-shadow:4px 4px 0px 0 #f9eec5;box-shadow:4px 4px 0px 0 #f9eec5;background:rgba(0,0,0,0) !important}.upload-file.modified .details .button i,.upload-file.modified .details .button span{color:#d08000}.upload-file.modified .details .button:hover{background:#fff3e0 !important}.upload-file.modified:hover .remove i{background:#fff0f0;color:#d00100}.upload-file.invalid{border-color:#ff9595;background:#fff0f0}.upload-file.invalid .details .button{border-color:#d00100;-webkit-box-shadow:4px 4px 0px 0 #ffe1e1;-moz-box-shadow:4px 4px 0px 0 #ffe1e1;box-shadow:4px 4px 0px 0 #ffe1e1;background:rgba(0,0,0,0) !important}.upload-file.invalid .details .button i,.upload-file.invalid .details .button span{color:#d00100}.upload-file.invalid .details .button:hover{background:#ffe2e2 !important}.upload-file.invalid:hover .remove i{background:#fff0f0;color:#d00100}.upload-file.saved{border-color:#83c33b;background:#f5fff5}.upload-file.saved .details .button{border-color:#519800;-webkit-box-shadow:5px 5px 0px 0 #d7f3b7;-moz-box-shadow:5px 5px 0px 0 #d7f3b7;box-shadow:5px 5px 0px 0 #d7f3b7;background:#d0f3d0 !important}.upload-file.saved .details .button i,.upload-file.saved .details .button span{color:#519800}.upload-file.saved .details .button:hover{background:#b3e8b3 !important}.upload-file.saved:hover .remove i{background:#fff0f0;color:#d00100}.form-table .deleted-overlay{display:flex;background-color:#ffe0e0;transition:opacity 0.2s;border-bottom:1px solid #ff6665}.form-table .deleted-overlay:before{content:"";position:absolute;top:-1px;width:100%;height:1px;background-color:#ff6665}.form-table .deleted-overlay .deleted-label{align-self:center;margin-left:100px;color:#d00100}.form-table .deleted-overlay .undo-button{align-self:center;position:absolute;right:100px;border:1px solid #ff6665;background:#ff6665;color:#fff;-webkit-box-shadow:5px 5px 0 0 #ffcfcf;-moz-box-shadow:5px 5px 0 0 #ffcfcf;box-shadow:5px 5px 0 0 #ffcfcf}.form-table .deleted-overlay .undo-button:hover{background:#fb5453;border:1px solid #fd3d3c}.lens-container .img-magnifier-lens{border:3px solid #fff;width:80px;height:80px;box-shadow:0 0 0 1px #ddd}.money-input{max-width:80px}.money-input .currency{font-size:11px;color:#757575;margin-top:1px}.money-input.left .input{padding:10px 5px 10px 30px}.money-input.right .input{padding:10px 30px 10px 5px}.quantity-input .arrows{border:1px solid #37c6f4;background:#dcf7ff;-webkit-border-top-right-radius:3px !important;-moz-border-radius-topright:3px !important;border-top-right-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;-moz-border-radius-bottomright:3px !important;border-bottom-right-radius:3px !important}.quantity-input .arrows .button{background:#dcf7ff}.quantity-input .arrows .button i{color:#01b3e6}.quantity-input .arrows .button:hover{background:linear-gradient(180deg, #daf7ff, #96e7f3)}.quantity-input .arrows .up:after{background:#37c6f4}.ql-container{box-sizing:border-box;font-family:"Montserrat",sans-serif;color:#333;font-size:13px;height:100%;margin:0px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li::before{content:'\2022'}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li::before,.ql-editor ul[data-checked=false]>li::before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li::before{content:'\2611'}.ql-editor ul[data-checked=false]>li::before{content:'\2610'}.ql-editor li::before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl)::before{margin-left:-1.5em;margin-right:0.3em;text-align:right}.ql-editor li.ql-direction-rtl::before{margin-left:0.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0, decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1, lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2, lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3, decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4, lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5, lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6, decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7, lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8, lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia, Times New Roman, serif}.ql-editor .ql-font-monospace{font-family:Monaco, Courier New, monospace}.ql-editor .ql-size-small{font-size:0.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:0.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:0.83em}.ql-snow .ql-editor h6{font-size:0.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px;outline:none}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0px}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:180px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:20px;margin:2px;padding:0px;width:20px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:0.8;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.ql-snow .ql-color-picker .ql-picker-item:hover{opacity:1}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:0.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:0.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia, Times New Roman, serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco, Courier New, monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;padding:8px;border-bottom:none}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent;outline:none}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px;outline:none}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0px 0px 5px #ddd;color:#444;padding:5px 5px 5px 10px;white-space:nowrap;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px;background:#fff;border:1px solid #c1c1c1;font-family:"Montserrat",sans-serif;color:#333;font-size:13px;height:33px;margin:0px;padding:5px 10px;width:200px;outline:none}.ql-snow .ql-tooltip input[type=text]:focus{border-color:#37c6f4;background:#f9fdff}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{content:'\e950';font-family:'Shopticons' !important;position:absolute;font-size:26px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.ql-snow .ql-tooltip a.ql-remove::before{content:'\e97b';font-family:'Shopticons' !important;position:absolute;font-size:26px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{content:'\e91b';font-family:'Shopticons' !important;position:absolute;font-size:26px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Video:"}.ql-container.ql-snow{border:1px solid #ccc}.ql-action{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:13px;border:1px solid #ababab;margin-left:6px;background:#00c1ff;color:#fff;border-color:#1bbbef;padding:7px 16px;position:relative}.ql-action a{color:#656565}.ql-action:hover{background:#23caff;border:1px solid #0bafe4;color:#fff}.rich-text-area.max-textarea .ql-container,.rich-text-area.max-textarea .ql-editor{height:auto;max-height:500px}.rich-text-area.min-textarea .ql-container,.rich-text-area.min-textarea .ql-editor{min-height:400px;height:500px}.rich-text-area .ql-toolbar{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.rich-text-area .ql-toolbar.ql-snow{border-color:#c1c1c1;background:#f9f9f9;padding:8px 8px 12px 8px !important}.rich-text-area .ql-toolbar.ql-snow .ql-color-picker,.rich-text-area .ql-toolbar.ql-snow button{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-top:5px;margin-right:3px}.rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover,.rich-text-area .ql-toolbar.ql-snow button:hover{background:#efefef}.rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover .ql-stroke,.rich-text-area .ql-toolbar.ql-snow button:hover .ql-stroke{stroke:#333 !important}.rich-text-area .ql-toolbar.ql-snow .ql-color-picker:hover .ql-fill,.rich-text-area .ql-toolbar.ql-snow button:hover .ql-fill{fill:#333 !important}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size{border:none;width:auto;min-width:75px;margin-right:5px;margin-top:5px;outline:none;font-size:12px;font-family:"Montserrat",sans-serif;border-color:#f9fdff;color:#333 !important;background:#efefef;outline:none}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-options,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-options{background:#fff;border:none;padding:0px;margin-top:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-options .ql-picker-item,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-options .ql-picker-item{padding:8px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;color:#333}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-options .ql-picker-item:hover,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-options .ql-picker-item:hover{background-color:#f2f2f4}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-options .ql-picker-item:focus,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-options .ql-picker-item:focus{outline:none;background:#e8faff}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-options .ql-picker-item:focus:hover,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-options .ql-picker-item:focus:hover{background-color:#dcf7ff}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label:focus,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label:focus{outline:none !important}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label:before,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label:before{line-height:22px}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label .ql-stroke,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label .ql-stroke{stroke:#333}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label:hover,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label:hover{color:#333}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label.ql-active,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label.ql-active{color:#333 !important;outline:none}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font .ql-picker-label.ql-active .ql-stroke,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-label.ql-active .ql-stroke{stroke:#333 !important}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font.ql-expanded .ql-picker-label,.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-size.ql-expanded .ql-picker-label{border-color:#efefef;color:#333 !important;background:#efefef;outline:none}.rich-text-area .ql-toolbar.ql-snow .ql-picker.ql-font{width:145px}.rich-text-area .ql-toolbar.ql-snow .ql-picker .ql-picker-options{color:#333}.rich-text-area .ql-toolbar.ql-snow .ql-stroke{stroke:#333}.rich-text-area .ql-toolbar.ql-snow .ql-fill{fill:#333}.rich-text-area .ql-toolbar.ql-snow .ql-active .ql-stroke{stroke:#0bafe4 !important}.rich-text-area .ql-toolbar.ql-snow .ql-active .ql-fill{fill:#0bafe4 !important}.rich-text-area .ql-container.ql-snow{border-color:#c1c1c1}.rich-text-area.focused .ql-toolbar.ql-snow{border-color:#37c6f4;background:#edfbff}.rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-font,.rich-text-area.focused .ql-toolbar.ql-snow .ql-picker.ql-size{background:#c7f3ff}.rich-text-area.focused .ql-toolbar.ql-snow .ql-color-picker:hover,.rich-text-area.focused .ql-toolbar.ql-snow button:hover{background:#c7f3ff}.rich-text-area.focused .ql-container.ql-snow{border-color:#37c6f4}.ql-font-Arial{font-family:'Arial', sans-serif}.ql-font-Verdana{font-family:'Verdana', sans-serif}.ql-font-Helvetica{font-family:'Helvetica', sans-serif}.ql-font-Tahoma{font-family:'Tahoma', sans-serif}.ql-font-TrebuchetMS{font-family:'Trebuchet MS', sans-serif}.ql-font-TimesNewRoman{font-family:'Times New Roman', sans-serif}.ql-font-Georgia{font-family:'Georgia', sans-serif}.ql-font-Garamond{font-family:'Garamond', sans-serif}.ql-font-CourierNew{font-family:'Courier New', sans-serif}.step-path{display:flex;margin-bottom:25px}.step-path .step-block{display:flex;flex-direction:column;align-items:center;position:relative;padding:0px 15px;flex-grow:1}.step-path .step-block a:hover{cursor:pointer;background:#23caff !important;-webkit-box-shadow:0 0 0 4px rgba(204,240,245,0.8);-moz-box-shadow:0 0 0 4px rgba(204,240,245,0.8);box-shadow:0 0 0 4px rgba(204,240,245,0.8)}.step-path .step-block .number,.step-path .step-block .icon{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f9f9f9;-webkit-box-shadow:0 0 0 4px #f1f1f1;-moz-box-shadow:0 0 0 4px #f1f1f1;box-shadow:0 0 0 4px #f1f1f1;color:#717171;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;cursor:default}.step-path .step-block .number{width:40px;height:40px;line-height:40px;text-align:center;font-size:13px;display:table;margin:auto}.step-path .step-block .number .line-path{top:21px}.step-path .step-block .icon{display:flex;align-items:center;justify-content:center}.step-path .step-block .icon img{width:35px;height:35px}.step-path .step-block .icon .line-path{top:31px}.step-path .step-block.success .number{background:#519800;color:#fff}.step-path .step-block.success .icon{background:#519800;color:#fff}.step-path .step-block .stage{display:block;text-align:center;font-size:12px;padding:14px 0px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}@media (max-width: 991.98px){.step-path .step-block .stage{font-size:10px;line-height:14px}}.step-path .step-block .line-path{width:100%;height:5px;background:#ddd;position:absolute;left:50%;z-index:-1}.step-path .step-block .line-path.active{background:#519800}@media (min-width: 1200px){.step-path.step-path-fix{margin-left:-10%}}.translation-balloon{min-width:200px;max-width:500px}.translation-balloon .balloon-content .form-translation-row{padding:5px 5px 0px 5px;border:none;border-bottom:1px solid #ddd;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.translation-balloon .balloon-content .form-translation-row .lang-row{display:flex;align-items:center}.translation-balloon .balloon-content .form-translation-row .lang-row .i-copy{margin:5px;padding:8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;font-size:15px;cursor:pointer}.translation-balloon .balloon-content .form-translation-row .lang-row .i-copy:hover{background:#e8e8e8;color:#000}.translation-balloon .balloon-content .form-translation-row:last-of-type{border-bottom:none}.translation-balloon .balloon-content .form-translation-row:hover{background-color:#f7f9fa}.translation-balloon .balloon-content .form-translation-row .locale-image{width:35px;height:35px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid #fff;-webkit-box-shadow:1px 1px 11px 0px rgba(3,31,92,0.15);-moz-box-shadow:1px 1px 11px 0px rgba(3,31,92,0.15);box-shadow:1px 1px 11px 0px rgba(3,31,92,0.15)}.translation-balloon .balloon-content .form-translation-row .locale-name{margin-left:10px;font-size:13px;font-weight:600}.translation-balloon .balloon-content .form-translation-row .locale-content{font-size:13px;line-height:20px;padding:5px;word-break:break-word}.translation-balloon .balloon-content .form-translation-row .locale-content span.no-translation{color:silver;font-style:italic;padding:5px 0px;display:block}.translation-balloon .balloon-content .form-translation-row .locale-content p{margin-bottom:0px !important}.form-translation-row .locale-image{width:32px;height:32px}.form-translation-row.modified{background:#fff7ea;border:1px solid #ffdca4}.form-translation-row.invalid{background:#ffe0e0;border:1px solid #ff6665}.form-translation-row.saved{background:#edffd9;border:1px solid #83c33b}

.ct-double-octave:after,.ct-golden-section:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.ct-chart-donut .ct-label,.ct-chart-pie .ct-label{dominant-baseline:central}.ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-grid-background{fill:none}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{fill:none;stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-donut-solid,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-donut-solid,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-donut-solid,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-donut-solid,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-donut-solid,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-donut-solid,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-donut-solid,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-donut-solid,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-donut-solid,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{display:table}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}
.title-group{cursor:pointer}.blog-category-edit-page{height:100%}.create-blog-article-page{height:100%}

@charset "UTF-8";
/* Colors */
/* line 11, ../../../../Shoptico.Editor.Frontend/Styles/Base/_custom.scss */
.page-link:focus {
  box-shadow: 0;
}

/* line 15, ../../../../Shoptico.Editor.Frontend/Styles/Base/_custom.scss */
.modal-xl {
  max-width: 1140px !important;
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Styles/Base/_custom.scss */
.modal-xl.modal-dialog {
  margin: 1rem auto;
}

@font-face {
  font-family: Raleway-t;
  src: url(../../Assets/Fonts/Raleway/Raleway-Thin.ttf);
}

/* line 9, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  color: #000;
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
h1 {
  font-size: 32px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

/* line 20, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
h2 {
  font-size: 28px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

/* line 26, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
h3 {
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

/* line 32, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
h4 {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

/* line 38, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
h5 {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

/* line 44, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
h6 {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

/* line 50, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.heading {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 14px;
  position: relative;
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.heading .hint {
  font-size: 22px;
  vertical-align: middle;
  color: #6d6d6d;
  cursor: pointer;
  margin-left: 3px;
  margin-top: -2px;
}

/* line 66, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.sub-heading {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  margin: 10px 0px 15px 0px;
}

/* line 75, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
strong {
  font-weight: 700;
}

/* line 77, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
a {
  color: #333;
  text-decoration: none;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
}

/* line 84, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
a:hover {
  box-shadow: none;
  text-decoration: none;
}

/* line 89, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
a:active {
  box-shadow: none;
  text-decoration: none;
}

/* line 94, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
a:focus {
  box-shadow: none;
  text-decoration: none;
}

/* line 99, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
a:visited {
  box-shadow: none;
  text-decoration: none;
}

/* line 106, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
p {
  color: #333;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 23px;
}

/* line 113, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.list-style-disc {
  list-style: disc;
  list-style-position: inside;
}

/* line 117, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.list-style-disc li {
  margin: 5px 0;
}

/* line 122, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.fs-30 {
  font-size: 30px;
}

/* line 123, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.fs-20 {
  font-size: 20px;
}

/* line 124, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.fs-18 {
  font-size: 20px;
}

/* line 125, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.fs-16 {
  font-size: 20px;
}

/* line 126, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.fs-14 {
  font-size: 20px;
}

/* line 129, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.tip i {
  font-size: 20px;
  vertical-align: bottom;
  margin-right: 2px;
}

/* line 137, ../../../../Shoptico.Editor.Frontend/Styles/Base/_typography.scss */
.option a {
  color: #333;
}

@font-face {
  font-family: 'Raleway-b';
  src: url(Styles/Fonts/Raleway/Raleway-Bold.ttf);
}

@font-face {
  font-family: 'Raleway-t';
  src: url(Styles/Fonts/Raleway/Raleway-Thin.ttf);
}

@font-face {
  font-family: 'Raleway-l';
  src: url(Styles/Fonts/Raleway/Raleway-Light.ttf);
}

@font-face {
  font-family: 'Raleway-m';
  src: url(Styles/Fonts/Raleway/Raleway-Medium.ttf);
}

@font-face {
  font-family: 'Circle';
  src: url(Styles/Fonts/Circle/Circle.otf);
}

/* line 26, ../../../../Shoptico.Editor.Frontend/Styles/Base/_base.scss */
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.4;
  background-color: #fff;
  color: #333;
  position: relative;
  overflow-x: hidden;
}

@media (max-width: 575.98px) {
  /* line 16, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .sidebar {
    top: 0;
    transform: none;
  }
}

/* line 22, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sidebar.editor-sidebar {
  position: absolute;
}

/* line 27, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sidebar.editor-sidebar .submenu-placeholder .text-box img {
  padding: 0;
}

/* line 34, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sidebar .logo-bar {
  border-right: none;
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sidebar .logo-bar .menu-toggle {
  display: flex;
  justify-content: center;
  height: 50px !important;
  border-bottom: none;
  border-right: none;
  cursor: default;
}

/* line 45, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sidebar .logo-bar .menu-toggle img {
  width: 30px;
}

@media (max-width: 575.98px) {
  /* line 34, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .sidebar .logo-bar {
    display: block;
  }
}

/* line 55, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sidebar .main-menu {
  width: 55px;
  border-right: none;
  -webkit-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.1);
}

/* line 60, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sidebar .main-menu .scroll-out {
  width: 55px;
}

/* line 63, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sidebar .main-menu .scroll-out .logo-bar {
  width: 55px;
}

/* line 68, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sidebar .main-menu .menu-items {
  margin: 52px 0 0 0;
  width: 55px;
}

/* line 74, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sidebar .sub-menu {
  width: 192px;
}

/* line 79, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.extra {
  padding: 0;
  display: block;
  position: fixed;
  top: 0;
  left: 55px;
  width: 350px;
  height: 100%;
  background: #fff;
  z-index: -1;
}

/* line 91, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.editor-sidebar {
  width: 55px;
  height: 100%;
  z-index: 7;
}

@media (max-width: 575.98px) {
  /* line 91, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .editor-sidebar {
    height: 100%;
  }
}

/* line 102, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-open .sidebar {
  width: auto;
}

@media (max-width: 767.98px) {
  /* line 102, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .sub-menu-open .sidebar {
    box-shadow: none;
  }
}

/* line 108, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-open .sidebar .main-menu {
  width: 55px;
}

/* line 112, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-open .sidebar .sub-menu {
  display: block;
  width: 350px;
  height: 100%;
  top: 0;
  left: 55px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  -webkit-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);
  transition: all 0s;
  -moz-transition: all 0s;
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  opacity: 1;
}

/* line 123, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-open .sidebar .sub-menu .search-wrap {
  padding: 10px 15px 5px 15px;
}

/* line 128, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-open .sidebar .sub-menu .search-wrap .search input {
  padding: 12px 45px 12px 15px;
  border-bottom: none;
  background: #f5f5f5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-top: 5px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 136, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-open .sidebar .sub-menu .search-wrap .search input:hover {
  background: #efefef;
}

/* line 141, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-open .sidebar .sub-menu .search-wrap .search i {
  top: 55%;
}

/* line 147, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-open .sidebar .sub-menu .menu-items-wrapper {
  animation-name: show-menu-items;
  animation-delay: 0.1s;
  animation-duration: 0.25s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes show-menu-items {
  0% {
    top: 80px;
    transform: scale(0.99);
    opacity: 0;
  }
  100% {
    top: 120px;
    transform: scale(1);
    opacity: 1;
  }
}

@media (max-width: 991.98px) {
  /* line 173, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .sub-menu-open .page .page-overlay:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
}

/* line 187, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-open .page .top {
  width: calc(100% - 310px);
}

/* line 194, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-extra {
  height: 100%;
  width: 100%;
}

/* line 198, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-extra > * {
  left: 325px;
  height: 100%;
  width: 350px;
  top: 0;
  position: absolute;
  overflow-y: scroll;
  /*right: -17px;*/
}

/* line 210, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-extra-open .extra {
  z-index: 9;
}

/* line 219, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.sub-menu-extra-open .extra > body::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);
  z-index: 9;
}

@keyframes show-extra {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 350px;
    opacity: 1;
    z-index: 10;
  }
}

/* line 246, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.viewport-too-small {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
  background: rgba(0, 0, 0, 0.65);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 258, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.viewport-too-small .viewport-message {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 263, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.viewport-too-small .viewport-message h3,
.viewport-too-small .viewport-message p {
  color: #fff;
  max-width: 300px;
  text-align: center;
}

/* line 270, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.viewport-too-small .viewport-message > img {
  margin-bottom: 20px;
  width: 90px;
  height: auto;
}

/* line 278, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page {
  margin-left: 55px;
  /*margin-right: 300px;*/
  position: relative;
  height: 100vh;
  min-height: 100vh;
  z-index: 6;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

@media (max-width: 575.98px) {
  /* line 278, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page {
    margin-left: 0;
  }
}

/* line 291, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top {
  border-bottom: 1px solid #eaeaea;
  position: fixed;
  width: calc(100% - 65px);
  color: #00a2d2;
  z-index: 99;
  background-color: #fff;
  -webkit-box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0px -2px 16px 0 rgba(0, 0, 0, 0.16);
}

/* line 300, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .shoptico-logo {
  display: inline-block;
  width: 121px;
  margin: 0 20px;
  padding: 10px 10px;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  /* line 300, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .top .shoptico-logo {
    margin: 0;
    padding: 13px 10px 12px 10px;
    width: 15%;
  }
}

/* line 315, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .action-button {
  position: relative;
  font-size: 40px;
  padding: 3px;
  line-height: 10px;
  color: #8c8c8c;
}

/* line 322, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .action-button span {
  position: relative;
  top: 15px;
  padding-right: 10px;
  font-size: 13px;
}

/* line 329, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .action-button:hover {
  cursor: pointer;
  color: #0ac2f4;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

/* line 336, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .btn {
  margin-top: 7px;
}

/* line 343, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .list-menu ul li {
  width: auto;
  float: left;
}

/* line 347, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .list-menu ul li a {
  display: block;
  font-size: 20px;
  padding: 10px 12px 5px 13px;
  position: relative;
}

/* line 353, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .list-menu ul li a:hover {
  background: #fdfdfd;
  color: #4e4e4e;
}

/* line 358, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .list-menu ul li a span {
  position: absolute;
  width: 8px;
  height: 8px;
  margin: 4px 0px 0px -8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* line 365, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .list-menu ul li a span.primary {
  background: #f14c4c;
}

/* line 369, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .list-menu ul li a span.secondary {
  background: #2fd0ff;
}

/* line 378, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down {
  position: relative;
  padding: 18px 15px 16px 35px;
  font-size: 10px;
  line-height: 10px;
}

@media (max-width: 991.98px) {
  /* line 378, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .top .menu-down {
    padding: 18px 6px 16px 27px;
  }
}

/* line 388, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down.login-button {
  margin-left: 35px;
}

@media (max-width: 991.98px) {
  /* line 388, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .top .menu-down.login-button {
    margin-left: 0;
  }
}

/* line 396, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down.more-button {
  font-size: 20px;
  padding: 13px;
  background: #f2f2f2;
  transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* line 404, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down:hover {
  background: #0ac2f4;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

/* line 408, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down:hover i, .page .top .menu-down:hover span, .page .top .menu-down:hover::after {
  color: #fff;
}

/* line 412, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down.save-button:hover {
  background: #8cc63f;
}

/* line 416, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down.login-button:hover {
  background: none;
}

/* line 419, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down.login-button:hover i, .page .top .menu-down.login-button:hover span {
  color: #0ac2f4;
}

/* line 426, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down .dropdown-toggle:hover {
  color: inherit;
}

/* line 430, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down .dropdown-toggle i {
  font-size: 20px;
  position: absolute;
  left: 10px;
  top: 12px;
}

@media (max-width: 991.98px) {
  /* line 430, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .top .menu-down .dropdown-toggle i {
    left: 3px;
  }
}

/* line 441, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down .dropdown-toggle span {
  display: inline-block;
  padding-top: 2px;
  font-size: 13px;
}

/* line 447, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down .dropdown-toggle::after {
  display: none;
}

/* line 453, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .top .menu-down .dropdown-menu {
  margin-top: 17px;
  left: 23px !important;
}

@media (max-width: 575.98px) {
  /* line 378, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .top .menu-down {
    padding: 16px 4px 16px 35px;
  }
  /* line 462, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .top .menu-down .dropdown-toggle span {
    display: none;
  }
}

@media (max-width: 575.98px) {
  /* line 291, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .top {
    padding: 0px 7px;
  }
  /* line 472, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .top .sm-header {
    border-top: 1px solid #eee;
  }
}

/* line 478, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-header {
  padding: 15px;
  background-color: #fdfdfe;
  border-bottom: 1px solid #f3f3f3;
}

/* line 483, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-header .page-filter {
  margin: 13px 0 0;
}

/* line 486, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-header .page-filter .page-filter-adv {
  margin-top: 15px;
  display: none;
}

@media (max-width: 991.98px) {
  /* line 486, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .page-header .page-filter .page-filter-adv {
    margin: 0;
  }
}

@media (max-width: 575.98px) {
  /* line 496, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .page-header .page-filter .btn-fix {
    margin: 0;
  }
}

/* line 501, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-header .page-filter .form-group {
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  /* line 501, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .page-header .page-filter .form-group {
    margin-bottom: 15px;
  }
}

/* line 511, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content {
  /*padding: 0 15px;*/
  transform-origin: left top;
  min-width: 1230px;
  background: #f7f7f7;
  /*@include media-breakpoint-down(xs) {
			padding: 86px 0px 0px 0px;
		}*/
}

/* line 519, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .breadcrumb {
  padding: 10px;
  margin: 0px;
  border-radius: 0;
  background: none;
}

/* line 525, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .breadcrumb li {
  padding: 0px 5px;
  font-size: 12px;
}

/* line 529, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .breadcrumb li a {
  color: #26ceff;
}

/* line 533, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .breadcrumb li:first-of-type:before {
  display: none;
}

/* line 537, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .breadcrumb li:before {
  content: "/";
  color: #bfbfbf;
}

/* line 542, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .breadcrumb li.active {
  color: #8e8e86;
}

/* line 548, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .nav-tabs {
  border-bottom: 2px solid #f7f7f7;
}

/* line 551, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .nav-tabs .nav-item {
  margin-bottom: -2px;
}

@media (max-width: 575.98px) {
  /* line 551, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .page-content .nav-tabs .nav-item {
    width: 100%;
  }
}

/* line 558, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .nav-tabs .nav-item .nav-link {
  font-size: 13px;
  /*font-family: Circle;*/
  border: none;
  background: transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: 0px;
  padding: 13px 1rem;
}

/* line 567, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .nav-tabs .nav-item .nav-link:hover {
  color: #00a2d2;
}

/* line 571, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .nav-tabs .nav-item .nav-link span {
  float: right;
  font-size: 10px;
  line-height: 14px;
  min-height: 20px;
  margin-left: 10px;
  padding: 3px 5px;
  background: #f1f1f1;
  color: #797979;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-top: -2px;
  min-width: 20px;
  text-align: center;
  font-family: Arial;
}

/* line 589, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .nav-tabs .nav-item.active .nav-link {
  color: #00a2d2;
  border-bottom: 2px solid #2fd0ff;
}

/* line 593, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .nav-tabs .nav-item.active .nav-link span {
  background: #00b9ef;
  color: #fff;
}

/* line 602, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .content {
  padding: 15px;
}

/* line 605, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .content.search-content {
  padding-bottom: 5px;
}

/* line 610, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .content .box .box-header {
  position: relative;
}

/* line 613, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .content .box .box-header .box-title {
  position: relative;
}

@media (max-width: 1199.98px) {
  /* line 613, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .page-content .content .box .box-header .box-title {
    padding-right: 30px;
    line-height: 16px;
  }
}

@media (max-width: 575.98px) {
  /* line 613, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .page-content .content .box .box-header .box-title {
    font-size: 11px;
    line-height: 11px;
    text-align: left;
    padding-right: 30px;
  }
}

/* line 628, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-content .content .box .box-header .box-title span {
  background: #ff4b39;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 19px;
  font-size: 11px;
  color: #fff;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: -13px;
  margin-left: -6px;
  box-shadow: none;
  border: none;
}

/* line 651, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading {
  display: block;
  padding: 5px 10px;
}

/* line 655, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading h2 {
  display: inline-block;
  font-family: Raleway-b;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  color: #484848;
  padding: 7px 10px;
}

/* line 664, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading h2.small {
  font-family: Lato;
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
  padding: 4px 10px;
}

/* line 672, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading h2 .hint {
  font-size: 16px;
  vertical-align: middle;
  margin: 0px 4px 0px 0px;
}

/* line 679, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading.page-hint {
  background: #ddffb3;
  padding: 0px;
  position: relative;
}

/* line 684, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading.page-hint h2 {
  /*font-family: Circle;*/
  font-weight: normal;
  color: #5cab00;
  padding: 21px 10px 20px 48px;
  text-transform: none;
}

/* line 691, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading.page-hint h2 i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  background: #c1f585;
  padding: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #335f00;
  font-size: 16px;
  margin-right: 5px;
  vertical-align: middle;
}

/* line 707, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading.page-section {
  background: #f7f9fa;
  padding: 0px;
  position: relative;
}

/* line 712, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading.page-section h2 {
  /*font-family: Circle;*/
  font-weight: normal;
  padding: 21px 10px 20px 48px;
  text-transform: none;
}

/* line 718, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading.page-section h2 i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  background: #f1f1f1;
  padding: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 16px;
  margin-right: 5px;
  vertical-align: middle;
}

/* line 733, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading .tip {
  display: inline;
  font-size: 13px;
}

/* line 737, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.page .page-heading .tip i {
  vertical-align: middle;
  margin-top: -2px;
}

@media (max-width: 575.98px) {
  /* line 733, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
  .page .page-heading .tip {
    display: block;
    margin: 15px 0px 10px 0px;
  }
}

/* line 751, ../../../../Shoptico.Editor.Frontend/Styles/Layout/_content.scss */
.modal-footer .button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn {
  font-size: 12px;
  line-height: 20px;
  padding: 10px 20px 8px 20px;
  outline: none;
  position: relative;
  text-align: left;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
}

/* line 13, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-sm {
  padding: 8px 8px 8px 8px;
  line-height: 12px;
  text-align: center;
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-sm.btn-icon {
  padding: 8px 10px 8px 45px;
}

/* line 21, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-sm.btn-icon i {
  font-size: 19px;
  position: absolute;
  left: 8px;
  top: -1px;
  padding: 5px 8px 5px 0px;
}

/* line 31, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-primary {
  background-color: #9ad457;
  border-color: #82c336;
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-primary.btn-icon i {
  border-right: 1px solid #82c336;
}

/* line 42, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-primary:hover {
  background-color: #93d04d;
  border-color: #71af2a;
  box-shadow: 0 0 0 0.2rem #d2eab6;
}

/* line 49, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-primary.btn-icon:hover i {
  border-right: 1px solid #71af2a;
}

/* line 55, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem #d2eab6;
}

/* line 60, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-secondary {
  background-color: #ffffff;
  border-color: #e0e0e0;
  color: #484848;
}

/* line 67, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-secondary.btn-icon i {
  border-right: 1px solid #e0e0e0;
}

/* line 72, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-secondary:hover {
  background-color: #f9f9f9;
  border-color: #cacaca;
  box-shadow: 0 0 0 0.2rem #f7f7f7;
}

/* line 79, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-secondary.btn-icon:hover i {
  border-right: 1px solid #cacaca;
}

/* line 85, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem #f7f7f7;
}

/* line 91, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary.active:not(:disabled):not(.disabled), .show > .btn.btn-secondary.dropdown-toggle {
  box-shadow: 0 0 0 0.2rem #f7f7f7;
  border-color: #cacaca;
}

/* line 97, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-danger {
  background-color: #ea1615;
  border-color: #d40909;
}

/* line 103, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-danger.btn-icon i {
  border-right: 1px solid #d40909;
}

/* line 108, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-danger:hover {
  background-color: #f12a29;
  border-color: #ca0605;
  box-shadow: 0 0 0 0.2rem #ffdada;
}

/* line 115, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-danger:not(:disabled):not(.disabled):active, .btn.btn-danger.active:not(:disabled):not(.disabled), .show > .btn.btn-danger.dropdown-toggle {
  box-shadow: 0 0 0 0.2rem #ffdada;
  border-color: #ca0605;
}

/* line 121, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-icon {
  padding: 10px 20px 8px 42px;
}

/* line 124, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.btn-icon i {
  position: absolute;
  left: 8px;
  top: 7px;
  font-size: 26px;
}

/* line 132, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn:hover {
  box-shadow: none;
}

/* line 136, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn:active {
  box-shadow: none;
}

/* line 140, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn:focus {
  box-shadow: none;
}

/* line 144, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn:visited {
  box-shadow: none;
}

/* line 148, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn.low-opacity {
  opacity: 0.65;
}

@media (max-width: 575.98px) {
  /* line 154, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
  .btn-filter-adv {
    margin: 0;
  }
}

/* line 159, ../../../../Shoptico.Editor.Frontend/Styles/Components/_buttons.scss */
.btn-fix {
  margin-top: 16px;
}

/* @import "Styles/Components/alerts"; */
/* line 6, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-icon.icon-left i {
  top: 21px;
  left: 5px;
  font-size: 20px;
}

/* line 11, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-icon.icon-left i.hint {
  font-size: 16px;
  vertical-align: middle;
  margin: -2px 2px 0px 0px;
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-icon.icon-left .form-item {
  padding: 8px 9px;
}

/* line 24, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-icon.icon-left .input-group .icon {
  float: left;
  width: 40px;
  border: 1px solid #a5ebff;
  -webkit-border-top-left-radius: 4px !important;
  -moz-border-radius-topleft: 4px !important;
  border-top-left-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
  border-bottom-left-radius: 4px !important;
  /*		    background: #ebfaff;*/
  background: #fff;
}

/* line 32, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-icon.icon-left .input-group .icon i {
  color: #2fd0ff;
  margin: 7px 0px 0px 9px;
}

/* line 38, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-icon.icon-left .input-group .form-item {
  width: calc(100% - 40px);
  border-radius: 0px;
  -webkit-border-top-right-radius: 4px !important;
  -moz-border-radius-topright: 4px !important;
  border-top-right-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  -moz-border-radius-bottomright: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-left: none;
  color: #484848;
}

/* line 45, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-icon.icon-left .input-group .form-item:focus {
  border-left: none;
}

/* line 51, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-icon.icon-left label {
  padding-left: 5px;
}

/* line 58, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-icon.icon-right i {
  top: 27px;
  right: 21px;
  font-size: 20px;
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-icon.icon-right .form-item {
  padding: 13px 31px 13px 9px;
  position: relative;
}

/* line 72, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group label {
  display: block;
  font-size: 13px;
  line-height: 13px;
  margin-bottom: 5px;
}

/* line 79, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group input[readonly] {
  background-color: #f1f1f1;
}

/* line 83, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-button {
  position: relative;
  margin-bottom: 0;
}

/* line 87, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-button .form-item {
  border: none;
}

/* line 90, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-button .form-item:focus {
  border: none;
  background: #fff;
}

/* line 96, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-group.form-button .input-button {
  position: absolute;
  right: 6px;
  top: 11px;
  cursor: pointer;
}

/* line 105, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-item {
  border: 0;
  font-size: 12px;
  line-height: 1.5;
  padding: 7px 9px;
  border: 1px solid #e0e0e0;
  -webkit-appearance: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 116, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-item.dark-outline {
  border: 1px solid #a5a5a5;
}

/* line 121, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-item.textarea {
  resize: vertical;
}

/* line 126, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.form-item:focus {
  /*    border: 1px solid #cacaca;*/
  border: 1px solid #a5ebff;
  background: #f9fdff;
  outline: none;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 134, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
textarea {
  height: inherit !important;
}

/* line 138, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.datepicker {
  padding: 0.5rem;
  font-family: Lato;
}

/* line 142, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.datepicker table tr td.active.active {
  background-color: #2fd0ff;
  border-color: #2fd0ff;
}

/* line 147, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.datepicker.dropdown-menu {
  margin-left: -34px !important;
}

/* line 152, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 29px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
  font-size: 11px;
}

/* line 162, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.checkbox {
  position: relative;
}

/* line 167, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.checkbox.dark-outline label:before {
  border: 1px solid #d2d2d2;
}

/* line 173, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.checkbox.centered {
  display: table;
  margin: auto;
}

/* line 178, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.checkbox input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
}

/* line 188, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.checkbox input:checked ~ label:before {
  border: 0;
}

/* line 195, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.checkbox label {
  position: relative;
  margin: 0;
  padding-left: 29px;
  line-height: 18px;
  min-height: 18px;
  width: 100%;
}

/* line 203, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.checkbox label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* line 216, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.checkbox label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 233, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.radio {
  position: relative;
}

/* line 236, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.radio input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
}

/* line 246, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.radio input:checked ~ label:before {
  border: 0;
}

/* line 253, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.radio label {
  position: relative;
  margin: 0;
  padding-left: 25px;
  line-height: 17px;
  min-height: 17px;
}

/* line 260, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.radio label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
}

/* line 273, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.radio label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 100%;
}

/* line 286, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.upload-file {
  padding: 50px 0;
  position: relative;
  text-align: center;
  background-color: #dde8ff;
  border: 3px dashed #b3c9f9;
  cursor: pointer;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
}

/* line 296, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.upload-file:hover {
  background-color: #f1f6ff;
  border-color: #5e91fd;
}

/* line 301, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.upload-file img {
  max-width: 80px;
}

/* line 305, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.upload-file .upload-file-text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 10px 0;
}

/* line 314, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.theme-select .table-responsive {
  overflow-x: initial;
}

@media (max-width: 991.98px) {
  /* line 314, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
  .theme-select .table-responsive {
    overflow-x: auto;
  }
}

/* line 325, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.theme-select.dropdown .dropdown-toggle:hover {
  color: #333;
}

/* line 329, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.theme-select.dropdown .dropdown-toggle:after {
  content: "";
  border-top: 0;
  border-left: 0;
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 62%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

/* line 353, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.theme-select.dropdown .dropdown-toggle:before {
  content: "";
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 74%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

/* line 376, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.theme-select.dropdown .dropdown-menu {
  padding: 0 !important;
  width: 100%;
}

/* line 382, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.theme-select .box-table {
  margin: 0;
}

/* line 387, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.theme-select .box-table .table thead .table-sort {
  float: none;
  cursor: pointer;
}

/* line 396, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
}

/* line 402, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
  /*	&:focus + .slider {
	        box-shadow: 0 0 1px #2196F3;
	    }*/
}

/* line 407, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.switch input:checked + .slider {
  background-color: #9ad457;
}

/* line 415, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.switch input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

/* line 422, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 433, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 445, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.switch .slider.round {
  border-radius: 34px;
}

/* line 448, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.switch .slider.round:before {
  border-radius: 50%;
}

/* line 455, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.nice-select {
  height: auto;
}

/* line 458, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.nice-select .option {
  padding: 7px 9px 7px 9px;
}

/* line 461, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.nice-select .option.selected {
  font-weight: normal;
  background-color: #f9fdff;
}

/* line 465, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.nice-select .option.selected.focus {
  background-color: #f9fdff;
}

/* line 471, ../../../../Shoptico.Editor.Frontend/Styles/Components/_forms.scss */
.nice-select:after {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  right: 15px;
}

/* line 3, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
.blocks ul li {
  padding: 10px;
  position: relative;
  /*	    border-bottom:1px solid #dee2e6;
	    border-right:1px solid #dee2e6;*/
}

/* line 9, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
.blocks ul li:hover {
  background: #f1f8ff;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 13, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
.blocks ul li:hover .text {
  color: #5a5a5a;
}

/* line 16, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
.blocks ul li:hover .text span {
  color: #5a5a5a;
}

/* line 22, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
.blocks ul li:last-child {
  border-right: none;
}

@media (max-width: 575.98px) {
  /* line 3, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
  .blocks ul li {
    border-right: none;
  }
}

/* line 30, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
.blocks ul li .text {
  /*font-family: Circle;*/
  color: #757575;
  font-size: 13px;
  line-height: 17px;
  /*		letter-spacing: 0.1px;*/
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
.blocks ul li .text span {
  display: block;
  font-family: Raleway-b;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  color: #484848;
  padding: 7px 0px;
}

/* line 48, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
.blocks ul li .btn-icon {
  text-transform: uppercase;
}

/* line 52, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
.blocks ul li .button-block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 575.98px) {
  /* line 52, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
  .blocks ul li .button-block {
    position: relative;
    transform: none;
    border-top: 1px solid #dee2e6;
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    top: auto;
    left: auto;
  }
  /* line 69, ../../../../Shoptico.Editor.Frontend/Styles/Components/_blocks.scss */
  .blocks ul li .button-block .btn {
    display: table;
    margin: auto;
  }
}

/* TODO:  */
/* line 3, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tabs.scss */
.nav-pills {
  background-color: #f5f6fa;
}

/* line 7, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tabs.scss */
.nav-pills .nav-item .nav-link {
  padding: 13px 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 12, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tabs.scss */
.nav-pills .nav-item .nav-link:hover {
  background-color: #ececec;
}

/* line 16, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tabs.scss */
.nav-pills .nav-item .nav-link.active {
  color: #fff;
}

/* line 21, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tabs.scss */
.nav-pills .nav-item .nav-link.show > .nav-link {
  color: #fff;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table {
  /*    padding: 0px 0px 7px 0px;*/
  /*    border: 1px solid #dee2e6;*/
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Lato;
}

@media (max-width: 767.98px) {
  /* line 1, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table {
    margin-bottom: 15px;
  }
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table.hide .table-toggle i {
  transform: rotateZ(-180deg);
}

/* line 20, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-date {
  padding: 15px;
  font-size: 22px;
  line-height: 27px;
  background-color: #f5f8ff;
  border-top: 1px solid #eceff7;
  text-align: center;
}

/* line 28, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-date i {
  font-size: 32px;
  vertical-align: bottom;
}

/* line 34, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-filter {
  padding: 0 15px;
}

@media (max-width: 575.98px) {
  /* line 34, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-filter {
    text-align: left;
  }
}

@media (max-width: 991.98px) {
  /* line 41, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-filter .form-group {
    width: 100%;
    margin-bottom: 10px !important;
  }
  /* line 46, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-filter .form-group label {
    text-align: center !important;
  }
  /* line 50, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-filter .form-group .form-item {
    text-align: center !important;
    width: 100%;
  }
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-filter .form-group.btn-fix {
  margin-top: 26px;
}

@media (max-width: 575.98px) {
  /* line 56, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-filter .form-group.btn-fix {
    margin: 0;
  }
}

/* line 66, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-toolbar {
  padding: 15px;
}

@media (max-width: 767.98px) {
  /* line 66, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-toolbar {
    padding: 15px;
  }
}

@media (max-width: 991.98px) {
  /* line 73, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-toolbar .legend {
    width: 50%;
  }
}

@media (max-width: 575.98px) {
  /* line 73, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-toolbar .legend {
    margin-bottom: 10px;
    width: 100%;
  }
}

/* line 84, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-toolbar .legend ul li {
  display: inline-block;
  margin: 0 5px;
  font-size: 11px;
}

@media (max-width: 991.98px) {
  /* line 84, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-toolbar .legend ul li {
    display: inline-block;
    margin: 0;
    text-align: left;
    margin-right: 15px;
    margin-bottom: 3px;
  }
}

/* line 97, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-toolbar .legend ul li:first-of-type {
  margin-left: 0;
}

/* line 101, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-toolbar .legend ul li .color-box {
  width: 9px;
  height: 9px;
  display: inline-block;
  margin: 2px 5px 0px 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 109, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-toolbar .legend ul li .color-box.green {
  background-color: #7fc77f;
}

/* line 113, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-toolbar .legend ul li .color-box.red {
  background-color: #FF6D5F;
}

/* line 117, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-toolbar .legend ul li .color-box.yellow {
  background-color: #ffe900;
}

@media (max-width: 991.98px) {
  /* line 125, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-toolbar .tools {
    width: 50%;
    margin-right: 0 !important;
    text-align: right;
    margin-top: 5px;
  }
}

@media (max-width: 575.98px) {
  /* line 125, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-toolbar .tools {
    width: 100%;
    margin-top: 10px;
    margin-right: 0 !important;
    text-align: left;
  }
}

/* line 141, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-toolbar .tools ul li {
  display: inline-block;
  margin: 0 5px;
  padding: 7px;
  font-size: 11px;
  border: 1px solid transparent;
}

@media (max-width: 767.98px) {
  /* line 141, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table-toolbar .tools ul li {
    margin: 0 2px;
    padding: 3px 3px;
  }
}

/* line 153, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-toolbar .tools ul li:last-of-type {
  margin-right: 0;
}

/* line 157, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table-toolbar .tools ul li:hover {
  background: #fdfdfe;
  border: 1px solid #f3f3f3;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 170, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .box-header {
  padding: 15px;
}

/* line 173, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .box-header .box-title {
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}

/* line 179, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .box-header .table-toggle {
  position: absolute;
  right: 8px;
  top: 6px;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  height: 31px;
}

/* line 188, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .box-header .table-toggle i {
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
}

/* line 194, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table {
  /*        border: 1px solid #e2dede;*/
  margin: 0;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  /*        &.thead-dark {
            thead {
                th {
                    border-right: 1px solid #c7c7c7;
                    background-color: #e4e4e4;
                    color: #000;
                }
            }
        }*/
}

/* line 201, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table thead .table-sort {
  float: right;
  margin-left: 5px;
}

@media (max-width: 1199.98px) {
  /* line 201, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table thead .table-sort {
    float: none;
  }
}

/* line 214, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table thead tr.has-hint th .hint {
  font-size: 17px;
  vertical-align: middle;
  margin: -1px 0px 0px 4px;
}

/* line 220, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table thead tr.has-hint th .table-sort {
  margin-top: 2px;
}

/* line 226, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table thead tr th {
  font-size: 12px;
  /*font-family: Circle;*/
  color: #333;
  vertical-align: middle;
  padding: 10px 7px 10px 7px;
  background-color: #eee;
  border-bottom: none;
  border-top: none;
}

@media (max-width: 1199.98px) {
  /* line 226, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table thead tr th {
    white-space: nowrap;
  }
}

/* line 240, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table thead tr th:last-of-type {
  border-right: 0;
}

/* line 245, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table thead tr th .checkbox label {
  padding-left: 18px;
}

/* line 264, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr {
  background-color: #fff;
  /*		border-bottom: 1px solid #dadada;*/
}

/* line 268, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}

/* line 272, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr:hover {
  background-color: #f3f3f3;
}

/* line 275, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr:hover td {
  /*			color: #565656;*/
  /*			border-right:1px solid #dadada;*/
}

/* line 281, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr .table-badge {
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  padding: 4px 10px;
  font-size: 11px;
  display: inline-block;
  background-color: #9ad457;
  color: #fff;
}

/* line 290, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-danger {
  background-color: #fde3e1;
}

/* line 293, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-danger .table-badge {
  background-color: #f8a099;
}

/* line 297, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-danger > th,
.box-table .table tbody tr.table-danger > td {
  background-color: #fde3e1;
  border-right: 1px solid #fbc8c4;
}

/* line 303, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-danger:hover {
  background-color: #fcdad7;
}

/* line 306, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-danger:hover > th,
.box-table .table tbody tr.table-danger:hover > td {
  background-color: #fcdad7;
  border-right: 1px solid #fbc8c4;
}

/* line 313, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-danger:nth-child(even) {
  background-color: #fbcdc9;
}

/* line 316, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-danger:nth-child(even) > th,
.box-table .table tbody tr.table-danger:nth-child(even) > td {
  background-color: #fbcdc9;
  border-right: 1px solid #fab6b1;
}

/* line 322, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-danger:nth-child(even):hover {
  background-color: #fbc4c0;
}

/* line 325, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-danger:nth-child(even):hover > th,
.box-table .table tbody tr.table-danger:nth-child(even):hover > td {
  background-color: #fbc4c0;
  border-right: 1px solid #fab6b1;
}

/* line 334, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-primary {
  background-color: #f4fafb;
  /*                    &:hover {
                        background-color: darken($bgrTablePrimary, 2%);

                        > th, 
                        > td {
                            background-color: darken($bgrTablePrimary, 2%);
                            border-right: 1px solid darken($bgrTablePrimary, 15%);
                        }
                    }*/
}

/* line 337, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-primary .table-badge {
  background-color: #2fd0ff;
}

/* line 341, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-primary > th,
.box-table .table tbody tr.table-primary > td {
  background-color: #d9ecff;
  /*			border-right: 1px solid #51d8ff;*/
}

/* line 357, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-primary:nth-child(even) {
  background-color: #e1f2f4;
}

/* line 360, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-primary:nth-child(even) > th,
.box-table .table tbody tr.table-primary:nth-child(even) > td {
  background-color: #e1f2f4;
  border-right: 1px solid #cfe9ed;
}

/* line 366, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-primary:nth-child(even):hover {
  background-color: #daeef1;
}

/* line 369, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-primary:nth-child(even):hover > th,
.box-table .table tbody tr.table-primary:nth-child(even):hover > td {
  background-color: #daeef1;
  border-right: 1px solid #cfe9ed;
}

/* line 378, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-info {
  background-color: #deccff;
}

/* line 381, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-info .table-badge {
  background-color: #ad80ff;
}

/* line 385, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-info > th,
.box-table .table tbody tr.table-info > td {
  background-color: #deccff;
  border-right: 1px solid #caadff;
}

/* line 391, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-info:hover {
  background-color: #d7c2ff;
}

/* line 394, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-info:hover > th,
.box-table .table tbody tr.table-info:hover > td {
  background-color: #d7c2ff;
  border-right: 1px solid #caadff;
}

/* line 401, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-info:nth-child(even) {
  background-color: #ceb3ff;
}

/* line 404, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-info:nth-child(even) > th,
.box-table .table tbody tr.table-info:nth-child(even) > td {
  background-color: #ceb3ff;
  border-right: 1px solid #bd99ff;
}

/* line 410, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-info:nth-child(even):hover {
  background-color: #c7a8ff;
}

/* line 413, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-info:nth-child(even):hover > th,
.box-table .table tbody tr.table-info:nth-child(even):hover > td {
  background-color: #c7a8ff;
  border-right: 1px solid #bd99ff;
}

/* line 422, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-warning {
  background-color: #ffdaa3;
}

/* line 425, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-warning .table-badge {
  background-color: #ffbb57;
}

/* line 429, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-warning > th,
.box-table .table tbody tr.table-warning > td {
  background-color: #ffdaa3;
  border-right: 1px solid #ffce84;
}

/* line 435, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-warning:hover {
  background-color: #ffd699;
}

/* line 438, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-warning:hover > th,
.box-table .table tbody tr.table-warning:hover > td {
  background-color: #ffd699;
  border-right: 1px solid #ffce84;
}

/* line 445, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-warning:nth-child(even) {
  background-color: #ffd08a;
}

/* line 448, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-warning:nth-child(even) > th,
.box-table .table tbody tr.table-warning:nth-child(even) > td {
  background-color: #ffd08a;
  border-right: 1px solid #ffc570;
}

/* line 454, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-warning:nth-child(even):hover {
  background-color: #ffcc7f;
}

/* line 457, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-warning:nth-child(even):hover > th,
.box-table .table tbody tr.table-warning:nth-child(even):hover > td {
  background-color: #ffcc7f;
  border-right: 1px solid #ffc570;
}

/* line 466, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-success {
  background-color: #d3f5c5;
}

/* line 469, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-success .table-badge {
  background-color: #a2ea84;
}

/* line 473, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-success > th,
.box-table .table tbody tr.table-success > td {
  background-color: #d3f5c5;
  border-right: 1px solid #bff1ab;
}

/* line 479, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-success:hover {
  background-color: #ccf4bc;
}

/* line 482, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-success:hover > th,
.box-table .table tbody tr.table-success:hover > td {
  background-color: #ccf4bc;
  border-right: 1px solid #bff1ab;
}

/* line 489, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-success:nth-child(even) {
  background-color: #c3f1af;
}

/* line 492, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-success:nth-child(even) > th,
.box-table .table tbody tr.table-success:nth-child(even) > td {
  background-color: #c3f1af;
  border-right: 1px solid #a2ea84;
}

/* line 498, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-success:nth-child(even):hover {
  background-color: #bcf0a7;
}

/* line 501, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-success:nth-child(even):hover > th,
.box-table .table tbody tr.table-success:nth-child(even):hover > td {
  background-color: #bcf0a7;
  border-right: 1px solid #a2ea84;
}

/* line 510, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-dark {
  background-color: #cacaca;
}

/* line 513, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-dark .table-badge {
  background-color: #a4a4a4;
}

/* line 517, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-dark > th,
.box-table .table tbody tr.table-dark > td {
  background-color: #cacaca;
  border-right: 1px solid #bbbbbb;
}

/* line 523, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-dark:hover {
  background-color: #c5c5c5;
}

/* line 526, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-dark:hover > th,
.box-table .table tbody tr.table-dark:hover > td {
  background-color: #c5c5c5;
  border-right: 1px solid #bbbbbb;
}

/* line 533, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-dark:nth-child(even) {
  background-color: #bdbdbd;
}

/* line 536, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-dark:nth-child(even) > th,
.box-table .table tbody tr.table-dark:nth-child(even) > td {
  background-color: #bdbdbd;
  border-right: 1px solid #b1b1b1;
}

/* line 542, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-dark:nth-child(even):hover {
  background-color: #b8b8b8;
}

/* line 545, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.table-dark:nth-child(even):hover > th,
.box-table .table tbody tr.table-dark:nth-child(even):hover > td {
  background-color: #b8b8b8;
  border-right: 1px solid #b1b1b1;
}

/* line 555, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr.no-hover:hover {
  background-color: transparent !important;
}

/* line 561, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr .checkbox label {
  padding-left: 16px;
}

@media (max-width: 991.98px) {
  /* line 561, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table tbody tr .checkbox label {
    padding-left: 20px;
  }
}

@media (max-width: 575.98px) {
  /* line 561, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table tbody tr .checkbox label {
    padding-left: 20px;
  }
}

/* line 574, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr td {
  vertical-align: middle;
  padding: 12px 7px;
  border: 0;
  /*                    border-right: 1px solid #dadada;*/
  font-size: 12px;
  line-height: 16px;
  color: #333;
}

@media (max-width: 1199.98px) {
  /* line 574, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table tbody tr td {
    line-height: 16px;
  }
}

/* line 587, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tbody tr td:last-of-type {
  border-right: 0 !important;
}

/* line 594, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tfoot {
  border-top: 3px solid transparent;
}

/* line 597, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tfoot tr {
  border-bottom: 1px solid transparent;
  border-top: 3px solid #0bc0f5;
}

/* line 601, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tfoot tr td {
  padding: 8px 7px;
  height: 40px;
  font-size: 11px;
  line-height: 16px;
  vertical-align: middle;
  background-color: #d9ecff;
  border-right: 1px solid #91e6ff;
  border-bottom: 1px solid #91e6ff;
}

@media (max-width: 1199.98px) {
  /* line 601, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table tfoot tr td {
    line-height: 16px;
  }
}

/* line 615, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tfoot tr td:first-of-type {
  border-left: 1px solid #a7c3ff;
}

/* line 619, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tfoot tr td.add-item {
  background-color: #d3f5c5;
}

/* line 622, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tfoot tr td.add-item a {
  display: table;
  color: #58cc03;
  margin: 0 auto;
  text-align: center;
}

/* line 628, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tfoot tr td.add-item a:hover {
  color: #58cc03;
}

/* line 634, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tfoot tr td input {
  width: 50px;
}

/* line 638, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tfoot tr td .tf-list {
  margin: 5px 0px;
}

/* line 641, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table tfoot tr td .tf-list span {
  font-weight: bold;
  font-size: 14px;
}

/* line 650, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .nothing-found {
  text-align: center;
  padding: 5px 7px;
  height: inherit;
}

/* line 655, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .nothing-found img {
  margin: 0 auto 15px auto;
  display: block;
}

/* line 660, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .nothing-found span {
  display: block;
  margin: 0 0 20px 0;
}

/* line 666, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .table-actions {
  margin: 0 auto;
  display: table;
}

/* line 671, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .table-actions .dropdown-menu:before {
  right: 4px;
}

/* line 676, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .table-actions.table-action-bordered {
  /*                border: 1px solid #e2dede;*/
  /*		@include border-radius(3px);*/
  /*		background:#fff;*/
}

/* line 681, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .table-actions.table-action-bordered .action-link {
  /*                    border-right: 1px solid #e2dede;*/
  /*                    &:hover {
                        background-color: #ecf7f8;
                    }*/
}

@media (max-width: 575.98px) {
  /* line 681, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table .table-actions.table-action-bordered .action-link {
    padding: 4px 7px !important;
  }
}

@media (max-width: 575.98px) {
  /* line 688, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table .table-actions.table-action-bordered .action-link img {
    vertical-align: middle;
  }
}

/* line 700, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .table-actions .action-item {
  display: inline-block;
}

/* line 703, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .table-actions .action-item .checkbox {
  width: 17px;
  text-align: left;
  margin: 0 7px;
}

@media (max-width: 575.98px) {
  /* line 703, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table .table-actions .action-item .checkbox {
    margin: 0 3px;
  }
}

/* line 712, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .table-actions .action-item .checkbox label {
  padding: 0;
}

/* line 718, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .table-actions .action-item:last-of-type .action-link {
  border-right: 0;
}

/* line 721, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .table-actions .action-item:last-of-type .action-link i {
  font-size: 18px;
}

/* line 727, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .table-actions .action-item .action-link {
  display: block;
  padding: 6px 9px 2px 9px;
}

/* line 731, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .table-actions .action-item .action-link i {
  font-size: 18px;
}

@media (max-width: 575.98px) {
  /* line 727, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table .table-actions .action-item .action-link {
    padding: 4px 3px;
  }
}

/* line 743, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .img-block img {
  border: 1px solid #e8e8e8;
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  max-width: 55px;
}

/* line 750, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .img-block img:hover {
  border: 1px solid #d6d6d6;
}

/* line 756, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .icon-block {
  position: relative;
}

/* line 759, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .icon-block i {
  font-size: 28px;
  color: #2fd0ff;
}

/* line 764, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .table .icon-block span {
  position: absolute;
  margin: -6px 0px 0px -10px;
  background: #f14c4c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 19px;
  min-height: 20px;
  min-width: 20px;
  text-align: center;
  color: #fff;
}

@media (max-width: 575.98px) {
  /* line 780, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table .footable-detail-row .footable-details {
    border-left: 1px solid #e2dede;
  }
  /* line 783, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table .footable-detail-row .footable-details tbody {
    border-right: 1px solid #e2dede;
  }
  /* line 786, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table .footable-detail-row .footable-details tbody tr th {
    border-left: 1px solid #e2dede;
  }
  /* line 789, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table .footable-detail-row .footable-details tbody tr th i {
    float: right;
  }
  /* line 794, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .table .footable-detail-row .footable-details tbody tr td {
    border-left: 1px solid #e2dede;
    border-bottom: 1px solid #e2dede;
  }
}

/* line 805, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .saldo {
  padding: 15px;
  font-size: 13px;
  background: #eee;
  border-bottom: 1px solid #e2dede;
}

@media (max-width: 575.98px) {
  /* line 805, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .saldo {
    font-size: 11px;
  }
}

/* line 816, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .showed-results {
  font-size: 11px;
  line-height: 11px;
  padding: 15px;
  border-bottom: 1px solid #eee;
}

@media (max-width: 767.98px) {
  /* line 816, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .showed-results {
    line-height: 16px;
  }
}

/* line 827, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .pagination-bar {
  padding: 0 15px;
  border-bottom: 1px solid #eee;
}

@media (max-width: 575.98px) {
  /* line 827, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
  .box-table .pagination-bar {
    text-align: center;
  }
}

/* line 836, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .pagination-bar .show-results {
  padding: 10px 0;
  font-size: 11px;
}

/* line 840, ../../../../Shoptico.Editor.Frontend/Styles/Components/_tables.scss */
.box-table .pagination-bar .show-results .form-item {
  display: inline-block;
  margin: 0 7px;
}

@media (max-width: 767.98px) {
  /* line 2, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
  .dropdown.table-control {
    width: 50%;
    text-align: right;
  }
}

@media (max-width: 575.98px) {
  /* line 2, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
  .dropdown.table-control {
    width: 100%;
    text-align: left;
  }
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
.dropdown.table-control .dropdown-menu .dropdown-item {
  padding: 7px 12px;
}

/* line 20, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
.dropdown .dropdown-menu {
  padding: 3px 0 !important;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  -webkit-box-shadow: 0px 2px 39px 0px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 2px 39px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 2px 39px 0px rgba(0, 0, 0, 0.19);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 32, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
.dropdown .dropdown-menu:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 14px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 10px solid #fff;
}

/* line 43, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
.dropdown .dropdown-menu.remove-arrow:before {
  display: none;
}

/* line 48, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
.dropdown .dropdown-menu .dropdown-item {
  padding: 7px 35px 7px 10px;
  display: block;
  font-size: 13px;
  line-height: 11px;
  color: #333;
  position: relative;
  /*font-family: Circle;*/
}

/* line 57, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
.dropdown .dropdown-menu .dropdown-item .hint {
  border-radius: 100%;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  position: absolute;
  right: 10px;
  font-size: 18px;
  margin-top: 3px;
  color: #e2dede;
}

/* line 70, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
.dropdown .dropdown-menu .dropdown-item img {
  margin-right: 7px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

/* line 77, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
.dropdown .dropdown-menu .dropdown-item:last-of-type a {
  border-bottom: 0;
}

/* line 81, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #F2F2F4;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 86, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
.dropdown .dropdown-menu .dropdown-item i {
  margin-right: 7px;
  font-size: 22px;
  vertical-align: middle;
}

/* line 94, ../../../../Shoptico.Editor.Frontend/Styles/Components/_dropdown.scss */
.dropdown .dropdown-divider {
  margin: 0.2rem 0;
}

/* line 3, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.save-state {
  padding: 6px 48px 5px 16px;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 30px;
  font-size: 11px;
  font-style: normal;
  background: rgba(226, 226, 226, 0.7);
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: opacity 0.2s linear;
  opacity: 0;
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.save-state.loading {
  font-style: italic;
  opacity: 1;
}

/* line 23, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.save-state.active {
  font-style: normal;
  transition-delay: 1.5s;
  opacity: 0;
}

/* line 30, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show {
  margin-left: 265px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

/* line 35, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show .page-content {
  margin-left: 0 !important;
}

/* line 38, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show .page-content .editor-box {
  transform: translateX(-35px);
}

/* line 41, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show .page-content .editor-box .viewport-header-scale {
  transform: scale(0.9);
  transform-origin: bottom;
  /*z-index: 1;*/
}

/* line 47, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show .page-content .editor-box .viewport-scale {
  transform: scale(0.9);
  transform-origin: top;
}

/* line 54, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show .stage {
  /*width: 70%;*/
}

/* line 58, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show .editor-header {
  /*width: calc(100% - 265px);*/
}

/* line 60, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show .editor-header .editor-header-wrap {
  /*width: 70%;*/
}

/* line 65, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show .top {
  width: calc(100% - 265px);
}

/* line 70, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show-extra {
  margin-left: 535px;
  /*@include transition(0.5s);*/
}

/* line 73, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show-extra .page-content {
  margin-left: 0 !important;
}

/* line 76, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show-extra .page-content .editor-box {
  transform: translateX(-170px);
}

/* line 79, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show-extra .page-content .editor-box .viewport-header-scale {
  transform: scale(0.8);
  transform-origin: bottom;
  /*z-index: 1;*/
}

/* line 85, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show-extra .page-content .editor-box .viewport-scale {
  transform: scale(0.8);
  transform-origin: top;
}

/* line 92, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show-extra .stage {
  /*width: 80%;*/
}

/* line 96, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show-extra .editor-header {
  /*width: calc(100% - 535px);*/
}

/* line 98, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show-extra .editor-header .editor-header-wrap {
  /*width: 80%;*/
}

/* line 103, ../../../../Shoptico.Editor.Frontend/Styles/Pages/_dashboard.scss */
.submenu-show-extra .top {
  width: calc(100% - 535px);
}

/*
.editor-sub-menu-open {

    .sub-menu {
        position: fixed;
        left: 65px;
        width: 200px;
        display: none;
        opacity: 0;
        background: #fff;
    }

    .sidebar {
        .elements-menu {
            position: fixed;
            left: 265px;
            width: 270px;
            padding: 3px 0px;
            background-color: #fff;
            overflow: hidden;

            @include box-shadow(0px, 0px, 30px, 0, rgba(33,34,41,0.18), false);
            @include transition(0.4s);

            .perfect-scrollbar {
                max-height: 100vh;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: -17px;
                overflow-y: scroll;

                &::-webkit-scrollbar-track {
                    background-color: #fff;
                }

                &::-webkit-scrollbar {
                    width: 6px;
                    background-color: #fff;
                }

                &::-webkit-scrollbar-thumb {
                    background-color: #d4d4d4;
                }


                @include media-breakpoint-down(md) {
                    right: -10px;
                    padding-right: 10px;
                }
            }

            .nav-icon {
                display: flex;
                justify-content: flex-end;
                padding: 14px 10px;

                i {
                    display: inline-block;
                    padding: 0;
                    margin: 0 3px;
                    font-size: 1rem;
                }
            }

            .preview-items-box {
                margin: 0 0 20px 0;
                text-align: center;

                h5, p {
                    margin: 0;
                }

                h5 {
                    margin-top: 20px;
                    margin-bottom: 7px;
                    font-family: Raleway-b;
                    font-size: 13px;
                    text-transform: uppercase;
                    color: #484848;
                }

                img {
                    width: 45%;
                }

                i {
                    font-size: 32px;
                    color: #0bc0f4;
                }

                .line {
                    width: 35px;
                    border-bottom: 3px solid #0bc0f5;
                    display: table;
                    margin: 13px auto 0px auto;
                }
            }

            .element {
                display: block;
                padding: 3px 6px 3px 4px;
                border-left: 3px solid transparent;
                
                &:hover {
                    background: #d9ecff;
                    border-left: 3px solid #0bc0f5;
                    @include transition(0.4s);
                }

                img {
                    display: block;
                    border: 1px solid #d4d4d4;
                }
            }
        }
    }
}
*/
/*PopupInfoMessage*/
/* line 33, ../../../../Shoptico.Editor.Frontend/EditorApplication.scss */
.info-popup {
  position: absolute;
  top: 46px;
  left: 1338px;
  margin: 0;
  padding: 10px 5px;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  cursor: default;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-top: 2px solid #0ac2f4;
  -webkit-box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 99;
}

/* line 47, ../../../../Shoptico.Editor.Frontend/EditorApplication.scss */
.info-popup h6 {
  color: #0ac2f4;
  font-weight: 100;
}

/* line 52, ../../../../Shoptico.Editor.Frontend/EditorApplication.scss */
.info-popup h6, .info-popup p {
  margin: 0;
  padding: 0;
}

/* line 57, ../../../../Shoptico.Editor.Frontend/EditorApplication.scss */
.info-popup::after {
  z-index: -1;
  position: absolute;
  bottom: 99.9%;
  left: 40%;
  content: '';
  width: 0;
  height: 0;
  border-left: solid 9px transparent;
  border-right: solid 9px transparent;
  border-bottom: solid 9px #0ac2f4;
}

/* line 71, ../../../../Shoptico.Editor.Frontend/EditorApplication.scss */
.tooltip-balloon {
  z-index: 999;
}

/* line 74, ../../../../Shoptico.Editor.Frontend/EditorApplication.scss */
.tooltip-balloon .balloon-arrow.balloon-arrow-top {
  bottom: calc(100% - 4px) !important;
}

/*Action menu*/
/* line 81, ../../../../Shoptico.Editor.Frontend/EditorApplication.scss */
.context-menu-balloon {
  min-width: 215px;
  background: rgba(255, 255, 255, 0.97);
  /*@include box-shadow(0, 0, 14px, 0, rgba(20, 45, 60, 0.35), false);*/
  -webkit-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

/* line 89, ../../../../Shoptico.Editor.Frontend/EditorApplication.scss */
.context-menu-balloon .menu-item:hover {
  /*background: #F2F2F4 !important;*/
}

/* line 91, ../../../../Shoptico.Editor.Frontend/EditorApplication.scss */
.context-menu-balloon .menu-item:hover .hotkey {
  background: #0ac2f4;
  color: #fff;
}

/* line 98, ../../../../Shoptico.Editor.Frontend/EditorApplication.scss */
.context-menu-balloon hr {
  margin: 5px 0;
  height: 1px;
  background-color: #ddd;
  border: 0;
}

/* line 106, ../../../../Shoptico.Editor.Frontend/EditorApplication.scss */
.loading-indicator-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

/* line 7, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .container-fluid,
.components-dialog .modal-body .row {
  height: 100%;
}

/* line 13, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list {
  height: 755px;
  overflow-y: auto;
}

/* line 17, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list span {
  padding: 15px 15px 15px 45px;
  display: block;
  position: relative;
  width: 100%;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
  cursor: default;
}

/* line 27, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 6%;
  height: 1px;
  background: #ddd;
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 45%;
  height: 1px;
  background: #ddd;
}

/* line 49, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 20px;
  font-size: 13.5px;
  /*font-weight: 600;*/
  cursor: pointer;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  border-left: 4px solid transparent;
}

/* line 60, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list ul li .left {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

/* line 66, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list ul li .icon {
  width: 30px;
  margin-right: 10px;
}

/* line 71, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list ul li .image-counter {
  padding: 5px 10px;
  background: #f7f7f7;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 78, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list ul li:hover {
  border-color: #bfbfbf;
  background: #f5f5f5;
}

/* line 82, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list ul li:hover .image-counter {
  background: #e8e8e8;
}

/* line 87, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list ul li.selected {
  color: #1eaad0;
  font-weight: bold;
  color: #0ac2f4;
  border-color: #37c6f4;
  background: #edfaff;
}

/* line 94, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list ul li.selected .image-counter {
  background: #ccf3ff;
}

/* line 98, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list ul li.selected:hover {
  background: #dff6ff;
  cursor: default;
}

/* line 102, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .categories .categories-list ul li.selected:hover .image-counter {
  background: #bbefff;
}

/* line 112, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .components {
  /*max-height: 765px;*/
  height: 100%;
  background-color: #f3f3f3;
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}

/* line 118, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .components .grid {
  padding: 15px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  grid-template-rows: 1fr;
  column-gap: 15px;
  row-gap: 15px;
}

/* line 126, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .components .grid .component {
  padding: 15px;
  display: flex;
  align-items: center;
  position: relative;
  background-color: #fff;
  border: 2px solid transparent;
  /*box-shadow: $box-shadow;*/
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  cursor: pointer;
  min-height: 195px;
}

/* line 139, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .components .grid .component.custom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
}

/* line 147, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .components .grid .component.custom img {
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 153, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .components .grid .component .button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  opacity: 0;
}

/* line 162, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .components .grid .component:hover {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 166, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .components .grid .component:hover .button {
  opacity: 1;
}

/* line 171, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .components .grid .component.selected {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 175, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .components .grid .component.selected .button {
  opacity: 1;
}

/* line 180, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ComponentsDialog.scss */
.components-dialog .modal-body .components .grid .component img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 2, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal::after {
  content: '';
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  transition: background-color 0.5s;
  z-index: -1;
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal .selected-images-container {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
  grid-template-rows: 1fr;
  column-gap: 8px;
  row-gap: 8px;
  position: relative;
  height: 100%;
  max-height: 210px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
}

/* line 28, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal .selected-images-container .slected-image {
  padding: 2px;
  border: 2px solid #f3f3f3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  cursor: pointer;
}

/* line 35, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal .selected-images-container .slected-image:hover, .delete-image-modal .selected-images-container .slected-image.active {
  border-color: #0ac2f4;
}

/* line 42, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal .image-placeholder-container {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
  grid-template-rows: 1fr;
  column-gap: 8px;
  row-gap: 8px;
  position: absolute;
  top: 1rem;
  left: 1rem;
  height: 87px;
  width: calc(100% - 2rem);
  z-index: 0;
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal .image-placeholder-container .image-placeholder {
  padding: 2px;
  border: 2px solid #f3f3f3;
  background-color: #f3f3f3;
  opacity: 0.35;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal .image-placeholder-container .image-placeholder:hover {
  opacity: 1;
}

/* line 70, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal .used-pages-container {
  display: flex;
  flex-direction: column;
}

/* line 74, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal .used-pages-container h2 {
  font-size: 0.85rem;
}

/* line 78, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal .used-pages-container .used-pages {
  margin-bottom: 1rem;
}

/* line 86, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal .info-container {
  margin-bottom: 1rem;
}

/* line 90, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageDeleteDialog.scss */
.delete-image-modal .content-block {
  position: relative;
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

/* line 8, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .modal-bg {
  padding: 60px 0px 0 0px;
  background: #fff;
}

/* line 12, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .modal-bg .segment-block {
  padding: 0;
  margin: 0px 15px;
}

/* line 16, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .modal-bg .segment-block .heading {
  font-size: 38px;
  line-height: 45px;
}

/* line 20, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .modal-bg .segment-block .heading span {
  color: #5f5f5f;
}

/* line 28, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-top: 1px solid #ddd;
  font-size: 13px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}

/* line 38, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option .option-title {
  display: flex;
  align-items: center;
  font-weight: bold;
}

/* line 43, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option .option-title i {
  margin-right: 8px;
  font-size: 20px;
}

/* line 50, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option:hover {
  background-color: #f2f2f2;
}

/* line 53, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option:hover .button {
  background-color: #0ac2f4;
  color: #fff;
}

/* line 59, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option .button {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* line 63, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option .template-colors {
  display: flex;
  width: auto;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  overflow: hidden;
}

/* line 71, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option .template-colors li {
  width: 30px;
  height: 100%;
}

/* line 75, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option .template-colors li:nth-child(1) {
  background-color: #E09F7D;
}

/* line 79, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option .template-colors li:nth-child(2) {
  background-color: #EF5D60;
}

/* line 83, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option .template-colors li:nth-child(3) {
  background-color: #EC4067;
}

/* line 87, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option .template-colors li:nth-child(4) {
  background-color: #A01A7D;
}

/* line 91, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option .template-colors li:nth-child(5) {
  background-color: #311847;
}

/* line 97, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ReplaceSectionDialog.scss */
.replace-section .modal-body .color-options-group .color-option .choose-button {
  padding: 10px 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #f2f2f2;
  font-size: 12px;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/EditorPopupsSubmenu.scss */
.popups-menu {
  display: flex !important;
  left: -350px;
  visibility: hidden;
  opacity: 0;
  min-width: 350px !important;
  position: relative;
  background-color: #fff;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.1);
  animation: hide-menu-popup 0.25s linear forwards;
}

/* line 19, ../../../../Shoptico.Editor.Frontend/Components/EditorPopupsSubmenu.scss */
.popups-menu .menu-items.popups-items-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 85px;
  width: 100%;
  animation: show-menu-popup-items 0.25s linear forwards;
  animation-delay: 0.2s;
  opacity: 0;
}

/* line 30, ../../../../Shoptico.Editor.Frontend/Components/EditorPopupsSubmenu.scss */
.popups-menu.active {
  animation: show-menu-popup 0.25s ease-in-out forwards;
}

@keyframes show-menu-popup {
  0% {
    left: -350px;
    visibility: hidden;
    opacity: 0;
  }
  100% {
    left: 0;
    visibility: visible;
    opacity: 1;
  }
}

@keyframes hide-menu-popup {
  0% {
    left: 0;
    visibility: visible;
    opacity: 1;
  }
  90% {
    left: -315px;
    visibility: visible;
    opacity: 1;
  }
  100% {
    left: -350px;
    visibility: hidden;
    opacity: 0;
  }
}

@keyframes show-menu-popup-items {
  0% {
    padding-top: 80px;
    transform: scale(0.99);
    opacity: 0;
  }
  100% {
    padding-top: 125px;
    transform: scale(1);
    opacity: 1;
  }
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile {
  margin: 0.5rem 0;
  padding: 0.25rem 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border: 2px solid transparent;
  background-color: #f9f9f9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 13, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile img {
  margin-right: 0.5rem;
  width: 50px;
  height: 50px;
}

/* line 19, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile .info-button {
  margin-left: auto;
}

/* line 23, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile .close-button {
  margin-left: auto;
}

/* line 27, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile .close-button:hover i {
  background: #ffd5d5;
  color: #a50000;
}

/* line 34, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile.create-new {
  background: #fff;
  border: 2px dashed #1dcfff;
}

/* line 38, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile.create-new span {
  font-weight: bold;
}

/* line 42, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile.create-new:hover {
  background: #eafbff;
  border: 2px dashed #03a6d2;
}

/* line 48, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile.selected {
  border: 2px solid #0ac2f4;
  background: #f5fcff !important;
  cursor: pointer;
}

/* line 54, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile.selected .badge {
  color: #fff;
  background-color: #0ac2f4;
}

/* line 59, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile.selected .sub-menu-arrow-icon {
  visibility: visible;
}

/* line 63, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile.selected .option-icon {
  opacity: 1;
}

/* line 68, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile:hover {
  border: 2px solid #0ac2f4;
  background: #f5fcff !important;
  cursor: pointer;
}

/* line 74, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile:hover .badge {
  color: #fff;
  background-color: #0ac2f4;
}

/* line 79, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile:hover .sub-menu-arrow-icon {
  visibility: visible;
}

/* line 83, ../../../../Shoptico.Editor.Frontend/Components/Popups/PopupTile.scss */
.popup-tile:hover .option-icon {
  opacity: 1;
}

/* line 4, ../../../../Shoptico.Editor.Frontend/SizeIndicatorView.scss */
.size-indicator-view {
  padding: 4px 8px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  position: absolute;
  right: 4px;
  bottom: 3px;
  font-size: 11px;
  color: #fff;
  background: #333a41;
  /*padding: 2px 10px 0 18px;
	display: flex;
	align-items: center;
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: $breadcrumb-height - 1px;
	font-size: 11px;
	color: #fff;
	background: #333a41;*/
  /*&::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-left: $arrow-size solid $white;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
	}*/
}

@font-face {
  font-family: 'Shopticons-Editor';
  src: url("/Shoptico.Editor.Frontend/Assets/Fonts/Shopticons-Editor.eot?3yn5tb");
  src: url("/Shoptico.Editor.Frontend/Assets/Fonts/Shopticons-Editor.eot?3yn5tb#iefix") format("embedded-opentype"), url("/Shoptico.Editor.Frontend/Assets/Fonts/Shopticons-Editor.ttf?3yn5tb") format("truetype"), url("/Shoptico.Editor.Frontend/Assets/Fonts/Shopticons-Editor.woff?3yn5tb") format("woff"), url("/Shoptico.Editor.Frontend/Assets/Fonts/Shopticons-Editor.svg?3yn5tb#Shopticons-Editor") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* line 10, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
[class^="i-editor-"], [class*=" i-editor-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Shopticons-Editor' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 24, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-trash:before {
  content: "\e93f";
}

/* line 28, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-arrow-down:before {
  content: "\e940";
}

/* line 32, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-arrow-left:before {
  content: "\e941";
}

/* line 36, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-arrow-right:before {
  content: "\e942";
}

/* line 40, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-arrow-up:before {
  content: "\e943";
}

/* line 44, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-redo:before {
  content: "\e93a";
}

/* line 48, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-redo-c:before {
  content: "\e93b";
}

/* line 52, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-undo:before {
  content: "\e93c";
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-undo-c:before {
  content: "\e93d";
}

/* line 60, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-expand:before {
  content: "\e93e";
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-pencil:before {
  content: "\e927";
}

/* line 68, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-text-center:before {
  content: "\e932";
}

/* line 72, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-text-justify:before {
  content: "\e933";
}

/* line 76, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-text-left:before {
  content: "\e934";
}

/* line 80, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-text-right:before {
  content: "\e935";
}

/* line 84, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-bottom:before {
  content: "\e900";
}

/* line 88, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-bottom-b:before {
  content: "\e901";
}

/* line 92, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-bottom-c:before {
  content: "\e902";
}

/* line 96, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-h-center:before {
  content: "\e903";
}

/* line 100, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-h-center-b:before {
  content: "\e904";
}

/* line 104, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-h-center-c:before {
  content: "\e905";
}

/* line 108, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-left:before {
  content: "\e906";
}

/* line 112, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-left-b:before {
  content: "\e907";
}

/* line 116, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-left-c:before {
  content: "\e908";
}

/* line 120, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-right:before {
  content: "\e909";
}

/* line 124, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-right-b:before {
  content: "\e90a";
}

/* line 128, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-right-c:before {
  content: "\e90b";
}

/* line 132, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-top:before {
  content: "\e90c";
}

/* line 136, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-top-b:before {
  content: "\e90d";
}

/* line 140, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-top-c:before {
  content: "\e90e";
}

/* line 144, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-v-center:before {
  content: "\e90f";
}

/* line 148, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-v-center-b:before {
  content: "\e910";
}

/* line 152, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-align-v-center-c:before {
  content: "\e911";
}

/* line 156, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-bold:before {
  content: "\e912";
}

/* line 160, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-braces:before {
  content: "\e913";
}

/* line 164, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-brightness:before {
  content: "\e914";
}

/* line 168, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-bring-to-frond:before {
  content: "\e915";
}

/* line 172, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-capitalize:before {
  content: "\e916";
}

/* line 176, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-color:before {
  content: "\e917";
}

/* line 180, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-curly-braces:before {
  content: "\e918";
}

/* line 184, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-desktop:before {
  content: "\e919";
}

/* line 188, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-flip-h:before {
  content: "\e91a";
}

/* line 192, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-flip-v:before {
  content: "\e91b";
}

/* line 196, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-image:before {
  content: "\e91c";
}

/* line 200, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-image-rotate:before {
  content: "\e91d";
}

/* line 204, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-image-scale:before {
  content: "\e91e";
}

/* line 208, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-italic:before {
  content: "\e91f";
}

/* line 212, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-laptop:before {
  content: "\e920";
}

/* line 216, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-link:before {
  content: "\e921";
}

/* line 220, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-lowercase:before {
  content: "\e922";
}

/* line 224, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-padlock-lock:before {
  content: "\e923";
}

/* line 228, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-padlock-lock-b:before {
  content: "\e924";
}

/* line 232, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-padlock-unlock:before {
  content: "\e925";
}

/* line 236, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-padlock-unlock-b:before {
  content: "\e926";
}

/* line 240, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-phone-landscape:before {
  content: "\e928";
}

/* line 244, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-phone-portret:before {
  content: "\e929";
}

/* line 248, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-scale:before {
  content: "\e92a";
}

/* line 252, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-send-to-back:before {
  content: "\e92b";
}

/* line 256, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-settings:before {
  content: "\e92c";
}

/* line 260, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-strikethrpugh:before {
  content: "\e92d";
}

/* line 264, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-superscript:before {
  content: "\e92e";
}

/* line 268, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-symbol:before {
  content: "\e92f";
}

/* line 272, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-tablet:before {
  content: "\e930";
}

/* line 276, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-text:before {
  content: "\e931";
}

/* line 280, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-transform:before {
  content: "\e936";
}

/* line 284, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-underline:before {
  content: "\e937";
}

/* line 288, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-unlink:before {
  content: "\e938";
}

/* line 292, ../../../../Shoptico.Editor.Frontend/Styles/ShopticonsEditor.scss */
.i-editor-uppercase:before {
  content: "\e939";
}

/* line 4, ../../../../Shoptico.Editor.Frontend/BreadcrumbTrail.scss */
.breadcrumb-trail {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 100%;
  min-height: 30px;
  color: #333;
  font-weight: 600;
  /* background-color: $white;*/
  pointer-events: none;
  /*&::before {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: $border-color;
    }*/
}

/* line 26, ../../../../Shoptico.Editor.Frontend/BreadcrumbTrail.scss */
.breadcrumb-trail::after {
  content: "";
  position: absolute;
  right: -5px;
  border: 0;
  width: 5px;
  height: 30px;
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.22);
}

/* line 36, ../../../../Shoptico.Editor.Frontend/BreadcrumbTrail.scss */
.breadcrumb-trail span {
  padding: 4px 10px 4px 15px;
  display: inline-flex;
  align-items: center;
  position: relative;
  min-height: 30px;
  background-color: #f5f5f5;
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  cursor: pointer;
  pointer-events: all;
}

/* line 49, ../../../../Shoptico.Editor.Frontend/BreadcrumbTrail.scss */
.breadcrumb-trail span::after {
  content: "";
  position: absolute;
  left: 1px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 7px solid #ddd;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* line 61, ../../../../Shoptico.Editor.Frontend/BreadcrumbTrail.scss */
.breadcrumb-trail span::before {
  content: "";
  position: absolute;
  right: -7px;
  bottom: 0;
  width: 0;
  height: 0;
  z-index: 1;
  border-left: 7px solid #f5f5f5;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* line 74, ../../../../Shoptico.Editor.Frontend/BreadcrumbTrail.scss */
.breadcrumb-trail span:hover {
  color: #0ac2f4;
  background-color: #fff;
}

/* line 78, ../../../../Shoptico.Editor.Frontend/BreadcrumbTrail.scss */
.breadcrumb-trail span:hover::before {
  border-left: 7px solid #fff;
}

/* line 83, ../../../../Shoptico.Editor.Frontend/BreadcrumbTrail.scss */
.breadcrumb-trail span:first-child {
  padding-left: 8px;
}

/* line 86, ../../../../Shoptico.Editor.Frontend/BreadcrumbTrail.scss */
.breadcrumb-trail span:first-child::after {
  content: none;
}

/* line 91, ../../../../Shoptico.Editor.Frontend/BreadcrumbTrail.scss */
.breadcrumb-trail span:last-child {
  font-weight: normal;
  color: #fff;
  background-color: #0ac2f4;
}

/* line 96, ../../../../Shoptico.Editor.Frontend/BreadcrumbTrail.scss */
.breadcrumb-trail span:last-child::before {
  border-left: 7px solid #0ac2f4;
}

/* line 2, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/CreatePageDialog.scss */
.create-modal .page-img {
  padding: 17px;
}

/* line 16, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-header {
  background: #0ac2f4;
  border-bottom: 1px solid #29b7e4;
}

/* line 20, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-header h5 {
  color: #fff;
  text-shadow: 0 1px 1px #009acc;
}

/* line 27, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page {
  display: flex;
  width: 100%;
  height: 100%;
  position: sticky;
}

/* line 33, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .menu-dialog {
  width: 230px;
  position: sticky;
  top: 0;
  border-right: 1px solid #ddd;
}

@media (max-width: 575.98px) {
  /* line 33, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
  .modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .menu-dialog {
    width: 100%;
    border: none;
  }
}

/* line 44, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .menu-dialog > .menu {
  display: block;
  width: 100% !important;
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  background: #fff;
  box-shadow: none;
  z-index: 10;
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .menu-dialog > .menu .menu-items .nav-separator {
  display: block;
  padding: 12px 16px;
}

/* line 61, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .menu-dialog > .menu .menu-items .option {
  font-size: 12px;
}

/* line 68, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .settings-container-dialog {
  display: flex;
  width: 100%;
  padding: 15px;
  box-shadow: none;
  z-index: 0;
}

/* line 75, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .settings-container-dialog .settings-box-wrapper-dialog {
  position: relative;
  padding: 15px;
}

/* line 79, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .settings-container-dialog .settings-box-wrapper-dialog .tool {
  padding: 5px 20px 10px 20px;
}

/* line 83, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .settings-container-dialog .settings-box-wrapper-dialog .sеtting-box-dialog {
  position: relative;
  width: 100% !important;
  padding: 15px;
  border: 1px solid transparent;
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.19);
  border-radius: 3px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 92, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .settings-container-dialog .settings-box-wrapper-dialog .sеtting-box-dialog:hover {
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.22);
}

/* line 96, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .settings-container-dialog .settings-box-wrapper-dialog .sеtting-box-dialog.selected {
  border: 1px solid #0ac2f4;
}

/* line 100, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/GeneralSettingsDialog.scss */
.modal .general-settings-dialog .modal-dialog .modal-content .modal-body .general-page .settings-container-dialog .settings-box-wrapper-dialog .sеtting-box-dialog .preview-container {
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 60px;
  min-height: 60px;
}

/* line 11, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog {
  /*Image Box Container*/
  /*.pseudo-border {
    z-index: 10;
}*/
}

/* line 12, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-header {
  background: #0ac2f4;
  border-bottom: 1px solid #29b7e4;
}

/* line 16, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-header h5 {
  color: #fff;
  text-shadow: 0 1px 1px #009acc;
}

/* line 21, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-header .back-button {
  position: absolute;
  right: 0;
  /*display: none;*/
}

/* line 25, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-header .back-button i {
  font-size: 1.75rem;
  right: 0;
}

/* line 30, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-header .back-button.active {
  display: block;
}

/* line 36, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body {
  /*General page*/
  /*Image Editor*/
}

@media (max-width: 767.98px) {
  /* line 39, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body.no-scroll {
    overflow-y: auto !important;
  }
}

/* line 44, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .display-block {
  display: block !important;
}

/* line 48, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .display-none {
  display: none !important;
}

/* line 52, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page {
  height: 100%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page.slide-general-page {
  transform: translate(-1140px, 0px);
}

/* line 60, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page > div {
  height: 100%;
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .pseudo-border {
  position: relative;
  z-index: 10;
}

/* line 69, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .add-new-image {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100%;
  border-top: 1px solid #ddd;
  /*border-left: 1px solid #eaeaea;*/
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 80, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .add-new-image.active-new-image {
  visibility: visible;
  right: 0;
}

/* line 85, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .add-new-image.active-new-image-res {
  right: 0;
  width: 100%;
  visibility: visible;
}

/* line 90, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .add-new-image.active-new-image-res .content-side-menu {
  width: 100%;
}

/* line 95, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .add-new-image .content-side-menu {
  width: 300px;
  height: 100%;
  float: left;
  position: relative;
  padding: 0px 0px 1px 0px;
}

/* line 102, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .add-new-image .content-side-menu .content-block {
  height: 100%;
  padding: 15px;
}

/* line 106, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .add-new-image .content-side-menu .content-block .file-area {
  height: 100%;
}

/* line 110, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .add-new-image .content-side-menu .content-block .file-area .icon img {
  width: 100%;
}

/* line 119, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-menu {
  z-index: 9;
  background-color: #fff;
  border-right: none;
}

/* line 125, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .search-group {
  position: absolute;
  top: 0;
  background: #fff;
  z-index: 1;
  /*.col {
					max-width: 92px;

					&:first-child {
						max-width: 100%;
					}

					&:last-child {
						max-width: 120px;
					}
				}

				.sort-menu {
					display: flex;
					align-items: center;
					width: auto;
					height: 100%;
					border-left: 1px solid #ddd;


					span {
						padding-right: 15px;
					}

					&.type {
						height: 100%;
						border-left: 1px solid #ddd;
					}

					.button {
						margin: 0;
						border: none;
						background: none;
						box-shadow: none;
						font-size: 0.75rem;
						color: $black-color;
					}
				}

				.add-button {
					margin: 0;
					padding: 10px 15px 8px 37px;
					border: none;
					border-radius: 0;
					min-height: 100%;
					min-width: 100%;
					box-shadow: none;
					background: #ddd;
					font-size: 0.75rem;
					color: $black-color;


					&:hover {
						background: #ddd;
					}
				}*/
}

/* line 188, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 196, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .row {
  min-width: 100%;
}

/* line 200, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery.active-gallery {
  transform: translate(-300px, 0px);
}

/* line 203, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery.active-gallery .add-button {
  background: #37c6f4;
  color: #fff;
}

/* line 209, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .info-gallery {
  display: none;
}

/* line 213, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery {
  width: 100%;
  margin-top: 71px;
  height: calc(100% - 71px);
}

/* line 218, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images {
  height: 100%;
  width: 100%;
  padding: 15px;
  overflow-y: auto !important;
  overflow-x: hidden;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  background: #f3f3f3;
}

/* line 227, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  grid-template-rows: 1fr;
  column-gap: 15px;
  row-gap: 15px;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 227, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .general-page .image-gallery .gallery .images ul {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  }
}

/* line 238, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images ul li {
  padding: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* line 242, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images ul li > div {
  padding: 5px;
}

@media (max-width: 991.98px) {
  /* line 242, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .general-page .image-gallery .gallery .images ul li > div {
    padding: 5px !important;
  }
}

/* line 252, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box {
  min-width: 140px;
  min-height: 140px;
  border: none;
}

/* line 259, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box.selected .image-wrapper, .image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box:hover .image-wrapper {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 265, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper {
  /*position: relative;*/
  /*background-color: #fff;*/
  border: 2px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
}

/* line 273, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper:before {
  content: "";
  position: absolute;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  background-image: url(Images/Icons/DesignerTools/none.svg);
  background-repeat: repeat;
  background-size: 14px;
  opacity: 0.10;
  z-index: 0;
}

/* line 286, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper:hover .image-content {
  opacity: 0.9;
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1);
}

/* line 291, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper:hover .image-zoom {
  opacity: 1;
}

/* line 296, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper .image-content {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 7px !important;
  opacity: 1;
  overflow: hidden;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  /*&:hover {
										opacity: 0.75;

										.image-zoom {
											opacity: 1;
										}
									}*/
}

/* line 306, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper .image-content img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  object-fit: fill;
  border: 3px solid transparent;
}

/* line 324, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper .image-content.no-image img {
  width: 90%;
}

/* line 330, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper .image-zoom {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.1rem;
  padding: 0;
  min-height: 30px;
  min-width: 30px;
  background-color: #fff;
  color: #37c6f4;
  border: 1px solid #37c6f4;
  border-radius: 24px;
  box-shadow: none;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 348, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper .image-zoom.button {
  border: none;
  background: transparent !important;
  outline: none;
  box-shadow: none;
}

/* line 354, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper .image-zoom.button i {
  font-size: 32px;
  color: #000;
  cursor: pointer;
  opacity: 0;
}

/* line 364, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper:hover .image-title {
  opacity: 1;
}

/* line 370, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-wrapper:hover .image-zoom.button i {
  color: #000;
  opacity: 1;
}

/* line 379, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-title {
  opacity: 0;
  padding: 5px;
  font-size: 0.75rem;
  position: absolute;
  bottom: 8px;
  left: 7px;
  background: rgba(0, 0, 0, 0.3);
  width: calc(100% - 15px);
}

/* line 389, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-title .centered {
  display: flex;
  justify-content: space-between;
}

/* line 393, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-title .centered .button {
  color: #fff !important;
  border: 1px solid transparent !important;
}

/* line 397, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-title .centered .button:hover {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #ddd !important;
}

/* line 404, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-title .centered .button.icon-button:first-child {
  padding: 0 17px;
}

/* line 407, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-title .centered .button.icon-button:first-child i {
  padding-bottom: 2px;
  left: 7px;
}

@media (max-width: 575.98px) {
  /* line 393, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .image-title .centered .button {
    display: table;
    margin: 10px auto;
  }
}

/* line 422, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .option-button {
  margin: 0 0.15rem;
  padding: 0px 0.75rem 0px 0.75rem;
  min-height: 26px;
  box-shadow: none;
}

/* line 428, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .image-box .option-button i {
  position: absolute;
  font-size: 1rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 440, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .general-page .image-gallery .gallery .images .selected .image-title {
  background: rgba(55, 198, 244, 0.7);
}

@media (max-width: 1199.98px) {
  /* line 449, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .general-page .image-gallery .gallery .blocks ul li {
    border-right: 1px solid #ddd !important;
  }
  /* line 455, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .general-page .image-gallery .gallery .images {
    height: auto;
  }
}

@media (max-width: 767.98px) {
  /* line 213, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .general-page .image-gallery .gallery {
    display: block;
  }
}

@media (max-width: 575.98px) {
  /* line 213, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .general-page .image-gallery .gallery {
    display: none;
  }
}

@media (max-width: 767.98px) {
  /* line 188, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .general-page .image-gallery {
    display: none;
  }
  /* line 473, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .general-page .image-gallery .info-gallery {
    display: flex !important;
    justify-content: space-between;
  }
  /* line 477, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .general-page .image-gallery .info-gallery .close {
    display: block;
    margin-right: 1rem;
    border: none;
    background: transparent;
    font-size: 2rem;
    padding: 0;
    margin: 0.55rem;
    width: 2.1rem;
    height: 2rem;
    line-height: 40px;
    color: #333;
    box-shadow: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
  /* line 493, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .general-page .image-gallery .info-gallery .close:hover {
    color: #333;
    background: #eaeaea;
  }
}

/* line 503, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor {
  transform: translate(100%, 0px);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f3f3f3;
  border-top: 1px solid #ddd;
  z-index: 19;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 514, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor.alone {
  transform: none;
  position: relative;
  top: auto;
  border-top: none;
}

/* line 521, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor.active-editor {
  transform: translate(0px, 0px);
}

/* line 525, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .close {
  display: none;
  border: none;
  background: transparent;
  font-size: 2rem;
  position: absolute;
  left: 13.5rem;
  padding: 0;
  margin: 0.55rem;
  width: 2.1rem;
  height: 2rem;
  line-height: 40px;
  color: #333;
  box-shadow: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 542, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .close:hover {
  color: #333;
  background: #eaeaea;
}

/* line 547, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .close.close-submenu {
  display: none;
}

@media (max-width: 1199.98px) {
  /* line 525, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .close {
    display: block;
  }
}

/* line 556, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-menu {
  float: left;
  width: 89px;
  height: 100%;
  background: #fff;
}

/* line 562, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-menu .pseudo-border {
  left: 89px;
}

/* line 569, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-menu .blocks ul li {
  border-right: none;
  border-bottom: none;
  padding: 7px 0px 3px 0px !important;
}

/* line 574, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-menu .blocks ul li .icon {
  width: auto;
}

/* line 577, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-menu .blocks ul li .icon img {
  width: 100%;
  padding: 0px 20px;
}

/* line 583, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-menu .blocks ul li div {
  padding: 0px;
}

/* line 591, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-submenu {
  float: left;
  display: none;
  position: relative;
  /*left: -370px;*/
  width: 280px;
  height: 100%;
  background-color: #fff;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  z-index: 0;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 604, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-submenu.active-submenu {
  /*visibility: visible;
                left: 0;*/
  display: block;
}

@media (max-width: 1199.98px) {
  /* line 591, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .editor-submenu {
    position: absolute;
    left: 89px;
    z-index: 9;
  }
}

/* line 616, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-submenu .editor-submenu-item {
  display: none;
}

/* line 619, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-submenu .editor-submenu-item.active-submenu-item {
  display: block;
}

/* line 624, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-submenu .content-block {
  padding: 15px 0px 5px 0px;
}

/* line 628, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-submenu .title-block {
  padding: 0px 15px;
}

/* line 632, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-submenu .padding {
  padding: 0px 15px;
}

/* line 637, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-content {
  float: left;
  position: relative;
  width: calc(100% - 369px);
  display: inline-block;
  height: 100%;
}

/* line 644, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-content.full-view {
  width: calc(100% - 89px);
}

@media (max-width: 1199.98px) {
  /* line 637, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .editor-content {
    float: right;
    width: calc(100% - 89px);
    border-left: 1px solid #ddd;
  }
}

/* line 654, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .editor-content.content-slider {
  transform: translate(280px, 0px);
}

/* line 659, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .item-editor {
  display: block;
  margin: 0 auto;
  text-align: center;
}

/* line 665, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .item-editor .icon {
  width: auto;
  padding: 0px;
}

/* line 671, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .item-editor .block-content .heading {
  font-weight: 500;
  text-transform: none;
  padding: 7px 0px;
  font-size: 9pt;
  line-height: 13px;
  margin-bottom: 0px;
}

/* line 682, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .navbar-editor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  background: #fff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
}

/* line 691, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .navbar-editor ul li {
  display: block;
  padding: 7px 10px;
  border-bottom: 1px solid #efefef;
  border: 1px solid transparent;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 698, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .navbar-editor ul li:first-child {
  padding-top: 10px;
  -webkit-border-top-left-radius: 21px !important;
  -moz-border-radius-topleft: 21px !important;
  border-top-left-radius: 21px !important;
  -webkit-border-top-right-radius: 21px !important;
  -moz-border-radius-topright: 21px !important;
  border-top-right-radius: 21px !important;
}

/* line 704, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .navbar-editor ul li:last-child {
  padding-bottom: 10px;
  border-bottom: none;
  -webkit-border-bottom-left-radius: 21px !important;
  -moz-border-radius-bottomleft: 21px !important;
  border-bottom-left-radius: 21px !important;
  -webkit-border-bottom-right-radius: 21px !important;
  -moz-border-radius-bottomright: 21px !important;
  border-bottom-right-radius: 21px !important;
}

/* line 711, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .navbar-editor ul li img, .image-manager-dialog .modal-body .image-editor .navbar-editor ul li i {
  width: 16px;
}

/* line 715, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .navbar-editor ul li:hover, .image-manager-dialog .modal-body .image-editor .navbar-editor ul li.active {
  background: #aeebff;
  color: #0e323e;
  border: 1px solid #80e0ff;
  cursor: pointer;
}

@media (max-width: 575.98px) {
  /* line 682, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .navbar-editor {
    top: 2%;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
  }
  /* line 730, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .navbar-editor ul {
    display: flex;
  }
  /* line 734, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .navbar-editor ul li:first-child {
    padding-left: 10px;
    -webkit-border-top-left-radius: 21px !important;
    -moz-border-radius-topleft: 21px !important;
    border-top-left-radius: 21px !important;
    -webkit-border-bottom-left-radius: 21px !important;
    -moz-border-radius-bottomleft: 21px !important;
    border-bottom-left-radius: 21px !important;
    -webkit-border-top-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    border-top-right-radius: 0 !important;
  }
  /* line 742, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .navbar-editor ul li:nth-child(2) img {
    position: relative;
    top: 3px;
  }
  /* line 748, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .navbar-editor ul li:last-child {
    padding-right: 10px;
    -webkit-border-top-right-radius: 21px !important;
    -moz-border-radius-topright: 21px !important;
    border-top-right-radius: 21px !important;
    -webkit-border-bottom-right-radius: 21px !important;
    -moz-border-radius-bottomright: 21px !important;
    border-bottom-right-radius: 21px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  /* line 754, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .navbar-editor ul li:last-child img {
    position: relative;
    top: 3px;
  }
}

/* line 764, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .rotation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  /*background: #fff;*/
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  padding: 10px;
}

/* line 773, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .rotation .range-line {
  width: 5px;
  height: 220px;
  background: #dadada;
}

/* line 778, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .rotation .range-line .active-line {
  width: 5px;
  bottom: 0;
}

/* line 783, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .rotation .range-line .dot {
  left: 50%;
  transform: translateX(-50%);
}

/* line 787, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .rotation .range-line .dot.start {
  top: 50%;
  margin-top: -8px;
}

/* line 792, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .rotation .range-line .dot .label {
  position: absolute;
  right: -19px;
  font-size: 14px;
  color: #a5a5a5;
}

/* line 798, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .rotation .range-line .dot .label span {
  margin-left: 0px;
  font-size: 18px;
  position: absolute;
  margin-top: -5px;
}

/* line 809, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .rotation:hover .range-line {
  background: #cacaca;
}

/* line 812, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .rotation:hover .range-line .dot {
  background: #72ddff;
  border: 1px solid #00b4ef;
}

@media (max-width: 575.98px) {
  /* line 764, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .rotation {
    position: absolute;
    top: 14%;
    transform: translate(-50%, 0);
    left: 50%;
    width: 100%;
  }
  /* line 826, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .rotation .range-line {
    position: relative;
    transform: translate(-50%, 0);
    left: 50%;
    width: calc(100% - 3rem);
    height: 5px;
  }
  /* line 835, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .rotation .range-line .dot.start .label {
    bottom: 17px;
    right: 1px;
  }
}

/* line 845, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .manage-text {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
}

/* line 854, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .manage-text ul li {
  display: inline-block;
  padding: 4px 8px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  border: 1px solid transparent;
}

/* line 860, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .manage-text ul li i {
  font-size: 26px;
}

/* line 864, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .manage-text ul li:first-child {
  padding-left: 10px;
  -webkit-border-top-left-radius: 21px !important;
  -moz-border-radius-topleft: 21px !important;
  border-top-left-radius: 21px !important;
  -webkit-border-bottom-left-radius: 21px !important;
  -moz-border-radius-bottomleft: 21px !important;
  border-bottom-left-radius: 21px !important;
}

/* line 870, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .manage-text ul li:last-child {
  padding-right: 10px;
  -webkit-border-top-right-radius: 21px !important;
  -moz-border-radius-topright: 21px !important;
  border-top-right-radius: 21px !important;
  -webkit-border-bottom-right-radius: 21px !important;
  -moz-border-radius-bottomright: 21px !important;
  border-bottom-right-radius: 21px !important;
}

/* line 876, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .manage-text ul li:hover {
  background: #aeebff;
  color: #0e323e;
  border: 1px solid #80e0ff;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  /* line 886, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .manage-text ul {
    display: flex;
  }
}

/* line 892, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .zoom {
  position: absolute;
  bottom: 15px;
  right: 15px;
  padding: 0px 15px;
  /*background: #fff;*/
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  display: flex;
}

/* line 901, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .zoom .range-line {
  width: 100px;
  background: #dadada;
}

/* line 906, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .zoom i {
  display: inline-block;
  font-size: 22px;
  margin-right: 9px;
  color: #a5a5a5;
}

/* line 914, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .zoom:hover .range-line {
  background: #cacaca;
}

/* line 917, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-editor .zoom:hover .range-line .dot {
  background: #72ddff;
  border: 1px solid #00b4ef;
}

@media (max-width: 575.98px) {
  /* line 892, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .modal-body .image-editor .zoom {
    display: none;
  }
}

/* line 930, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-review {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f3f3f3;
  border-top: 1px solid #ddd;
  z-index: 10;
}

/* line 941, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-review > .row {
  height: 100%;
}

/* line 945, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-review.active-review {
  display: block;
}

/* line 949, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-review .close {
  color: #333;
  box-shadow: none;
}

/* line 953, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-review .close:hover {
  color: #333;
}

/* line 958, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-review .info-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  border-left: 1px solid #ddd;
  padding: 15px;
}

/* line 966, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-review .info-container .heading {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #484848;
  padding: 0px 0px 10px 0px;
}

/* line 976, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-review .info-container .file-info .separator {
  margin: 30px auto 40px auto;
}

/* line 981, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-review .info-container .file-info ul li {
  padding: 10px 0;
  font-size: 10pt;
}

/* line 985, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-review .info-container .file-info ul li .copy-url {
  color: #37c6f4;
  cursor: pointer;
}

/* line 989, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .image-review .info-container .file-info ul li .copy-url:hover {
  color: #0094ff;
}

/* line 999, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .active-item {
  padding: 0;
  font-weight: bold;
  color: #0ac2f4;
  border-color: #37c6f4;
  background: #edfaff;
}

/* line 1009, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .icon-item ul li {
  padding: 0;
  border-left: 4px solid transparent;
}

/* line 1013, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .icon-item ul li:hover {
  border-left: 4px solid #ddd;
}

/* line 1017, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .icon-item ul li img {
  width: 68px;
  padding: 0px 5px;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* line 1026, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .icon-item .image-counter {
  position: absolute;
  align-self: center;
  right: 15px;
  max-height: 30px;
  min-width: 30px;
  padding: 7px;
  text-align: center;
  font-size: 0.75rem;
  color: #fff;
  background-color: #37c6f4;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}

/* line 1041, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .open-folder {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 11;
  border-top: 1px solid #ddd;
}

/* line 1053, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .open-folder .icon-block .icon {
  opacity: 1;
  width: auto;
}

/* line 1057, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .open-folder .icon-block .icon img {
  width: 5rem;
}

/* line 1063, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .open-folder .hint {
  width: 100%;
  position: absolute;
  bottom: 15px;
  padding: 15px;
  text-align: center;
  font-size: 12px;
}

/* line 1072, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .open-folder.active-social {
  display: block;
  border-left: 1px solid #ddd;
  z-index: 11;
}

/* line 1078, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .open-folder .close {
  border: none;
  background: transparent;
  font-size: 46px;
  position: absolute;
  right: 0;
  padding: 0;
  margin: 15px;
  width: 46px;
  height: 46px;
  line-height: 46px;
  color: #333;
  box-shadow: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 1094, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-body .open-folder .close:hover {
  color: #333;
  background: #eaeaea;
}

/* line 1103, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-footer > div {
  display: flex;
}

/* line 1106, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .modal-footer > div button {
  margin-left: 16px;
}

/* line 1113, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul {
  margin: 10px 0px 15px 0px;
}

/* line 1116, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li {
  padding: 4px 15px;
}

/* line 1119, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li.active {
  background: #e7f9ff;
}

/* line 1122, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li.active .filter {
  color: #20c9ff;
}

/* line 1125, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li.active .filter img {
  border: 2px solid #2eccff;
}

/* line 1131, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li .option {
  width: auto;
  display: inline-block;
  padding: 8px 15px;
  background: #f3f3f3;
  font-size: 12px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  border: 1px solid transparent;
  position: relative;
}

/* line 1142, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li .option:hover, .image-manager-dialog .adjust-menu ul li .option.active {
  background: #aeebff;
  color: #0e323e;
  border: 1px solid #80e0ff;
  cursor: pointer;
}

/* line 1149, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li .option.icon {
  padding-left: 33px;
}

/* line 1152, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li .option.icon img, .image-manager-dialog .adjust-menu ul li .option.icon i {
  width: 14px;
  position: absolute;
  top: 5px;
  left: 10px;
}

/* line 1161, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li .filter {
  font-size: 12px;
  cursor: pointer;
}

/* line 1165, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li .filter img {
  width: 50px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid transparent;
  margin-right: 10px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 1174, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li .filter:hover, .image-manager-dialog .adjust-menu ul li .filter.active {
  color: #20c9ff;
}

/* line 1177, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li .filter:hover img, .image-manager-dialog .adjust-menu ul li .filter.active img {
  border: 2px solid #37c6f4;
}

/* line 1183, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li span {
  display: block;
  font-size: 12px;
  position: relative;
  margin: 10px 0px 3px 0px;
}

/* line 1189, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li span.icon {
  padding-left: 27px;
}

/* line 1192, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li span.icon img, .image-manager-dialog .adjust-menu ul li span.icon i {
  width: 14px;
  position: absolute;
  top: -3px;
  left: 4px;
}

/* line 1202, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li:hover .range-line {
  background: #d2d2d2;
}

/* line 1205, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .adjust-menu ul li:hover .range-line .dot {
  background: #72ddff;
  border: 1px solid #00b4ef;
}

/* line 1215, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .range-line {
  width: 100%;
  height: 5px;
  background: #e6e6e6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  align-self: center;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  position: relative;
}

/* line 1225, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .range-line .active-line {
  height: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  align-self: center;
  position: absolute;
  background: #37c6f4;
}

/* line 1234, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .range-line .dot {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  left: -5px;
}

/* line 1246, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .range-line .dot:hover, .image-manager-dialog .range-line .dot.active {
  background: #72ddff;
  border: 1px solid #00b4ef;
  cursor: pointer;
}

/* line 1254, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .range-line:hover .dot {
  background: #72ddff;
  border: 1px solid #00b4ef;
}

/* line 1260, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .range-line.progress {
  height: 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* line 1264, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .range-line.progress .active-line {
  height: 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* line 1273, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* line 1282, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .image-container.image-landscape img {
  width: auto;
  max-width: 70%;
  height: auto;
}

@media (max-width: 1199.98px) {
  /* line 1282, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .image-container.image-landscape img {
    width: 70%;
  }
}

/* line 1294, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .image-container.image-portrait img {
  width: auto;
  height: auto;
  max-height: 80%;
}

@media (max-width: 1199.98px) {
  /* line 1294, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .image-container.image-portrait img {
    height: 60%;
  }
}

@media (max-width: 575.98px) {
  /* line 1294, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
  .image-manager-dialog .image-container.image-portrait img {
    display: table;
    margin: 15px auto;
  }
}

/* line 1310, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .image-container .close {
  border: none;
  background: transparent;
  font-size: 46px;
  position: absolute;
  right: 0;
  padding: 0;
  margin: 15px;
  width: 46px;
  height: 46px;
  line-height: 46px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 1324, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .image-container .close:hover {
  background: #eaeaea;
}

/* line 1330, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .add-button {
  display: block;
}

/* line 1333, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageManagerDialog.scss */
.image-manager-dialog .add-button.close {
  display: none;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageThumbnail.scss */
.image-box {
  position: relative;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

/* line 7, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageThumbnail.scss */
.image-box:hover .delete-button {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition-delay: 0.5s;
  opacity: 1;
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageThumbnail.scss */
.image-box .delete-button {
  opacity: 0;
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  border: 2px solid #0ac2f4;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* line 31, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageThumbnail.scss */
.image-box .delete-button:hover {
  border: 2px solid #ff8181;
  background-color: #ff8181;
  -webkit-box-shadow: 0px 0px 16px 0 rgba(3, 31, 92, 0.15);
  -moz-box-shadow: 0px 0px 16px 0 rgba(3, 31, 92, 0.15);
  box-shadow: 0px 0px 16px 0 rgba(3, 31, 92, 0.15);
  transition-delay: 0s;
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageThumbnail.scss */
.image-box .delete-button:hover i {
  color: #fff;
}

/* line 42, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/ImageThumbnail.scss */
.image-box .delete-button i {
  font-size: 1rem;
}

/* line 15, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group {
  /*.content-block {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px 16px 5px 16px;

		> span {
			width: 100%;
			margin-left: 16px;
		}

		> .form-group {
			min-width: 225px; 
			> .full-locale-select {
				> .button {
					justify-content: flex-start;
				}
			}
		}
	}*/
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .plain-dropdown-form-field i {
  top: -1px;
}

/* line 22, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 28, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .centered h3 {
  margin-bottom: 8px;
}

/* line 32, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .centered img {
  padding: 30px 150px 20px 150px;
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group {
  display: flex;
  flex-direction: column;
}

/* line 60, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 16px 16px 16px 22px;
  width: 100%;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 67, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper:hover {
  background-color: #f9f9f9;
}

/* line 71, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper:last-child {
  margin-bottom: 0;
}

/* line 75, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .multilingual-icon {
  display: flex;
  align-items: center;
}

/* line 79, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .multilingual-icon > img {
  height: 20px;
  width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

/* line 86, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .multilingual-icon > span {
  padding-left: 8px;
}

/* line 91, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .toggle {
  width: auto;
}

/* line 95, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .options-wrapper {
  display: flex;
  align-items: center;
}

/* line 99, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .options-wrapper > .editor-toggle {
  margin-bottom: 0;
}

/* line 102, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .options-wrapper > .editor-toggle .editor-tool-group {
  display: flex;
  align-items: center;
  /*.toggle {
							> input:checked + span:before {
								background: $basic-color;
							}
						}*/
}

/* line 107, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .options-wrapper > .editor-toggle .editor-tool-group .editor-tool-font > span {
  padding: 5px 15px;
  margin-right: 10px;
  background: #eae8e8;
  color: #bbbdbd;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  cursor: pointer;
}

/* line 126, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .options-wrapper > .editor-toggle.active-main .editor-tool-group .editor-tool-font span {
  background: #00c1ff;
  color: #ffffff;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 138, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .options-wrapper > .editor-toggle.active-secound .editor-tool-group .editor-tool-font span {
  background: #83c33b;
  color: #ffffff;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 148, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .options-wrapper > i {
  margin-left: 15px;
  padding: 0;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 155, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/MultilingualDialog.scss */
.multilingual-dialog-group .languages-group .language-wrapper .options-wrapper > i:hover {
  color: #0ac2f4;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/PublishDialog.scss */
.publish-dialog-group {
  /*	.modal-bg {
		padding: 40px 0 20px 0 !important;
		text-align: center;
		border: none !important;

		.big {
			font-family: 'Montserrat', sans-serif;
			font-weight: 100;
			text-transform: none;
			font-size: 40px;
			line-height: 55px;
			margin-top: 30px;
			margin-bottom: 10px;
		}

		.image-size {
			max-width: 240px;
			margin: 0 auto;
		}
	}

	.modal-panel {
		margin-bottom: 40px;
		background: #effbff;
		.icons-group {
			&.left {
				text-align: right;
			}

			img {
				width: 20px;
				height: 20px;

				&:nth-child(2) {
					margin-left: 3px;
					opacity: 0.5;
				}

				&:nth-child(3) {
					margin: 0 5px;
					padding: 4px;
				}
			}

			&.right {
				text-align: left;

				img {
					padding: 3px;
				}
			}
		}

		.domain-input {
			text-align: left;
			background: #fff;
			border: 1px solid #ddd;
			@include border-radius(23px);
			padding: 10px 10px 10px 30px;
		}
	}*/
}

/* line 63, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/PublishDialog.scss */
.publish-dialog-group .modal-bg {
  padding: 60px 0px 20px 0px;
  background: #edffd9;
}

/* line 67, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/PublishDialog.scss */
.publish-dialog-group .modal-bg .segment-block {
  padding: 0;
  margin: 0px 15px;
}

/* line 71, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/PublishDialog.scss */
.publish-dialog-group .modal-bg .segment-block .heading {
  font-size: 38px;
  line-height: 45px;
}

/* line 75, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/PublishDialog.scss */
.publish-dialog-group .modal-bg .segment-block .heading span {
  color: #5f5f5f;
}

/* line 82, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/PublishDialog.scss */
.publish-dialog-group .modal-footer {
  display: flex;
  justify-content: space-between;
}

/* line 86, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/PublishDialog.scss */
.publish-dialog-group .modal-footer .checkbox {
  width: auto;
  height: auto;
}

/* line 91, ../../../../Shoptico.Editor.Frontend/Components/Dialogs/PublishDialog.scss */
.publish-dialog-group .modal-footer .button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}

/* line 3, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
  width: 300px;
  overflow: hidden;
  pointer-events: none;
  z-index: 7;
}

/* line 15, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock .designer-tools .header-tools {
  /*padding: 2px 10px 1px 10px;*/
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-bottom: none;
}

/* line 24, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock .designer-tools .header-tools h5 {
  color: #333;
  font-size: 13px;
  /*font-weight: 700;
				text-transform: uppercase;*/
}

/* line 31, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock .designer-tools .header-tools i {
  color: #333;
}

/* line 34, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock .designer-tools .header-tools i:hover {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid transparent;
}

/* line 41, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock .designer-tools .header-tools .close-button i {
  padding: 0px;
}

/* line 44, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock .designer-tools .header-tools .close-button i:hover {
  padding: 0px;
  background: #e5e5e5;
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock-open .page {
  margin-right: 300px;
}

/* line 60, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock-open .dock {
  pointer-events: all;
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock-open .designer-tools {
  background: #fff;
  border-left: 1px solid #ddd;
  border-radius: 0;
}

/* line 69, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock-open .designer-tools .tools-bottom {
  max-height: 100%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 73, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock-open .designer-tools .tools-bottom .tools-content {
  max-height: 100%;
  height: calc(100% - 32px);
  background: #fff;
  padding-bottom: 15px;
  /*border-bottom: 1px solid #ddd; */
}

/* line 81, ../../../../Shoptico.Editor.Frontend/Components/Dock.scss */
.dock-open .designer-tools .tools-bottom .view-height {
  height: 94vh;
  background: transparent;
}

/* line 2, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .submenu-header {
  position: absolute;
  background: #fff;
  width: 100%;
  z-index: 1;
}

/* line 8, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .submenu-header .submenu-header-title {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
  min-height: 50px;
}

/* line 17, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .submenu-header .submenu-header-title > span {
  font-size: 13px;
  font-weight: 600;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

/* line 23, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .submenu-header .submenu-header-title .button-x {
  position: relative;
  top: auto;
  right: auto;
  transform: none;
}

/* line 32, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .menu-items-wrapper {
  position: absolute;
  max-height: calc(100% - 123px);
  max-width: 100%;
  overflow-y: scroll;
  opacity: 0;
}

/* line 41, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .editor-nav-separator {
  margin-bottom: 15px;
  padding: 0 10px 0 15px;
  display: flex;
  position: relative;
}

/* line 47, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .editor-nav-separator .title-separator {
  margin: 0 5px;
  width: auto;
  font-weight: 600;
}

/* line 53, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .editor-nav-separator .line-separator-left {
  width: 15px;
}

/* line 57, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .editor-nav-separator .line-separator-right {
  width: 100%;
}

/* line 61, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .editor-nav-separator .line-separator-left, .menu .editor-nav-separator .line-separator-right {
  position: relative;
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .editor-nav-separator .line-separator-left::before, .menu .editor-nav-separator .line-separator-right::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

/* line 76, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .no-results-found {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* line 87, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .no-results-found img {
  margin-bottom: 15px;
  width: 60%;
  height: auto;
}

/* line 93, ../../../../Shoptico.Editor.Frontend/Components/EditorComponentSubmenu.scss */
.menu .no-results-found span {
  font-size: 14px;
}

/* line 2, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block {
  margin: 10px 0px;
  /*TODO: remove*/
  /*display: none;*/
  position: relative;
  padding: 15px;
  background: #eef7ff;
  border: 2px dashed #0ac2f4;
  /*border-bottom: 2px solid #a5e9ff;*/
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  /*img {
        width: 15%;
        display: table;
        margin: auto;
    }*/
  min-height: 150px;
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block .inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /*padding: 0px 0px 10px 0px;
        @include border-radius(3px);
        text-align: center;*/
  text-align: left;
}

/* line 27, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block .inner span {
  display: block;
  font-family: Raleway-t;
  font-size: 23pt;
  color: #00c8ff;
  text-align: center;
}

/* line 35, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block .inner a {
  /*font-family: circle;*/
}

/* line 40, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block:hover {
  background: #dff1ff;
  cursor: pointer;
  /*border-top: 20px solid rgba(255, 255, 255, 0.5);
        border-bottom: 20px solid rgba(255, 255, 255, 0.5);*/
  opacity: 1;
}

/* line 48, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block:hover::before {
  content: "";
  background: #eef7ff;
  position: absolute;
  top: 0;
  left: -3px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* line 61, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block:hover::after {
  content: "";
  background: #eef7ff;
  position: absolute;
  top: 0;
  right: -3px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* line 74, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block .button-close-section {
  padding: 1px;
  position: absolute;
  right: -70px;
  top: 59%;
  transform: translateY(-50%);
  background: #65deff;
  font-size: 27px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* line 85, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block .button-close-section:hover {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  background: #ffa0a3;
}

/* line 90, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block .button-close-section .section-showing {
  display: block;
  background-color: red;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
}

/* line 97, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block .column-dragger {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #0ac1f3;
  color: #fff;
  font-size: 24px;
  z-index: 1;
  /*TODO: remove*/
  left: 50%;
}

/* line 108, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block .column-dragger:nth-child(2n-2) {
  left: 10%;
}

/* line 112, ../../../../Shoptico.Editor.Frontend/Components/Structure/AddSectionPlaceholder.scss */
.stage .add-section-block .column-dragger:hover {
  background: #00a5d2;
  cursor: pointer;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Container.scss */
.shoptico-container {
  width: 100%;
  height: 100px;
  color: orange;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/EditorColumn.scss */
.editor-column {
  position: relative;
  max-width: 1200px;
  margin: 0 0;
  pointer-events: none;
}

/* line 7, ../../../../Shoptico.Editor.Frontend/Components/EditorColumn.scss */
.editor-column > .drop-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: .5;
  z-index: 502;
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Components/EditorColumn.scss */
.editor-column > * {
  pointer-events: initial;
}

/*.editor-row-frame {
    .editor-column-separator {
        //top: 50%;
        position: relative;
        left: 30%;
        height: 100%;
        max-width: 1200px;
        margin: 0 auto;
        border: solid #0ac1f3 1px;
        width: 0;
        float: left;

        .column-dragger {
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            background: #0ac1f3;
            text-align: center;
            font-size: 20px;
            width: 50px;
            height: 26px;
            fill: #fff;
            z-index: 1;
            @include border-radius(3px);
            pointer-events: auto;

            .column-dragger-arrow {
                &:first-child {
                    height: 26px;
                    border-right: 1px solid rgba(255, 255, 255, 0.2);
                }

                &:last-child {
                    height: 26px;
                    border-left: 1px solid rgba(255, 255, 255, 0.2);
                }

                &:hover {
                    height: 26px;
                    background: #00a5d2;
                    cursor: pointer;
                }
            }
        }
    }
}*/
/*.sm-header {
    @include box-shadow(0px, 5px, 20px, 0, rgba(0,0,0,0.1), false);
    z-index: 999;
}*/
/* line 6, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header {
  /*width: calc(100% - 65px);
    position: fixed;*/
  z-index: 9;
  /*background: #fff;*/
  padding: 20px 0px 0px 0px;
}

/* line 13, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap {
  background: #f2f2f2;
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 5px 0 5px;
  /*width: 60%;*/
  margin: auto;
  -webkit-border-top-left-radius: 5px !important;
  -moz-border-radius-topleft: 5px !important;
  border-top-left-radius: 5px !important;
  -webkit-border-top-right-radius: 5px !important;
  -moz-border-radius-topright: 5px !important;
  border-top-right-radius: 5px !important;
}

/* line 22, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .points {
  margin: 14px 15px 0px 5px;
}

/* line 25, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .points .point {
  display: inline-block;
  margin: 0 4px;
  width: 12px;
  height: 12px;
  background: #bebfbf;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
}

/* line 34, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .points .point:hover {
  background: #0ac2f4;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
}

/* line 41, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .domain-bar {
  margin-top: 7px;
  width: auto;
  height: 27px;
  padding: 7px 105px 5px 15px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* line 50, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .tab-section {
  display: inline-block;
  margin: 6px 0 0 12px;
}

/* line 55, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .tab-section .tab {
  display: inline-block;
  position: relative;
  top: 1px;
  padding: 10px 7px 7px 15px;
  background: #e6e6e6;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .tab-section .tab .tab-border {
  position: absolute;
  bottom: 6px;
  right: 0;
  width: 1px;
  height: 20px;
  background: #aaa;
}

/* line 73, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .tab-section .tab:hover {
  background: #fff;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 79, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .tab-section .tab p, .editor-header .editor-header-wrap .tab-section .tab i {
  display: inline-block;
  margin: 0;
}

/* line 84, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .tab-section .tab p {
  font-size: 12px;
}

/* line 88, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .tab-section .tab i {
  padding-left: 8px;
  font-size: 20px;
  vertical-align: bottom;
}

/* line 95, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .tab-section .tab-active {
  background: #fff;
  border-bottom: 1px solid #fff;
  box-shadow: none;
}

/* line 101, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .tab-section .tab-add {
  display: inline-block;
  padding-left: 7px;
  font-size: 20px;
  color: #333;
  cursor: pointer;
}

/* line 108, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .tab-section .tab-add a {
  position: relative;
  top: 5px;
}

/* line 112, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.editor-header .editor-header-wrap .tab-section .tab-add a i {
  transform: rotate(45deg);
  font-weight: 900;
}

/* line 122, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.responsive-views {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #333;
  cursor: pointer;
}

/* line 130, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.responsive-views i {
  font-size: 22px;
  padding: 12px 5px 12px 5px;
}

/* line 134, ../../../../Shoptico.Editor.Frontend/Components/EditorNavigationBar.scss */
.responsive-views i:hover {
  color: #0ac2f4;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/EditorRow.scss */
.editor-row {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 2, ../../../../Shoptico.Editor.Frontend/Components/EditorSection.scss */
.editor-section {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 61, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .menu-item {
  padding: 15px 5px 15px 15px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 65, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .menu-item:hover {
  background: #f2f2f2;
}

/* line 70, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon {
  width: 450px;
  box-shadow: none;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  overflow: hidden;
  z-index: 999;
}

/* line 77, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper {
  background-color: #fff;
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.19);
  border-radius: 3px;
  overflow: hidden;
}

/* line 83, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper:hover {
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.22);
}

/* line 87, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap {
  height: 120px;
}

/* line 90, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap .wave {
  position: relative;
  height: 100px;
  width: 100%;
  margin-bottom: 20px;
  background: #37c6f4;
}

/* line 97, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap .wave:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
  width: 50%;
  height: 80px;
  right: -5px;
  top: 64px;
  box-shadow: 9px -17px 0 rgba(204, 240, 245, 0.8);
}

/* line 109, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap .wave:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
  width: 50%;
  height: 70px;
  left: 0;
  top: 49px;
  background: #37c6f4;
  box-shadow: 5px 5px 0 rgba(204, 240, 245, 0.8);
}

/* line 122, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap .wave .icon {
  position: absolute;
  left: 50%;
  background: #fff;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 130px;
  height: 130px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 10px;
  -webkit-box-shadow: 1px 1px 32px 0 rgba(3, 31, 92, 0.1);
  -moz-box-shadow: 1px 1px 32px 0 rgba(3, 31, 92, 0.1);
  box-shadow: 1px 1px 32px 0 rgba(3, 31, 92, 0.1);
  margin-top: 10px;
}

/* line 135, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap .wave .icon img {
  height: 100%;
}

/* line 139, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap .wave .icon .img-fluid {
  width: 100%;
  display: block;
}

/* line 146, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap.default {
  background: #f9f9f9;
}

/* line 150, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap.default .wave:before {
  background: #f9f9f9;
}

/* line 156, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap.warning {
  background: #fffaf2;
}

/* line 160, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap.warning .wave:before {
  background: #fffaf2;
}

/* line 166, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap.success {
  background: #edffd9;
}

/* line 170, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap.success .wave:before {
  background: #edffd9;
}

/* line 176, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap.danger {
  background: #fff0f0;
}

/* line 180, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .wave-wrap.danger .wave:before {
  background: #fff0f0;
}

/* line 187, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .content-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-top: 1px solid #ddd;
}

/* line 194, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .content-block .manage-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

/* line 200, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .content-block .manage-button .button {
  position: absolute;
  margin-top: 6px;
}

/* line 206, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .content-block > span {
  display: inline-flex;
  align-items: center;
}

/* line 210, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .content-block > span i {
  margin-right: 8px;
  font-size: 16px;
}

/* line 217, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group {
  display: flex;
  flex-direction: column;
}

/* line 221, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  width: 100%;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 228, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper:hover {
  background-color: #f9f9f9;
}

/* line 232, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper:last-child {
  margin-bottom: 0;
}

/* line 236, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper .multilingual-icon {
  display: flex;
  align-items: center;
  cursor: default;
}

/* line 241, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper .multilingual-icon > img {
  height: 20px;
  width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

/* line 248, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper .multilingual-icon > span {
  padding-left: 8px;
}

/* line 253, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper .editor-toggle {
  margin: 0;
}

/* line 256, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper .editor-toggle .editor-tool-group {
  display: flex;
  align-items: center;
  /*.toggle {
								> input:checked + span:before {
									background: $basic-color;
								}
							}*/
}

/* line 261, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper .editor-toggle .editor-tool-group .editor-tool-font > span {
  padding: 5px 15px;
  margin-right: 10px;
  background: #eae8e8;
  color: #bbbdbd;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  cursor: pointer;
}

/* line 280, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper .editor-toggle.active-main .editor-tool-group .editor-tool-font span {
  padding: 5px 15px;
  margin-right: 10px;
  background: #00c1ff;
  color: #ffffff;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 294, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper .editor-toggle.active-secound .editor-tool-group .editor-tool-font span {
  background: #83c33b;
  color: #ffffff;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 304, ../../../../Shoptico.Editor.Frontend/Components/EditorTabGroup.scss */
.balloon .multilingual-balloon .balloon-wrapper .languages-group .language-wrapper .toggle {
  width: auto;
}

/* line 4, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.screenshot-mode .editor-title-bar {
  display: none !important;
}

/* line 9, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar {
  width: 100%;
  min-width: 330px;
  z-index: 9;
  /*.editor-header-line {
		height: 4px;
		width: 100%;
		background: #fff;
		position: relative;
		z-index: 99;
	}*/
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar * a {
  color: #333;
  text-decoration: none;
}

/* line 19, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap {
  /*margin: 0px -15px;*/
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 6px 14px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 6px 14px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 6px 14px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
}

/* line 33, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap.tablet-style .buttons-row {
  width: 45px;
  border-left: 1px solid #ddd;
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap.tablet-style .buttons-row .title-bar-buttons {
  display: none;
}

/* line 41, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap.tablet-style .buttons-row .title-bar-balloon-wrapper {
  display: flex;
}

/* line 47, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap.mobile-style {
  padding-top: 6px;
}

/* line 50, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap.mobile-style .domain-row {
  width: calc(100% - 45px);
}

/* line 54, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap.mobile-style .tabs-row {
  width: 100%;
  order: 3;
}

/* line 59, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap.mobile-style .buttons-row {
  width: 45px;
  border-left: none;
  order: 2;
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap.mobile-style .buttons-row .title-bar-buttons {
  display: none;
}

/* line 68, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap.mobile-style .buttons-row .title-bar-balloon-wrapper {
  display: flex;
}

/* line 74, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .domain-row {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0;
  width: 300px;
  flex-grow: 0;
  order: 1;
}

@media (max-width: 749px) {
  /* line 74, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
  .editor-title-bar .editor-title-bar-wrap .domain-row {
    width: calc(100% - 45px);
  }
}

/* line 87, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .domain-row .undo-redo-buttons-group {
  display: flex;
  position: relative;
  padding: 0 6px 0 0;
}

/* line 92, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .domain-row .undo-redo-buttons-group .button {
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
  width: 30px;
}

/* line 99, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .domain-row .undo-redo-buttons-group .button i {
  margin: 0;
  padding: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 26px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 109, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .domain-row .undo-redo-buttons-group .button i:hover {
  color: #0ac2f4;
}

/* line 114, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .domain-row .undo-redo-buttons-group .button:hover {
  border-radius: 0;
  background: transparent !important;
}

/* line 122, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section {
  display: flex;
  min-width: 0;
}

/* line 126, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .tabs-wrap {
  display: flex;
  overflow-wrap: break-word;
  overflow: hidden;
  padding: 7px 7px 0px 7px;
}

/* line 133, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .tab-add {
  z-index: 2;
  display: flex;
}

/* line 137, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .tab-add a {
  position: relative;
  top: 5px;
}

/* line 141, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .tab-add a i {
  transform: rotate(45deg);
  font-weight: 900;
}

/* line 147, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .tab-add .add-page-button {
  margin: auto;
  padding: 0;
  width: auto;
  /*height: 100%;*/
  border: none;
  background: none;
  box-shadow: none;
}

/* line 156, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .tab-add .add-page-button * {
  pointer-events: unset !important;
}

/* line 160, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .tab-add .add-page-button i {
  padding: 5px;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  font-size: 17px;
  font-weight: bold;
  color: #5f5f5f;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  background: #f5f5f5;
  margin-top: 5px;
}

/* line 174, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .tab-add .add-page-button i:hover {
  background: #efefef;
  color: #333;
}

/* line 183, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .tabs-row {
  padding: 0 0 0 4px;
  position: relative;
  display: inline-flex;
  flex-grow: 1;
  flex-wrap: wrap;
  width: calc(100% - 700px);
  order: 2;
}

@media (max-width: 1199px) {
  /* line 183, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
  .editor-title-bar .editor-title-bar-wrap .tabs-row {
    width: calc(100% - 650px);
  }
}

@media (max-width: 749px) {
  /* line 183, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
  .editor-title-bar .editor-title-bar-wrap .tabs-row {
    width: 100%;
    order: 3;
  }
}

/* line 201, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .tabs-row.order-three {
  margin-top: 6px;
}

/* line 206, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row {
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  flex-grow: 0;
  width: 390px;
  order: 3;
  padding: 5px 0px;
}

@media (max-width: 1199px) {
  /* line 206, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
  .editor-title-bar .editor-title-bar-wrap .buttons-row {
    width: 45px;
    border-left: 1px solid #ddd;
  }
}

@media (max-width: 749px) {
  /* line 206, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
  .editor-title-bar .editor-title-bar-wrap .buttons-row {
    order: 2;
    border-left: none;
  }
}

/* line 225, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-balloon-wrapper {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

/* line 232, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-balloon-wrapper i {
  font-size: 18px;
}

@media (max-width: 1199px) {
  /* line 225, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
  .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-balloon-wrapper {
    display: flex;
  }
}

/* line 241, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons {
  display: flex;
  align-items: center;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

@media (max-width: 1199px) {
  /* line 241, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
  .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons {
    display: none;
  }
}

@media (max-width: 767.98px) {
  /* line 241, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
  .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons {
    display: none;
  }
}

/* line 255, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview-button {
  margin-right: 10px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 259, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview-button i {
  font-size: 22px;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 264, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview-button i:hover {
  color: #0ac2f4;
}

/* line 269, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview-button::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  content: "";
  height: 28px;
  width: 1px;
  background: #ddd;
}

/* line 281, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview-button::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  content: "";
  height: 28px;
  width: 1px;
  background: #ddd;
}

/* line 294, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview-button.activated > i {
  color: #0ac2f4;
  border: 2px solid #0ac2f4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f5fcff;
}

/* line 306, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .button > i {
  padding: 0;
}

/* line 310, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .button.default {
  /*background: linear-gradient(#4dd4ff, #37c6f4);*/
  background: #00c1ff;
  color: #fff;
  border: 1px solid #00aee6;
  -webkit-box-shadow: 4px 4px 0px 0px rgba(204, 240, 245, 0.8);
  -moz-box-shadow: 4px 4px 0px 0px rgba(204, 240, 245, 0.8);
  box-shadow: 4px 4px 0px 0px rgba(204, 240, 245, 0.8);
}

/* line 317, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .button.default i {
  color: #fff;
}

/* line 321, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .button.default span {
  color: #fff;
  padding-bottom: 1px;
}

/* line 326, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .button.default:hover {
  background: #23caff;
  border: 1px solid #0bafe4;
}

/* line 335, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-dropdown-menu .button {
  padding: 0 10px;
}

/* line 342, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved .no-style-button.active {
  color: #8bc34a !important;
  font-weight: 500;
}

/* line 346, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved .no-style-button.active i {
  left: 14px;
}

/* line 351, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved .no-style-button.loading {
  color: #0ac2f4 !important;
  font-weight: 500;
}

/* line 355, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved .no-style-button.loading i {
  font-size: 14px;
  left: 20px;
}

/* line 363, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .publish {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 366, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview .progress-line, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved .progress-line, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .publish .progress-line {
  position: relative;
  bottom: 3px;
  height: 3px;
  width: 100%;
  background: transparent;
  /*TODO: animation by Vladi*/
}

/* line 374, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview .button, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved .button, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .publish .button {
  height: 100%;
  background: #f7f7f7;
  border-radius: 0;
}

/* line 381, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview:hover .button, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved:hover .button, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .publish:hover .button {
  border-radius: 0;
  background: #fff !important;
}

/* line 385, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview:hover .button span, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved:hover .button span, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .publish:hover .button span {
  color: #0ac2f4;
}

/* line 390, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .preview:hover .progress-line, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved:hover .progress-line, .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .publish:hover .progress-line {
  background: #0ac2f4;
  /*TODO: animation by Vladi*/
}

/* line 399, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved:hover .button span {
  color: #3b8618;
}

/* line 404, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .saved:hover .progress-line {
  background: #8bc33b;
  /*TODO: animation by Vladi*/
}

/* line 410, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-view {
  display: flex;
  height: 100%;
}

/* line 414, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-view ul {
  display: flex;
  align-items: center;
  box-shadow: none;
}

/* line 422, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-view .option {
  padding: 0 10px;
  text-align: center;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-weight: bold;
  margin: 0 !important;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  /*&:last-child {
							padding-right: $space !important;
						}*/
  /*&.phone {
							padding: $space ($space - 6px);
						}*/
}

/* line 434, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-view .option i {
  font-size: 22px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 440, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-view .option:hover i {
  color: #00c1ff;
}

/* line 446, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-view .option.selected i {
  color: #00c1ff;
}

/* line 450, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-view .option.selected::after {
  display: none !important;
}

/* line 460, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-moobile-view {
  background: #fff;
  height: 100%;
  border-bottom: 3px solid #bcbcbc;
}

/* line 465, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-moobile-view .button {
  border: none;
  background: transparent;
  box-shadow: none;
  color: #333;
}

/* line 475, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons li:first-child::after {
  content: none;
}

/* line 481, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons li:last-child::before {
  content: none;
}

/* line 487, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .rotate {
  transform: rotate(90deg);
  padding: 20px;
}

/* line 492, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons.left {
  position: relative;
}

/* line 498, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .domain-bar {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow-wrap: break-word;
  overflow: hidden;
  width: 100%;
  min-width: 0;
  padding: 6px 7px 6px 15px;
  background: #f5f5f5;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 512, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .domain-bar:hover {
  background: #efefef;
}

/* line 516, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .domain-bar .domain-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 12px;
  color: #676767;
}

/* line 525, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .domain-bar .multilingual-icon {
  display: flex;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}

/* line 533, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.editor-title-bar .editor-title-bar-wrap .domain-bar .multilingual-icon img {
  width: 100%;
  height: auto;
}

/* line 550, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.balloon-content .navbar-option {
  border-bottom: 1px solid #ddd;
  padding: 9px 12px !important;
}

/* line 555, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.balloon-content .navbar-option span {
  font-size: 12px;
  font-weight: 600;
}

/* line 560, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.balloon-content .navbar-option i, .balloon-content .navbar-option span {
  color: #333 !important;
}

/* line 563, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.balloon-content .navbar-option i:hover, .balloon-content .navbar-option span:hover {
  color: #333 !important;
}

/* line 568, ../../../../Shoptico.Editor.Frontend/Components/EditorTitleBar.scss */
.balloon-content .navbar-option:last-child {
  border: none;
}

/* line 3, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.dashboard {
  background: #eee;
}

/* line 7, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.editor-viewport {
  margin: 0;
  padding: 0;
  position: relative;
  transform-origin: top left;
  top: 0;
  left: 0;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.new-tab-tip {
  padding-top: 60px;
  text-align: center;
  font-size: 16px;
}

/* line 25, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.editor-content {
  min-width: 330px;
  height: calc(100% - 20px) !important;
}

/* line 30, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage {
  width: 100%;
  height: 100%;
  display: table;
  margin: auto;
  /*@include border-radius(5px);*/
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  background: #fff;
  /*@include box-shadow(0px, 5px, 15px, 0, rgba(0,0,0,0.1), false);*/
}

/* line 39, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
}

/* line 45, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block img {
  width: 100%;
}

/* line 49, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block h3 {
  margin: 0;
  padding: 55px 0;
  font-size: 32px;
  color: #444;
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block:hover {
  background: #f9f9f9;
}

/* line 60, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  transform: translateX(-100%);
  width: 100%;
  height: 100%;
  background: #eef7ff;
  z-index: 2;
}

/* line 72, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block:hover::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  background: #eef7ff;
  z-index: 2;
}

/* line 84, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block .action-group {
  margin: 0px 0px 0px -48px;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

/* line 92, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block .action-group .button {
  min-width: 35px;
  min-height: 35px;
  text-align: center;
  font-size: 17px;
  line-height: 18px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  cursor: pointer;
}

/* line 104, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block .action-group .button i {
  font-size: 25px;
  margin-top: -1px;
}

/* line 109, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block .action-group .button:hover {
  background: #0ac2f4;
  color: #fff;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
}

/* line 116, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block .action-group .arrow-move-up, .stage .editor-section-block .action-group .arrow-move-down {
  margin: 6px 0;
  min-width: 30px;
  min-height: 30px;
}

/* line 121, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block .action-group .arrow-move-up i, .stage .editor-section-block .action-group .arrow-move-down i {
  font-size: 35px;
}

/* line 127, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block:hover .action-group {
  display: block;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 132, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block .add-section-center {
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: none;
}

/* line 140, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block .add-section-center .button {
  background-color: #0ac2f4;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}

/* line 148, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block .add-section-center .button i {
  font-size: 35px;
}

/* line 152, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block .add-section-center .button:hover {
  background: #14b5e8;
}

/* line 157, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block .add-section-center .line {
  padding: 3px;
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
  width: 120px;
  background: #e2e2e2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: -1;
}

/* line 171, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.stage .editor-section-block:hover .add-section-center {
  display: block;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

/* line 181, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.submenu-show .stage .editor-body {
  min-height: calc(100vh - 50px) !important;
}

/* line 189, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.submenu-show-extra .stage .editor-body {
  min-height: calc(100vh + 70px) !important;
}

/* TOOLTIPS-BUBBLE */
/* line 197, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-toolbar .ql-formats {
  margin: 4px 3px 4px 0px;
}

/* line 200, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 3px;
}

/* line 206, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-toolbar .ql-formats button.ql-active .ql-stroke {
  stroke: #333;
}

/* line 211, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-toolbar .ql-formats button .ql-stroke {
  stroke: #333;
}

/* line 215, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-toolbar .ql-formats button:focus {
  outline: none;
}

/* line 222, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-toolbar .ql-formats button:hover .ql-stroke {
  stroke: #333;
}

/* line 231, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-toolbar .ql-formats .ql-header:hover svg path {
  fill: #333;
}

/* line 240, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-tooltip {
  width: 122px;
  top: 29px;
  left: -28.5px;
  background: rgba(247, 249, 250, 0.9);
  -webkit-box-shadow: 0px 2px 6px 0 rgba(22, 45, 61, 0.5);
  -moz-box-shadow: 0px 2px 6px 0 rgba(22, 45, 61, 0.5);
  box-shadow: 0px 2px 6px 0 rgba(22, 45, 61, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  z-index: 999;
}

/* line 252, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid rgba(247, 249, 250, 0.9);
  top: -6px;
}

/* line 259, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-tooltip .ql-formats .ql-bold {
  stroke: #333;
}

/* line 263, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-tooltip .ql-formats .ql-stroke {
  stroke: #333;
}

/* line 267, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-tooltip .ql-formats .ql-header {
  display: none;
}

/* line 271, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.ql-bubble .ql-tooltip .ql-formats .ql-header svg path {
  fill: #333;
}

/* line 280, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.balloon-animation {
  opacity: 0;
  transition: transform 0.1s;
  transform-style: preserve-3d;
  transform-origin: top center;
  animation: removeAnim 0.1s ease-in, otherAnimation 0.1s ease-in;
}

@keyframes otherAnimation {
  0% {
    opacity: 0;
    transform: scale(0.85);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* line 300, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.balloon-arrow-top {
  position: absolute;
  bottom: 100%;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #37c6f4;
  width: 10px;
  height: 10px;
}

/* line 309, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.balloon-arrow-top.left {
  left: 15px;
}

/* line 313, ../../../../Shoptico.Editor.Frontend/Components/EditorViewport.scss */
.balloon-arrow-top.right {
  left: calc(100% - 30px);
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/EmptyColumnPlaceholder.scss */
.empty-placeholder {
  position: relative;
  cursor: default;
  min-height: 150px;
}

/* line 6, ../../../../Shoptico.Editor.Frontend/Components/EmptyColumnPlaceholder.scss */
.empty-placeholder span, .empty-placeholder h5 {
  margin: 0;
  font-family: Raleway-t;
  font-size: 19pt;
  color: #00c8ff;
}

/* line 13, ../../../../Shoptico.Editor.Frontend/Components/EmptyColumnPlaceholder.scss */
.empty-placeholder h5 {
  font-weight: 100;
}

/* line 17, ../../../../Shoptico.Editor.Frontend/Components/EmptyColumnPlaceholder.scss */
.empty-placeholder span {
  font-size: 27px;
  font-family: Circe;
}

/* line 22, ../../../../Shoptico.Editor.Frontend/Components/EmptyColumnPlaceholder.scss */
.empty-placeholder .empty-placeholder-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Frames/EditorComponentFrame.scss */
.point {
  background: red !important;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/GhostFrame.scss */
.ghost-frame {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  pointer-events: none;
  opacity: 0.75;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/EditorMainMenu.scss */
.icons-divide {
  padding: 10px 15px;
  position: relative;
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/EditorMainMenu.scss */
.icons-divide span {
  padding: 5px 10px;
  background: #fff;
  z-index: 2;
  display: inline;
}

/* line 12, ../../../../Shoptico.Editor.Frontend/Components/EditorMainMenu.scss */
.icons-divide:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 50%;
  z-index: -1;
  left: 0;
}

/* line 27, ../../../../Shoptico.Editor.Frontend/Components/EditorMainMenu.scss */
.icons-list ul li {
  display: inline-flex;
  flex-direction: column;
  width: 33%;
  align-items: center;
  /*padding: 10px;*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  /*margin-bottom: 15px;*/
  padding: 10px;
}

/* line 38, ../../../../Shoptico.Editor.Frontend/Components/EditorMainMenu.scss */
.icons-list ul li .img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  /*border: 1px solid #ddd;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  margin-bottom: 5px;
  min-width: 40px;
  min-height: 40px;
  background: #f5f5f5;
}

/* line 51, ../../../../Shoptico.Editor.Frontend/Components/EditorMainMenu.scss */
.icons-list ul li .img-wrap i {
  font-weight: bold;
  font-size: 17px;
}

/* line 57, ../../../../Shoptico.Editor.Frontend/Components/EditorMainMenu.scss */
.icons-list ul li span {
  display: block;
  text-align: center;
  /*font-weight:bold;*/
}

/* line 63, ../../../../Shoptico.Editor.Frontend/Components/EditorMainMenu.scss */
.icons-list ul li:hover {
  cursor: pointer;
  /*background: #f5fdff;*/
  /*span {
					color: #0ac2f4;
				}*/
}

/* line 66, ../../../../Shoptico.Editor.Frontend/Components/EditorMainMenu.scss */
.icons-list ul li:hover .img-wrap {
  /*background: #def3f9;*/
  /*background:#f5fdff;*/
  /*border-color: #0ac2f4;*/
  background: #0ac2f4;
  color: #fff;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item {
  padding: 9px 9px 9px 29px !important;
  cursor: pointer;
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item span {
  font-size: 12px;
  /*font-weight: 500;*/
  margin-left: 5px;
}

/* line 11, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item .hotkey {
  font-size: 11px;
  background: #cff2ff;
  color: #0b546b;
  padding: 4px 10px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  /*font-weight: bold;*/
  margin-left: 10px;
}

/* line 21, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item.disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}

/* line 26, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item.action-menu-icon {
  position: relative;
  display: flex;
  justify-content: space-between;
}

/* line 31, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item.action-menu-icon:before {
  display: block;
  content: "";
  position: absolute;
  top: 11px;
  left: 12px;
  height: 15px;
  width: 12px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 44, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item.action-menu-icon.transform-icon:before {
  background-image: url(Images/Icons/DesignerTools/transform.svg);
}

/* line 50, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item.action-menu-icon.cut-icon:before {
  background-image: url(Images/Icons/DesignerTools/cut.svg);
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item.action-menu-icon.copy-icon:before {
  background-image: url(Images/Icons/DesignerTools/copy.svg);
}

/* line 62, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item.action-menu-icon.paste-icon:before {
  background-image: url(Images/Icons/DesignerTools/paste.svg);
}

/* line 68, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item.action-menu-icon.paste-only-icon:before {
  background-image: url(Images/Icons/DesignerTools/paste-only.svg);
}

/* line 74, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item.action-menu-icon.delete-icon:before {
  background-image: url(Images/Icons/DesignerTools/delete-2.svg);
}

/* line 80, ../../../../Shoptico.Editor.Frontend/Components/Menus/EditorActionMenuItem.scss */
.editor-action-menu-item.action-menu-icon.export-icon:before {
  background-image: url(Images/Icons/DesignerTools/json-export.svg);
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons {
  padding: 12px;
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  text-decoration: none;
  background-color: #fff;
  border-left: 4px solid transparent;
  color: #333;
  cursor: pointer;
}

/* line 26, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons:hover {
  border-left: 4px solid #c3c3c3;
  background: #f7f9fa;
  color: #333;
}

/* line 32, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons:visited {
  color: #333;
}

/* line 36, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons a {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 41, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons a:visited {
  color: #333;
}

/* line 46, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons i {
  padding: 15px 0;
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 21px;
}

/* line 54, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons img {
  width: 100%;
  height: auto;
  z-index: 1;
}

/* line 60, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons.menu-item-button {
  background: none !important;
  border-color: transparent !important;
  border-left: 0 !important;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 66, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons.menu-item-button::after {
  content: "";
  position: absolute;
  background: transparent;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  z-index: -1;
}

/* line 80, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons.menu-item-button:hover {
  background: none !important;
  border-color: transparent !important;
  border-left: 0 !important;
}

/* line 85, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons.menu-item-button:hover::after {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background: #f2f2f4;
}

/* line 92, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons.menu-item-button.back {
  padding: 15px 14px 15px 14px;
  bottom: 0px;
}

/* line 97, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons.menu-item-button.back .menu-button > i {
  padding: 3px 0;
}

/* line 102, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons.menu-item-button.back:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}

/* line 112, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons.menu-item-button.back::after {
  content: "";
  position: absolute;
  background: transparent;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 3px solid transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  z-index: -1;
}

/* line 127, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons.menu-item-button.back:hover::after {
  border-left: 3px solid #0ac2f4;
  background: #f2f2f4;
}

/* line 135, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons.menu-item-button.active::after {
  background: #e6f8ff;
}

/* line 140, ../../../../Shoptico.Editor.Frontend/Components/Menus/MenuButton.scss */
.main-menu-buttons.menu-item-button.settings {
  margin-top: 57px;
}

/*BUTTONS*/
/* line 2, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container {
  padding: 0 1.7rem;
  /* Themed Buttons */
  /*Custom*/
  /* Buttons */
  /* Images Buttons */
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .button-category {
  margin-bottom: 5px;
  padding: 10px 0 3px 0;
  border-bottom: 1px solid #e6e6e6;
}

/* line 10, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .button-category:last-child {
  margin-bottom: 10px;
}

/* line 15, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .button-box {
  text-align: left;
  padding: 10px 10px;
}

/* line 19, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .button-box:nth-child(even) {
  text-align: right;
}

/* line 23, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .button-box > * {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* line 30, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-theme-1 {
  padding: 10px 0;
  border: none;
  background-color: #ffd800;
  color: #333;
  font-family: 'Courier New';
  font-size: 1rem;
  font-weight: 900;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 41, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-theme-1:hover {
  background-color: #ff6a00;
  color: #fff;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 48, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-theme-2 {
  padding: 8px 0;
  border: none;
  border: 2px solid #ffd800;
  background-color: #fff;
  color: #333;
  font-family: 'Courier New';
  font-size: 1rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 61, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-theme-2:hover {
  background-color: rgba(255, 216, 0, 0.2);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 67, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-theme-3 {
  padding: 8px 0;
  border: 2px solid #ffd800;
  background-color: #fff;
  color: #333;
  font-family: 'Courier New';
  font-size: 1rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 5px 5px 0px 0 rgba(255, 216, 0, 0.8);
  -moz-box-shadow: 5px 5px 0px 0 rgba(255, 216, 0, 0.8);
  box-shadow: 5px 5px 0px 0 rgba(255, 216, 0, 0.8);
}

/* line 80, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-theme-3:hover {
  background-color: rgba(240, 230, 15, 0.2);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 86, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-theme-4 {
  padding: 10px 0;
  border: none;
  background-color: #ffd800;
  color: #333;
  font-family: 'Courier New';
  font-size: 1rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 5px 5px 8px 0 rgba(255, 140, 0, 0.8);
  -moz-box-shadow: 5px 5px 8px 0 rgba(255, 140, 0, 0.8);
  box-shadow: 5px 5px 8px 0 rgba(255, 140, 0, 0.8);
}

/* line 99, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-theme-4:hover {
  background-color: #ff6a00;
  color: #fff;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 106, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-custom-1 {
  padding: 10px 0;
  background-color: #fff;
  color: #ff006e;
  font-family: 'Sitka Text';
  font-size: 1rem;
  font-style: italic;
  text-align: center;
  text-decoration: none;
  border: 2px solid #ff006e;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 5px 5px 0px 0 rgba(204, 195, 245, 0.8);
  -moz-box-shadow: 5px 5px 0px 0 rgba(204, 195, 245, 0.8);
  box-shadow: 5px 5px 0px 0 rgba(204, 195, 245, 0.8);
}

/* line 119, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-custom-1:hover {
  background-color: #ff0000;
  color: #fff;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 126, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-custom-2 {
  padding: 10px 0;
  background-color: rgba(116, 195, 156, 0.8);
  color: #fff;
  font-family: Consolas;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
  border: 2px solid #74c39c;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 5px 0px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 0px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 0px 0 rgba(0, 0, 0, 0.5);
}

/* line 138, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-custom-2:hover {
  background-color: #fff;
  color: #74c39c;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 145, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-1 {
  padding: 12px 0;
  background-color: #0ac2f4;
  border: none;
  color: #ffffff;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 155, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-1:hover {
  background-color: #3fa9f5;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 161, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-2 {
  padding: 12px 0;
  background-color: #0ac2f4;
  border: none;
  color: #ffffff;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

/* line 171, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-2:hover {
  background-color: #3fa9f5;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 177, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-3 {
  padding: 10px 0;
  background-color: #fff;
  border: 2px solid #0ac2f4;
  color: #0ac2f4;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

/* line 187, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-3:hover {
  background-color: #0ac2f4;
  color: #fff;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 194, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-4 {
  padding: 10px 0;
  background-color: #fff;
  border: 2px solid #0ac2f4;
  color: #0ac2f4;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 204, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-4:hover {
  background-color: #0ac2f4;
  color: #fff;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 211, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-5 {
  padding: 10px 0;
  background-color: #fff;
  border: 2px solid #0ac2f4;
  color: #0ac2f4;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
  -moz-box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
  box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
}

/* line 222, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-5:hover {
  background-color: #0ac2f4;
  color: #fff;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 229, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-6 {
  padding: 10px 0;
  background-color: #fff;
  color: #0ac2f4;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: none;
  border: 2px solid #0ac2f4;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
  -moz-box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
  box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
}

/* line 240, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-6:hover {
  background-color: #0ac2f4;
  color: #fff;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 247, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-7 {
  padding: 12px 0;
  background-color: #0ac2f4;
  border: none;
  color: #ffffff;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
  -moz-box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
  box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
}

/* line 258, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-7:hover {
  background-color: #3fa9f5;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 264, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-8 {
  padding: 12px 0;
  background-color: #0ac2f4;
  border: none;
  color: #ffffff;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
  -moz-box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
  box-shadow: 5px 5px 0px 0 rgba(204, 240, 245, 0.8);
}

/* line 275, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-style-8:hover {
  background-color: #3fa9f5;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 281, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-image-1 {
  padding: 20px 0;
  background-color: #0ac2f4;
  border: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
  -moz-box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
  box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
}

/* line 288, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-image-1:hover {
  background-color: #3fa9f5;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 294, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-image-2 {
  padding: 20px 0;
  background-color: #ffd800;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
  -moz-box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
  box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
}

/* line 301, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-image-2:hover {
  background-color: #3fa9f5;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 307, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-image-3 {
  padding: 20px 0;
  background-color: #ff006e;
  border: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
  -moz-box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
  box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
}

/* line 314, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-image-3:hover {
  background-color: #3fa9f5;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 320, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-image-4 {
  padding: 20px 0;
  background-color: #b6ff00;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
  -moz-box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
  box-shadow: 3px 3px 0px 0 rgba(204, 240, 245, 0.8);
}

/* line 327, ../../../../Shoptico.Editor.Frontend/Components/PreviewMenuItem.scss */
.buttons-container .btn-image-4:hover {
  background-color: #3fa9f5;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/SamplePreviewMenuItem.scss */
.sample-preview-menu-item {
  display: block !important;
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/SamplePreviewMenuItem.scss */
.sample-preview-menu-item .button-category span {
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/SamplePreviewMenuItemWrapper.scss */
.preview-menu-item * {
  pointer-events: none;
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/SamplePreviewMenuItemWrapper.scss */
.component-wrapper {
  transform: scale(0.65);
  position: absolute;
  left: -65px;
  top: -10px;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Structure/ViewportSize.scss */
.viewport-size {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  bottom: 12px;
  right: 19px;
  background: #f2f2f4;
  z-index: 99;
  border-radius: 23px;
  padding: 0 30px;
  width: 270px;
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Components/Structure/ViewportSize.scss */
.viewport-size .separator {
  background: #ddd;
  width: 1px;
  height: 16px;
}

/* line 20, ../../../../Shoptico.Editor.Frontend/Components/Structure/ViewportSize.scss */
.viewport-size .title {
  font-size: 10px;
  font-weight: bold;
}

/* line 10, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.sidebar .sub-menu .text-box {
  display: none;
}

/* line 16, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.submenu-content {
  height: 100%;
}

/* line 20, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.perfect-scrollbar {
  max-height: 100vh;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -17px;
  overflow-y: scroll;
}

/* line 29, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.perfect-scrollbar::-webkit-scrollbar-track {
  background-color: #fff;
}

/* line 33, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.perfect-scrollbar::-webkit-scrollbar {
  background-color: #fff;
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.perfect-scrollbar::-webkit-scrollbar-thumb {
  background-color: #fff;
}

/* line 42, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu {
  width: 350px !important;
}

/* line 46, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .text-box img {
  display: none;
  width: 100% !important;
  height: auto;
}

/* line 52, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .text-box p {
  cursor: default;
  display: none;
}

/* line 58, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu.menu-show {
  width: 200px;
}

/* line 62, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items {
  padding: 0 15px 15px 15px;
  display: grid;
  grid-template-columns: repeat(3, 96px);
  gap: 15px;
}

/* line 71, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .submenu-header {
  grid-column-start: 1;
  grid-column-end: 4;
}

/* line 75, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .submenu-header .submenu-header-title {
  margin-bottom: 14px;
  padding: 12px 25px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
}

/* line 89, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .submenu-header .submenu-header-title > span {
  font-size: 13px;
  font-weight: 600;
}

/* line 94, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .submenu-header .submenu-header-title .close {
  margin: 0;
  padding: 1px;
  display: flex;
  justify-content: center;
  align-content: center;
  border: none;
  box-shadow: none;
  min-height: 18px;
  background: #f2f2f4;
  color: #333;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 108, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .submenu-header .submenu-header-title .close:hover {
  background: #e5e5e5;
}

/* line 112, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .submenu-header .submenu-header-title .close i {
  position: relative;
  font-size: 20px;
  left: 0;
  top: 0;
  transform: translate(0%, 0%);
}

/* line 122, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .submenu-header .search {
  position: relative;
  width: 100%;
}

/* line 126, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .submenu-header .search input {
  width: 100%;
  padding: 13px 45px 13px 15px;
  border: none;
  outline: none;
  background: #f5f5f5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  font-size: 0.875rem;
  font-family: 'Montserrat', sans-serif;
  color: #333;
}

/* line 138, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .submenu-header .search input:hover {
  background: #efefef;
}

/* line 143, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .submenu-header .search input[placeholder] {
  font-size: 0.75rem;
}

/* line 147, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .submenu-header .search .search-icon {
  position: absolute;
  top: 55%;
  transform: translate(0, -50%);
  font-size: 18px;
  right: 15px;
}

/* line 157, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .editor-nav-separator {
  padding: 0;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 12px;
  grid-column-start: 1;
  grid-column-end: 4;
}

/* line 166, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .editor-nav-separator::before {
  display: block;
  content: "";
  width: 12px;
  position: absolute;
  top: 50%;
  left: 0px;
  height: 1px;
  background: #ddd;
  z-index: -1;
}

/* line 178, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .editor-nav-separator .title-separator {
  padding: 0 10px 0 20px;
  font-weight: 600;
}

/* line 184, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .editor-nav-separator .line-separator {
  width: 100%;
  display: flex;
  background: #ddd;
  height: 1px;
}

/* line 192, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item {
  padding: 0px 5px 5px 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: auto;
  /*height: $item-size;*/
  background-color: #fcfcfc;
  border: 2px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  cursor: pointer;
}

/* line 210, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item.active {
  border: 2px solid #ddd;
  background: #f5fcff !important;
}

/* line 214, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item.active:hover {
  background: #0ac2f4 !important;
}

/* line 217, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item.active:hover .badge {
  color: #01b3e6;
  background-color: #fff;
}

/* line 223, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item.active span {
  color: #fff;
}

/* line 227, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item.active .sub-menu-arrow-icon {
  color: #fff;
  visibility: visible;
}

/* line 232, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item.active .menu-link {
  color: #333 !important;
  font-size: 12px;
}

/* line 237, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item.active .badge {
  color: #01b3e6;
  background-color: #fff;
}

/* line 243, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item:hover {
  border: 2px solid #0ac2f4;
  background: #f5fcff !important;
  cursor: pointer;
}

/* line 249, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item:hover .badge {
  color: #fff;
  background-color: #0ac2f4;
}

/* line 254, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item:hover .sub-menu-arrow-icon {
  visibility: visible;
}

/* line 258, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item:hover .option-icon {
  opacity: 1;
}

/* line 263, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item .menu-link {
  font-size: 11px !important;
  text-align: center;
}

/* line 268, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item .sub-menu-arrow-icon {
  font-size: 21px;
  padding-right: 12px;
  font-weight: bold;
  visibility: hidden;
}

/* line 275, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item .option {
  padding: 0;
  display: inline-block;
  position: relative;
  width: auto;
  font-size: 12px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}

/* line 284, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item .option .menu-link {
  padding: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
  cursor: pointer;
}

/* line 290, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item .option .menu-link:hover {
  color: #333;
}

/* line 295, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item .option span {
  line-height: 15px;
  min-height: 30px;
  display: flex;
  align-items: center;
}

/* line 302, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item .option:hover {
  background: none;
}

/* line 307, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item .option-icon {
  /*margin-bottom: 8px;
				width: 30px;
				height: auto;*/
  margin: 10px 0px 0px 0px;
  width: 50px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 315, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item .option-icon img {
  width: 100%;
  height: auto;
}

/* line 321, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.menu .menu-items .menu-item .badge {
  margin-right: 10px;
  padding: 2px 4px;
  font-size: 11px;
  background-color: #3dbfe81a;
  color: #01b3e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-width: 19px;
  text-align: center;
}

/* line 335, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.my-store {
  display: none;
}

/* line 339, ../../../../Shoptico.Editor.Frontend/Components/SubMenu.scss */
.text-center {
  text-align: center;
}

/*.scroll-content {
	width: $menu-width !important;
}*/
/* line 1, ../../../../Shoptico.Editor.Frontend/Components/SubMenuItem.scss */
.menu-link {
  cursor: default;
}

/* line 4, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  width: 150px;
  position: relative;
  top: 0;
  padding: 8px 8px 8px 12px;
  background: #f5f5f5;
  cursor: pointer;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  font-weight: 600;
  z-index: 1;
  border-bottom: 3px solid #c1c1c1;
  /*&::before {
					display: block;
					content: '';
					height: 8px;
					width: 8px;
					position: absolute;
					bottom: -1px;
					left: -8px;
					background-image: url('/Shoptico.Editor.Frontend/Images/Icons/circle-left.svg');
					background-repeat: no-repeat;
				}

				&::after {
					display: block;
					content: '';
					height: 8px;
					width: 8px;
					position: absolute;
					bottom: -1px;
					right: -8px;
					background-image: url('/Shoptico.Editor.Frontend/Images/Icons/circle-right.svg');
					background-repeat: no-repeat;
				}*/
}

/* line 42, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab:hover {
  background: #fff;
  -webkit-box-shadow: 0px -1px 8px -1px rgba(33, 34, 41, 0.1);
  -moz-box-shadow: 0px -1px 8px -1px rgba(33, 34, 41, 0.1);
  box-shadow: 0px -1px 8px -1px rgba(33, 34, 41, 0.1);
  border-color: #989898;
  /*&::before {
						background-image: url('/Shoptico.Editor.Frontend/Images/Icons/circle-left-hover.svg');
						@include transition(0.2s);
					}

					&::after {
						background-image: url('/Shoptico.Editor.Frontend/Images/Icons/circle-right-hover.svg');
						@include transition(0.2s);
					}*/
}

/* line 55, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab:hover i {
  background: #fff;
  /*@include box-shadow(-5px, 0px, 7px, 3px, #f7f7f7, false);*/
}

/* line 62, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab:first-child .tab-separator {
  visibility: hidden;
}

/* line 67, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab .tab-separator {
  position: absolute;
  left: -1px;
  border-right: 1px solid #b3b3b3;
  height: 16px;
}

/* line 75, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab.hidden i {
  display: none;
}

/* line 80, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab.tab-active {
  min-width: 150px;
  border-bottom: 3px solid #37c6f4;
  background: #fff;
  box-shadow: none;
  z-index: 2;
  -webkit-box-shadow: 0px -1px 8px -1px rgba(33, 34, 41, 0.1);
  -moz-box-shadow: 0px -1px 8px -1px rgba(33, 34, 41, 0.1);
  box-shadow: 0px -1px 8px -1px rgba(33, 34, 41, 0.1);
  /*&::before {
						background-image: url('/Shoptico.Editor.Frontend/Images/Icons/circle-left-active.svg');
					}

					&::after {
						background-image: url('/Shoptico.Editor.Frontend/Images/Icons/circle-right-active.svg');
					}*/
}

/* line 88, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab.tab-active i {
  background: #fff;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  /*@include box-shadow(-5px, 0px, 7px, 3px, rgba(255, 255, 255, 1), false);*/
}

/* line 92, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab.tab-active i:hover {
  background: #e5e5e5;
  /*@include box-shadow(-5px, 0px, 7px, 3px, rgba(255, 255, 255, 1), false);*/
}

/* line 104, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab.tab-active .tab-separator {
  visibility: hidden;
}

/* line 108, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab.tab-active p {
  color: #0098ca;
}

/* line 113, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab .tab-border {
  position: absolute;
  bottom: 6px;
  right: 0;
  width: 1px;
  height: 20px;
  background: #aaa;
}

/* line 122, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab p, .editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab i {
  display: inline-block;
  margin: 0;
}

/* line 127, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab p {
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  max-width: 120px;
  min-width: 0;
  opacity: 1;
  pointer-events: none;
}

/* line 138, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab i {
  position: absolute;
  right: 5px;
  font-size: 21px;
  /* font-weight: 600; */
  color: #9e9e9e;
  vertical-align: bottom;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  /*height: 18px;
					width: 18px;*/
  padding: 0px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  opacity: 1;
  visibility: visible;
  background: #f5f5f5;
  display: block;
  /*&::before {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}*/
}

/* line 155, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section .editor-tab i:hover {
  color: #333;
  background: #e5e5e5;
  /*@include box-shadow(-5px, 0px, 7px, 3px, rgba(255, 255, 255, 1), false);*/
}

/* line 171, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section.tabs-small .editor-tab p {
  opacity: 0;
}

/* line 175, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section.tabs-small .editor-tab i {
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
}

/* line 182, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section.tabs-small .editor-tab i:hover {
  background: #f7f7f7;
  box-shadow: none;
}

/* line 189, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section.tabs-small .editor-tab:hover p {
  opacity: 1;
}

/* line 195, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section.tabs-small .editor-tab.tab-active p {
  opacity: 1;
}

/* line 199, ../../../../Shoptico.Editor.Frontend/Components/EditorTab.scss */
.editor-title-bar .editor-title-bar-wrap .tab-section.tabs-small .editor-tab.tab-active i {
  position: absolute;
  right: 4px;
  left: auto;
  transform: none;
  visibility: visible;
  background: #fff;
  -webkit-box-shadow: 0px 0px 7px 3px white;
  -moz-box-shadow: 0px 0px 7px 3px white;
  box-shadow: 0px 0px 7px 3px white;
}

/* line 21, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools {
  margin: 0;
  padding: 0 !important;
  position: fixed;
  background: #fff;
  width: 300px !important;
  max-height: 585px;
  transition: right 0.2s;
  -webkit-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  z-index: 999;
}

/* line 34, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools.docked {
  min-height: 100%;
  border: none;
}

/* line 39, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools.docked .header-tools h5 {
  max-height: 42px;
  overflow: hidden;
  cursor: default;
}

/* line 47, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools.dragged {
  opacity: 0.9;
}

/* line 51, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools * a {
  color: #333 !important;
  text-decoration: none;
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  transition: all all 0.2s;
  -moz-transition: all all 0.2s;
  -webkit-transition: all all 0.2s;
  -o-transition: all all 0.2s;
}

/* line 63, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool > div {
  width: 100%;
}

/* line 67, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

/* line 72, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content h5 {
  display: flex;
  align-items: center;
}

/* line 79, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .css-number-input .input-group {
  padding: 0px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

/* line 86, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .css-number-input .input-group .input-title {
  width: 70%;
  /*font-weight: bold;*/
}

/* line 91, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .css-number-input .input-group .input-container {
  position: relative;
  width: 100%;
}

/* line 95, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .css-number-input .input-group .input-container .unit {
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: bold;
}

/* line 104, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .css-number-input .input-group .range-line {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 109, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .css-number-input .input-group:hover .range-line {
  background: #d2d2d2;
}

/* line 116, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment {
  padding: 0px 10px;
  position: relative;
}

/* line 120, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window {
  margin-bottom: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 174.66px;
  border: 2px dashed #0ac2f4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  overflow: hidden;
  cursor: pointer;
}

/* line 134, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window .image-background {
  position: absolute;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background-image: url(Images/Icons/DesignerTools/none.svg);
  background-repeat: repeat;
  background-size: 12px;
  opacity: 0.15;
  z-index: 0;
}

/* line 145, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window img {
  width: auto;
  height: auto;
  max-height: calc(100% - 6px);
  max-width: calc(100% - 6px);
  z-index: 1;
}

/* line 153, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window .file-area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: none;
  z-index: 2;
}

/* line 165, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window .file-area .placeholder-wrapper .secondary-button .button {
  margin: 0 !important;
  padding-left: 35px;
  background: transparent;
}

/* line 170, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window .file-area .placeholder-wrapper .secondary-button .button i {
  right: auto;
}

/* line 179, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window .file-area .button.default.shadow {
  padding: 8px 14px 8px 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 5px 5px 0px 0 rgba(243, 243, 243, 0.12);
  -moz-box-shadow: 5px 5px 0px 0 rgba(243, 243, 243, 0.12);
  box-shadow: 5px 5px 0px 0 rgba(243, 243, 243, 0.12);
}

/* line 187, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window .file-area:hover {
  background-color: #f5fcff;
  border-color: #0bafe4;
}

/* line 192, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window .file-area:hover .button {
  border-color: #15a0cc !important;
  box-shadow: 5px 5px 0 #dbf3fb !important;
}

/* line 196, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window .file-area:hover .button span, .designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window .file-area:hover .button i {
  color: #0097c7;
}

/* line 203, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window .image-icon {
  margin: 6px auto;
  display: flex;
  width: 135px;
}

/* line 209, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window.drag-hover {
  border: 2px dashed #0ac2f4;
}

/* line 213, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window .add-image-text {
  display: flex;
  justify-content: center;
  font-size: 11px;
}

/* line 219, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window:hover {
  background: #f1fbff;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 223, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window:hover .add-image-text {
  color: #333;
}

/* line 229, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .image-preview-window:hover .secondary-button .default.shadow {
  box-shadow: 4px 4px 0 #dcf8fd;
}

/* line 237, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .close {
  position: absolute;
  top: -6px;
  right: 6px;
  position: absolute;
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  border: 1px solid #0ac2f4;
  background: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-shadow: 0px 3px 12px 0 rgba(68, 76, 88, 0.12);
  z-index: 1;
}

/* line 253, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .close i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
}

/* line 261, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .close:hover {
  border-color: #e26060;
  background: #ff8484;
}

/* line 265, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .tool-content .input-container .gallery-fragment .close:hover i {
  color: #fff;
}

/* line 274, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool h5 {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
  padding: 15px 10px;
  cursor: default;
  background: #f9f9f9;
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

/* line 285, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool h5 .social-icon {
  padding-left: 20px;
  position: relative;
  font-weight: 600;
}

/* line 290, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool h5 .social-icon::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* line 302, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool h5 .social-icon.facebook::before {
  background-image: url("/Shoptico.Editor.Frontend/Images/Icons/facebook.svg");
}

/* line 308, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool h5 .social-icon.google::before {
  left: 2px;
  width: 14px;
  height: 14px;
  background-image: url("/Shoptico.Editor.Frontend/Images/Icons/google.svg");
}

/* line 317, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool h5 .social-icon.twitter::before {
  bottom: -1px;
  background-image: url("/Shoptico.Editor.Frontend/Images/Icons/twitter.svg");
}

/* line 325, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container {
  margin: 0;
  width: 100%;
}

/* line 329, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .control {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  min-width: 65px;
}

/* line 336, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .control.text {
  width: 100%;
}

/* line 339, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .control.text > input {
  width: 100%;
  text-align: left;
  padding: 9px;
  font-family: "Montserrat", sans-serif;
}

/* line 344, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .control.text > input:focus-visible {
  border: none;
  outline: none;
}

/* line 351, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .control .range-line {
  margin: 0 16px 0 0;
}

/* line 355, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .control > input {
  padding: 5px;
  width: 100%;
  min-width: 65px;
  max-height: 38px;
  min-height: 38px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  background: #f3f3f3;
  border: 2px solid transparent;
  box-shadow: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
}

/* line 370, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .control > input:focus {
  border: 2px solid #0ac2f4 !important;
  background: transparent;
}

/* line 375, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .control > input:hover {
  border: 2px solid #cfcfcf;
  background: #fff;
}

/* line 381, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .control > input.form-control {
  padding: 5px 20px 5px 1px;
  text-align: right;
}

/* line 388, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .button {
  margin: 0;
  padding: 9px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 38px;
  max-height: 38px;
  color: #333;
  font-weight: bold;
  text-align: left;
  border: 2px solid transparent;
  background: #f3f3f3;
  box-shadow: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 406, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .button > i {
  font-size: 20px;
  color: #333;
  background: none;
  border: none;
}

/* line 413, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .button:focus {
  border: 2px solid #0ac2f4 !important;
  background: transparent;
}

/* line 418, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .button:hover {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 425, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container .button span,
.designer-tools .tool .input-container .button i {
  color: #333;
  /*font-weight: bold;*/
  margin-right: -5px;
}

/* line 433, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container.text {
  width: 100%;
}

/* line 436, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-container.text input {
  width: 100%;
  text-align: left;
}

/* line 446, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .input-container .button .font-name {
  width: 100%;
}

/* line 457, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .icon-columns-wrapper .toggle-list li:after {
  content: none;
}

/* line 464, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-tool-group {
  margin-bottom: 12px;
  padding: 0px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 471, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-tool-group span {
  width: 70%;
}

/* line 475, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-tool-group .editor-tool-font {
  width: 70%;
}

/* line 478, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-tool-group .editor-tool-font span {
  font-size: 12px;
  color: #333;
}

/* line 484, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-tool-group .text-input-wrapper {
  width: 100%;
}

/* line 487, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-tool-group .text-input-wrapper .input {
  box-shadow: 3px 3px 0 #f7f7f7;
  min-height: 27px;
  padding: 0 6px;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 495, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-tool-group .text-input-wrapper .input:hover {
  border: 1px solid #b7b7b7;
}

/* line 499, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-tool-group .text-input-wrapper .input:focus {
  border: 1px solid #0ac2f4;
}

/* line 505, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-tool-group > .toggle {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

/* line 510, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-tool-group > .toggle span {
  max-width: 35px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 517, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-tool-group > .toggle > input:checked + span:before {
  background: #83c33b;
  width: 35px;
}

/* line 525, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle .editor-tool-group {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 530, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle .editor-tool-group .toggle {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 536, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle .editor-tool-group:hover .toggle > span {
  background: #aba7a7;
}

/* line 546, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > span {
  min-width: calc(100% + 20px);
  height: 38px;
  left: 4px;
  background-color: #f3f3f3;
  border: 2px solid transparent;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}

/* line 556, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > span:hover {
  border: 2px solid #0ac2f4;
  background-color: #f5fcff;
}

/* line 565, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > input + span::before, .designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > input + span::after {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: auto;
  right: 4px;
  transform: translateY(-50%);
  min-width: 27px;
  min-height: 27px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px;
  background-color: #fff;
  box-shadow: 0px 3px 12px 0 rgba(68, 76, 88, 0.12);
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}

/* line 589, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > input + span:hover::before, .designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > input + span:hover::after {
  color: #0ac2f4;
  box-shadow: 0px 3px 12px 0 rgba(68, 76, 88, 0.22);
}

/* line 596, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > input + span::before {
  text-indent: -60px;
  content: "Custom";
  background-image: url("/Shoptico.Editor.Frontend/Images/Icons/DesignerTools/padlock-unlock-b.svg");
  opacity: 0;
}

/* line 603, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > input + span::after {
  text-indent: -58px;
  content: "Default";
  background-image: url("/Shoptico.Editor.Frontend/Images/Icons/DesignerTools/padlock-lock-b.svg");
  opacity: 1;
}

/* line 612, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > input:checked + span {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 617, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > input:checked + span::before {
  background-color: #fff;
  width: 27px;
  opacity: 1;
}

/* line 623, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > input:checked + span::after {
  opacity: 0;
}

/* line 631, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > input:disabled + span::before {
  opacity: 0;
}

/* line 635, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.padlock .editor-tool-group .toggle > input:disabled + span::after {
  opacity: 1;
}

/* line 648, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.no-title .tool-content h5 {
  display: none;
}

/* line 655, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.null .tool-content {
  flex-wrap: wrap;
}

/* line 661, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.expanded .tool-content {
  margin-bottom: 18px;
  align-items: center;
  background: #f9f9f9;
  flex-wrap: nowrap;
}

/* line 667, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.expanded .tool-content h5 {
  margin: 0;
}

/* line 671, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.expanded .tool-content i {
  margin-right: 10px;
  display: flex;
  align-items: center;
  font-size: 24px;
  /*font-weight: bold;*/
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
  background: #eaeaea;
  border-radius: 50%;
  padding: 2px;
}

/* line 683, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.expanded .tool-content i:hover {
  background: #e2e0e0;
  color: #000;
}

/* line 689, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.expanded .tool-content img {
  margin-right: 12px;
  padding: 6px;
  display: flex;
  align-items: center;
  width: 25px;
  height: 25px;
  background: #eaeaea;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}

/* line 701, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.expanded .tool-content img:hover {
  background: #e2e0e0;
}

/* line 706, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.expanded .tool-content .icon-open {
  transform: rotate(-90deg);
}

/* line 713, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.tool-none .tool-content {
  align-items: center;
  background: transparent;
}

/* line 717, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.tool-none .tool-content > h5 {
  display: none;
}

/* line 722, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.tool-none .tool-info {
  display: none;
}

/* line 728, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.tool-no-label h5 {
  padding: 0 !important;
}

/* line 733, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom {
  padding: 0;
  display: flex;
  flex-direction: column;
  font-weight: normal;
  width: 100%;
}

/* line 740, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .tool-content {
  flex-wrap: wrap;
  background: none;
}

/* line 744, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .tool-content h5 {
  padding: 0 10px 5px 10px;
  font-weight: normal;
  background: none;
}

/* line 751, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .tool-info {
  margin: 0 10px 10px 10px;
}

/* line 755, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-wrapper {
  margin-top: 4px;
  align-items: flex-start;
  flex: 0 0 30%;
  max-width: 30%;
}

/* line 761, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-wrapper h5 {
  padding: 0;
  font-weight: normal;
  background: none;
}

/* line 768, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container {
  padding: 0 10px;
}

/* line 771, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container textarea {
  border: 2px solid #ddd;
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
}

/* line 775, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container textarea:hover, .designer-tools .tool.custom .input-container textarea:focus {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 781, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .form-group {
  margin: 0;
}

/* line 784, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .form-group .input {
  margin-bottom: 6px;
  padding: 5px;
  min-height: 60px;
}

/* line 791, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .tag-input {
  padding: 0 !important;
  min-height: 27px;
  box-shadow: none;
  border: none;
  outline: none;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 803, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .tag-input:hover {
  border: none;
}

/* line 808, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .tag-input:focus {
  border: none;
}

/* line 814, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .tag-input input {
  margin-top: 3px;
  height: auto;
}

/* line 819, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .tag-input .tags {
  padding-top: 3px;
}

/* line 822, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .tag-input .tags .tag {
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 5px;
  border: 2px solid #56d9ff;
  border-radius: 5px;
}

/* line 829, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .tag-input .tags .tag:hover {
  border: 2px solid #00b4ef;
}

/* line 833, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .tag-input .tags .tag .text {
  margin-right: 3px;
}

/* line 837, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .tag-input .tags .tag .close-tag {
  padding: 0 1px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* line 844, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .tag-input .tags .tag .close-tag > i {
  font-size: 22px;
  margin: 0;
  padding: 0;
  background: none;
}

/* line 850, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.custom .input-container .tag-input .tags .tag .close-tag > i:hover {
  background: none;
}

/* line 861, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.rounding-tool {
  margin-bottom: 2rem;
}

/* line 864, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.rounding-tool .tool-content {
  flex-wrap: wrap;
}

/* line 868, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.rounding-tool .tool-info {
  display: none;
}

/* line 873, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px;
  margin-bottom: 12px;
}

/* line 885, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper label {
  width: 70%;
  font-size: 12px;
  color: #000;
}

/* line 891, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .slider-label {
  width: 70%;
  padding-right: 12px;
  color: #000;
}

/* line 898, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper.font-piker h5 {
  width: 70%;
  background: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* line 907, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper.align-top {
  align-items: flex-start;
}

/* line 910, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper.align-top label {
  padding-top: 11px;
}

/* line 915, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .options-container {
  position: relative;
  width: 75%;
  max-height: 300px;
  padding-right: 6px;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: pointer;
}

/* line 924, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .options-container .options-group {
  position: relative;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  padding: 6px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid transparent;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 935, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .options-container .options-group.suboptions {
  margin: 4px 0;
}

/* line 939, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .options-container .options-group .form-group {
  margin: 0;
}

/* line 942, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .options-container .options-group .form-group .radio {
  cursor: pointer;
}

/* line 947, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .options-container .options-group .image-wrapper {
  position: relative;
  width: 100%;
  height: auto;
}

/* line 952, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .options-container .options-group .image-wrapper img {
  width: 100%;
  height: auto;
}

/* line 958, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .options-container .options-group.selected {
  border: 1px solid #0ac2f4;
}

/* line 962, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .options-container .options-group:hover {
  border: 1px solid #0ac2f4;
}

/* line 969, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper.select-menu-wrapper label {
  width: 70%;
}

/* line 973, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper.select-menu-wrapper .select-menu {
  width: 100%;
}

/* line 977, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper.select-menu-wrapper .select-menu .button span {
  width: 100%;
}

/* line 984, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .range-line {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 989, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper:hover .range-line {
  background: #d2d2d2;
}

/* line 994, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .slider-input {
  padding-right: 14px;
}

/* line 998, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

/* line 1005, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  width: 40px;
  height: 40px;
  border: 2px dashed #e8e8e8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 1017, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .icon-box:hover {
  border: 2px dashed #0ac2f4;
}

/* line 1021, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .icon-box i {
  font-size: 22px;
}

/* line 1025, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .icon-box.animation-type {
  position: relative;
  width: 52px;
  height: 52px;
}

/* line 1030, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .icon-box.animation-type img {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 6px;
}

/* line 1038, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .icon-box .none {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 1043, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .icon-box .none:before {
  content: "\2298";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 1055, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper.one-input .input-box.integer-input-wrapper {
  margin: 0;
  width: 100%;
}

/* line 1062, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper.no-label {
  width: 100%;
}

/* line 1065, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper.no-label .input-box {
  margin-right: 6px;
}

/* line 1068, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper.no-label .input-box:last-child {
  margin: 0;
}

/* line 1074, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box {
  width: 50%;
}

/* line 1077, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box:first-child {
  margin-right: 6px;
}

/* line 1081, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box:last-child {
  margin-left: 6px;
}

/* line 1085, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box.integer-input-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

/* line 1091, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box.integer-input-wrapper.one-input {
  margin: 0;
  width: 60px;
}

/* line 1096, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box.integer-input-wrapper span {
  padding-right: 6px;
}

/* line 1100, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box.integer-input-wrapper i {
  font-size: 17px;
  padding-left: 2px;
  padding-right: 12px;
}

/* line 1106, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box.integer-input-wrapper .integer {
  margin: 0;
  padding: 0;
}

/* line 1110, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box.integer-input-wrapper .integer input {
  min-width: 100%;
  padding: 0 32px 0 6px;
  text-align: right;
  box-shadow: 3px 3px 0 #f7f7f7;
}

/* line 1117, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box.integer-input-wrapper .integer::after {
  display: block;
  content: "px";
  position: absolute;
  top: calc(50% + 1px);
  right: 20px;
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: normal;
  color: #333;
}

/* line 1130, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box.integer-input-wrapper .integer-arrows {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 2px;
}

/* line 1136, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box.integer-input-wrapper .integer-arrows i {
  position: relative;
  padding: 0;
  cursor: pointer;
}

/* line 1141, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box.integer-input-wrapper .integer-arrows i:first-child {
  top: 4px;
}

/* line 1145, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box.integer-input-wrapper .integer-arrows i:last-child {
  bottom: 4px;
}

/* line 1152, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper .input-box .select-menu {
  width: 100%;
}

/* line 1157, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper.no-label {
  width: 100%;
}

/* line 1161, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .multi-input-wrapper.justify-end {
  justify-content: flex-end;
}

/* line 1166, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .color-input-group {
  position: relative;
}

/* line 1171, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .color-input-group .color-picker-panel.color-input-only .title,
.designer-tools .tool .input-wrapper .color-input-group .color-picker-panel.color-input-only .icons {
  display: none;
}

/* line 1180, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .editor-slider-input {
  margin: 0;
}

/* line 1183, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .editor-slider-input .range-line {
  margin: 0 16px 0 0;
  /*transition: none;*/
  /*.dot {
						transition: none;
					}*/
}

/* line 1193, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .editor-slider-input:hover .number-input > input {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 1202, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .default-button-select ul {
  box-shadow: none;
}

/* line 1205, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .default-button-select ul li {
  border: none;
  padding: 1px 0 0 10px;
}

/* line 1209, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .default-button-select ul li i {
  font-size: 23px;
}

/* line 1213, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .default-button-select ul li.option {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid transparent;
  margin: 0px 2px;
}

/* line 1218, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .default-button-select ul li.option.selected {
  /*background: none !important;
								border: none !important;*/
  border: 2px solid #0ac2f4 !important;
  background-color: #f1f8ff !important;
}

/* line 1224, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .default-button-select ul li.option.selected::after {
  display: none;
}

/* line 1228, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .default-button-select ul li.option.selected i {
  color: #0ac2f4;
}

/* line 1243, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .default-button-select ul li.option:hover {
  border: 2px solid #0ac2f4;
}

/* line 1246, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .input-wrapper .default-button-select ul li.option:hover i {
  color: #0ac2f4;
}

/* line 1256, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle {
  margin: 0;
  width: 100%;
  position: relative;
}

/* line 1266, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle .editor-tool-group .editor-tool-font {
  flex: 0 0 66.666%;
  max-width: 66.666%;
}

/* line 1273, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.toggle-icon::before {
  content: none;
  display: block;
  position: absolute;
  top: 2px;
  left: 8px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 1285, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.toggle-icon .editor-tool-font {
  padding-left: 23px;
  flex: 0 0 80%;
  max-width: 80%;
}

/* line 1295, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.toggle-icon.desktop::before {
  content: "";
  background-image: url("Images/Icons/desktop.svg");
}

/* line 1302, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.toggle-icon.laptop::before {
  content: "";
  background-image: url("Images/Icons/laptop.svg");
}

/* line 1309, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.toggle-icon.tablet::before {
  content: "";
  background-image: url("Images/Icons/tablet.svg");
}

/* line 1316, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.toggle-icon.landscape-phone::before {
  content: "";
  background-image: url("Images/Icons/phone-landscape.svg");
}

/* line 1323, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .editor-toggle.toggle-icon.phone::before {
  content: "";
  background-image: url("Images/Icons/phone-portret.svg");
}

/* line 1333, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .buttons-select.default-button-select ul {
  box-shadow: none;
}

/* line 1336, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .buttons-select.default-button-select ul li {
  padding: 6px;
  border: none;
  background: none;
  cursor: pointer;
}

/* line 1342, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .buttons-select.default-button-select ul li i {
  font-size: 19px;
  text-rendering: optimizeSpeed;
  font-weight: normal;
  color: #5d5d5d;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 1349, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .buttons-select.default-button-select ul li i:hover {
  color: #0ac2f4;
}

/* line 1354, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .buttons-select.default-button-select ul li.selected {
  background: #fff;
}

/* line 1357, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .buttons-select.default-button-select ul li.selected i {
  color: #0ac2f4;
}

/* line 1362, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .buttons-select.default-button-select ul li.selected:first-child::after {
  content: none;
}

/* line 1368, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .buttons-select.default-button-select ul li.selected:last-child::before {
  content: none;
}

/* line 1377, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .buttons-select.default-button-select.options-input .option {
  position: relative;
  /*&:after {
							content: "";
							display: block;
							position: absolute;
							top: -5px;
							left: 3px;
							width: 29px;
							height: 29px;
							@include border-radius(5px);
							border: 2px solid transparent;
							z-index: -1;
						}*/
}

/* line 1392, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .buttons-select.default-button-select.options-input .option:hover:after {
  border: 2px solid #0ac2f4;
  z-index: 0;
}

/* line 1398, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .buttons-select.default-button-select.options-input .option.selected {
  /*&:after {
								content: "";
								display: block;
								border: 2px solid $basic-color !important;
								background-color: $input-bg !important;
							}

							&:hover {
								&:after {
									z-index: -1;
								}
							}*/
}

/* line 1417, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line {
  padding: 15px 10px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  text-align: center;
}

/* line 1425, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line div {
  margin: 0;
  padding: 0;
}

/* line 1430, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line span {
  font-size: 11px;
}

/* line 1434, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style {
  margin: 0 auto 5px auto;
  height: 2rem;
  width: 2rem;
}

/* line 1439, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style:active {
  background: #fff;
  border: 3px solid #0ac2f4;
}

/* line 1444, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style:hover {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 1448, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.solid {
  border: 3px solid #5f5f5f;
}

/* line 1451, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.solid:active, .designer-tools .tool .dashed-line .dashed-style.solid:hover {
  border: 3px solid #0ac2f4;
}

/* line 1456, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.dashed {
  border: 3px dashed #5f5f5f;
}

/* line 1459, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.dashed:active, .designer-tools .tool .dashed-line .dashed-style.dashed:hover {
  border: 3px dashed #0ac2f4;
}

/* line 1464, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.dotted {
  border: 3px dotted #5f5f5f;
}

/* line 1467, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.dotted:active, .designer-tools .tool .dashed-line .dashed-style.dotted:hover {
  border: 3px dotted #0ac2f4;
}

/* line 1472, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.double {
  border: 3px double #5f5f5f;
}

/* line 1475, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.double:active, .designer-tools .tool .dashed-line .dashed-style.double:hover {
  border: 3px double #0ac2f4;
}

/* line 1480, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.inset {
  border: 3px inset #5f5f5f;
}

/* line 1483, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.inset:active, .designer-tools .tool .dashed-line .dashed-style.inset:hover {
  border: 3px inset #0ac2f4;
}

/* line 1488, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.outset {
  border: 3px outset #5f5f5f;
}

/* line 1491, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .dashed-line .dashed-style.outset:active, .designer-tools .tool .dashed-line .dashed-style.outset:hover {
  border: 3px outset #0ac2f4;
}

/* line 1499, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-input input {
  text-align: center;
  font-size: 0.75rem;
  font-weight: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none;
  border: 1px solid #ddd;
}

/* line 1507, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-input input.form-control {
  margin-top: 0;
  padding: 0;
  width: 100%;
  max-width: 52px;
  min-height: 27px;
}

/* line 1514, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-input input.form-control:hover {
  border: 1px solid #b7b7b7;
  background: #fff;
}

/* line 1519, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-input input.form-control:focus {
  border: 1px solid #0ac2f4;
  background: #f9fdff;
}

/* line 1526, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-input .counter {
  margin: 0;
  width: 100% !important;
}

/* line 1531, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-input .counter-gradient {
  margin-top: 9px;
}

/* line 1535, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-input .slider {
  border: 1px solid #0ac2f4;
  width: 100%;
  height: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #0ac2f4;
  overflow: unset;
  outline: none;
  -webkit-appearance: none;
}

/* line 1545, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-input .slider::-webkit-slider-thumb {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px solid #00b4ef;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-appearance: none;
}

/* line 1555, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-input .slider::-webkit-slider-thumb:active, .designer-tools .tool .slider-input .slider::-webkit-slider-thumb:hover {
  background: #72ddff;
  border: 1px solid #00b4ef;
  cursor: pointer;
}

/* line 1564, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .default-number-slider {
  opacity: 0.35;
  pointer-events: none;
  cursor: not-allowed;
}

/* line 1569, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .default-number-slider .default-number-input {
  position: absolute;
  top: 7px;
  right: 45px;
  width: 52px;
  height: 27px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
  z-index: 1;
}

/* line 1581, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .default-number-slider .default-number-input:before {
  position: absolute;
  content: "N/A";
  font-weight: bold;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 1592, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-gradient {
  margin: 5px 0;
  -webkit-appearance: none;
  width: 80%;
  height: 20px;
  background-image: linear-gradient(to left, #000, #fff);
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border-bottom: 1px solid #e6e6e6;
}

/* line 1604, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-gradient.counter {
  margin-top: 20px;
}

/* line 1609, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-gradient:hover {
  opacity: 1;
}

/* line 1613, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-gradient::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  top: 10px;
  left: 6px;
  width: 15px;
  height: 15px;
  background: #000;
  border: 3px solid #0ac2f4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

/* line 1627, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .slider-gradient::-moz-range-thumb {
  position: relative;
  top: 15px;
  left: 6px;
  width: 15px;
  height: 15px;
  background: #000;
  border: 3px solid #0ac2f4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

/* line 1639, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .options {
  padding: 0 1rem;
  text-align: center;
}

/* line 1643, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .options li {
  font-size: 19px;
  cursor: pointer;
}

/* line 1647, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .options li:hover {
  color: #0ac2f4;
}

/* line 1654, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .shadow-tool li {
  display: inline-block;
  font-size: 12px;
  text-decoration: none;
}

/* line 1663, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .unit .number-input::after {
  display: block;
  content: "test";
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  font-size: 10px;
  /*font-weight: bold;*/
  color: #333;
}

/* line 1677, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .unit.pixel .number-input::after {
  content: "px";
  right: 6px;
}

/* line 1689, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .unit.percent .number-input::after {
  content: "\0025";
  right: 10px;
}

/* line 1698, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .unit.sec .number-input::after {
  content: "s";
  right: 12px;
}

/* line 1707, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .unit.em .number-input::after {
  content: "em";
  right: 3px;
}

/* line 1716, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .unit.text-fix .number-input::after {
  right: 5px;
}

/* line 1723, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .suboptions-wrapper {
  position: relative;
}

/* line 1726, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .suboptions-wrapper .different-border-group {
  padding-top: 16px;
  border-top: 1px solid #e8e8e8;
}

/* line 1732, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .default-button-select {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

/* line 1738, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .default-button-select .option:last-child {
  padding-right: 5px;
}

/* line 1746, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.separator-tool.padding-tool .tool-info {
  display: none;
}

/* line 1751, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool.separator-tool .tool-content {
  flex-wrap: wrap;
}

/* line 1757, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tool .multi-toggle-no-margin .multi-option-toggle {
  margin: 0;
}

/* line 1763, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .gradient-wrapper {
  background: #f2f2f4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  margin: 0px 10px 15px 10px;
}

/* line 1770, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs {
  padding: 0;
  text-align: center;
}

/* line 1774, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs li {
  position: relative;
  height: 45px;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  border-bottom: 3px solid #efefef;
}

/* line 1781, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs li::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
  font-size: 10px;
  font-weight: normal;
  color: #333;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 1794, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs li .wrapper-icon {
  padding-top: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 1801, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs li .wrapper-icon svg {
  pointer-events: none;
}

/* line 1806, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs li:hover {
  background-color: #f7f9fa;
  border-color: #dcd9d9;
}

/* line 1812, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab {
  border-bottom: 3px solid #0ac2f4 !important;
  background: #edfaff !important;
}

/* line 1816, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab path,
.designer-tools .tools-tabs .active-tab circle {
  fill: #0ac2f4;
}

/* line 1821, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab .tab-hover {
  fill: #0ac2f4 !important;
}

/* line 1824, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab .tab-hover .color-tab {
  fill: #0ac2f4 !important;
}

/* line 1828, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab .tab-hover .stop-color-1 {
  stop-color: #fff !important;
}

/* line 1832, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab .tab-hover .stop-color-2 {
  stop-color: #eefdff !important;
}

/* line 1836, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab .tab-hover .stop-color-3 {
  stop-color: #d3f4fd !important;
}

/* line 1840, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab .tab-hover .stop-color-4 {
  stop-color: #b9eefc !important;
}

/* line 1844, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab .tab-hover .stop-color-5 {
  stop-color: #94e5fa !important;
}

/* line 1848, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab .tab-hover .stop-color-6 {
  stop-color: #7bdef9 !important;
}

/* line 1852, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab .tab-hover .stop-color-7 {
  stop-color: #2fcbf5 !important;
}

/* line 1856, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-tabs .active-tab .tab-hover .stop-color-8 {
  stop-color: #0ac2f4 !important;
}

/* line 1865, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom {
  max-height: 100%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 1869, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content {
  max-height: 500px;
  background: #fff;
  overflow-y: scroll;
}

/* line 1875, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool-group-title {
  font-weight: bold;
  padding: 15px 10px;
  background: #f9f9f9;
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

/* line 1885, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool .input-wrapper {
  margin: 0;
  padding: 0;
}

/* line 1889, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool .input-wrapper h5 {
  padding: 15px 10px;
}

/* line 1893, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool .input-wrapper .binding-selector-container {
  position: relative;
  left: 4px;
}

/* line 1899, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool .input-wrapper.font-piker h5 {
  display: none;
}

/* line 1905, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.no-title {
  margin-bottom: 18px;
  padding: 0 10px;
}

/* line 1909, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.no-title .tool-content {
  margin: 0;
  flex-wrap: wrap;
}

/* line 1913, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.no-title .tool-content h5 {
  display: none;
}

/* line 1919, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.dynamic-text {
  margin-bottom: 18px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}

/* line 1925, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.dynamic-text h5 {
  margin: 0;
  padding: 0;
  display: flex;
  flex: 0 0 31%;
  max-width: 31%;
  background: transparent;
  font-weight: normal;
}

/* line 1935, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.dynamic-text .binding-selector-container {
  display: flex;
  flex: 0 0 69%;
  max-width: 69%;
  justify-content: flex-end;
}

/* line 1943, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.dynamic-image {
  margin-bottom: 18px;
  display: flex;
}

/* line 1947, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.dynamic-image .tool-content {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  align-items: flex-end;
}

/* line 1952, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.dynamic-image .tool-content h5 {
  display: none;
}

/* line 1957, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.dynamic-image .binding-selector-container {
  padding: 0 10px;
}

/* line 1962, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool {
  margin-bottom: 18px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1969, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool .tool-content {
  flex-wrap: nowrap;
}

/* line 1972, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool .tool-content h5 {
  margin-bottom: 0px;
  padding: 0 5px 0 0;
  font-weight: normal;
  background: transparent;
  width: 70%;
}

/* line 1982, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool .tool-content .input-container .input-wrapper .slider-label {
  padding: 0;
  width: auto;
}

/* line 1990, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool .tool-content .toggle > input:checked + span:before {
  background: #0ac2f4;
}

/* line 1997, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-text {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 10px;
}

/* line 2004, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-text .tool-content {
  flex-wrap: nowrap;
}

/* line 2007, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-text .tool-content h5 {
  margin-bottom: 0px;
  padding: 0 5px 0 0;
  font-weight: normal;
  background: transparent;
  width: 70%;
}

/* line 2017, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-text .tool-content .input-container .control > input {
  width: 100%;
  padding: 9px;
  text-align: left;
}

/* line 2027, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-ms {
  margin-bottom: 18px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}

/* line 2033, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-ms .tool-content {
  flex-wrap: nowrap;
}

/* line 2036, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-ms .tool-content h5 {
  margin: 0;
  padding: 0;
  flex: 0 0 40%;
  max-width: 40%;
  background: transparent;
}

/* line 2046, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-ms .tool-content .input-container .input-wrapper .slider-label {
  display: none;
}

/* line 2051, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-ms .tool-content .input-container .input-wrapper .input::after {
  content: "ms";
  position: absolute;
  top: 12px;
  right: 3px;
  font-size: 10px;
  font-weight: 600;
}

/* line 2065, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percent {
  margin-bottom: 18px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}

/* line 2071, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percent .tool-content {
  flex-wrap: nowrap;
}

/* line 2074, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percent .tool-content h5 {
  margin: 0;
  padding: 0;
  flex: 0 0 40%;
  max-width: 40%;
  background: transparent;
}

/* line 2084, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percent .tool-content .input-container .input-wrapper .slider-label {
  display: none;
}

/* line 2089, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percent .tool-content .input-container .input-wrapper .input::after {
  content: "%";
  position: absolute;
  top: 21px;
  right: 8px;
  font-size: 10px;
  font-weight: 600;
}

/* line 2103, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-click-action {
  margin-bottom: 18px;
  padding: 0 10px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* line 2110, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-click-action .tool-content {
  flex-wrap: nowrap;
}

/* line 2113, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-click-action .tool-content h5 {
  margin: 8px 0 0 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  width: 70%;
  font-weight: normal;
  background-color: #fff;
}

/* line 2123, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-click-action .tool-content .navigation-parameters {
  margin: 12px 0 0 0;
  position: relative;
  width: calc(100% + 114px);
  right: 114px;
}

/* line 2130, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-click-action .tool-content .navigation-parameters .editor-tool-group {
  margin-bottom: 12px;
  padding: 0;
}

/* line 2134, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-click-action .tool-content .navigation-parameters .editor-tool-group:last-child {
  margin-bottom: 0;
}

/* line 2138, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-click-action .tool-content .navigation-parameters .editor-tool-group span {
  width: 70%;
}

/* line 2142, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-click-action .tool-content .navigation-parameters .editor-tool-group .control {
  width: 100%;
}

/* line 2145, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-click-action .tool-content .navigation-parameters .editor-tool-group .control input {
  padding: 9px;
  width: 100%;
  text-align: left;
  color: #333;
}

/* line 2157, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse {
  margin-bottom: 18px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 2164, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse .tool-content {
  flex-wrap: nowrap;
}

/* line 2167, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse .tool-content h5 {
  font-weight: normal;
  background: none;
  margin: 0;
  padding: 0;
}

/* line 2174, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse .tool-content .input-container {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

/* line 2179, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse .tool-content .input-container .form-group {
  display: flex;
  justify-content: flex-end;
}

/* line 2184, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse .tool-content .input-container .control {
  position: relative;
}

/* line 2187, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse .tool-content .input-container .control::after {
  display: block;
  content: "";
  position: absolute;
  right: 6px;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: normal;
  color: #333;
}

/* line 2200, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse .tool-content .input-container .input {
  padding: 5px 20px 5px 1px;
  width: 58px;
  min-width: 58px;
  text-align: right;
}

/* line 2207, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse .tool-content .input-container .input-wrapper {
  flex: 0 0 94%;
  max-width: 94%;
}

/* line 2211, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse .tool-content .input-container .input-wrapper .slider-label {
  display: none;
}

/* line 2217, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse .tool-content .input-container .editor-toggle .editor-tool-group {
  margin: 0;
  padding: 0;
  display: block;
}

/* line 2229, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse.px .input-container .control::after {
  content: "px";
}

/* line 2239, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse.deg .input-container .control::after {
  content: "deg";
}

/* line 2244, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-reverse.deg .input-container .input {
  padding-right: 25px;
}

/* line 2251, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-none {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 2257, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-none .tool-content {
  flex-wrap: nowrap;
}

/* line 2261, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-none:first-child {
  margin-top: 18px;
}

/* line 2265, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-none .input-wrapper {
  flex: 0 0 70%;
  max-width: 70%;
}

/* line 2269, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-none .input-wrapper h5 {
  padding: 0;
  font-weight: normal;
  background: none;
}

/* line 2276, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-none .input-container {
  display: flex;
  justify-content: flex-end;
  position: relative;
  flex: 0 0 100%;
  max-width: 100%;
}

/* line 2283, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-none .input-container .input-wrapper {
  flex: 0 0 94%;
  max-width: 94%;
}

/* line 2287, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-none .input-container .input-wrapper .slider-label {
  display: none;
}

/* line 2295, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-none .input-container .input-wrapper .editor-slider-input.unit.pixel .number-input::after {
  content: "";
}

/* line 2306, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-s {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 2312, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-s .tool-content {
  flex-wrap: nowrap;
}

/* line 2316, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-s:first-child {
  margin-top: 18px;
}

/* line 2320, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-s .input-wrapper {
  flex: 0 0 70%;
  max-width: 70%;
}

/* line 2324, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-s .input-wrapper h5 {
  padding: 0;
  font-weight: normal;
}

/* line 2330, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-s .input-container {
  display: flex;
  justify-content: flex-end;
  position: relative;
  flex: 0 0 100%;
  max-width: 100%;
}

/* line 2337, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-s .input-container .input-wrapper {
  flex: 0 0 94%;
  max-width: 94%;
}

/* line 2341, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-s .input-container .input-wrapper .slider-label {
  display: none;
}

/* line 2349, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-s .input-container .input-wrapper .editor-slider-input.unit.pixel .number-input .input {
  padding: 5px 14px 5px 1px;
}

/* line 2353, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-s .input-container .input-wrapper .editor-slider-input.unit.pixel .number-input::after {
  content: "s";
  right: 8px;
}

/* line 2365, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percentage {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 2371, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percentage:first-child {
  margin-top: 18px;
}

/* line 2375, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percentage .tool-content {
  flex-wrap: nowrap;
}

/* line 2380, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percentage .input-wrapper {
  flex: 0 0 70%;
  max-width: 70%;
}

/* line 2384, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percentage .input-wrapper h5 {
  padding: 0;
  font-weight: normal;
}

/* line 2390, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percentage .input-container {
  display: flex;
  justify-content: flex-end;
  position: relative;
  flex: 0 0 100%;
  max-width: 100%;
}

/* line 2397, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percentage .input-container .input-wrapper {
  flex: 0 0 94%;
  max-width: 94%;
}

/* line 2401, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percentage .input-container .input-wrapper .slider-label {
  display: none;
}

/* line 2409, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percentage .input-container .input-wrapper .editor-slider-input.unit.pixel .number-input .input {
  padding: 5px 14px 5px 1px;
}

/* line 2413, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-bottom .tools-content .custom-tool-container .tool.inline-tool-percentage .input-container .input-wrapper .editor-slider-input.unit.pixel .number-input::after {
  content: "\0025";
  right: 6px;
  bottom: 0px;
}

/* line 2430, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .tools-content {
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
}

/* line 2437, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .header-tools {
  padding: 0px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

/* line 2445, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .header-tools h5 {
  font-size: 13px;
  cursor: move;
  color: #000;
  cursor: default;
  padding: 5px 25px;
  background: #f5f5f5;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

/* line 2455, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .header-tools span {
  position: relative;
  top: 3px;
}

/* line 2460, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .header-tools a {
  font-size: 1.125rem;
  color: #333;
}

/* line 2465, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .header-tools i {
  color: #000;
  font-weight: normal;
  font-size: 16px;
  padding: 4px 5px;
  border: 1px solid transparent;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 2475, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .header-tools i:hover {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid transparent;
  padding: 4px 5px;
}

/* line 2482, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .header-tools .close-button {
  padding: 3px 0;
}

/* line 2485, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .header-tools .close-button a {
  font-size: 22px;
  line-height: 17px;
  position: relative;
  display: table;
  margin: 7px auto 6px auto;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 2494, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .header-tools .close-button a i {
  font-size: 22px;
  padding: 0px;
  background: transparent;
}

/* line 2499, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .header-tools .close-button a i:hover {
  padding: 0px;
}

/* line 2507, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.designer-tools .header-tools .undock i {
  transform: rotate(90deg);
}

/* line 2516, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.info-button {
  margin: 0;
  padding: 0;
  font-size: 22px;
  line-height: 17px;
  position: relative;
  display: table;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 2526, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.info-button:hover {
  color: #333;
}

/* line 2529, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.info-button:hover i {
  background: #e5e5e5;
}

/* line 2534, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.info-button i {
  padding: 4px;
  font-size: 16px;
  border-radius: 23px;
  cursor: pointer;
  background: #f3f3f3;
}

/* line 2544, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.close-button a {
  margin: 0;
  padding: 0;
  font-size: 22px;
  line-height: 17px;
  position: relative;
  display: table;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 2554, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.close-button a:hover {
  color: #333;
}

/* line 2557, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.close-button a:hover i {
  padding: 0px;
  background: #e5e5e5;
}

/* line 2563, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.close-button a i {
  padding: 0px;
  font-size: 22px;
  border-radius: 23px;
  cursor: pointer;
  background: #f3f3f3;
}

/* line 2576, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle {
  margin: 0px 5px;
  border: 2px solid #f7f9fa;
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
  position: relative;
  width: auto;
  background: #f7f9fa;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 2591, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle:hover {
  background: #f5fcff;
  border: 2px solid #0ac2f4;
}

/* line 2596, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle {
  padding: 16px 0;
  display: flex;
  flex: 1;
  flex-grow: 1;
  position: relative;
}

/* line 2603, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle label {
  position: relative;
}

/* line 2607, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle input[type="radio"] {
  position: absolute;
  opacity: 0;
}

/* line 2611, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle input[type="radio"] + label {
  margin: 0 auto;
  display: flex;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  font-size: 12px;
  font-weight: normal;
  background: transparent;
  box-shadow: none;
  text-align: center;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  cursor: pointer;
  z-index: 2;
  font-weight: bold;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 2629, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle input[type="radio"] + label:hover {
  color: #00b0e0;
}

/* line 2635, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle.active {
  color: #00b0e0 !important;
}

/* line 2639, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle .options-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -10px;
  right: -16px;
  background: #fff;
  font-weight: normal;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 3px 1px 3px 0 #ddd;
  -moz-box-shadow: 3px 1px 3px 0 #ddd;
  box-shadow: 3px 1px 3px 0 #ddd;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  background-color: #83c33b;
  border: 2px solid #fff;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
  z-index: 5;
}

/* line 2659, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle .options-button:before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  background-image: url("/Shoptico.Editor.Frontend/Images/Icons/plus.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
  transform: rotate(45deg);
}

/* line 2673, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle .options-button:hover {
  overflow: visible;
  border-color: #0ac2f4;
  background-color: #0ac2f4;
}

/* line 2678, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle .options-button:hover .tooltip {
  opacity: 1;
}

/* line 2683, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle .options-button.active-tooltip {
  overflow: visible;
}

/* line 2686, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle .options-button.active-tooltip .tooltip {
  opacity: 1;
}

/* line 2691, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle .options-button .tooltip {
  padding: 0.25rem 0.5rem;
  position: absolute;
  bottom: calc(100% + 8px);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 15px 0 #ddd;
  -moz-box-shadow: 0 1px 15px 0 #ddd;
  box-shadow: 0 1px 15px 0 #ddd;
  background-color: #fff;
  opacity: 0;
  z-index: 6;
}

/* line 2701, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle .options-button .tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
}

/* line 2714, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle .options-button .tooltip p {
  margin: 0;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}

/* line 2720, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle .options-button .tooltip p:hover {
  color: #0ac2f4;
}

/* line 2725, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle .option-toggle .options-button .tooltip p:last-child:hover {
  color: #a50000;
}

/* line 2734, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle span {
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  height: calc(100% - 6px);
  background-color: #fff;
  box-shadow: 0px 3px 12px 0 rgba(68, 76, 88, 0.12);
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  z-index: 1;
}

/* line 2746, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.multi-option-toggle span.right {
  left: 35%;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 2755, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.no-style-button {
  margin: 0;
  border: none;
  background: none;
  box-shadow: none;
  color: #333;
}

/* line 2762, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.no-style-button:hover {
  background: none;
  color: #0ac2f4;
}

/* line 2767, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.no-style-button span {
  font-size: 0.75rem;
}

/* line 2771, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.no-style-button i {
  margin-right: 0.25rem;
  font-size: 1.5rem;
  vertical-align: middle;
}

/* line 2777, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.no-style-button.mirror {
  transform: scale(-1, 1);
}

/* line 2780, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.no-style-button.mirror i {
  left: 5px;
}

/* line 2785, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.no-style-button.icon-right {
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
}

/* line 2795, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.no-style-button.padlock i {
  position: relative;
  left: auto;
  top: 4px;
  right: 30px;
  font-size: 0.75rem;
  padding: 3px 5px;
  background: #f2f2f2;
  border: 1px solid transparent;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  font-weight: normal;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 2808, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.no-style-button.padlock i:hover {
  background: #aeebff;
  color: #1b7c96;
  border: 1px solid #80e0ff;
}

/* line 2817, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.no-style-button.close i {
  margin: 0;
  padding: 0;
  font-size: 18px;
  background: #f2f2f2;
  border: 1px solid transparent;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  font-weight: normal;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 2830, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.no-style-button.bg-close i {
  top: 15px;
  right: 63px;
}

/* line 2838, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button {
  padding: 4px;
}

/* line 2841, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default {
  font-weight: 600;
  cursor: pointer;
  font-size: 13px !important;
  padding: 7px 15px;
  min-height: 0;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  opacity: 0.8;
  box-shadow: none;
  background: transparent;
  border: 1px solid #ababab !important;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 2855, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default.icon {
  padding: 7px 15px 7px 27px;
}

/* line 2858, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default.icon i {
  font-size: 16px;
}

/* line 2861, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default.icon i:hover {
  color: #0ac2f4;
}

/* line 2867, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default span {
  color: #656565;
}

/* line 2871, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default:hover {
  opacity: 1;
  background: transparent !important;
}

/* line 2876, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default.saved {
  border: 1px solid #8aca6b !important;
}

/* line 2879, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default.saved i, .secondary-button .default.saved span {
  color: #478a26;
}

/* line 2883, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default.saved.loading {
  border: 1px solid #0ac2f4 !important;
}

/* line 2886, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default.saved.loading i {
  font-size: 14px;
}

/* line 2890, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default.saved.loading i, .secondary-button .default.saved.loading span {
  color: #1b7c96;
}

/* line 2896, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default.activated {
  border: 1px solid #0ac2f4 !important;
}

/* line 2899, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.secondary-button .default.activated i, .secondary-button .default.activated span {
  color: #1b7c96;
}

/* line 2906, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.editor-search {
  position: relative;
  width: 100%;
  padding: 15px 12px 15px 12px;
}

/* line 2911, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.editor-search input {
  width: 100%;
  padding: 13px 45px 13px 15px;
  border: none;
  outline: none;
  background: #f5f5f5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  font-size: 0.875rem;
  font-family: 'Montserrat', sans-serif;
  color: #333;
}

/* line 2923, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.editor-search input::-webkit-input-placeholder {
  color: #9d9d9d;
}

/* line 2927, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.editor-search input:-ms-input-placeholder {
  color: #9d9d9d;
}

/* line 2931, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.editor-search input::placeholder {
  color: #9d9d9d;
}

/* line 2935, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.editor-search input:hover {
  background: #efefef;
}

/* line 2940, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.editor-search input[placeholder] {
  font-size: 0.75rem;
}

/* line 2944, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.editor-search .search-icon {
  position: absolute;
  top: 52%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 18px;
  right: 24px;
}

/* line 2958, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.icon-button.button-x {
  padding: 0px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 12px;
  min-width: 22px;
  min-height: 22px;
  font-size: 18px;
  background: #f3f3f3;
  border: none;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* line 2975, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.icon-button.button-x:hover {
  background: #e5e5e5;
}

/* line 2979, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.button.icon-button.button-x i {
  left: 1px;
  color: #333;
}

/* line 2987, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.editor-input-css {
  transition: all 0.3s ease-in;
}

/* line 2991, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.editor-input-css .textarea:focus {
  position: fixed;
  top: 65px;
  width: 600px;
  height: calc(100vh - 85px) !important;
  z-index: 999;
}

/* line 3001, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.input-container {
  position: relative;
}

/* line 3005, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.input-container.single-slider-input .range-line {
  width: 75px;
}

/* line 3010, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.input-container .constraint-property {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 97px;
}

/* line 3018, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.input-container .constraint-property .top-line {
  margin: 0 0 2px 5px;
  width: 10px;
  height: 15px;
  border-top: 2px solid #e8e8e8;
  border-left: 2px solid #e8e8e8;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  order: -1;
}

/* line 3029, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.input-container .constraint-property .bottom-line {
  margin: 2px 0 0 5px;
  width: 10px;
  height: 15px;
  border-left: 2px solid #e8e8e8;
  border-bottom: 2px solid #e8e8e8;
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 3039, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.input-container .constraint-property i {
  position: relative;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 3046, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.input-container .constraint-property i:hover {
  color: #0ac2f4;
}

/* line 3049, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.input-container .constraint-property i:hover ~ div {
  border-color: #0ac2f4;
}

/* line 3056, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.input-container .constraint-property.active .top-line,
.input-container .constraint-property.active .bottom-line {
  border-color: #0ac2f4;
}

/* line 3061, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.input-container .constraint-property.active i {
  color: #0ac2f4;
}

/* line 3068, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.custom-scroll {
  overflow-y: auto;
  scrollbar-color: #c7c7c7 #f2f2f2;
  scrollbar-width: thin;
}

/* line 3074, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.custom-scroll::-webkit-scrollbar {
  width: 8px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
}

/* line 3081, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.custom-scroll::-webkit-scrollbar-thumb {
  width: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid transparent;
  color: #c7c7c7;
  background-color: #c7c7c7;
  transition: background-color 0.5s;
}

/* line 3090, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.custom-scroll::-webkit-scrollbar-thumb:hover {
  color: #959595;
  background-color: #959595;
}

/* line 3100, ../../../../Shoptico.Editor.Frontend/Components/ToolsPopout.scss */
.single-slider-input:hover .number-input > input, .single-slider-input:hover .input-icon > input {
  border: 2px solid #cfcfcf !important;
  background: #fff !important;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Tools/AdvancedToolContainer.scss */
.tool-button-style {
  position: relative;
  padding: 7px 10px 7px 23px;
  border: none !important;
  cursor: pointer;
  font-size: 0.875rem !important;
  background: #f7f9fa !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 9px !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
  cursor: pointer !important;
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Components/Tools/AdvancedToolContainer.scss */
.tool-button-style:before {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  left: 6px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 26, ../../../../Shoptico.Editor.Frontend/Components/Tools/AdvancedToolContainer.scss */
.tool-button-style span {
  cursor: pointer;
}

/* line 32, ../../../../Shoptico.Editor.Frontend/Components/Tools/AdvancedToolContainer.scss */
.tool-button-style.json-export:before {
  background-image: url(Images/Icons/DesignerTools/json-export.svg);
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Components/Tools/AdvancedToolContainer.scss */
.tool-button-style:hover {
  background: #dcf6ff !important;
  border-right: 1px solid #80e0ff !important;
  border: 1px solid #80e0ff !important;
  cursor: pointer;
  border-radius: 9px !important;
}

/* line 44, ../../../../Shoptico.Editor.Frontend/Components/Tools/AdvancedToolContainer.scss */
.tool-button-style:hover span {
  cursor: pointer;
}

/*TODO: move to Tool.scss*/
/*Background icons*/
/* line 4, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools {
  /*REPEAT*/
  /*SIZE*/
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools:before {
  display: block;
  content: "" !important;
  position: absolute;
  top: 11px !important;
  height: 14px !important;
  width: 14px !important;
  left: 11px !important;
  background-color: inherit !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* line 22, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools.repeat:before {
  background-image: url(Images/Icons/DesignerTools/repeat.svg);
}

/* line 28, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools.no-repeat:before {
  background-image: url(Images/Icons/DesignerTools/border-tab.svg);
}

/* line 34, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools.repeat-x:before {
  background-image: url(Images/Icons/DesignerTools/repeat-x.svg);
}

/* line 40, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools.repeat-y:before {
  background-image: url(Images/Icons/DesignerTools/repeat-y.svg);
}

/* line 46, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools.space:before {
  background-image: url(Images/Icons/DesignerTools/space.svg);
}

/* line 52, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools.round:before {
  background-image: url(Images/Icons/DesignerTools/round.svg) !important;
}

/* line 58, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools.auto:before {
  background-image: url(Images/Icons/DesignerTools/auto.svg);
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools.cover:before {
  background-image: url(Images/Icons/DesignerTools/cover.svg);
}

/* line 70, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools.contain:before {
  background-image: url(Images/Icons/DesignerTools/contain.svg);
}

/* line 76, ../../../../Shoptico.Editor.Frontend/Components/Tools/BackgroundToolContainer.scss */
.background-tools.custom:before {
  background-image: url(Images/Icons/DesignerTools/custom.svg) !important;
}

/* line 4, ../../../../Shoptico.Editor.Frontend/Components/Tools/BindingSelector.scss */
.binding-selector .binding-selector-button {
  padding: 0 4px;
  min-width: 38px;
  background: #f2f2f4;
  border: 2px solid transparent;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* line 11, ../../../../Shoptico.Editor.Frontend/Components/Tools/BindingSelector.scss */
.binding-selector .binding-selector-button:hover {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 17, ../../../../Shoptico.Editor.Frontend/Components/Tools/BindingSelector.scss */
.binding-selector .binding-selector-button > i {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  background: #fff;
  padding: 6px;
  border-radius: 23px;
  box-shadow: 0px 3px 12px 0 rgba(0, 0, 0, 0.12);
}

/* line 29, ../../../../Shoptico.Editor.Frontend/Components/Tools/BindingSelector.scss */
.binding-selector .binding-selector-button > span {
  padding: 0 8px 0 8px;
  cursor: pointer;
  font-weight: bold;
}

/* line 36, ../../../../Shoptico.Editor.Frontend/Components/Tools/BindingSelector.scss */
.binding-selector .position {
  right: 0;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BackgroundPositionInput.scss */
.background-position-group {
  margin: auto 55px;
  padding: 8px 0;
  min-height: 140px;
  border-radius: 9px;
  border: 1px solid transparent;
  background-color: #f7f9fa;
}

/* line 9, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BackgroundPositionInput.scss */
.background-position-group:hover {
  border: 1px solid #e8e8e8;
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BackgroundPositionInput.scss */
.background-position-group .tool-icon:before {
  padding: 9px;
  border-radius: 23px;
  border: 1px solid transparent;
}

/* line 21, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BackgroundPositionInput.scss */
.background-position-group .tool-icon:hover:before {
  border: 1px solid #80e0ff;
  background-color: #dcf6ff;
}

/* line 28, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BackgroundPositionInput.scss */
.background-position-group .tool-icon.selected:before {
  border: 1px solid #80e0ff;
  background-color: #fff;
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.border-input .dashed-line .dashed-style, .border-input .dashed-line .dashed-title {
  cursor: pointer;
}

/* line 21, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.border-input .dashed-line .dashed-style span, .border-input .dashed-line .dashed-title span {
  cursor: pointer;
}

/* line 26, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.border-input .dashed-line .active {
  color: #0ac2f4;
}

/* line 28, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.border-input .dashed-line .active div {
  border-color: #0ac2f4 !important;
}

/* line 36, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool,
.designer-tools .css-number-input {
  padding: 0;
}

/* line 40, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .col-2, .designer-tools .radius-tool col-3,
.designer-tools .css-number-input .col-2,
.designer-tools .css-number-input col-3 {
  background-color: #f7f9fa;
}

/* line 44, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-input-wrapper,
.designer-tools .css-number-input .radius-input-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0px 12px;
}

/* line 49, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-input-wrapper .radius-property,
.designer-tools .css-number-input .radius-input-wrapper .radius-property {
  position: relative;
  display: flex;
  max-width: 65px;
}

/* line 54, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-input-wrapper .radius-property span,
.designer-tools .css-number-input .radius-input-wrapper .radius-property span {
  position: absolute;
  top: calc(50% + 2px);
  right: 6px;
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
}

/* line 66, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box,
.designer-tools .css-number-input .radius-box {
  display: flex;
  justify-content: center;
  height: 40px;
}

/* line 71, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-top-left,
.designer-tools .css-number-input .radius-box .border-top-left {
  padding: 0;
  border-top: 3px solid #5f5f5f;
  border-left: 3px solid #5f5f5f;
  height: 40px;
  width: 40px;
  background: #fafafa;
}

/* line 79, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-top-left .position-top-left,
.designer-tools .css-number-input .radius-box .border-top-left .position-top-left {
  position: relative;
  top: 7px;
  left: 7px;
}

/* line 85, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-top-left.active,
.designer-tools .css-number-input .radius-box .border-top-left.active {
  border-top: 3px solid #0ac2f4;
  border-left: 3px solid #0ac2f4;
}

/* line 91, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-top-right,
.designer-tools .css-number-input .radius-box .border-top-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0;
  border-top: 3px solid #5f5f5f;
  border-right: 3px solid #5f5f5f;
  height: 40px;
  width: 40px;
  background: #fafafa;
}

/* line 103, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-top-right .position-top-right,
.designer-tools .css-number-input .radius-box .border-top-right .position-top-right {
  position: relative;
  top: 0px;
  right: 0px;
}

/* line 109, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-top-right.active,
.designer-tools .css-number-input .radius-box .border-top-right.active {
  border-top: 3px solid #0ac2f4;
  border-right: 3px solid #0ac2f4;
}

/* line 115, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-bottom-left,
.designer-tools .css-number-input .radius-box .border-bottom-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 0;
  border-bottom: 3px solid #5f5f5f;
  border-left: 3px solid #5f5f5f;
  height: 40px;
  width: 40px;
  background: #fafafa;
}

/* line 127, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-bottom-left .position-bottom-left,
.designer-tools .css-number-input .radius-box .border-bottom-left .position-bottom-left {
  position: relative;
  bottom: 0px;
  left: 0px;
}

/* line 133, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-bottom-left.active,
.designer-tools .css-number-input .radius-box .border-bottom-left.active {
  border-bottom: 3px solid #0ac2f4;
  border-left: 3px solid #0ac2f4;
}

/* line 139, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .middle-box,
.designer-tools .css-number-input .radius-box .middle-box {
  height: 40px;
  width: 40px;
  background: #fafafa;
}

/* line 145, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-bottom-right,
.designer-tools .css-number-input .radius-box .border-bottom-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0;
  border-bottom: 3px solid #5f5f5f;
  border-right: 3px solid #5f5f5f;
  height: 40px;
  width: 40px;
  background: #fafafa;
}

/* line 157, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-bottom-right .position-bottom-right,
.designer-tools .css-number-input .radius-box .border-bottom-right .position-bottom-right {
  position: relative;
  bottom: 4px;
  right: 4px;
}

/* line 163, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-bottom-right.active,
.designer-tools .css-number-input .radius-box .border-bottom-right.active {
  border-bottom: 3px solid #0ac2f4;
  border-right: 3px solid #0ac2f4;
}

/* line 170, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box.proportions .proportions-icon,
.designer-tools .css-number-input .radius-box.proportions .proportions-icon {
  display: flex;
  align-items: center;
  padding: 12px;
  text-align: center;
  background-color: #fafafa;
  width: 40px;
  height: 40px;
}

/* line 179, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box.proportions .proportions-icon span,
.designer-tools .css-number-input .radius-box.proportions .proportions-icon span {
  font-size: 1.5rem;
  font-weight: 700;
  cursor: default;
  color: #333;
}

/* line 185, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box.proportions .proportions-icon span:hover,
.designer-tools .css-number-input .radius-box.proportions .proportions-icon span:hover {
  color: #0ac2f4;
  cursor: default;
}

/* line 193, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-selector,
.designer-tools .css-number-input .radius-box .border-selector {
  border: 3px solid #5f5f5f;
  background-color: #fff;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  background: #fafafa;
}

/* line 201, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BorderInput.scss */
.designer-tools .radius-tool .radius-box .border-selector:hover,
.designer-tools .css-number-input .radius-box .border-selector:hover {
  border: 3px solid #0ac2f4;
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BoxShadowInput.scss */
.button-option {
  display: flex;
  justify-content: flex-start;
  padding: 5px 0 15px 0;
}

/* line 10, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BoxShadowInput.scss */
.button-option li {
  /*padding-left: 30px !important;*/
}

/* line 13, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BoxShadowInput.scss */
.button-option li a {
  text-decoration: none;
  cursor: pointer;
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BoxShadowInput.scss */
.button-option li span {
  cursor: pointer;
}

/* line 24, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BoxShadowInput.scss */
.button-option .shadow-option-icon:before {
  display: block;
  content: "";
  position: absolute;
  top: 11px;
  left: 7px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BoxShadowInput.scss */
.button-option .shadow-option-icon.outset:before {
  background-image: url(Images/Icons/DesignerTools/shadow-tooltip.svg);
}

/* line 43, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BoxShadowInput.scss */
.button-option .shadow-option-icon.inset:before {
  background-image: url(Images/Icons/DesignerTools/shadow-inset.svg);
}

/* line 48, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/BoxShadowInput.scss */
.button-option .shadow-option-icon.inset.selected:before {
  background-image: url(Images/Icons/DesignerTools/shadow-inset.svg);
  content: "" !important;
  top: 11px;
  left: 7px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 3, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnLayoutInput.scss */
.icon-columns-wrapper {
  display: flex;
  padding: 0px 10px;
  margin-bottom: 15px;
}

/* line 8, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnLayoutInput.scss */
.icon-columns-wrapper img {
  width: 34px;
  height: auto;
  margin-right: 10px;
  display: block;
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnLayoutInput.scss */
.icon-columns-wrapper img:last-child {
  margin: 0;
}

/* line 19, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnLayoutInput.scss */
.icon-columns-wrapper .toggle-list {
  display: flex;
  flex-direction: row;
}

/* line 23, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnLayoutInput.scss */
.icon-columns-wrapper .toggle-list li {
  margin-right: 3px;
  padding: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 35, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnLayoutInput.scss */
.icon-columns-wrapper .toggle-list li:hover {
  border-color: #0ac2f4;
}

/* line 40, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnLayoutInput.scss */
.icon-columns-wrapper .toggle-list .active {
  border-color: #0ac2f4;
  background: #dcf6ff;
}

/* line 8, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.color-picker-panel {
  width: 100%;
}

/* line 12, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.color-input-wrapper {
  position: relative;
}

/* line 16, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.color-input-wrapper:hover .color-input-display {
  border-color: #c3c3c3;
}

/* line 21, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.color-input-wrapper:hover .background-none .line-none {
  background: #c3c3c3;
}

/* line 27, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.color-input-wrapper .color-input-display {
  position: relative;
  width: 30px;
  max-width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*border-radius: $border-r;*/
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  z-index: 2;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 42, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.color-input-wrapper .color-input-background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  max-width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 100%;
  background-image: url(Images/Icons/DesignerTools/none.svg);
  background-size: 12px;
  opacity: 0.2;
  z-index: 0;
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.color-input-wrapper .background-none {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 30px;
  height: 100%;
  border: 1px solid transparent;
  background: white;
  overflow: hidden;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* line 69, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.color-input-wrapper .background-none .line-none {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 2px;
  background: #e2e2e2;
  /*transform: rotate(-29deg);*/
  -webkit-transform: translate(-50%, -50%) rotate(-29deg) scale(1);
  -ms-transform: translate(-50%, -50%) rotate(-29deg) scale(1);
  -moz-transform: translate(-50%, -50%) rotate(-29deg) scale(1);
  transform: translate(-50%, -50%) rotate(-29deg) scale(1);
  cursor: pointer;
}

/* line 85, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .pipette {
  display: flex;
  height: 30px;
  width: 30px;
  padding: 0px 11px;
  border-radius: 23px;
  border: 1px solid transparent;
  background: #f2f2f2;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 96, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .pipette img {
  width: 7px;
  height: auto;
  transform: rotate(45deg);
  cursor: pointer;
}

/* line 103, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .pipette:hover {
  background: #dcf6ff;
  border: 1px solid #80e0ff;
  box-shadow: inset 3px 3px 0 0 rgba(0, 0, 0, 0.1);
}

/* line 109, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .pipette.selected {
  background: #f2f2f2;
  border: 1px solid #80e0ff;
}

/* line 115, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none {
  display: flex;
  position: relative;
  transition: all 0.2s;
  margin-right: 6px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 122, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none i {
  display: flex;
  align-items: center;
  padding-right: 6px;
  font-size: 16px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}

/* line 130, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none i:hover {
  color: #0ac2f4;
}

/* line 135, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none .default-color {
  display: block;
  cursor: pointer;
  font-size: 10px;
}

/* line 141, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none .color-none {
  display: none;
  cursor: pointer;
  font-size: 10px;
}

/* line 147, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none img {
  background: #f2f2f2;
  border-radius: 23px;
  border: 1px solid transparent;
  padding: 4px 5px;
  width: 23px;
  height: auto;
  cursor: pointer;
}

/* line 157, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none .line-none {
  position: absolute;
  top: 11px;
  left: 3px;
  width: 17px;
  height: 2px;
  background: #272626;
  transform: rotate(-45deg);
  cursor: pointer;
}

/* line 168, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none .line-none-icon {
  display: none;
  position: absolute;
  top: calc(50% - 1px);
  width: 16px;
  height: 2px;
  background: #f00;
  transform: rotate(-45deg);
  cursor: pointer;
}

/* line 180, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none:hover img {
  background: #dcf6ff;
  border: 1px solid #80e0ff;
  box-shadow: inset 3px 3px 0 0 rgba(0, 0, 0, 0.1);
}

/* line 186, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none:hover .line-none {
  background: #f00;
}

/* line 192, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none.selected img {
  background: #f2f2f2;
  border: 1px solid #80e0ff;
}

/* line 197, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none.selected .line-none {
  background: #f00;
}

/* line 201, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none.selected .default-color {
  display: none;
}

/* line 205, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none.selected .color-none {
  display: block;
  color: #bbbdbd;
}

/* line 210, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.icons .none.selected .line-none-icon {
  display: block;
}

/* line 218, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorInput.scss */
.title img {
  width: 20px;
  height: auto;
  cursor: pointer;
}

/* line 3, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input {
  margin: 0 -5px;
}

/* line 7, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .tool-space label {
  text-align: center;
  display: block;
  font-weight: bold;
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .row-separator-line {
  border-bottom: 1px solid #ddd;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 10px;
}

/* line 20, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .row-separator-line:last-child {
  border-bottom: none;
}

/* line 27, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option.multi-options {
  margin: 12px 0 16px 0;
  padding: 3px;
  background: #f7f9fa;
  border: 2px solid #f7f9fa;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 35, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option.multi-options:hover {
  background: #f5fcff;
  border: 2px solid #0ac2f4;
}

/* line 40, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option.multi-options > ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  /*padding: 0px 3px;*/
}

/* line 45, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option.multi-options > ul > li {
  margin: 0;
  padding: 15px 0px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  width: calc(100% - 3px);
  border-radius: 23px !important;
  -moz-border-radius: 23px !important;
  -webkit-border-radius: 23px !important;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  /*padding-left: 30px !important;*/
}

/* line 59, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option.multi-options > ul > li.selected {
  background: #fff !important;
  -webkit-box-shadow: 0px 5px 12px 0 rgba(68, 76, 88, 0.12);
  -moz-box-shadow: 0px 5px 12px 0 rgba(68, 76, 88, 0.12);
  box-shadow: 0px 5px 12px 0 rgba(68, 76, 88, 0.12);
  font-weight: bold;
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option.multi-options > ul > li.selected span {
  /*color: $basic-color;*/
  color: #00b0e0;
  font-weight: bold;
}

/* line 70, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option.multi-options > ul > li.selected::after {
  display: none !important;
}

/* line 75, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option.multi-options > ul > li a {
  text-decoration: none;
  cursor: pointer;
}

/* line 80, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option.multi-options > ul > li span {
  cursor: pointer !important;
  font-weight: bold;
}

/* line 86, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option.multi-options > ul > li:hover span {
  color: #00b0e0;
}

/* line 96, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option .aligment-icon {
  /*&.left {
				&:before {
					background-image: url(Images/Icons/DesignerTools/left.svg);
				}
			}

			&.align-center {
				&:before {
					background-image: url(Images/Icons/DesignerTools/align-center.svg);
				}
			}

			&.right {
				&:before {
					background-image: url(Images/Icons/DesignerTools/right.svg);
				}

				&.selected {
					&:before {
						background-image: url(Images/Icons/DesignerTools/right.svg);
						content: "" !important;
						top: 11px;
						left: 7px;
						height: 16px;
						width: 16px;
						background-repeat: no-repeat;
						background-size: contain;
						background-color: none;
						background-color: #fff;
					}
				}
			}*/
}

/* line 97, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option .aligment-icon:before {
  display: block;
  content: "";
  position: absolute;
  top: 11px;
  left: 7px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background: #fff;
}

/* line 111, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option .aligment-icon.top:before {
  background-image: url(Images/Icons/DesignerTools/top.svg);
}

/* line 117, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option .aligment-icon.justify-center:before {
  background-image: url(Images/Icons/DesignerTools/justify-center.svg);
}

/* line 123, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option .aligment-icon.bottom:before {
  background-image: url(Images/Icons/DesignerTools/bottom.svg);
}

/* line 128, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/ColumnAligmentInput.scss */
.column-aligment-input .default-button-select.button-option .aligment-icon.bottom.selected:before {
  background-image: url(Images/Icons/DesignerTools/bottom.svg);
  content: "" !important;
  top: 11px;
  left: 7px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: none;
  background-color: #fff;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/CornerDefinitionsInput.scss */
.lock-icon {
  position: relative;
  display: flex;
  align-items: center;
  height: 22px;
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
}

/* line 10, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/CornerDefinitionsInput.scss */
.lock-icon i {
  font-size: 14px;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionalInputOffsetBalloon.scss */
.parameters-block {
  width: 270px !important;
}

/* line 4, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionalInputOffsetBalloon.scss */
.parameters-block h5 {
  font-size: 0.625rem;
  font-weight: bold;
}

/* line 9, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionalInputOffsetBalloon.scss */
.parameters-block .form-group {
  margin: 0;
}

/* line 13, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionalInputOffsetBalloon.scss */
.parameters-block .form-control {
  height: 27px;
  border: 1px solid #efefef;
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionalInputOffsetBalloon.scss */
.parameters-block .form-group-dropdown {
  top: 0;
}

/* line 25, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionalInputOffsetBalloon.scss */
.parameters-block .form-group-dropdown .button {
  padding: 0 0 4px 0 !important;
  width: 30px;
  height: auto !important;
  min-height: 27px !important;
  background: #ffffff !important;
  border: 1px solid #efefef !important;
  color: #333 !important;
  outline: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionalInputOffsetBalloon.scss */
.parameters-block .form-group-dropdown .button i {
  display: none;
}

/* line 8, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.parameters-block {
  /*display: none;*/
  padding: 0.625rem 0;
  position: absolute;
  width: 350px;
  height: auto;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 10px 0 rgba(33, 34, 41, 0.1);
  -moz-box-shadow: 0px 0px 10px 0 rgba(33, 34, 41, 0.1);
  box-shadow: 0px 0px 10px 0 rgba(33, 34, 41, 0.1);
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  z-index: 1000;
}

/* line 21, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.parameters-block::after {
  display: block;
  content: "";
  width: 0;
  position: absolute;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  -webkit-box-shadow: 0px 0px 10px 0 rgba(33, 34, 41, 0.1);
  -moz-box-shadow: 0px 0px 10px 0 rgba(33, 34, 41, 0.1);
  box-shadow: 0px 0px 10px 0 rgba(33, 34, 41, 0.1);
}

/* line 32, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.parameters-block.param-top {
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
}

/* line 38, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.parameters-block.param-top::after {
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 5px solid #333;
}

/* line 46, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.parameters-block.param-bottom {
  bottom: 190px;
  left: 50%;
  transform: translateX(-50%);
}

/* line 51, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.parameters-block.param-bottom::after {
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 5px solid #333;
}

/* line 60, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.parameters-block.param-size {
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}

/* line 65, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.parameters-block.param-size::after {
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 5px solid #333;
}

/* line 73, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.parameters-block .toggle {
  margin: 0 0 0 5px;
  transform: scale(0.75);
}

/* line 78, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.parameters-block span {
  font-size: 0.625rem !important;
}

/* line 85, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input h5 {
  font-size: 0.625rem;
  font-weight: bold;
  text-align: center;
}

/* line 91, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input input {
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* line 96, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .dimensions-options {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.625rem;
  background: #f3f3f3;
  border-radius: 3px;
  /*padding: 3px;*/
}

/* line 103, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .dimensions-options .dim-option {
  padding: 2px;
  display: flex;
  align-items: baseline;
}

/* line 108, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .dimensions-options .dim-option span {
  padding-left: 4px;
  font-size: 0.625rem;
}

/* line 114, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .dimensions-options .form-group {
  margin: 0;
  display: flex;
}

/* line 118, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .dimensions-options .form-group input {
  width: 30px;
  height: 22px;
  border-radius: 3px;
  padding: 2px;
  font-size: 0.625rem;
}

/* line 126, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .dimensions-options .form-group .actions {
  display: none;
}

/* line 132, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .icon-settings {
  display: flex;
  margin-left: 5px;
  font-size: 1rem;
}

/* line 141, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .blocks ul li .block-content {
  width: 100%;
  display: inline-block;
  align-self: center;
  font-size: 13px;
  line-height: 17px;
}

/* line 153, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .form-group.integer-input {
  margin-top: 3px;
}

/* line 156, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .form-group.integer-input input {
  width: 100%;
  padding: 7px 20px 7px 1px;
  font-size: 0.75rem;
  border-radius: 3px;
  border: 1px solid #c1c1c1;
}

/* line 164, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .form-group.integer-input::after {
  display: block;
  content: "px";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
  font-size: 10px;
  font-weight: normal;
  color: #333;
}

/* line 177, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .form-group .input {
  padding: 6px;
  width: 72%;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  font-size: 9pt;
  text-align: right;
  background: #fff;
  border: 1px solid #efefef;
  outline: none;
  color: #484848;
  font-size: 0.625rem;
  font-family: 'Montserrat', sans-serif;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 191, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .form-group .input.head {
  background: #f3f3f3;
}

/* line 197, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .form-group .form-group-dropdown .button {
  padding: 0 0 4px 0 !important;
  width: 30px;
  height: auto;
  min-height: 0;
  background: #ffffff;
  border: 1px solid #efefef;
  color: #333;
  outline: none;
  cursor: pointer;
  box-shadow: none !important;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 211, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .form-group .form-group-dropdown .button i {
  display: none;
}

/* line 215, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .form-group .form-group-dropdown .button span {
  font-size: 0.65rem;
}

/* line 222, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .form-group:focus .input, .dimantions-input .form-group:hover .input {
  border: 1px solid #0ac2f4;
  background: #dcf6ff;
}

/* line 228, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .form-group:focus .form-group-dropdown .button, .dimantions-input .form-group:hover .form-group-dropdown .button {
  border: 1px solid #0ac2f4;
}

/* line 235, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model {
  position: relative;
  padding: 1rem 0;
  font-size: 0.65rem;
}

/* line 241, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .units-input .form-group {
  margin: 0;
  padding: 0;
}

/* line 245, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .units-input .form-group input {
  padding: 2px 0;
  width: 20px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: none;
  color: #484848;
  font-size: 0.5625rem;
  font-family: 'Montserrat', sans-serif;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 258, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .units-input .form-group input:active, .dimantions-input .box-model .units-input .form-group input:focus {
  background: #fff;
}

/* line 264, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .units-input .actions {
  display: none;
}

/* line 269, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .icon-constraint {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 0.65rem;
  font-weight: bold;
}

/* line 276, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .icon-constraint.locked {
  color: orange;
}

/* line 280, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .icon-constraint:hover {
  color: #ff6a00;
}

/* line 285, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin {
  margin: 0 auto;
  position: relative;
  background: #dcf6ff;
  border: 1px dashed #0ac2f4;
  width: calc(100% - 30px);
  height: 195px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 294, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin:hover {
  border: 1px dashed #ffbe7a;
  background: #fff9dc;
}

/* line 299, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin span {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 0.55rem;
}

/* line 306, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .top-input {
  position: absolute;
  top: 14px;
  left: calc(50% - 10px);
  transform: translateY(-50%);
}

/* line 313, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .right-input {
  position: absolute;
  right: -6px;
  top: calc(50% - 9px);
  transform: translateX(-50%);
}

/* line 320, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .bottom-input {
  position: absolute;
  bottom: -4px;
  left: calc(50% - 10px);
  transform: translateY(-50%);
}

/* line 327, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .left-input {
  position: absolute;
  top: calc(50% - 9px);
  left: 13px;
  transform: translateX(-50%);
}

/* line 334, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .border {
  padding: 1.625rem;
  background: #ecfbff;
  border: 1px solid #0ac2f4;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 344, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .border:hover {
  background: #ffe9a7;
  border: 1px solid #ffbe7a;
}

/* line 349, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .border span {
  position: absolute;
  top: 3px;
  left: 3px;
}

/* line 355, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .border .padding {
  position: relative;
  padding: 1.625rem;
  border: 1px dashed #0ac2f4;
  background: #b8f0ff;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 362, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .border .padding:hover {
  background: #ffbe7a;
  border: 1px dashed #ff6a00;
}

/* line 367, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .border .padding span {
  position: absolute;
  top: 3px;
  left: 3px;
}

/* line 373, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .border .padding .box {
  position: relative;
  background: #fff;
  width: 70px;
  height: 30px;
  margin: 0 auto;
  cursor: pointer;
}

/* line 381, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimantions-input .box-model .margin .border .padding .box span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

/* line 426, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimensions-checkbox {
  margin-top: 5px;
}

/* line 429, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimensions-checkbox .checkbox {
  display: flex;
}

/* line 432, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.dimensions-checkbox .checkbox label {
  font-size: 0.65rem;
  padding-left: 1.25rem;
}

/* line 439, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/DimensionsInput.scss */
.br {
  border-right: 1px solid #ddd;
}

/* line 4, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor {
  width: 290px !important;
  padding: 10px;
  background: none;
  box-shadow: none;
  border: none;
}

/* line 21, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .picker-body {
  margin: 0;
  padding: 0 0 5px 0;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 3px 12px 0 rgba(0, 0, 0, 0.12);
}

/* line 28, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .picker-body:hover {
  box-shadow: 0px 3px 12px 0 rgba(0, 0, 0, 0.22);
}

/* line 33, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .input-style {
  margin-bottom: 0;
  margin-left: 12px;
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .input-style input {
  width: 100%;
  padding: 4px 6px;
  min-height: 32px;
  border: 2px solid transparent;
  background: #f3f3f3;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  box-shadow: none;
  border-radius: 3px;
  font-size: 12px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 52, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .input-style input:focus, .color-picker-balloon.editor .input-style input:hover {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 59, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .input-style.gradient-unit::after {
  display: block;
  content: "\26AC";
  position: absolute;
  top: -1px;
  right: 5px;
}

/* line 69, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .input-style.opacity-unit::after {
  display: block;
  content: "\0025";
  position: absolute;
  top: 10px;
  font-size: 10px;
  right: 12px;
}

/* line 80, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel {
  width: auto;
  /*TODO: canvas Gradient*/
}

/* line 83, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .gradient-slider-group {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

/* line 88, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .gradient-slider-group .color-slider-gradient {
  background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
  width: 100%;
  height: 16px;
  border-radius: 3px;
}

/* line 97, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .color-picker-tabs .multi-option-toggle {
  margin: 0 12px 10px 12px;
  width: auto;
}

/* line 103, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .shadow-input-group {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

/* line 108, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .shadow-input-group .input-goup {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* line 113, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .shadow-input-group .input-goup span {
  font-size: 9px;
  font-weight: bold;
}

/* line 118, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .shadow-input-group .input-goup .input-shadow {
  margin-bottom: 0;
  margin-left: 5px;
}

/* line 122, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .shadow-input-group .input-goup .input-shadow input {
  width: 40px;
  min-width: 40px;
  padding: 5px 15px 5px 1px;
  text-align: right;
  font-size: 11px;
  font-weight: normal;
}

/* line 131, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .shadow-input-group .input-goup .input-shadow::after {
  display: block;
  content: "px";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3px;
  font-size: 9px;
}

/* line 146, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .color-picker-group .color-input-title {
  position: absolute;
  bottom: 11px;
}

/* line 151, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .color-picker-group .color-picker-slider-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 180px;
  background-image: url(Images/Icons/DesignerTools/none.svg);
  background-size: 14px;
  border: 1px solid #ddd;
  border-radius: 5px;
  opacity: 0.15;
  pointer-events: none;
  z-index: 0;
}

/* line 167, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-head {
  padding: 1rem 0;
  display: flex;
}

/* line 171, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-head h6 {
  display: flex;
  align-items: flex-end;
  font-size: 0.75rem;
  font-weight: normal;
  color: #333;
  border-bottom: 1px solid #e6e6e6;
}

/* line 180, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-head span {
  font-size: 12px;
  text-align: right;
}

/* line 185, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-head .color-hex {
  display: inline;
  float: right;
}

/* line 192, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-box .picker-row {
  display: flex;
  justify-content: space-between;
}

/* line 196, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-box .picker-row .color-picker-canvas {
  border-radius: 3px;
}

/* line 200, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-box .picker-row .color-picker-slider-wrapper {
  position: relative;
}

/* line 203, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-box .picker-row .color-picker-slider-wrapper .color-picker-slider {
  position: relative;
  height: 180px;
  width: 14px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
  -moz-box-shadow: inset 0 0 0 1px #ddd;
  box-shadow: inset 0 0 0 1px #ddd;
  z-index: 1;
}

/* line 213, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-box .picker-row .color-picker-slider-wrapper .picker-pointer.hue-line {
  left: 7px;
}

/* line 217, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-box .picker-row .color-picker-slider-wrapper .picker-pointer.alpha-line {
  left: 7px;
}

/* line 225, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-box .picker-row .container .row:nth-child(2) {
  background: transparent !important;
  overflow: hidden;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

/* line 233, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-box .picker-row .color-guide {
  height: 12px;
  overflow: hidden;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

/* line 241, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .adjust-list {
  margin-top: 6px;
}

/* line 244, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .adjust-list .adjust-title {
  font-size: 10px;
}

/* line 250, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .hex-input-wrap .hex-input {
  margin: 6px 0;
}

/* line 254, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .hex-input-wrap input {
  padding: 4px 6px;
  min-height: 32px;
  border: 2px solid transparent;
  background: #f3f3f3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  box-shadow: none;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 267, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .hex-input-wrap input:focus, .color-picker-balloon.editor .color-picker-panel .hex-input-wrap input:hover {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 274, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .rgb {
  padding: 6px 12px;
}

/* line 278, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .rgb .form-group .input {
  box-shadow: none;
}

/* line 283, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .rgb .form-control {
  padding: 4px 0;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: normal;
}

/* line 292, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .rgb .form-control:focus {
  border: 1px solid #0ac2f4;
  background: #f9fdff;
  box-shadow: none;
}

/* line 300, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .rgb .box .form-group {
  margin-bottom: 0px;
}

/* line 306, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tool {
  padding: 0;
}

/* line 310, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs {
  display: flex;
  justify-content: space-between;
  border-bottom: none;
  padding: 0 10px;
  margin-bottom: 5px;
}

/* line 319, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs .tabs-label li span {
  font-weight: bold;
}

/* line 325, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs .tabs-group {
  padding-right: 11px;
}

/* line 329, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs.palette {
  padding: 0 3px;
}

/* line 333, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs .rgb {
  padding: 10px 12px;
}

/* line 337, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs .picker-tab-icon {
  position: relative;
  width: 27px;
}

/* line 341, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs .picker-tab-icon::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 348, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs ul {
  display: flex;
  justify-content: flex-start;
}

/* line 352, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs ul li {
  position: relative;
  top: 2px;
  display: inline-block;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

/* line 365, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs ul li.default {
  border-bottom: 3px solid #bbb;
}

/* line 368, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs ul li.default:hover {
  border-bottom: 3px solid #0ac2f4;
}

/* line 373, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs ul li.active {
  color: #333;
  font-weight: bold;
  border-bottom: 3px solid #0ac2f4;
}

/* line 381, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs ul .colors-options.active {
  border-bottom: none;
}

/* line 387, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs ul .picker-button > button {
  display: flex;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  color: #333;
  font-size: 11px;
  min-height: 0;
}

/* line 398, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs ul .picker-button > button span {
  font-size: 12px;
  font-weight: normal;
}

/* line 403, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs ul .picker-button > button i {
  font-size: 16px;
  padding-left: 4px;
}

/* line 409, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .tabs ul .picker-button .select-search {
  display: none;
}

/* line 416, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .copy {
  position: absolute;
  font-size: 9px;
  right: -34px;
  bottom: 11px;
  cursor: pointer;
  z-index: 99;
}

/* line 424, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .copy:hover {
  font-weight: bold;
}

/* line 429, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel.editor-color-picker {
  /*padding: 0 12px;*/
  /*.ajust-inputs {
					width: calc(100% - 60px);
					padding-left: 32px;
				}*/
}

/* line 436, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel.editor-color-picker .palette-box {
  display: none;
}

/* line 439, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel.editor-color-picker .palette-box.selected {
  border: 2px solid #0ac2f4;
}

/* line 444, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel.editor-color-picker .adjust-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px 0px 10px;
}

/* line 453, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel.editor-color-picker .adjust-group .adjust-select-menu .dropdown-menu .button {
  padding: 0;
  border: none;
  box-shadow: none;
  font-size: 12px;
  color: #333;
  background: none;
}

/* line 461, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel.editor-color-picker .adjust-group .adjust-select-menu .dropdown-menu .button:hover {
  background: none;
}

/* line 468, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel.editor-color-picker .adjust-group .adjust-inputs {
  padding-left: 5px;
}

/* line 472, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel.editor-color-picker .adjust-group .adjust-opasity {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 9px;
}

/* line 478, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel.editor-color-picker .adjust-group .adjust-opasity .form-group {
  margin: 0;
}

/* line 481, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel.editor-color-picker .adjust-group .adjust-opasity .form-group .input {
  width: 39px;
  min-height: 27px;
  box-shadow: none;
  text-align: right;
  border-color: #ddd;
  padding: 4px 13px 3px 4px;
  font-size: 12px;
  border-radius: 3px;
}

/* line 491, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel.editor-color-picker .adjust-group .adjust-opasity .form-group .input:focus {
  border: 1px solid #0ac2f4;
  background: #f9fdff;
  box-shadow: none;
}

/* line 508, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-palette {
  padding-bottom: 15px;
  position: relative;
  left: -5px;
}

/* line 514, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-palette .row .color-wrapper {
  margin: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  position: relative;
  border-radius: 23px;
  background: #fff;
  border: 1px solid transparent;
}

/* line 526, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-palette .row .color-wrapper:hover {
  border: 1px solid #ddd;
}

/* line 530, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-palette .row .color-wrapper.selected {
  border: 1px solid #ddd;
}

/* line 535, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-palette .row .color-wrapper.add-color-button:hover {
  border: none;
}

/* line 540, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-palette .row .color-wrapper.add-color-button .color-box.color-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.19);
}

/* line 548, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-palette .row .color-wrapper.add-color-button .color-box.color-button > i {
  font-size: 16px;
  font-weight: bold;
}

/* line 553, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-palette .row .color-wrapper.add-color-button .color-box.color-button:hover {
  border: none;
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.22);
}

/* line 561, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-palette .row .color-wrapper .color-box {
  margin: auto;
  width: 22px;
  height: 22px;
  border-radius: 23px;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 569, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-palette .row .color-wrapper .color-box.color-white {
  border: 1px solid #ddd;
}

/* line 574, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picker-palette .row .color-wrapper .color-box.no-border:hover {
  border: none;
  background: #dcf6ff;
}

/* line 584, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picket-footer-buttons {
  padding: 0 10px;
}

/* line 587, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picket-footer-buttons .secondary-button {
  padding: 4px 0;
}

/* line 591, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picket-footer-buttons .toggle {
  margin-left: 0;
}

/* line 594, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picket-footer-buttons .toggle > span {
  height: 17px;
  width: 28px;
}

/* line 600, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picket-footer-buttons .toggle > input:checked + span::after {
  left: 11px;
}

/* line 604, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picket-footer-buttons .toggle > input:checked + span::before {
  background: #8bc34a;
  width: 28px;
  height: 17px;
}

/* line 612, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picket-footer-buttons .toggle > input + span::after {
  height: 15px;
  width: 15px;
}

/* line 621, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .picket-footer-buttons .toggle-group .right {
  padding: 0;
  font-size: 11px;
  font-weight: bold;
  color: #333;
}

/* line 630, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block {
  padding-bottom: 0;
}

/* line 633, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette {
  margin: 0 15px;
  padding: 0;
  border-radius: 3px;
  border: 1px solid #ddd;
  overflow: hidden;
  /*Tooltip Styles*/
  /* ---------------- */
}

/* line 662, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .palette-box {
  padding: 0 15px;
}

/* line 665, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .palette-box.selected {
  border: 2px solid #0ac2f4;
}

/* line 669, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .palette-box .white-palette {
  -webkit-box-shadow: inset 3px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 3px 3px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 3px 3px 2px 0 rgba(0, 0, 0, 0.1);
}

/* line 673, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .palette-box .color-code {
  display: none;
  /*TODO: ?*/
  padding: 4px;
  width: 100%;
  background: #333;
  font-size: 0.75rem;
  color: #fff;
  text-align: center;
  border: none;
}

/* line 685, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .option-color-code {
  padding: 0;
  background: #333;
  color: #fff;
  font-size: 9px;
  text-align: center;
  padding-top: 3px;
  cursor: pointer;
}

/* line 694, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .option-color-code::before, .color-picker-balloon.editor .color-picker-panel .palette-block .palette .option-color-code::after {
  box-sizing: inherit;
}

/* line 699, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette [data-tooltip] {
  position: relative;
  cursor: pointer;
}

/* line 703, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette [data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
  z-index: 1000;
  padding: 2px;
  width: 32px;
  background-color: #fff;
  color: #333;
  content: attr(data-tooltip);
  font-size: 10px;
  line-height: 1.2;
}

/* line 728, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette [data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 738, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette [data-tooltip]:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 749, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .tooltip-left:after {
  bottom: 50%;
  right: 64px;
  left: auto;
  margin-left: 0;
  margin-bottom: -8px;
}

/* line 759, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .tooltip-left:hover:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px);
}

/* line 768, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .tooltip-left:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px);
}

/* line 778, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .tooltip-right:after {
  bottom: 50%;
  left: 40px;
  margin-left: 0;
  margin-bottom: -8px;
}

/* line 787, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .tooltip-right:hover:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px);
}

/* line 796, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px);
}

/* line 804, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .option {
  height: 28px;
  outline: 2px solid transparent;
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
}

/* line 809, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .option:hover {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  cursor: pointer;
  outline: 2px solid #fff;
  -webkit-box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
}

/* line 817, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette .option.selected {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  cursor: pointer;
  outline: 2px solid #fff;
  -webkit-box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
}

/* line 827, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette.saved-colors .option {
  margin: 4px;
  border: 1px solid #fff;
  -webkit-box-shadow: inset 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 3px 3px 0 0 rgba(0, 0, 0, 0.1);
}

/* line 832, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette.saved-colors .option:hover {
  border: 1px solid #0ac2f4;
  /*@include box-shadow(3px, 3px, 0, 0, rgba(204,240,245,0.3), true);*/
  outline: none;
}

/* line 838, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette.saved-colors .option.add-option {
  position: relative;
  margin: 4px;
  border: 1px solid #ddd;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

/* line 846, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette.saved-colors .option.add-option:hover {
  color: #0ac2f4;
  border: 1px solid #0ac2f4;
  cursor: pointer;
  -webkit-box-shadow: inset 3px 3px 0 0 rgba(204, 240, 245, 0.8);
  -moz-box-shadow: inset 3px 3px 0 0 rgba(204, 240, 245, 0.8);
  box-shadow: inset 3px 3px 0 0 rgba(204, 240, 245, 0.8);
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  z-index: 1;
}

/* line 855, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette.saved-colors .option.add-option span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  cursor: pointer;
}

/* line 868, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-collection {
  /*margin-left: 28px;
					padding: 0px 10px 0px 0px;*/
  display: flex;
  margin: auto;
  justify-content: center;
  font-size: 22px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}

/* line 878, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-collection.active {
  border-bottom: 1px solid #ddd;
}

/* line 890, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-collection:hover {
  color: #0ac2f4;
}

/* line 917, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-container {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 85px;
  bottom: 0;
  background: #fff;
  min-width: 790px;
  max-height: 790px;
  overflow-x: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 3px 12px 0 rgba(0, 0, 0, 0.12);
  z-index: 2;
}

/* line 931, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-container .palette {
  margin: 0;
  padding: 0 5px 10px 5px;
  display: flex;
  flex-wrap: wrap;
}

/* line 937, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-container .palette.collection {
  border: 1px solid transparent;
}

/* line 940, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-container .palette.collection .palette-row {
  margin: 7px;
  padding: 8px 5px 2px 5px;
  display: flex;
  flex-direction: column;
  flex: 0 0 23%;
  max-width: 23%;
  height: 160px;
  overflow: hidden;
  border: 2px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  box-shadow: 0px 3px 12px 0 rgba(0, 0, 0, 0.12);
}

/* line 954, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-container .palette.collection .palette-row:hover {
  border: 2px solid #0ac2f4;
  box-shadow: 0px 3px 12px 0 rgba(0, 0, 0, 0.22);
  cursor: pointer;
  z-index: 1;
}

/* line 961, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-container .palette.collection .palette-row > div {
  height: 30px;
}

/* line 964, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-container .palette.collection .palette-row > div:first-child {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

/* line 968, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-container .palette.collection .palette-row > div:nth-child(5) {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

/* line 973, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-container .palette.collection .palette-row .palette-title {
  padding: 10px 5px 5px 5px;
  display: flex;
  align-items: center;
  height: auto;
  font-size: 11px;
  font-weight: bold;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 985, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.color-picker-balloon.editor .color-picker-panel .palette-block .palette-container .palette.collection .palette-row.selected {
  border: 2px solid #0ac2f4;
}

/* line 997, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.float-right {
  float: right;
}

/* line 1002, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.picker-button > button {
  padding: 5px 15px;
}

/* line 1005, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorColorBalloon.scss */
.picker-button > button span {
  font-size: 11px;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTabBalloon.scss */
.editor-tab-balloon {
  padding: 10px 15px;
  font-size: 12px;
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTabBalloon.scss */
.editor-tab-balloon p {
  margin: 0px 0px 5px 0px;
  font-size: 13px;
  font-weight: bold;
}

/* line 11, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTabBalloon.scss */
.editor-tab-balloon .balloon-arrow-top {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
}

/* line 4, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon {
  margin: 0;
  padding: 10px 0 0 0;
  top: 130px !important;
  right: -10px;
  left: auto !important;
  background: transparent;
  border: none;
  box-shadow: none;
  transform: none;
  width: auto !important;
}

@media (min-width: 1200px) {
  /* line 4, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
  .balloon.title-bar-balloon {
    display: none;
  }
}

@media (max-width: 1199px) {
  /* line 4, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
  .balloon.title-bar-balloon {
    top: 42px !important;
    right: 14px;
  }
}

@media (max-width: 869px) {
  /* line 4, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
  .balloon.title-bar-balloon {
    top: 44px !important;
    right: 14px;
  }
}

/* line 31, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon {
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.19);
}

/* line 34, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon:hover {
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.22);
}

/* line 38, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .balloon-arrow-top {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
}

/* line 50, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar {
  padding: 0;
  min-width: auto;
}

/* line 54, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap {
  margin: 0;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* line 59, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row {
  margin: 0;
  width: auto;
  border: none;
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons {
  padding: 0 6px;
  display: flex;
  flex-direction: column;
}

/* line 69, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-view {
  position: relative;
}

/* line 72, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-view ul {
  margin-bottom: 3px;
  flex-direction: column;
}

/* line 77, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .display-view::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 25px;
  height: 1px;
  background: #ddd;
}

/* line 89, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button {
  margin-bottom: 8px;
}

/* line 92, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .preview-button {
  margin: 0;
  padding: 15px;
  min-height: 30px;
}

/* line 97, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .preview-button i {
  margin: 0;
  padding: 0;
}

/* line 102, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .preview-button::before {
  content: none;
}

/* line 106, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .preview-button::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 25px;
  height: 1px;
  background: #ddd;
}

/* line 119, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .publish-button {
  padding: 6px 16px;
  min-height: 32px;
}

/* line 123, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .publish-button i {
  color: rgba(255, 255, 255, 0.75);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -51%);
  padding: 0;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 133, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/EditorTitleBarBalloon.scss */
.balloon.title-bar-balloon .editor-title-bar-balloon .editor-title-bar .editor-title-bar-wrap .buttons-row .title-bar-buttons .editor-title-button .publish-button:hover i {
  color: #fff;
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-header {
  align-items: center;
  padding: 0.75rem 0 0 0;
}

/* line 9, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-header .title-gradient-color {
  padding-right: 16px;
  border-bottom: 1px solid #e6e6e6;
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-header .add-gradient-color {
  text-align: center;
}

/* line 20, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-colors.gradient-header {
  padding: 0.75rem 0 0.5rem 0;
}

/* line 25, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color {
  text-align: center;
  align-items: center;
}

/* line 29, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color div {
  padding: 0;
}

/* line 33, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .color-code {
  padding: 2px;
  width: 100%;
  background: #333;
  font-size: 0.65rem;
  color: #fff;
  text-align: center;
  border: none;
}

/* line 43, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .gradient-color-one {
  padding: 0;
  height: 1.3rem;
  background-color: #F8D353;
}

/* line 49, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .gradient-color-one:hover .close-button {
  opacity: 1;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

/* line 56, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .gradient-color-two {
  padding: 0;
  height: 1.3rem;
  background-color: #FF5C5A;
}

/* line 62, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .gradient-color-two:hover .close-button {
  opacity: 1;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

/* line 69, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .gradient-color-three {
  padding: 0;
  /*display: none;*/
  height: 1.3rem;
  background-color: #4800ff;
}

/* line 76, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .gradient-color-three:hover .close-button {
  opacity: 1;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

/* line 83, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .add-gradient-color {
  border: 2px solid #0ac2f4;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 900;
  color: #0ac2f4;
  cursor: pointer;
}

/* line 93, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .close-button {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 25%;
  background: rgba(0, 0, 0, 0.5);
  font-size: 15px;
}

/* line 101, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .close-button i {
  color: #fff;
  vertical-align: middle;
}

/* line 109, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .option-color-code {
  padding: 0;
  background: #333;
  color: #fff;
  font-size: 10px !important;
  text-align: center;
  padding-top: 3px;
  cursor: pointer;
}

/* line 120, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-color .option-color-code::before, .gradient-color .option-color-code::after {
  box-sizing: inherit;
}

/* line 127, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-option {
  padding: 12px 0 0 0;
  text-align: center;
  line-height: 1.7;
}

/* line 133, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker {
  padding: 10px;
  height: 90px;
  background: #F8D353;
  background: -webkit-linear-gradient(top left, #F8D353, #FF5C5A, #4800ff);
  background: -moz-linear-gradient(top left, #F8D353, #FF5C5A, #4800ff);
  background: linear-gradient(to bottom right, #F8D353, #FF5C5A, #4800ff);
}

/* line 141, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction {
  position: relative;
  min-height: 100%;
  font-size: 1rem;
}

/* line 146, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction div {
  position: absolute;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0px 1px 8px 0 rgba(68, 76, 88, 0.3);
  cursor: pointer;
}

/* line 156, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction .d-active {
  width: 12px;
  height: 12px;
  border: 2px solid #0ac2f4;
  background: white;
  box-shadow: 0px 1px 8px 0 rgba(68, 76, 88, 0.8);
}

/* line 164, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction .direction-tl {
  top: 0;
  left: 0;
}

/* line 169, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction .direction-tr {
  top: 0;
  right: 0;
}

/* line 174, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction .direction-tc {
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

/* line 180, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction .direction-cl {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/* line 186, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction .direction-cr {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/* line 192, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction .direction-bl {
  bottom: 0;
  left: 0;
}

/* line 197, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction .direction-bc {
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

/* line 204, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction .direction-br {
  bottom: 0;
  right: 0;
}

/* line 209, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction .d-hover {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 212, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-picker .direction .d-hover:hover {
  border: 2px solid #0ac2f4;
  background: white;
  box-shadow: 0px 1px 8px 0 rgba(68, 76, 88, 0.8);
}

/* line 221, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-copy {
  padding: 3px 0 2px 0;
  background: #333;
  font-size: 0.75rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

/* line 229, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-copy span {
  cursor: pointer;
  vertical-align: middle;
}

/* line 234, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-copy:hover {
  background: #444;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 238, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-copy:hover span {
  cursor: pointer;
}

/* line 244, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/GradientInput.scss */
.gradient-switch-button {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0px 15px 15px 15px;
  font-weight: bold;
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-header {
  padding: 15px;
  position: relative;
  /*border-bottom: 1px solid #ddd;*/
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
  min-height: 50px;
  z-index: 1;
}

/* line 13, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-header span {
  font-size: 13px;
  font-weight: 600;
}

/* line 18, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-header .close {
  padding: 0px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 13px;
  width: 22px;
  height: 22px;
  line-height: 26px;
  font-size: 18px;
  background: #f3f3f3;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* line 35, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-header .close:hover {
  background: #e5e5e5;
}

/* line 42, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection {
  left: 1556px !important;
  padding: 0;
  position: absolute;
  min-width: 350px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top: none;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.1);
  z-index: 999;
}

/* line 54, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection:hover {
  -webkit-box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.15);
}

/* line 58, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .container {
  padding: 0;
}

/* line 62, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 369px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 72, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .font-options-container {
  width: 100%;
}

/* line 75, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .font-options-container .font-box {
  padding: 9px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font-size: 14px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}

/* line 89, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .font-options-container .font-box:hover {
  background-color: #f2f2f4;
}

/* line 93, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .font-options-container .font-box > i {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 10px;
  width: 25px;
  height: 25px;
  font-size: 20px;
  border: 2px solid #0ac2f4;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-color: #fff;
}

/* line 107, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .font-options-container .font-box > span {
  font-size: 20px;
}

/* line 111, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .font-options-container .font-box.selected {
  font-size: 14px;
  background-color: #e8faff;
}

/* line 115, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .font-options-container .font-box.selected > i {
  display: flex;
}

/* line 119, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .font-options-container .font-box.selected > span {
  visibility: hidden;
}

/* line 123, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .font-options-container .font-box.selected:hover {
  background-color: #dcf7ff;
}

/* line 130, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .options {
  display: grid;
  width: 100%;
}

/* line 134, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .options .font-box {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  cursor: pointer;
  background-color: #fcfcfc;
}

/* line 145, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .options .font-box:hover {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 150, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-family-section .options .font-box.selected {
  border: 2px solid #0ac2f4;
  background: #f5fcff;
}

/* line 159, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.icon-group {
  min-width: 350px;
  margin-top: 8px;
}

/* line 167, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.icon-group .font-family-section.icon-section {
  margin-bottom: 6px;
  padding: 0;
}

/* line 171, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.icon-group .font-family-section.icon-section .options {
  padding: 6px;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 6px;
}

/* line 176, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.icon-group .font-family-section.icon-section .options .font-box {
  height: 50px;
  font-size: 23px;
}

/* line 181, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.icon-group .font-family-section.icon-section .options .font-box:first-child:hover {
  border: 2px solid #fd3d3c;
  background: #fff5f5;
}

/* line 186, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.icon-group .font-family-section.icon-section .options .font-box:first-child:hover .none:before {
  color: #fd3d3c;
}

/* line 193, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.icon-group .font-family-section.icon-section .options .font-box .none {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 198, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.icon-group .font-family-section.icon-section .options .font-box .none:before {
  content: "\2298";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 212, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.animations-group {
  width: 390px;
  height: 555px;
  left: auto !important;
  right: 15px;
}

/* line 222, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.animations-group .font-family-section.animations-section {
  height: 100%;
}

/* line 225, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.animations-group .font-family-section.animations-section .options {
  padding: 15px 15px 10px 15px;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

/* line 230, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.animations-group .font-family-section.animations-section .options .font-box {
  padding: 6px 0px;
  flex-direction: column;
  height: 100px;
  /*&.none-icon {
							img {
								padding: $gap-size;
							}
						}*/
}

/* line 235, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.animations-group .font-family-section.animations-section .options .font-box .image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 240, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.animations-group .font-family-section.animations-section .options .font-box .image-wrapper img {
  /*padding: $gap-size;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

/* line 255, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection.animations-group .font-family-section.animations-section .options .font-box span {
  color: #333;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 5px;
}

/* line 267, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority {
  position: sticky;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #ddd;
  z-index: 1;
}

/* line 274, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}

/* line 282, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row:hover {
  background-color: #f2f2f4;
}

/* line 288, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row:hover .editor-toggle.priority-label .editor-tool-group .editor-tool-font {
  background-color: #fff;
}

/* line 296, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row .font-name {
  display: flex;
  width: 100%;
  align-items: center;
}

/* line 302, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row > i {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 10px;
  width: 25px;
  height: 25px;
  font-size: 20px;
  border: 2px solid #0ac2f4;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-color: #fff;
}

/* line 316, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row > span {
  visibility: visible;
  font-size: 20px;
}

/* line 321, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row .editor-toggle {
  margin: 0;
  flex: 0 0 30%;
  max-width: 30%;
}

/* line 327, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row .editor-toggle.priority-label .editor-tool-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

/* line 333, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row .editor-toggle.priority-label .editor-tool-group .editor-tool-font {
  margin-left: 6px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 600;
  color: #333;
  background-color: #f3f3f3;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* line 343, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row .editor-toggle.priority-label .editor-tool-group .toggle {
  display: none;
}

/* line 350, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row .font-primary {
  font-size: 10px;
  font-weight: bold;
}

/* line 355, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row .font-secondary {
  font-size: 10px;
  font-weight: 100;
}

/* line 360, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row .full-name {
  font-size: 14px;
  font-weight: normal;
  word-break: break-word;
}

/* line 366, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row.selected {
  background-color: #e8faff;
}

/* line 369, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row.selected:hover {
  background-color: #dcf7ff;
}

/* line 375, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row.selected .editor-toggle.priority-label .editor-tool-font {
  font-weight: normal;
  color: #fff;
}

/* line 381, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row.selected .editor-toggle.priority-label.primary .editor-tool-font {
  background-color: #0ac2f4;
}

/* line 387, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row.selected .editor-toggle.priority-label.secondary .editor-tool-font {
  background-color: #ff9e18;
}

/* line 394, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row.selected > i {
  display: flex;
}

/* line 398, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .font-priority-row.selected > span {
  visibility: hidden;
}

/* line 404, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .button {
  padding: 0;
}

/* line 407, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .button span {
  font-size: 12px;
}

/* line 410, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-priority .button span:hover {
  color: #0ac2f4;
}

/* line 417, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-search {
  position: relative;
  width: 100%;
  padding: 15px 12px;
}

/* line 422, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-search input {
  width: 100%;
  padding: 13px 45px 13px 15px;
  border: none;
  outline: none;
  background: #f5f5f5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  font-size: 0.875rem;
  font-family: 'Montserrat', sans-serif;
  color: #333;
}

/* line 434, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-search input::-webkit-input-placeholder {
  color: #9d9d9d;
}

/* line 438, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-search input:-ms-input-placeholder {
  color: #9d9d9d;
}

/* line 442, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-search input::placeholder {
  color: #9d9d9d;
}

/* line 446, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-search input:hover {
  background: #efefef;
}

/* line 450, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-search input i {
  font-size: 18px;
  top: 55%;
}

/* line 456, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-search input[placeholder] {
  font-size: 0.75rem;
}

/* line 460, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/FontPickerPanel.scss */
.balloon-collection .font-search .search-icon {
  position: absolute;
  top: calc(50% + 2px);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 18px;
  right: 26px;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/HeadingTypeSelect.scss */
.heading-type-select {
  width: 100%;
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/HeadingTypeSelect.scss */
.heading-type-select .heading-tags .h-tag {
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 13, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/HeadingTypeSelect.scss */
.heading-type-select .heading-tags .h-tag:hover {
  color: #37c6f4;
}

/* line 17, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/HeadingTypeSelect.scss */
.heading-type-select .heading-tags .h-tag:nth-child(1) {
  font-size: 2rem;
}

/* line 21, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/HeadingTypeSelect.scss */
.heading-type-select .heading-tags .h-tag:nth-child(2) {
  font-size: 1.75rem;
}

/* line 25, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/HeadingTypeSelect.scss */
.heading-type-select .heading-tags .h-tag:nth-child(3) {
  font-size: 1.25rem;
}

/* line 29, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/HeadingTypeSelect.scss */
.heading-type-select .heading-tags .h-tag:nth-child(4) {
  font-size: 1.125rem;
}

/* line 33, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/HeadingTypeSelect.scss */
.heading-type-select .heading-tags .h-tag:nth-child(5) {
  font-size: 1rem;
}

/* line 37, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/HeadingTypeSelect.scss */
.heading-type-select .heading-tags .h-tag:nth-child(6) {
  font-size: 0.75rem;
}

/* line 41, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/HeadingTypeSelect.scss */
.heading-type-select .heading-tags .h-tag.selected {
  /*background: #f7f9fa !important;
				border: 1px solid #e8e8e8 !important;
				border-radius: 9px !important;*/
  color: #37c6f4;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/RoleInput.scss */
.role-input {
  width: 100%;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/RowColumnAligmentInput.scss */
.row-column-aligment {
  padding: 0px 10px;
}

/* line 5, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/RowColumnAligmentInput.scss */
.row-column-aligment .tool-space label {
  display: block;
  text-align: center;
  font-weight: bold;
}

/* line 3, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextDecorationInput.scss */
.text-decoration-input .button .active {
  background: pink;
}

/* line 4, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/VideoBackgroundInput.scss */
.video-background .editor-tool-group .text-input-wrapper {
  flex: 100%;
  max-width: 100%;
}

/* line 8, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/VideoBackgroundInput.scss */
.video-background .editor-tool-group .text-input-wrapper .input {
  padding: 8px !important;
}

/* line 3, ../../../../Shoptico.Editor.Frontend/Components/Tools/PageToolsPopoutBody.scss */
.tools-bottom .tools-tabs .first {
  border-right: 1px solid #ddd;
}

/* line 1, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.tool-button {
  text-align: right;
}

/* line 4, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.tool-button .tool-btn-position {
  position: relative;
  top: 6px;
}

/* line 10, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.button {
  display: inline-block;
  font-size: 13px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: none;
  border: 1px solid #37c6f4;
  color: #37c6f4;
}

/* line 19, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.button:hover {
  background: #37c6f4;
  /*color: #fff;*/
  cursor: pointer;
}

/* line 26, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.shadow-button {
  -webkit-box-shadow: 3px 3px 0 0 rgba(204, 240, 245, 0.8);
  -moz-box-shadow: 3px 3px 0 0 rgba(204, 240, 245, 0.8);
  box-shadow: 3px 3px 0 0 rgba(204, 240, 245, 0.8);
}

/* line 31, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-header h5 {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
}

/* line 38, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content {
  padding: 6px;
}

/* line 41, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content h6 {
  display: flex;
  align-items: center;
  font-size: 0.85rem;
}

/* line 48, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-row h6, .text-content .text-row span {
  padding: 0.3rem 8px;
}

/* line 53, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-option {
  border-bottom: 1px solid #e6e6e6;
}

/* line 57, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-option-active {
  border-bottom: none;
}

/* line 62, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .icon-effects::before {
  /*content: "🌈  ";*/
  display: block;
  content: ' ';
  background-image: url("Images/Icons/font-effects.svg");
  background-repeat: no-repeat;
  height: 1.5rem;
  width: 1.5rem;
}

/* line 74, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .icon-spacing::before {
  /*content: "🌊  ";*/
  display: block;
  content: ' ';
  background-image: url("Images/Icons/font-spacing.svg");
  background-repeat: no-repeat;
  height: 1.5rem;
  width: 1.5rem;
}

/* line 86, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .icon-heading::before {
  display: block;
  content: ' ';
  background-image: url("Images/Icons/font-heading.svg");
  background-repeat: no-repeat;
  height: 1.5rem;
  width: 1.5rem;
}

/* line 96, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .button {
  font-size: 0.9rem;
}

/* line 100, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .rotate {
  transform: rotate(45deg);
  box-shadow: 4px 0 0 rgba(204, 240, 245, 0.8);
}

/* line 105, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects {
  display: flex;
  align-items: center;
  font-family: Courier;
  font-size: 2rem;
  font-weight: 900;
  text-align: center;
  cursor: default;
}

/* line 114, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects .effect-one {
  text-shadow: 3px 3px 4px rgba(55, 198, 244, 0.58);
}

/* line 117, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects .effect-one:hover {
  color: #37c6f4;
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.58);
}

/* line 123, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects .effect-two {
  text-shadow: 3px 3px 0px #37C6F4;
}

/* line 126, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects .effect-two:hover {
  color: #37c6f4;
  text-shadow: 3px 3px 0px black;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 133, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects .effect-three {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
}

/* line 137, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects .effect-three:hover {
  color: #37c6f4;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 143, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects .effect-four {
  background-color: rgba(204, 240, 245, 0.8);
  text-shadow: #ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px 1px 0px, #ffffff 1px -1px 0px;
}

/* line 147, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects .effect-four:hover {
  color: #37c6f4;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 153, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects .effect-five {
  text-shadow: rgba(10, 189, 240, 0.298039) 3px 3px 0px, rgba(254, 1, 1, 0.298039) -3px -3px 0px;
}

/* line 156, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects .effect-five:hover {
  color: #37c6f4;
  text-shadow: rgba(0, 0, 0, 0.298039) 3px 3px 0px, rgba(254, 1, 1, 0.298039) -3px -3px 0px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 166, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .text-effects .effect-none:hover {
  color: #37c6f4;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 173, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .heading-tags {
  /*text-align: center;
        border-top: 1px solid #e6e6e6;*/
}

/* line 176, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .heading-tags .h-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: 400;
  height: 3rem;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* line 185, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .heading-tags .h-tag:hover {
  color: #37c6f4;
}

/* line 189, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .heading-tags .h-tag:nth-child(1) {
  font-size: 2rem;
}

/* line 193, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .heading-tags .h-tag:nth-child(2) {
  font-size: 1.875rem;
}

/* line 197, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .heading-tags .h-tag:nth-child(3) {
  font-size: 1.5rem;
}

/* line 201, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .heading-tags .h-tag:nth-child(4) {
  font-size: 1.25rem;
}

/* line 205, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .heading-tags .h-tag:nth-child(5) {
  font-size: 1.125rem;
}

/* line 209, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .heading-tags .h-tag:nth-child(6) {
  font-size: 1rem;
}

/* line 213, ../../../../Shoptico.Editor.Frontend/Components/Tools/EditorInputs/TextPropertiesInput.scss */
.text-content .heading-tags .h-tag:nth-child(6) {
  font-size: 1rem;
}

/* line 2, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.sub-tool {
  margin: 0 -15px 0px -15px !important;
  padding: 10px 16px 10px 40px !important;
  display: block;
  background-color: transparent;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  border-top: 1px solid #ddd;
}

/* line 13, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon {
  /*Alignment icons*/
  /*Background icons*/
  /*REPEAT*/
  /*SIZE*/
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon:before {
  display: block;
  content: "" !important;
  /*position: absolute;
			top: 9px;
			left: 13px;*/
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

/* line 28, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.sub-tool-icon:before {
  top: 10px;
  left: 19px;
  height: 15px;
  width: 15px;
}

/* line 36, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.button-icon {
  margin-bottom: 5px;
  background: #fff;
}

/* line 40, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.button-icon:before {
  /*top: 50% !important;
				transform: translateY(-50%) !important;
				left: 10px !important;*/
  height: 14px !important;
  width: 14px !important;
  background-color: inherit !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  margin-right: 5px;
  position: relative !important;
  left: 0px !important;
}

/* line 55, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.no-text {
  height: 40px;
}

/* line 58, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.no-text:before {
  left: 15px !important;
}

/* line 64, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.custom-icon:before {
  background-image: url(Images/Icons/DesignerTools/custom-icon.svg);
}

/* line 70, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.custom-color:before {
  background-image: url(Images/Icons/DesignerTools/custom-color.svg);
}

/* line 76, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.color:before {
  background-image: url(Images/Icons/DesignerTools/colors-tab.svg);
}

/* line 82, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.image:before {
  background-image: url(Images/Icons/DesignerTools/image.svg);
}

/* line 88, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.border:before {
  background-image: url(Images/Icons/DesignerTools/border.svg);
}

/* line 94, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.dimensions:before {
  background-image: url(Images/Icons/DesignerTools/dimensions.svg);
}

/* line 100, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.text-size:before {
  background-image: url(Images/Icons/DesignerTools/font-size.svg) !important;
}

/* line 106, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.text-family:before {
  background-image: url(Images/Icons/DesignerTools/font-tab.svg);
}

/* line 112, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.margin:before {
  background-image: url(Images/Icons/DesignerTools/margin.svg);
}

/* line 118, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.padding:before {
  background-image: url(Images/Icons/DesignerTools/padding.svg);
}

/* line 124, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.border-radius:before {
  background-image: url(Images/Icons/DesignerTools/border-radius.svg);
}

/* line 130, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.border-style:before {
  background-image: url(Images/Icons/DesignerTools/border-style.svg);
}

/* line 136, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.primary-font:before {
  background-image: url(Images/Icons/DesignerTools/primary-font.svg);
}

/* line 142, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.secondary-font:before {
  background-image: url(Images/Icons/DesignerTools/secondary-font.svg);
}

/* line 148, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.heading:before {
  background-image: url(Images/Icons/DesignerTools/font-heading.svg);
}

/* line 154, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.h-two:before {
  background-image: url(Images/Icons/DesignerTools/h-two.svg);
}

/* line 160, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.h-three:before {
  background-image: url(Images/Icons/DesignerTools/h-three.svg);
}

/* line 166, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.h-four:before {
  background-image: url(Images/Icons/DesignerTools/h-four.svg);
}

/* line 172, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.h-five:before {
  background-image: url(Images/Icons/DesignerTools/h-five.svg);
}

/* line 179, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.paragraph:before {
  background-image: url(Images/Icons/DesignerTools/paragraph.svg);
}

/* line 185, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.h-six:before {
  background-image: url(Images/Icons/DesignerTools/h-six.svg);
}

/* line 191, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.box-shadow:before {
  background-image: url(Images/Icons/DesignerTools/shadow-tooltip.svg);
}

/* line 197, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.option-icon:before {
  background-image: url(Images/Icons/DesignerTools/option.svg);
}

/* line 203, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.aligment:before {
  background-image: url(Images/Icons/DesignerTools/aligment.svg);
}

/* line 209, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.text-shadow:before {
  background-image: url(Images/Icons/DesignerTools/text-shadow.svg);
}

/* line 215, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.desktop:before {
  background-image: url(Images/Icons/DesignerTools/desktop.svg);
}

/* line 221, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.tablet:before {
  background-image: url(Images/Icons/DesignerTools/tablet.svg);
}

/* line 227, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.phone:before {
  background-image: url(Images/Icons/DesignerTools/phone.svg);
}

/* line 233, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.clip:before {
  background-image: url(Images/Icons/DesignerTools/background-clip.svg);
}

/* line 239, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.line-height:before {
  background-image: url(Images/Icons/DesignerTools/line-height.svg);
}

/* line 245, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.json:before {
  background-image: url(Images/Icons/DesignerTools/json.svg);
}

/* line 251, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.json-export:before {
  background-image: url(Images/Icons/DesignerTools/json-export.svg);
}

/* line 257, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.id:before {
  background-image: url(Images/Icons/DesignerTools/id.svg);
}

/* line 264, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.class:before {
  background-image: url(Images/Icons/DesignerTools/class.svg);
}

/* line 270, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.copy-icon:before {
  background-image: url(Images/Icons/DesignerTools/copy.svg);
}

/* line 276, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.paste-icon:before {
  background-image: url(Images/Icons/DesignerTools/paste.svg);
}

/* line 283, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.arrow-top-left:before {
  background-image: url(Images/Icons/DesignerTools/arrow-tl.svg);
}

/* line 289, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.arrow-top-center:before {
  background-image: url(Images/Icons/DesignerTools/arrow-tt.svg);
}

/* line 295, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.arrow-top-right:before {
  background-image: url(Images/Icons/DesignerTools/arrow-tr.svg);
}

/* line 301, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.arrow-left:before {
  background-image: url(Images/Icons/DesignerTools/arrow-cl.svg);
}

/* line 307, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.arrow-right:before {
  background-image: url(Images/Icons/DesignerTools/arrow-cr.svg);
}

/* line 313, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.arrow-bottom-left:before {
  background-image: url(Images/Icons/DesignerTools/arrow-bl.svg);
}

/* line 319, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.arrow-bottom-center:before {
  background-image: url(Images/Icons/DesignerTools/arrow-bb.svg);
}

/* line 325, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.arrow-bottom-right:before {
  background-image: url(Images/Icons/DesignerTools/arrow-br.svg);
}

/* line 331, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.circle:before {
  background-image: url(Images/Icons/DesignerTools/circle.svg);
}

/* line 337, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.image-size:before {
  background-image: url(Images/Icons/DesignerTools/image-size.svg);
}

/* line 343, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.image-position:before {
  background-image: url(Images/Icons/DesignerTools/image-position.svg);
}

/* line 349, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.image-repeat:before {
  background-image: url(Images/Icons/DesignerTools/image-repeat.svg);
}

/* line 355, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.header-icon:before {
  background-image: url(Images/Icons/DesignerTools/header.svg);
}

/* line 361, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.footer-icon:before {
  background-image: url(Images/Icons/DesignerTools/footer.svg);
}

/* line 367, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.letter-spacing:before {
  background-image: url(Images/Icons/DesignerTools/spacing.svg);
}

/* line 373, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.top:before {
  background-image: url(Images/Icons/DesignerTools/top.svg);
}

/* line 378, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.top.selected:before {
  background-image: url(Images/Icons/DesignerTools/top-selected.svg);
}

/* line 385, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.justify-center:before {
  background-image: url(Images/Icons/DesignerTools/justify-center.svg);
  background-color: #fff !important;
}

/* line 392, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.bottom:before {
  background-image: url(Images/Icons/DesignerTools/bottom.svg);
  background-color: #fff !important;
}

/* line 398, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.bottom.selected:before {
  background-image: url(Images/Icons/DesignerTools/bottom-selected.svg);
}

/* line 405, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.left:before {
  background-image: url(Images/Icons/DesignerTools/left.svg);
  background-color: #fff !important;
}

/* line 412, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.align-center:before {
  background-image: url(Images/Icons/DesignerTools/align-center.svg);
  background-color: #fff !important;
}

/* line 418, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.align-center.selected:before {
  background-image: url(Images/Icons/DesignerTools/align-center-selected.svg);
}

/* line 425, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.right:before {
  background-image: url(Images/Icons/DesignerTools/right.svg) !important;
  background-color: #fff !important;
}

/* line 432, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.align-left:before {
  background-image: url(Images/Icons/DesignerTools/align-horizontal-left.svg) !important;
}

/* line 438, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.align-right:before {
  background-image: url(Images/Icons/DesignerTools/align-horizontal-right.svg) !important;
}

/* line 444, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.align-center-two:before {
  background-image: url(Images/Icons/DesignerTools/align-horizontal-center.svg) !important;
}

/* line 451, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.repeat:before {
  background-image: url(Images/Icons/DesignerTools/repeat.svg);
}

/* line 457, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.no-repeat:before {
  background-image: url(Images/Icons/DesignerTools/border-tab.svg);
}

/* line 463, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.repeat-x:before {
  background-image: url(Images/Icons/DesignerTools/repeat-x.svg);
}

/* line 469, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.repeat-y:before {
  background-image: url(Images/Icons/DesignerTools/repeat-y.svg);
}

/* line 475, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.space:before {
  background-image: url(Images/Icons/DesignerTools/space.svg);
}

/* line 481, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.round:before {
  background-image: url(Images/Icons/DesignerTools/round.svg) !important;
}

/* line 487, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.auto:before {
  background-image: url(Images/Icons/DesignerTools/auto.svg);
}

/* line 493, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.cover:before {
  background-image: url(Images/Icons/DesignerTools/cover.svg);
}

/* line 499, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.contain:before {
  background-image: url(Images/Icons/DesignerTools/contain.svg);
}

/* line 505, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool.tool-icon.custom:before {
  background-image: url(Images/Icons/DesignerTools/custom.svg) !important;
}

/* line 511, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool .rotate90 {
  transform: rotate(90deg);
}

/* line 515, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool .tool-header-icon {
  transition: transform .25s;
}

/* line 522, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool .input-container .expand-area:last-child .suboptions-wrapper {
  border-bottom: none;
  margin-bottom: 0;
}

/* line 529, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool .input-container.minimized {
  height: 0;
}

/* line 534, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool .tool-header {
  display: flex;
  justify-content: space-between;
}

/* line 540, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool-title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
}

/* line 546, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool-title .color-input-group {
  position: relative;
}

/* line 551, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool-title .color-input-group .color-picker-panel.color-input-only .title,
.tool-title .color-input-group .color-picker-panel.color-input-only .icons {
  display: none;
}

/* line 559, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool-title .title {
  width: 100%;
  padding-left: 7px;
  font-size: 12px;
  /*font-weight: bold;*/
  color: #000;
}

/* line 568, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool-title .icons .pipette-icon {
  display: flex;
  align-items: center;
  padding-right: 6px;
  font-size: 16px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}

/* line 576, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool-title .icons .pipette-icon i {
  font-weight: normal;
}

/* line 580, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
.tool-title .icons .pipette-icon:hover {
  color: var(--default-color);
}

/* line 587, ../../../../Shoptico.Editor.Frontend/Components/Tools/Tool.scss */
:root {
  --default-color: #37c6f4;
}

/* line 3, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  width: 100%;
  height: 100px;
  background: #e66;
  border-top: 1px solid #e6e6e6;
  text-align: center;
}

/* line 14, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.header:hover {
  border: 2px dashed #e6e6e6;
}

/* line 20, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .editor-content {
  height: 100% !important;
}

/* line 24, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .navigation-bar {
  display: none;
}

/* line 28, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .sidebar {
  display: none;
}

/* line 32, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .size-indicator-view {
  display: none;
}

/* line 36, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .breadcrumb-trail {
  display: none;
}

/* line 40, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .dashboard {
  margin: 0;
}

/* line 44, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .page-content {
  padding: 0;
}

/* line 48, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .editor-title-bar {
  padding: 0 6px;
}

/* line 52, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .viewport-header-scale {
  padding-left: 0px;
  padding-right: 0px;
}

/* line 57, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .viewport-scale {
  margin-bottom: 0px !important;
  padding-left: 0px;
  padding-right: 0px;
}

/* line 65, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .title-bar-buttons .preview .button {
  background: #0ac2f4 !important;
}

/* line 69, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .title-bar-buttons .preview span {
  color: #fff;
}

/* line 73, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .title-bar-buttons .preview .progress-line {
  background: #a1dfef;
}

/* line 80, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .title-bar-buttons:hover .preview .button {
  background: #a1dfef !important;
}

/* line 83, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .title-bar-buttons:hover .preview .button span {
  color: #0e323e;
}

/* line 88, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.fullscreen .title-bar-buttons:hover .preview .progress-line {
  background: #a1dfef;
}

/* line 96, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.editor-box {
  position: relative;
}

/* line 108, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.blur {
  filter: blur(3px);
}

/* line 112, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.dashboard,
.page-content,
.editor-title-bar,
.viewport-header-scale,
.viewport-scale {
  transition: padding linear 200ms, margin linear 200ms;
}

/* line 120, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.viewport-responsive {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

/* line 126, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.viewport-responsive .viewport-scale {
  flex: 0 0 100%;
  max-width: 100%;
}

/* line 132, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.viewport-info {
  position: absolute;
  top: -48px;
  right: 0;
  z-index: 1;
}

/* line 138, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.viewport-info > span {
  padding: 5px 10px 5px 5px;
  display: inline-flex;
  align-items: center;
  color: #333;
  background: #ebf8fd;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 147, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
transition .viewport-info > span:hover {
  background: #dcf6ff;
}

/* line 150, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
transition .viewport-info > span:hover i {
  box-shadow: 0px 3px 12px 0 rgba(0, 0, 0, 0.22);
}

/* line 155, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.viewport-info > span i {
  margin: 0 4px 1px 0;
  padding: 5px;
  font-size: 16px;
  color: #333;
  background: #fff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  box-shadow: 0px 3px 12px 0 rgba(0, 0, 0, 0.12);
}

/* line 169, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.desktop-view .editor-box .viewport-responsive {
  margin: auto;
  min-width: 100%;
}

/* line 180, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.laptop-view .editor-box .viewport-responsive {
  margin: 15px auto;
  min-width: 992px;
  width: 1180px;
  max-width: 1199px;
}

/* line 188, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.laptop-view .editor-box .viewport-responsive .viewport-scale .editor-content {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  overflow: hidden;
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.19);
}

/* line 193, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.laptop-view .editor-box .viewport-responsive .viewport-scale .editor-content:hover {
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.22);
}

/* line 204, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.tablet-view .editor-box .viewport-responsive {
  margin: 15px auto;
  min-width: 768px;
  width: 768px;
  max-width: 991px;
  max-height: 1024px;
}

/* line 212, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.tablet-view .editor-box .viewport-responsive .viewport-scale .editor-content {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  overflow: hidden;
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.19);
}

/* line 217, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.tablet-view .editor-box .viewport-responsive .viewport-scale .editor-content:hover {
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.22);
}

/* line 228, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.landscape-phone-view .editor-box .viewport-responsive {
  margin: 15px auto;
  min-width: 576px;
  width: 667px;
  max-width: 767px;
}

/* line 236, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.landscape-phone-view .editor-box .viewport-responsive .viewport-scale .editor-content {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  overflow: hidden;
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.19);
}

/* line 241, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.landscape-phone-view .editor-box .viewport-responsive .viewport-scale .editor-content:hover {
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.22);
}

/* line 252, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.phone-view .editor-box .viewport-responsive {
  margin: 15px auto;
  min-width: 375px;
  width: 375px;
  max-width: 575px;
}

/* line 258, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.phone-view .editor-box .viewport-responsive .viewport-scale {
  /*height: 667px;*/
  /*height: calc(100% - 50px);*/
}

/* line 261, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.phone-view .editor-box .viewport-responsive .viewport-scale .editor-content {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  overflow: hidden;
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.19);
}

/* line 266, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.phone-view .editor-box .viewport-responsive .viewport-scale .editor-content:hover {
  box-shadow: 0px 2px 39px 0 rgba(0, 0, 0, 0.22);
}

/* line 295, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 150px;
  background: #6cf;
  text-align: center;
}

/* line 304, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.footer:hover {
  border: 2px dashed #e6e6e6;
}

/* Reset/Remove CSS*/
/* line 312, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.warning-block {
  padding: 15px;
  background: #fffaf2;
  border: 1px solid #fffaf2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
}

/* line 319, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.warning-block span {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: #d08000;
}

/* line 327, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.warning-block span i {
  padding-right: 6px;
  font-size: 20px;
}

/* line 333, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.warning-block .example {
  margin: 0;
  padding-left: 28px;
  position: relative;
  font-size: 12px;
  line-height: 19px;
}

/* line 340, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.warning-block .example::before {
  content: "";
  padding: 5px;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 6px;
  background: #d08000;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* line 355, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.popup-header {
  margin-bottom: 12px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-box-shadow: 0px 2px 12px 0px rgba(22, 45, 61, 0.1);
  -moz-box-shadow: 0px 2px 12px 0px rgba(22, 45, 61, 0.1);
  box-shadow: 0px 2px 12px 0px rgba(22, 45, 61, 0.1);
}

/* line 363, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.popup-header > span {
  font-size: 12px;
  font-weight: bold;
}

/* line 368, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.popup-header .header-close-button {
  margin: 0;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-content: center;
  border: none;
  box-shadow: none;
  min-height: 18px;
  background: #f2f2f4;
  color: #333;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

/* line 382, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.popup-header .header-close-button:hover {
  background: #e5e5e5;
}

/* line 386, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.popup-header .header-close-button i {
  position: relative;
  right: auto;
  top: auto;
  left: auto;
  transform: none;
  font-size: 18px;
}

/* line 397, ../../../../Shoptico.Editor.Frontend/Pages/MainPage.scss */
.empty-settings-display {
  display: none;
}

/*# sourceMappingURL=EditorApplication.css.map */
.breadcrumb-list{display:flex;flex-wrap:wrap}.breadcrumb-list .breadcrumb-view{cursor:pointer}.breadcrumb-separator{display:flex;align-items:center;justify-content:center}.breadcrumb-view{display:flex;align-items:center}.counter{display:flex;align-items:baseline}.expansion-area:not(.show-more) .area-2{display:none}.expansion-area:not(.show-more) .show-less-button{display:none}.expansion-area.show-more .show-more-button{display:none}.expansion-box{display:flex;flex-direction:column}.expansion-box .header{cursor:pointer}.expansion-box .header .expansion-icon>div{transition:all 0.2s}.expansion-box .header.active .expansion-icon>div{transform:rotate(90deg)}.expansion-box .panel{overflow:hidden;transition:max-height 0.3s}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.header-container .image{display:flex;flex-shrink:0;flex-grow:0}.header-container .expansion-title{display:flex;align-items:center;width:100%}.gallery .gallery-grid{display:grid;grid-gap:10px;justify-items:center}.gallery .gallery-grid.var-one .gallery-image:nth-child(3n+0){grid-column:1 / 3}.gallery .gallery-grid.var-two .gallery-image:nth-child(3n+1){grid-column:1 / 3}.gallery .gallery-grid.var-three .gallery-image:first-child{grid-row-start:1;grid-row-end:3;grid-column:1 / 3}.gallery .gallery-grid .gallery-image{display:flex;justify-content:center;align-items:center;position:relative;min-height:10px;max-width:100%;min-width:10px;width:100%}.gallery .gallery-grid .gallery-image .image-a{position:absolute;width:100%;height:100%;max-width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.gallery .gallery-grid .gallery-image .image-a .img{width:auto;height:auto;transition:all 0.2s ease-in-out}@media (max-width: 991.98px){.gallery .gallery-grid{grid-template-columns:repeat(auto-fit, minmax(40%, 1fr)) !important}.gallery .gallery-grid .gallery-image{grid-row-start:auto !important;grid-row-end:auto !important;grid-column:initial !important}}@media (max-width: 575.98px){.gallery .gallery-grid{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr)) !important}.gallery .gallery-grid .gallery-image{grid-column-gap:0 !important}}.hint{position:relative}.hint .hint-balloon{position:absolute !important;z-index:999}.hint .hint-balloon.top{bottom:100%;transform:translateX(-50%)}.hint .hint-balloon.right{top:50%;left:100%;transform:translateY(-50%)}.hint .hint-balloon.bottom{top:100%;transform:translateX(-50%)}.hint .hint-balloon.left{top:50%;right:100%;transform:translateY(-50%)}.hint .hint-balloon.open{animation:openAnimation 0.3s forwards}@keyframes openAnimation{0%{opacity:0}100%{opacity:100}}.image-zoom{position:absolute !important;z-index:999}.image-zoom .zoom-box{width:100%;height:100%;background-repeat:no-repeat}.lens-container{width:100%;height:100%;position:absolute;pointer-events:none}.lens-container .lens{position:absolute;border:1px black solid;pointer-events:none}.login-box{display:flex;cursor:pointer}.login-box .logged-in,.login-box .guest{display:flex;flex:1 1 auto;align-items:center}.login-box .logged-in a,.login-box .guest a{text-decoration:none}.login-box .logged-in>span,.login-box .guest>span{text-overflow:ellipsis;overflow:hidden}.login-box .logged-in-icon{width:auto}.map .map-element{height:100%}.mega-menu{position:relative}.mega-menu .mega-menu-header-container{display:flex;align-items:center;height:100%;z-index:2}.mega-menu .mega-menu-header-container .mega-menu-header{display:flex;cursor:pointer}.mega-menu .mega-menu-items-container{position:absolute;width:100%;z-index:150}.mega-menu .mega-menu-items-container .categories-list{position:relative;z-index:1}.mega-menu .mega-menu-items-container .categories-list .mega-menu-block{pointer-events:all}.mega-menu .mega-menu-items-container .mega-menu-subcategories-list{position:absolute;top:0;left:100%;z-index:1}.mega-menu.list-opened .categories-list{animation:categoriesListSlideInDownAnim 0.2s forwards}.mega-menu.list-opened .mega-menu-header-icon i{transition:transform 0.4s ease-in-out;transform:rotate(90deg)}.mega-menu.details-opened .mega-menu-subcategories-list{animation:subcategoriesListAnim 0.2s forwards;z-index:1}.mega-menu.details-opened .mega-menu-subcategories-list .mega-menu-details{display:flex;overflow:hidden;overflow-y:auto}@media (max-width: 991.98px){.mega-menu .mega-menu-header-container{display:flex;z-index:2}.mega-menu .mega-menu-header-container .mega-menu-header{display:none}.mega-menu .mega-menu-header-container .mega-menu-mobile-button{display:flex}.mega-menu.list-opened .mega-menu-header-container .mobile-button .mega-menu-mobile-button span:nth-child(1){width:0%;left:50%}.mega-menu.list-opened .mega-menu-header-container .mobile-button .mega-menu-mobile-button span:nth-child(2){transform:rotate(45deg)}.mega-menu.list-opened .mega-menu-header-container .mobile-button .mega-menu-mobile-button span:nth-child(3){transform:rotate(-45deg)}.mega-menu.list-opened .mega-menu-header-container .mobile-button .mega-menu-mobile-button span:nth-child(4){width:0%;left:50%}.mega-menu.list-opened .mega-menu-items-container{position:absolute;left:0;height:100vh;transition:background 0.4s ease-in;z-index:1}.mega-menu.list-opened .mega-menu-items-container::after{content:'';position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.15);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:-1}.mega-menu.list-opened .mega-menu-items-container .categories-list{position:absolute;width:100%;z-index:0;animation:categoriesListSlideInLeftAnim 0.4s forwards}.mega-menu.list-opened .mega-menu-items-container .mega-menu-subcategories-list{position:initial}.mega-menu.list-opened .mega-menu-items-container .mega-menu-subcategories-list .mega-menu-details{display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;animation:categoriesListSlideInLeftAnim 0.4s forwards;z-index:99}}@keyframes categoriesListSlideInDownAnim{0%{transition:all 0.2s ease-in;opacity:0;top:-30px}100%{opacity:1;top:0}}@keyframes categoriesListSlideInLeftAnim{0%{transition:all 0.2s ease-in;opacity:0;left:-100%}100%{opacity:1;left:0}}@keyframes subcategoriesListAnim{0%{transition:all 0.2s ease-in;opacity:0;left:80%;z-index:0}100%{opacity:1;left:100%;z-index:2}}.mega-menu-category{display:flex;align-items:center;position:relative;cursor:pointer}.mega-menu-category .mega-menu-category-image,.mega-menu-category .mega-menu-category-icon{min-width:15px;min-height:15px}.mega-menu .mega-menu-details .mega-menu-subcategories-wrapper{margin-right:auto;position:relative;overflow:hidden;overflow-y:auto}.mega-menu .mega-menu-details .mega-menu-subcategories-wrapper .mega-menu-subcategories{width:auto;height:100%;column-fill:auto}@media (max-width: 991.98px){.mega-menu .mega-menu-details .mega-menu-subcategories-wrapper{width:100%;height:100%}.mega-menu .mega-menu-details .mega-menu-subcategories-wrapper .mega-menu-subcategories{position:absolute;width:100%;height:auto;column-count:1}}.mega-menu .mega-menu-details .mega-menu-subblock{margin-top:auto;flex:0 0 auto;pointer-events:all}.mega-menu .mega-menu-details>.block{margin-top:auto}.mega-menu-header{display:flex;align-items:center}.mega-menu-header .mega-menu-header-image,.mega-menu-header .mega-menu-header-icon{min-width:15px;min-height:15px}.mega-menu-subcategory-item{cursor:pointer}.mega-menu-mobile-button{display:none;position:relative;min-width:15px;min-height:15px;transform:rotate(0deg);transition:0.5s ease-in-out;cursor:pointer}.mega-menu-mobile-button span{display:block;position:absolute;width:100%;opacity:1;left:0;transform:rotate(0deg);transition:0.25s ease-in-out}.mega-menu-mobile-button span:nth-child(1){top:0px}.mega-menu-mobile-details-title{display:none;width:100%;max-width:100%;align-items:center;cursor:pointer;z-index:1}.mega-menu-mobile-details-title .back-to-categories-icon{min-width:15px;min-height:15px}@media (max-width: 991.98px){.mega-menu-mobile-details-title{display:flex}}.menu{display:flex;flex-wrap:wrap;flex-direction:row}.menu .empty{outline:1px gray dashed}.menu-item.menu-item-button .menu-link{padding:0px !important}.menu-item.menu-item-button .menu-link .icon{padding:12px}.menu-item.menu-item-button .menu-link span{display:none !important}.menu-item.menu-item-button.active{border-color:#37c6f4 !important;background:#edfaff !important}.menu-item .memu-item-wrapper{display:flex;align-items:center;width:100%;height:100%}.mobile-menu .mobile-menu-dropdown{position:fixed !important;top:0;left:50%;transform:translateX(-50%);z-index:98;pointer-events:all}.mobile-menu .nav-icon{position:relative;transform:rotate(0deg);transition:0.5s ease-in-out;cursor:pointer}.mobile-menu .nav-icon span{display:block;position:absolute;width:100%;opacity:1;left:0;transform:rotate(0deg);transition:0.25s ease-in-out}.mobile-menu .nav-icon span:nth-child(1){top:0px}.mobile-menu .nav-icon.open span:nth-child(1){width:0%;left:50%}.mobile-menu .nav-icon.open span:nth-child(2){transform:rotate(45deg)}.mobile-menu .nav-icon.open span:nth-child(3){transform:rotate(-45deg)}.mobile-menu .nav-icon.open span:nth-child(4){width:0%;left:50%}.multi-timer .multi-timer-wrapper{display:flex;min-width:100%}.multi-timer .multi-timer-wrapper .separator{position:relative}.paginator{display:flex;align-items:center}.paginator .page-container{display:flex}.paginator .page-container .page-button{display:flex;align-items:center;justify-content:center;cursor:pointer}.paginator .icon-left,.paginator .icon-right{cursor:pointer}.popup{position:fixed !important;top:-50%;left:50%;transform:translate(-50%, -50%);z-index:-1;display:flex;flex-direction:column;opacity:0;transition:0.3s;max-height:95%;overflow:auto}.popup.visible{top:50%;opacity:1;z-index:1100}.popup .popup-content{display:flex;flex-direction:column}.popup-backdrop{position:fixed !important;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:0.3s;pointer-events:none !important}.popup-backdrop.visible{background-color:rgba(0,0,0,0.7);pointer-events:all !important}.range-slider .slider-line-container{position:relative}.range-slider .slider-line-container .range-active-line{position:absolute !important;top:50%;transform:translateY(-50%)}.range-slider .slider-line-container .knob{position:absolute;top:50%;transform:translateY(-50%);user-select:none;cursor:pointer}.range-slider .text-container{display:flex}.sitemap{display:flex;flex-direction:column}.sitemap-item{position:relative}.tab{display:flex;flex-direction:column;align-items:center;cursor:pointer}.tab .image-label{width:100%}.tab-group{display:flex}.toggle-image .pic{transition:0.3s;position:absolute}.toggle-image:not(.active) .pic-1{opacity:1}.toggle-image:not(.active) .pic-2{opacity:0}.toggle-image.active .pic-1{opacity:0}.toggle-image.active .pic-2{opacity:1}.image-with-simple-title{display:flex}.image-with-simple-title .image-wrapper{display:flex;flex-grow:0;flex-shrink:0}.image-with-simple-title .image-label{display:flex;flex-direction:column}.profile-image .initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-down-indicator{display:block;margin:0 auto;width:24px;height:100px;cursor:pointer}.scroll-down-indicator .scroll-arrow{display:block;width:5px;height:5px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid white;border-bottom:2px solid white;margin:0 0 3px 4px;width:16px;height:16px}.scroll-down-indicator .unu{margin-top:1px}.scroll-down-indicator .unu,.scroll-down-indicator .doi,.scroll-down-indicator .trei{-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite;animation:mouse-scroll 1s infinite}.scroll-down-indicator .unu{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate;animation-direction:alternate;animation-delay:alternate}.scroll-down-indicator .doi{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-direction:alternate;animation-delay:.2s;animation-direction:alternate;margin-top:-6px}.scroll-down-indicator .trei{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-direction:alternate;animation-delay:.3s;animation-direction:alternate;margin-top:-6px}.scroll-down-indicator .mouse{height:42px;width:24px;border-radius:14px;transform:none;border:2px solid white;top:170px}.scroll-down-indicator .wheel{height:5px;width:2px;display:block;margin:5px auto;background:white;position:relative;height:4px;width:4px;border:2px solid #fff;-webkit-border-radius:8px;border-radius:8px}.scroll-down-indicator .wheel{-webkit-animation:mouse-wheel 0.6s linear infinite;-moz-animation:mouse-wheel 0.6s linear infinite;animation:mouse-wheel 0.6s linear infinite}@-webkit-keyframes mouse-wheel{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}}@-moz-keyframes mouse-wheel{0%{top:1px}25%{top:2px}50%{top:3px}75%{top:2px}100%{top:1px}}@-o-keyframes mouse-wheel{0%{top:1px}25%{top:2px}50%{top:3px}75%{top:2px}100%{top:1px}}@keyframes mouse-wheel{0%{top:1px}25%{top:2px}50%{top:3px}75%{top:2px}100%{top:1px}}@-webkit-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-moz-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-o-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}.slider-button-wrapper{display:flex;justify-content:center;align-items:center;cursor:pointer}.slider-button-wrapper .icon-wrapper{position:relative;width:100%;height:100%}.slider-button-wrapper .icon-wrapper>i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.block-absolute{display:flex;flex-direction:column;position:absolute !important;top:0;left:50%;transform:translateX(-50%);height:100%;width:100%;z-index:99;pointer-events:all !important}.block-absolute.editor-selected{opacity:1 !important}.block-absolute .editor-row{width:100%}.block-absolute:hover{opacity:1 !important}.video-play-button{display:flex;align-items:center;justify-content:center}.video-play-button>i{position:relative}.bundle-configurator div{min-width:50px;min-height:50px}.bundle-option-selector .options{display:flex;flex-direction:row}.custom-java-script-snippet{display:none}.custom-java-script-snippet.in-editor{display:block}.enhance-table{min-height:50px}.checkout-address-form{display:flex;flex-direction:column;flex-flow:column;flex-wrap:nowrap !important;width:100%;position:relative}.file-area{display:flex;align-items:center}.file-area .paragraph{align-self:center}.file-area .hidden-file-input{display:none}.multiple-files-input .files-container{margin-top:10px;display:flex;flex-direction:column;gap:15px}.multiple-files-input .files-container .file-view{display:flex;flex-direction:row;width:100%}.multiple-files-input .files-container .file-view .file-image{margin-right:10px;width:60px;height:60px}.multiple-files-input .files-container .file-view .file-image img{object-fit:cover}.multiple-files-input .files-container .file-view .file-icon{margin-right:10px;width:60px;height:60px}.multiple-files-input .files-container .file-view .button-wrapper{margin-left:auto}.multiple-files-input .files-container .file-view .file-title.title{display:flex;align-items:center}.guest-form{display:flex;flex-direction:column;flex-flow:column;flex-wrap:nowrap !important;width:100%;position:relative}.invoicing-details-form{display:flex;flex-direction:column;flex-flow:column;flex-wrap:nowrap !important;width:100%;position:relative}.multi-toggle .multi-toggle-options{display:flex;flex-flow:row nowrap;justify-content:space-between;position:relative;height:100%}.multi-toggle .multi-toggle-options .multi-knob{display:flex;flex:1;flex-grow:1}.multi-toggle .multi-toggle-options .multi-knob input[type="radio"]{position:absolute;opacity:0}.multi-toggle .multi-toggle-options .multi-knob input[type="radio"]+label{display:flex;flex-grow:1;justify-content:center;align-items:center;width:100%;text-align:center;cursor:pointer;z-index:2;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s}.multi-toggle .multi-toggle-options span{display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;z-index:1}.map-selector-popup{position:fixed;left:25px;top:25px;width:calc(100% - 50px);height:calc(100% - 50px);background-color:white;z-index:1100;-webkit-box-shadow:5px 5px 15px 0px rgba(0,0,0,0.75);-moz-box-shadow:5px 5px 15px 0px rgba(0,0,0,0.75);box-shadow:5px 5px 15px 0px rgba(0,0,0,0.75)}.quantity-input .counter{display:flex;flex-direction:column}.phone-number-input{display:flex;flex-direction:row}.category-list .list{display:flex;flex-wrap:wrap}.category-view{display:flex;flex-direction:column;justify-content:space-between}.filter-box-head .filter-box-title{display:flex;align-items:center}.rating-input{display:flex}.review-form{display:flex;width:100%}.subscription-form{display:flex;flex-direction:row;flex-wrap:wrap;min-height:40px;width:100%}.toggle{display:flex;justify-content:flex-end;width:100%;height:100%}.toggle .toggle-wrapper{display:flex;width:100%;height:100%;cursor:pointer}.toggle .toggle-wrapper>input{display:none}.toggle .toggle-wrapper>input:checked+.push{flex-grow:1}.toggle .toggle-wrapper .push{flex-grow:0;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.toggle .toggle-wrapper .knob{display:flex;align-items:center;justify-content:center;height:100%;position:relative;left:-1px;right:auto}.toggle .toggle-wrapper .knob.knob-checked{position:relative;left:auto;right:-1px}.blog-category-filter .blog-category-container{display:flex;flex-wrap:wrap}.blog-category-filter .blog-category-container.direction-column{flex-flow:column wrap}.blog-category-filter .blog-category-container.direction-row{flex-flow:row wrap}.blog-category-filter .blog-category-container .blog-category-filter-option{display:flex;cursor:pointer}.address-list{display:flex;flex-wrap:wrap;width:100%}.address-list .list{display:flex;flex-wrap:wrap;width:100%;height:auto}.address-list .list .address-view{display:flex;flex-wrap:wrap;flex:0 0 auto}.cart-icon-text{display:flex;align-items:center;cursor:pointer}.category-filter.close{height:auto !important}.category-filter.close .filter-title{margin:0 !important}.category-filter .category-filter-wrapper{display:flex;flex-direction:column;height:100%}.category-filter .category-filter-wrapper .category-container-wapper{overflow-y:auto;height:0}.category-filter .category-filter-wrapper .category-container-wapper.open{animation:showList 0.2s ease-in forwards}@keyframes showList{0%{height:0;opacity:0}100%{height:100%;opacity:1}}.category-filter .category-filter-wrapper .category-container-wapper .category-container{display:flex;flex-wrap:wrap}.category-filter .category-filter-wrapper .category-container-wapper .category-container.direction-column{flex-flow:column wrap}.category-filter .category-filter-wrapper .category-container-wapper .category-container.direction-row{flex-flow:row wrap}.category-filter .category-filter-wrapper .category-container-wapper .category-container .category-filter-option{display:flex;cursor:pointer}.choice-filter.close{height:auto !important}.choice-filter.close .filter-title{margin:0}.choice-filter .choice-filter-wrapper{display:flex;flex-direction:column;height:100%}.choice-filter .choice-filter-wrapper .choice-container-wapper{overflow-y:auto;height:0}.choice-filter .choice-filter-wrapper .choice-container-wapper.open{animation:showList 0.2s ease-in forwards}@keyframes showList{0%{height:0;opacity:0}100%{height:100%;opacity:1}}.choice-filter .choice-filter-wrapper .choice-container-wapper .choice-container{display:flex;flex-wrap:wrap}.choice-filter .choice-filter-wrapper .choice-container-wapper .choice-container.direction-column{flex-flow:column wrap}.choice-filter .choice-filter-wrapper .choice-container-wapper .choice-container.direction-row{flex-flow:row wrap}.choice-filter .choice-filter-wrapper .choice-container-wapper .choice-container .choice-filter-option{display:flex;cursor:pointer}.product-images-viewer-2{display:flex;flex-direction:column}.product-images-viewer-2 .image-box{width:100%;height:100%}.product-images-viewer-2 .thumbnails{display:flex;flex-direction:row;flex-wrap:wrap}.product-images-viewer-2 .thumbnails .thumbnail-image{cursor:pointer}.product-images-viewer-2 .thumbnails .thumbnail-image .image-a img{width:100%;height:100%;object-fit:cover}.product-viewer{display:flex;flex-direction:column}.product-viewer .list{display:flex;flex-direction:row}.inquiry-form{display:flex;width:100%}.tag-list .list{display:flex;flex-direction:row;flex-wrap:wrap}.choice-variant-option.disabled{filter:grayscale(50%);opacity:0.3}.color-filter.close{height:auto !important}.color-filter.close .filter-title{margin:0 !important}.color-filter .color-filter-wrapper{display:flex;flex-direction:column;height:100%}.color-filter .color-filter-wrapper .color-container-wapper{overflow-y:auto;height:0}.color-filter .color-filter-wrapper .color-container-wapper.open{animation:showList 0.2s ease-in forwards}@keyframes showList{0%{height:0;opacity:0}100%{height:100%;opacity:1}}.color-filter .color-filter-wrapper .color-container-wapper .color-container{display:flex;flex-wrap:wrap}.color-filter .color-filter-wrapper .color-container-wapper .color-container.direction-column{flex-flow:column wrap}.color-filter .color-filter-wrapper .color-container-wapper .color-container.direction-row{flex-flow:row wrap}.color-filter .color-filter-wrapper .color-container-wapper .color-container .color-filter-option{display:flex;align-items:center;cursor:pointer}.color-filter .color-filter-wrapper .color-container-wapper .color-container .color-filter-option .color-box{display:flex;justify-content:center;align-items:center}.color-filter .color-filter-wrapper .color-container-wapper .color-container .color-filter-option .color-box .inner-color{width:100%;height:100%}.color-option{cursor:pointer}.color-option .option{width:100%;height:100%}.color-select{display:flex;flex-wrap:wrap}.color-variant-option{display:flex}.color-variant-option.disabled{filter:grayscale(50%);opacity:0.3}.comment-list .list{display:flex;flex-wrap:wrap;width:100%;height:100%}.comment-view{display:flex;flex-direction:column}.favorite-icon-with-text{display:flex;align-items:center;justify-content:center;cursor:pointer}.favorite-icon-with-text i{cursor:pointer}.filter-box.open{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1001}.filter-box.open .filter-mobile-button{display:none}.filter-box.open .filter-container{display:flex;flex-direction:column}.filter-box.open .filter-container .filter-box-head{display:flex}.filter-box .filter-mobile-button{display:none}@media (max-width: 767.98px){.filter-box .filter-mobile-button{display:block}}.filter-box .filter-container{position:relative;height:100%}.filter-box .filter-container .filter-box-head{display:none;flex-wrap:wrap;justify-content:space-between}.filter-box .filter-container .filter-list{height:100%}@media (max-width: 767.98px){.filter-box .filter-container .filter-list{overflow-y:auto}}@media (max-width: 767.98px){.filter-box .filter-container{display:none}}.filter-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.filter-title .filter-title-icon{min-height:15px;min-width:15px;transition:all 0.3s;animation:rotateOpen 0.3s ease-in-out forwards}.filter-title .filter-title-icon.rotate{animation:rotateIcon 0.3s ease-in-out forwards;animation:rotateClose 0.3s ease-in-out forwards}@keyframes rotateOpen{0%{transform:rotate(0)}100%{transform:rotate(-135deg)}}@keyframes rotateClose{0%{transform:rotate(-135deg)}100%{transform:rotate(0)}}.location-filter-list{display:flex;flex-direction:row;align-items:center}.location-filter-list .options{display:flex;flex-direction:row}.location-filter-view{cursor:pointer}.location-list .list{display:flex;flex-wrap:wrap;width:100%;height:100%}.location-view{width:100%}.product-characteristic-list{display:flex;flex-direction:column}.product-characteristic-list .list{display:flex;flex-wrap:wrap;width:100%;height:100%}.product-characteristic-view{width:100%}.product-image-slider{display:flex;align-items:center}.product-image-slider .icon-left,.product-image-slider .icon-right{flex-grow:0;flex-shrink:0}.product-image-slider .slide-container{flex-grow:1;flex-shrink:1}.product-image-slider .slide-container .slider-items{display:flex}.product-image-slider .slide-container .slider-items .slider-item{display:flex;justify-content:center;align-items:center;flex-shrink:0}.product-image-slider .slide-container .slider-items .slider-item .ears{display:none}.product-image-slider .slide-container .slider-items .slider-item .thumbnail-image{margin:0 !important;display:flex;justify-content:center;align-items:center}.product-image-slider .slide-container .slider-items .slider-item .thumbnail-image picture{display:flex;align-items:center;justify-content:center}.product-image-slider .slide-container .slider-items .slider-item .thumbnail-image img{max-width:100%;max-height:100%}.product-image-slider .slide-container .slider-items .slider-item .mock-component .ears .duplicate,.product-image-slider .slide-container .slider-items .slider-item .mock-component .ears .delete{display:none}.product-image-slider .slide-container .slider-items .slider-item .mock-component .image-wrapper{display:flex;align-items:center;justify-content:center;max-width:100%;height:100%}.product-image-slider .slide-container .slider-items .slider-item .mock-component .image-wrapper img{max-width:100%;max-height:100%;object-fit:contain}.product-image-slider.horizontal{flex-direction:row;width:100% !important}.product-image-slider.horizontal .slide-container{width:100%}.product-image-slider.horizontal .slide-container .slider-items{flex-direction:row;transition:left 0.8s ease-in-out}.product-image-slider.horizontal .slide-container .slider-items .slider-item .mock-component .image-wrapper img{height:100%}.product-image-slider.vertical{flex-direction:column;height:100% !important}.product-image-slider.vertical .slide-container{height:100%}.product-image-slider.vertical .slide-container .slider-items{flex-direction:column;transition:top 0.8s ease-in-out}.product-image-slider.vertical .slide-container .slider-items .slider-item .thumbnail-image{width:100%}.product-image-slider.vertical .slide-container .slider-items .slider-item .thumbnail-image img{height:100%}.slider{display:flex;width:100%}.slider .number-text{position:absolute;top:6px;left:6px;z-index:3;user-select:none}.slider .prev,.slider .next{cursor:pointer;position:absolute !important;top:50%;transform:translateY(-50%);width:auto;user-select:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;z-index:3}.slider .prev.icon,.slider .next.icon{min-width:20px;min-height:20px}.slider .prev{left:0}.slider .next{right:0}.slider .pagination{position:absolute !important;bottom:6px;z-index:3}.slider .pagination.left{left:0;transform:translateX(0)}.slider .pagination.center{left:50%;transform:translateX(-50%)}.slider .pagination.right{left:auto;right:0;transform:translateX(0)}.slider .pagination .dot{cursor:pointer;transition:background-color 0.2s ease}.slider .slide-container{position:relative;width:100%;max-width:100%;height:100%;overflow:hidden !important;z-index:1}.slider .slide-container .slider-items{position:relative;top:0;display:flex;height:100%;transition:left 0.8s ease-in-out;z-index:2}.slider .slide-container .slider-items .slider-item{width:100%}.slider-dot{display:inline-flex;justify-content:center;align-items:center;width:10px;height:10px;background:#fff;transition:ease-in background 0.2s}.slider-pagination{display:flex;justify-content:center;align-items:center}.timer{display:flex;flex-direction:column;justify-content:center;align-items:center}.timer .counter-wrapper{position:relative;width:100%;height:100%}.timer .counter-wrapper .counter{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.timer .label{width:100%}.timer .label .text-editable{width:100%}.horizontal-line{display:flex;height:auto !important}.horizontal-line hr{width:100%}.image-with-inline-title{display:flex}.image-with-inline-title .image-wrapper{display:flex;flex-grow:0;flex-shrink:0}.image-with-inline-title .image-label{display:flex;flex-direction:column}.vertical-line{display:flex;justify-content:center}.vertical-line .vl{height:100%}.video{display:flex}.video .video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;cursor:pointer}.video .video-iframe{width:100%;height:auto;outline:none}.video .video-box{width:100%;height:auto;outline:none;object-fit:cover}.video .video-play-button{position:absolute !important;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.block{display:flex;flex-direction:column;position:relative;width:100%}.block.hidden-block{display:none !important}.blog-article-list{display:flex;flex-wrap:wrap;width:100%}.blog-article-list .list{display:flex;flex-wrap:wrap;width:100%;height:100%}@media (max-width: 991.98px){.blog-article-list{flex-direction:column}}.blog-article-view{display:flex;flex-direction:column;flex-flow:column;flex-wrap:nowrap !important;width:100%}.button-wrapper{display:flex;flex:0 0 auto;touch-action:manipulation}.button-wrapper .button{display:flex;width:100%;height:100%;justify-content:center;align-items:center;touch-action:manipulation}.button-wrapper .button .none{display:none;padding:0;margin:0}.button-wrapper .button.busy span{opacity:0.2}.button-busy-overlay{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.button-busy-overlay>i{-o-animation:busy-spin 2s infinite linear;-moz-animation:busy-spin 2s infinite linear;-webkit-animation:busy-spin 2s infinite linear;animation:busy-spin 2s infinite linear}@keyframes busy-spin{from{-webkit-transform:translate(0, 0) rotate(0deg) scale(1);-ms-transform:translate(0, 0) rotate(0deg) scale(1);-moz-transform:translate(0, 0) rotate(0deg) scale(1);transform:translate(0, 0) rotate(0deg) scale(1)}to{-webkit-transform:translate(0, 0) rotate(359deg) scale(1);-ms-transform:translate(0, 0) rotate(359deg) scale(1);-moz-transform:translate(0, 0) rotate(359deg) scale(1);transform:translate(0, 0) rotate(359deg) scale(1)}}.checkbox-with-text{display:flex;cursor:pointer}.checkbox-with-text.top{align-items:flex-start}.checkbox-with-text.center{align-items:center}.checkbox-with-text.bottom{align-items:flex-end}.dropdown-balloon{overflow:hidden}.dropdown-balloon .search{position:sticky;top:0}.dropdown-balloon ul{max-height:308px;overflow-x:auto}.dropdown-balloon .dropdown-items{height:auto;overflow:hidden}.dropdown-balloon .dropdown-item{display:flex;align-items:center;cursor:pointer}.dropdown-balloon .dropdown-item.disabled{text-decoration:line-through}.profile-form{display:flex;width:100%;height:100%;min-height:50px}.quantity-input{display:flex;align-items:center}.quantity-input>input{width:100%;height:100%;text-align:center;background:transparent;border:none}.radio-button{display:flex;flex-direction:row;align-items:center;justify-content:center}.radio-button [type="radio"]:checked,.radio-button [type="radio"]:not(:checked){position:absolute;visibility:hidden}.radio-button [type="radio"]:checked+label,.radio-button [type="radio"]:not(:checked)+label{display:inline-block;position:relative;cursor:pointer;overflow:visible}.radio-button [type="radio"]:checked+label:before,.radio-button [type="radio"]:not(:checked)+label:before{content:'';position:absolute;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:100%}.radio-button [type="radio"]:checked+label:after,.radio-button [type="radio"]:not(:checked)+label:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:100%;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s}.radio-button [type="radio"]:not(:checked)+label:after{opacity:0;height:0;width:0}.radio-button [type="radio"]:checked+label:after{opacity:1;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s}.radio-button .label{height:100%;width:100%}.radio-button .label>div{display:none}.radio-button-with-text{display:flex;flex-direction:column}.radio-button-with-text [type="radio"]:checked,.radio-button-with-text [type="radio"]:not(:checked){position:absolute;visibility:hidden}.radio-button-with-text [type="radio"]:checked+label,.radio-button-with-text [type="radio"]:not(:checked)+label{display:inline-block;position:relative;cursor:pointer;overflow:visible}.radio-button-with-text [type="radio"]:checked+label:before,.radio-button-with-text [type="radio"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;border-radius:100%}.radio-button-with-text [type="radio"]:checked+label:after,.radio-button-with-text [type="radio"]:not(:checked)+label:after{content:'';position:absolute;border-radius:100%;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s}.radio-button-with-text [type="radio"]:not(:checked)+label:after{opacity:0;transform:scale(0)}.radio-button-with-text [type="radio"]:checked+label:after{opacity:1;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s}.radio-button-with-text .label>div{display:none}.radio-button-with-text .label.text-hidden{font-size:0 !important;margin-bottom:0 !important}.reset-password-form{display:flex;width:100%}.form{display:flex;flex-direction:column;flex-flow:column;flex-wrap:nowrap !important;width:100%;position:relative}.toggle{display:flex;justify-content:flex-end;width:100%;height:100%}.toggle .toggle-wrapper{display:flex;width:100%;height:100%;cursor:pointer}.toggle .toggle-wrapper>input{display:none}.toggle .toggle-wrapper>input:checked+.push{flex-grow:1}.toggle .toggle-wrapper .push{flex-grow:0;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.toggle .toggle-wrapper .knob{align-self:center}.toggle-with-text{display:flex;align-items:center}.toggle-with-text .label{width:100%}.social-icon-bar{display:flex}.slider>ul .slider-item{position:static;display:flex;width:100%;white-space:normal;flex:1}.slider>ul .slider-item>div{width:100%;height:100%;position:relative;display:inline-block}.slider>ul .slider-item::-webkit-scrollbar{display:none}.social-icon-item{display:flex;justify-content:center;align-items:center;cursor:pointer}.social-icon-item>div{display:flex;justify-content:center;align-items:center}.cart-icon-wrapper{position:relative;text-decoration:none}.cart-icon-wrapper .cart-icon{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.cart-icon-wrapper .badge{position:absolute;display:flex;justify-content:center;align-items:center;top:-2px;right:-8px;padding:5px;font-size:12px;width:auto;min-width:20px;height:20px;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px}.cart-item-list{display:flex;flex-wrap:wrap;width:100%;min-height:50px;flex-direction:column}.cart-item-list .list{display:flex;flex-wrap:wrap;width:100%;height:100%}.cart-item-list .cart-item-view{width:100%}.cart-item-view.empty{min-height:50px}.change-password-form{display:flex;width:100%}.checkbox{display:flex;min-width:15px;min-height:15px}.checkbox .container{cursor:pointer}.checkbox .container input{position:absolute;top:0;left:0;opacity:0;cursor:pointer;height:0;width:0}.checkbox .container input:checked~.checkmark-wrapper>i{visibility:visible}.checkbox .container .checkmark-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%}.checkbox .container .checkmark-wrapper>i{visibility:hidden}.contact-form{display:flex;width:100%;min-height:50px}.dropdown{display:flex;position:relative}.dropdown .dropdown-input-group{position:relative;display:flex;align-items:center;width:100%;cursor:pointer}.dropdown .dropdown-input-group .dropdown-input{display:flex;align-items:center;width:100%;height:100%;cursor:pointer}.dropdown .dropdown-input-group .dropdown-button{display:flex;justify-content:center;align-items:center}.dropdown .dropdown-input-group .dropdown-button.inside{position:absolute !important;right:0;top:50%;transform:translateY(-50%)}.dropdown .dropdown-balloon{display:none;position:absolute;width:100%;z-index:999;cursor:pointer;transition:all 0.2s ease-in}.dropdown .dropdown-balloon.open{display:block;position:absolute}.dropdown .dropdown-balloon .dropdown-item{transition:all 0.2s ease-in}.forgotten-password-form{display:flex;width:100%}.input-wrapper{display:flex;width:auto;max-width:100%}.input-wrapper .inner-wrapper{width:100%;height:100%}.input-wrapper .inner-wrapper>i{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1}.input-wrapper .inner-wrapper>.input{position:relative;border:none;width:100%;height:100%;z-index:0}.input-wrapper .inner-wrapper input::-webkit-outer-spin-button,.input-wrapper .inner-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrapper .inner-wrapper input[type=number]{-moz-appearance:textfield}.input-wrapper .inner-wrapper input::-webkit-autofill,.input-wrapper .inner-wrapper input::-webkit-autofill:hover,.input-wrapper .inner-wrapper input::-webkit-autofill:focus,.input-wrapper .inner-wrapper input::-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px transparent inset !important}@-webkit-keyframes autofill{0%,100%{color:#333;background:transparent}}.input-wrapper .inner-wrapper input::-webkit-autofill{-webkit-animation-delay:1s;-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}.input-wrapper .inner-wrapper input::-internal-autofill-selected{background-color:transparent !important}.login-form{display:flex;min-height:40px;width:100%}.newsletter-subscribe-form{display:flex;align-items:center;position:relative}.newsletter-subscribe-form .input-wrapper{flex:0 0 auto;position:relative;width:100%;height:100%}.newsletter-subscribe-form .input-wrapper>input{width:100%;height:100%}.newsletter-subscribe-form .input-wrapper .icon{position:absolute;top:50%;transform:translateY(-50%)}.newsletter-subscribe-form .subscribe-button{flex:0 0 auto}.newsletter-subscribe-form .insite{position:absolute !important;right:0;top:50%;transform:translateY(-50%)}.signup-form{display:flex;width:100%}.text-area-wrapper{display:flex;width:100%;height:auto !important}.text-area-wrapper .text-area{outline:none;width:100%;min-height:45px;resize:vertical}.cart-summary-view{display:flex;flex-direction:column;position:relative;width:100%}.favorite-icon{display:flex;align-items:center;justify-content:center}.favorite-icon i{cursor:pointer}.order-list{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.order-list .list{display:flex;flex-wrap:wrap;width:100%;height:100%}.payment-option-list{display:flex;flex-wrap:wrap}.payment-option-list .list{display:flex;flex-wrap:wrap;width:100%;height:auto}.payment-option-list .payment-option-view{cursor:pointer}.payment-option-list .payment-option-view:last-child{margin:0}.product-descriptions-view .tabs{display:flex}.product-descriptions-view .description p{font:inherit !important;line-height:inherit !important;letter-spacing:inherit !important}.product-descriptions-view .description ol,.product-descriptions-view .description ul{list-style:inherit}.favorite-button>.button:focus{border:none !important}.product-description-tab{cursor:pointer}.product-discount-view{display:flex;align-items:center}.product-image-preview{display:flex}.product-image-preview.with-top-slider{flex-direction:column-reverse}.product-image-preview.with-right-slider{flex-direction:row}.product-image-preview.with-bottom-slider{flex-direction:column}.product-image-preview.with-left-slider{flex-direction:row-reverse}.product-image-preview .slider-preview-box{width:100%;height:100%}.product-list{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;min-height:50px}.product-list .list{display:flex;flex-wrap:wrap;width:100%;height:auto}.product-new-price-view{display:flex;align-items:center}.product-old-price-view{display:flex;align-items:center}.product-old-price-view span{text-decoration:line-through}.product-pricing-view{display:flex;flex-wrap:wrap;align-items:baseline;word-break:break-word}.product-pricing-view .product-price{display:flex;flex-wrap:wrap}.product-pricing-view.with-tax{flex-direction:column}.product-pricing-view .price-with-tax{font-weight:bold}.product-search-bar{display:flex;align-items:center;position:relative}.product-search-bar .input-wrapper{position:relative;width:100%;height:100%}.product-search-bar .input-wrapper>input{width:100%;height:100%}.product-search-bar .input-wrapper .icon{position:absolute;top:50%;transform:translateY(-50%)}.product-search-bar .search-button{flex:0 0 auto}.product-search-bar .inside{position:absolute !important;right:0;top:50%;transform:translateY(-50%)}.icon-component{display:flex;justify-content:center;align-items:center}.icon-component>div{display:flex;justify-content:center;align-items:center}.icon-with-text-vertical .icon-with-text-link{display:flex;flex-direction:column}.icon-with-text{display:flex;text-decoration:none}.icon-with-text>a{display:flex;align-items:center;text-decoration:none}.icon-with-text>.icon{align-self:center}.icon-with-text>.label{align-self:center}.icon-with-text{display:flex}.icon-with-text a{display:flex;align-items:center}.image{max-width:100%;max-height:100%}.image.placeholder{background-image:url(/Shoptico.Editor.Frontend/Images/add-image-placeholder.svg)}.image .image-a{display:flex;width:100%;height:100%;overflow:hidden}.image .image-a picture{display:flex;width:100%;height:100%}.image .image-a picture .img{width:100%;height:100%}.image .image-a picture .img.fit{object-fit:contain}.image .image-a picture .img.clip{object-fit:cover}.image .image-a.zoom-effect picture{overflow:hidden}.image .image-a.zoom-effect picture:hover .img{transform:scale(1.05)}.image-with-title{display:flex;flex-direction:column;align-items:center}.image-with-title .image-label{width:100%}.product-variant-box.progressive-disclosure .product-variant-base-select{height:0px;overflow:hidden}.product-variant-box.progressive-disclosure .product-variant-base-select.expanded{transition:height 0.3s}.product-variant-choice-select .choice-container{display:flex;flex-wrap:wrap}.product-variant-choice-select .choice-container .choice-variant-option{cursor:pointer}.product-variant-color-select .choice-container{display:flex;flex-wrap:wrap}.product-variant-color-select .choice-container .color-variant-option{display:flex;align-items:center;cursor:pointer}.product-variant-color-select .choice-container .color-variant-option .color-box{display:flex;justify-content:center;align-items:center}.product-variant-color-select .choice-container .color-variant-option .color-box .inner-color{width:100%;height:100%}.product-variant-select{display:flex;flex-direction:column;width:100%;min-height:50px}.product-variant-select .product-property-value-select{width:100%}.product-variant-thumbnail-select .choice-container{display:flex;flex-wrap:wrap}.product-variant-thumbnail-select .choice-container .thumbnail-variant-option{display:flex;cursor:pointer}.product-variant-thumbnail-select .choice-container .thumbnail-variant-option img{width:100%;height:100%;object-fit:cover}.product-variant-thumbnail-select .choice-container .thumbnail-variant-option .variant-option-text{display:none}.product-view{display:flex;flex-direction:column;margin:0 !important;min-height:50px;flex:1;width:100%;height:auto;cursor:pointer}.rating-bar{display:flex}.rating-bar-with-text{display:flex;flex-wrap:wrap;align-items:center;width:100%}.shipping-option-list{display:flex;flex-wrap:wrap}.shipping-option-list .list{display:flex;flex-wrap:wrap;width:100%;height:auto}.shipping-option-list .shipping-option-view:last-child{margin:0}.shipping-option-view{width:100%}.thumbnail-image{position:relative}.thumbnail-image .image-a{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%}.thumbnail-variant-option.disabled{filter:grayscale(50%);opacity:0.3}