body {
   background: #f9f9f9;
   padding: 0;
   margin: 0;
   font-size: 14px;
   font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
   color: #4d5088;
   font-weight: 300;
   background: radial-gradient(103.89% 81.75% at 95.41% 106.34%,#eaf8ef 6%,rgba(234,248,239,0) 79.68%),radial-gradient(297.85% 151.83% at -21.39% 8.81%,#faf1f1 0%,#faf1f1 15.29%,#f3edf5 21.39%,#e5f0fa 40.79%);
   padding: 16px;
   transition: right 0.3s;
   background-attachment: fixed;
}

body.Login {
   background: url(/Library/Img/log_wall.jpeg) no-repeat center center fixed;
   background-position: 100%;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   display: flex;
   align-items: center;
   justify-content: center
}

* {
   box-sizing: border-box
}

select[name='Requied'][V='1']{background-color: #f6fdf6;color: #4CAF50;border: 1px solid #4CAF50 !important}
select[name='Requied'][V='2']{background-color: #f6f6fd;color: #2196F3;border: 1px solid #2196F3 !important}
select[name='Requied'][V='3']{background-color: #fdf9f6;color: #FF5722;border: 1px solid #FF5722 !important}

.tabulator .tabulator-header .tabulator-col {
   background-color: #f7f8fa!important;
   line-height: 42px;
   padding: 0 8px;
   border-color: #c2c2c2!important;
   font-weight: 500
}

.tabulator-row .tabulator-cell {
   background: #fff!important;
   border-bottom: 1px solid #c2c2c2!important;
   border-right: 1px solid #c2c2c2!important;
   line-height: 30px!important;
   padding: 10px!important
}

a {
   text-decoration: none;
   color: inherit
}

.d-none {
   display: none!important
}

.mx_w_340 {
   max-width: 340px
}

.pr_pl_0 {
   padding-left: 0!important;
   padding-right: 0!important
}

.pt_0 {
   padding-top: 0!important
}

.p_0 {
   padding: 0!important
}

.p_14 {
   padding: 14px
}

.mb_0 {
   margin-bottom: 0!important
}

.mb_5 {
   margin-bottom: 5px
}

.mb_10 {
   margin-bottom: 10px
}

.mb_12 {
   margin-bottom: 12px!important
}

.mb_15 {
   margin-bottom: 15px
}

.mb_16 {
   margin-bottom: 16px!important
}

.mb_20 {
   margin-bottom: 20px
}

.mb_25 {
   margin-bottom: 25px
}

.mb_30 {
   margin-bottom: 30px
}

.mb_35 {
   margin-bottom: 35px
}

.mb_40 {
   margin-bottom: 40px
}

.mt_5 {
   margin-top: 5px
}

.mt_10 {
   margin-top: 10px
}

.mt_12 {
   margin-top: 12px
}

.mt_15 {
   margin-top: 15px
}

.mt_16 {
   margin-top: 16px
}

.mt_20 {
   margin-top: 20px
}

.mt_25 {
   margin-top: 25px
}

.mt_30 {
   margin-top: 30px
}

.mt_35 {
   margin-top: 35px
}

.mt_40 {
   margin-top: 40px
}

.w-40 {
   width: 40px
}

.w-50 {
   width: 50px
}

.w-60 {
   width: 60px!important;
   flex: none
}

.w-70 {
   width: 70px!important
}

.w-80 {
   width: 80px!important;
   flex: none
}

.w-90 {
   width: 90px!important
}

.w-100 {
   width: 100px!important
}

.w-110 {
   width: 110px!important
}

.w-120 {
   width: 120px!important;
   flex: none
}

.w-130 {
   width: 130px!important
}

.w-140 {
   width: 140px!important;
   flex: none
}

.w-150 {
   width: 150px!important
}

.w-160 {
   width: 160px!important
}

.w-170 {
   width: 170px!important
}

.w-180 {
   width: 180px!important
}

.w-190 {
   width: 190px!important
}

.w-200 {
   width: 200px!important;
   flex: none
}

.w-210 {
   width: 210px!important
}

.w-220 {
   width: 220px!important
}

.w-230 {
   width: 230px!important
}

.w-240 {
   width: 240px!important;
   flex: none
}

.w-250 {
   width: 250px!important
}

.w-260 {
   width: 260px!important;
   flex: none
}

.w-270 {
   width: 270px
}

.w-280 {
   width: 280px
}

.w-290 {
   width: 290px
}

.w-300 {
   width: 300px!important
}
.w-350 {
   width: 350px!important
}

.w-400 {
   width: 400px
}

.w-500 {
   width: 500px
}

.d-flex {
   display: flex;
   flex-direction: row
}

.gap8 {
   gap: 16px;
}

.flex-center {
   align-items: center
}

body.Home .NavBox {
   width: 240px
}

body:not(.Home) .NavBox {
   width: 54px
}

body.Sub.Home .Container .ViewArea {
   margin-left: 500px
}

body.Sub .NavSubBox {
   display: block
}

body.Sub.Home .NavSubBox {
   left: 240px
}

body.Sub:not(.Home) .NavSubBox {
   left: 54px
}

body.Home .Container .ViewArea {
   margin-left: 240px
}

body:not(.Home) .Container .ViewArea {
   margin-left: 54px
}

body.Sub:not(.Home) .Container .ViewArea {
   margin-left: 310px
}

body.WebDesignModEdit .NavBox {
   left: -100%!important
}

body.WebDesignModEdit .NavSubBox {
   left: -100%!important
}

body.WebDesignModEdit .ViewArea {
   margin-left: 0!important;
   margin-right: 600px
}

.Container {
   width: 100%
}

.Container .NavBox {
   height: 100%;
   background: #f0f2f5;
   position: fixed;
   border-right: 1px solid #e7e9ed;
   z-index: 2
}

.Container .NavBox .Logo {
   height: 64px;
   border-bottom: 1px solid #dbdde1;
   margin: 0 14px;
   width: calc(100% - 28px);
   display: flex;
   align-items: center;
   justify-content: flex-start
}

.Container .NavBox .Logo:before {
   content: "";
   display: block;
   background-image: url(data:image/png;base64,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);
   width: 50px;
   height: 50px
}

.Container .NavBox .List {
   width: 100%;
   height: calc(100% - 64px);
   padding: 10px;
   display: flex;
   flex-direction: column;
   gap: 3px
}

.Container .NavBox .List .NavItem {
   width: 100%
}

.Container .NavBox .List .NavItem>div {
   width: 100%;
   display: flex;
   justify-content: center;
   gap: 6px;
   padding: 6px;
   border-radius: 3px;
   cursor: pointer;
   align-items: center
}

.Container .NavBox .List .NavItem:hover>div {
   box-shadow: 0 0 #0000,0 0 #0000,0 0 0 1px rgba(35,38,59,.05),0 1px 3px 0 rgba(35,38,59,.15);
   background: #fff
}

body:not(.Home) .Container .NavBox .List .NavItem:hover>div {
   box-shadow: 0 0 #0000,0 0 #0000,0 0 0 1px rgba(35,38,59,.05),0 1px 3px 0 rgba(35,38,59,.15);
   background: #3d6cff;
   color: #fff
}

.Container .NavBox .List .NavItem.Active>div {
   background: #fff;
   box-shadow: 0 0 #0000,0 0 #0000,0 0 0 1px rgba(35,38,59,.05),0 1px 3px 0 rgba(35,38,59,.15);
   color: inherit
}

.Container .NavBox .List .NavItem>div>img {
   display: flex;
   height: 26px;
   flex: none;
   margin-right: 10px
}

.Container .NavBox .List .NavItem.Active>div>img {
   filter: none!important
}

body.Sub .Container .NavBox .List .NavItem>div>img {
   margin-right: 0
}

body:not(.Home) .Container .NavBox .List .NavItem:hover>div>img {
   filter: brightness(6.5)!important
}



.TopNav{width:100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;position: relative;z-index: 3;}
.TopNav .TopNavLeft{display: flex;justify-content: flex-start;align-items: center;}
.TopNav .TopNavLeft .Btn{
    border: 0;
    background: transparent;
}
.TopNav .TopNavLeft .Btn.active{color: #000;}
.TopNav .TopNavLeft .Btn.active:after{content:"";}
.TopNav .TopNavRight{display: flex;justify-content: flex-end;align-items: center;}
.TopNav .TopNavRight .Btn{display: flex;background: transparent;border: 0;padding: 4px 2px;}
.TopNav .TopNavRight .Btn>i{width: 20px;}
.TopNav .TopNavRight .Btn>span{font-size: 12px;font-weight: 500;}

.NavOverflow{position:fixed;z-index: 2;width: 100%;height: 100%;left: 0;top: 0;background: #0e24473d;display: none;}
body.NavView .NavOverflow{display: block;}
.NavBar{width:100%;background: #293c5c;padding: 12px;border: 1px solid #e3e3e3;box-shadow: 0 3px 8px -9px #000;margin-bottom: 24px;display: flex;align-items: center;justify-content: flex-start;position: relative;z-index: 3;border-radius: 6px;border: 0;}
.NavBar .Logo{height: 40px;margin-right: 20px;}
.NavBar .Logo:before {
   content: "";
   display: block;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFt0lEQVR4nO3Zf2wTVRwA8GPxR8StmxOdA5F/BOZ6k98qCIUM1rtuc4pha/fDsa63ocGEGBLnD8LhuNsvmGSKgFGWgMLmsg3YeuXHGFPo1R8BRINRM9EMGKV3bQWRydayZ65AXbe277W3uJHsm3z/aO6Pvk+/733fe1cMG4uxGIsRD+JgcTxpKlRrOKqINFLFRGtRRlrrqknY3RCLO+h7PIM2Gr4mOQr4S8Jo+JXgqNUph/MexEZjqFsNzxBG6odAgCEgjrKSpsJCmqYjsNESao5KJzhDDyrCNw2niFZq0UgbsFRjoYo0GlzhIW6nkeonOEOd+lDB5BFBvLhvZQzJGbpkIbiB081wnTRSdHpL8fhhH2wibYt8qlSYmkhfiR38jDBS24YLQfqCLmo4Kh8D2DjZgARGiMdZsV7JCH04KwKcEfpxVuhQsrbnpecarjiJ4Cj3cAKyGvU33tmR63x/s866cWv2T/RH2c2lNTlzwkbMZC89omTEPzyAwSmBGLFuadNb/HAB8r/Qg7a1y4FdSwLHoLycQ/Z056ZuEzMyokKGSAP1ixiQSeWXwIKd9YBofU0W4o3aV8DFPM0QwOC0ZxG/iZnEdGREEissujWNgkPu5IxNnWBJfWVYiMK9BcCaC0d4MVqyS9QtmwhX0CBCyYqnUBH/pQ0sqdscEkLDGcDJNWnICG9mkU1Qh5IRqNARtytT1QlIrhgZsuVoMuhrmwCubZwFHDoiJIyo08wNiJhT4YxWsqItXIiUyQ2lSIjlpgIg8HHAbVF4srdpErjy6uIQMMQHgavBitVyEFIurqtGgjQcm+dFuG+nqz02FMy3/hd4qTgdZ4VeuZCljeugCP1BHfjH8tAQiNuiADfqnkBdJ7YAa0Pk5CJmVf+IVA3LVwl+EW4p+WjgzF+GArk0BIEzQppchJRL6qugiJLDGYERlluJMr3sWSTvu8A/BvcqWeEXuYh5Hx6HItK4QnDuxOTgEF6qSArKflI5aIELa+QiksqsYFlzCRSy/agKWo0be6ag7PA3xWx1gk81cFY4Lxcy/5NGKCLTlA+c5gnQavy5WoVQDaLOt1OxYo5cxIzK34G65XUo5EDHbGg1enZMQ9k/epw5qVMGd6pauRDVZ9uhiFWHVoBeS0xQhKsjFjgLlqJANgztVqxwVg5i9pbvAcEVQSGnjj8Jrcbf5TMQWi5xwZqXMvTNC86I1vAhAkhuYKCIDUc0UEQvFwcc2fCzllOrzvG7CeKMYA+73W5rgyJe4PTggnkiFHK15FmUBW4GWIBrL86Ip8Nqt+XdIGX/WihkZ/tCeLvdi9hudUFOuzgr7AoHsqB2DxSRY8oF1/jY4JATMaiHxNqACE/XYu0vh9xuqzqRrraHO56GVuP61gSULvWXLTP1saCQRBrcF+r94+2GEvCSSR8U8V4bCVwQRF/7w0hHEUcW8WZQhHd6ldn0qAh19RnQy8eCy+Y4UNGWAjQmgw9A+lxzNDngEX1gem6F8CnVCUjyfiQIBsA4nBUPoUDYXdU+g5E60r5jc8Cn7QvBvo7ZSB3KU40D8UhXW1FHZKAhvFPMFokzwjcwSHOzHmmg0Hb77twjdi3ZD+lUJiycmF4pRuGMsDsYpK1lhWyEi4+ql77PkUnMd2iJ7wLcNc5a81IeDQvirQ5rW4EzQpc/SGOTQSZC0QP4GO+BD9B0hEOr0Uq/vj2LOCddlhxasqQ7PX14XmA/V33+AZwV1itZ8fpASMXuKrnVGHrg+z8iqcL+uJIVPr/z1jF509m+Pj4mXMQFcCZuZP9qU5aJ83BW5CXM/ub8m2FMqX4XH5WOjYqgQURimX2lqurnru5j0/pDgliiyrHRFom0LXJ9bU2N8OWUq3CAwu3mFeuw0RynW1VTXXzUDqkT+QG43LyipdccPRO7WwKcjB/fx0eq3OboIildZoUanIycMNLjGouxGAvME/8C8d7sOalEFqkAAAAASUVORK5CYII=);
   width: 40px;
   height: 40px;
   background-size: 40px;
}
.NavBar .List{display: flex;justify-content: flex-start;align-items: center;}
.NavBar .List .NavItem{padding: 2px;}
.NavBar .List .NavItem .Nav{width:100%;display: flex;align-items: center;gap: 5px;font-size: 14px;color: #ffffffa6;padding: 8px 12px;border-radius: 4px;cursor: pointer;}
.NavBar .List .NavItem .Nav:hover{background: #0000005c;color: #fff;}
.NavBar .List .NavItem.active .Nav{background: #0000005c;color: #fff;}
.NavBar .List .NavItem .Nav>span{
    font-weight: 500;
}
.NavBar .List .NavItem .Nav>svg{height: 12px;}
.NavBar .List .NavItem[data-sub="0"] .Nav>svg{display:none}
.NavBar .List .NavItem .Wind{position: absolute;display: none;background: #fff;border-radius: 4px;line-height: 32px;box-shadow: 0 3px 8px -7px #000;margin-top: 18px;}
.NavBar .List .NavItem[data-sub="0"] .Wind{display:none !important}
.NavBar .List .NavItem .Wind .SubNav{width:100%;font-weight: 500;line-height: 46px;padding: 0px 20px;cursor: pointer;}
.NavBar .List .NavItem .Wind .SubNav:first-child{border-radius: 4px 4px 0px 0px;}
.NavBar .List .NavItem .Wind .SubNav:last-child{border-radius: 0px 0px 4px 4px;}
.NavBar .List .NavItem .Wind .SubNav:hover{width:100%;background: #e4eeff;}
.NavBar .List .NavItem.active .Wind{display: flex;flex-direction: column;}
.NavBar .List .NavItem.active .Wind:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 12%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    line-height: inherit;
}



.Container .NavBox .List .NavItem>div>span {
   width: 100%;
   font-weight: 400
}

body:not(.Home) .Container .NavBox .List .NavItem>div>span {
   display: none
}

body:not(.Home) .Container .NavBox .List .NavDivider {
   font-size: 0
}

body:not(.Home) .Container .NavBox .List .NavItem:hover {
   width: max-content
}

body:not(.Home) .Container .NavBox .List .NavItem:hover>div {
   display: flex;
   padding-right: 16px
}

body:not(.Home) .Container .NavBox .List .NavItem:hover>div img {
}

body:not(.Home) .Container .NavBox .List .NavItem:hover>div>span {
   display: block
}

.Container .NavBox .List .NavItem.Active>div>span {
   font-weight: 400
}

.Container .NavBox .List .NavDivider {
   width: 100%;
   font-weight: 400;
   font-size: 12px;
   margin: 30px 0 15px
}

.Container .NavBox .List .NavSubDivider {
   width: 100%;
   margin-top: auto
}

.Container .NavSubBox {
   height: 100%;
   width: 260px;
   position: fixed;
   left: 50px;
   background: #fff;
   border-right: 1px solid #f2f2f2;
   display: none;
   padding: 14px;
   padding-top: 0;
   z-index: 1
}

.Container .NavSubBox .Title {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   line-height: 48px;
   border-bottom: 1px solid #ebebeb;
   margin-bottom: 20px
}

.Container .NavSubBox .Title>img {
   height: 24px;
   margin-right: 6px
}

.Container .NavSubBox .Title>span {
   width: 100%;
   font-size: 14px;
   color: #4d5088;
   font-weight: 500;
   margin-left: 5px;
   text-transform: uppercase
}

.Container .NavSubBox .GroupList {
   width: 100%
}

.Container .NavSubBox .GroupList>.Group {
   width: 100%
}

.Container .NavSubBox .GroupList>.Group .Title {
   width: 100%;
   margin: 0;
   line-height: 23px;
   font-weight: 600;
   border: 0
}

.Container .NavSubBox .GroupList>.Group .List {
   width: 100%;
   display: flex;
   flex-direction: column;
   position: relative
}

.Container .NavSubBox .GroupList>.Group .List:before {
   content: "";
   display: flex;
   position: absolute;
   top: 16px;
   left: 7px;
   width: 2px;
   height: calc(100% - 16px);
   background: #e0e0e5
}

.Container .NavSubBox .GroupList>.Group .List>.NavItem {
   line-height: 25px;
   cursor: pointer;
   width: 100%;
   margin-top: 8px;
   padding-left: 22px;
   position: relative
}

.Container .NavSubBox .GroupList>.Group .List>.NavItem.Active:before {
   content: "";
   display: flex;
   position: absolute;
   top: 0;
   left: 6px;
   width: 3px;
   height: auto;
   background: #3d6cff;
   height: 100%
}

.Container .ViewArea {
   display: flex;
   padding: 0 32px;
   flex-direction: column
}

.Container .ViewArea .Head {
   width: 100%;
   height: 64px;
   border-bottom: 1px solid #ededed;
   display: flex;
   align-items: center;
   justify-content: space-between;
   position: relative;
   z-index: 10
}

.Container .ViewArea .Head>.Projects {
   display: flex;
   position: relative
}

.Container .ViewArea .Head>.Projects>div>div:nth-child(1) {
   font-weight: 700
}

.Container .ViewArea .Head>.Projects>div>div:nth-child(2) {
   display: flex;
   gap: 3px;
   font-size: 11px;
   margin-top: 4px
}

.Container .ViewArea .Head>.Projects>div>div:nth-child(2)>*:nth-child(1) {
   display: flex;
   position: relative
}

.Container .ViewArea .Head>.Projects>div>div:nth-child(2)>*:nth-child(2) {
   display: flex;
   position: relative
}

.Container .ViewArea .Head>.Projects>div>div:nth-child(2)>*:nth-child(3) {
   display: flex;
   position: relative;
   font-weight: 500
}

.Container .ViewArea .Head>.Projects>.Wind {
   position: absolute;
   top: 100%;
   width: 280px;
   display: none
}

.Container .ViewArea .Head>.Projects>.Wind .List {
   width: 100%;
   background: #fff;
   border: 1px solid #e8e8e8;
   margin-top: 8px
}

.Container .ViewArea .Head>.Projects>.Wind .List .Item {
   width: 100%;
   padding: 8px;
   border-bottom: 1px solid #cccccc87;
   display: flex;
   align-items: center;
   cursor: pointer
}

.Container .ViewArea .Head>.Projects>.Wind .List .Item:hover {
   background: #efefef
}

.Container .ViewArea .Head>.Projects>.Wind .List .Item .Code {
   font-size: 9px;
   background: #737373;
   color: #fff;
   padding: 2px 4px;
   border-radius: 2px;
   margin-right: 5px;
   font-weight: 500
}

.Container .ViewArea .Head>.Projects>.Wind .List .Item .Code.No {
   background: red
}

.Container .ViewArea .Head>.Projects>.Wind .List .Item .Code.Yes {
   background: #4caf50
}

.Container .ViewArea .Head>.Projects>.Wind .List .Item .Project {
   width: 100%
}

.Container .ViewArea .Head>.Projects>.Wind .List .Item .Project .Name {
   width: 100%;
   font-weight: 500;
   font-size: 12px
}

.Container .ViewArea .Head>.Projects>.Wind .List .Item:last-child {
   border: 0
}

.Container .ViewArea .Head>.Projects>.Wind .List .Item .Project .Platforms {
   width: 100%;
   font-size: 10px
}

.Container .ViewArea .Head>.Projects>.Wind .Foot {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #63658e;
   color: #fff;
   line-height: 32px;
   cursor: pointer;
   box-shadow: -7px 4px 13px -10px #000
}

.Container .ViewArea .Head>.Projects>.Wind .Foot:hover {
   background: #3e4064
}

.Container .ViewArea .Head>.Projects:hover>.Wind {
   display: flex;
   flex-direction: column
}

.Container .ViewArea .Head>.Projects>.Item {
   width: 100%;
   display: flex;
   flex-direction: column;
   cursor: pointer
}

.Container .ViewArea .Head>.Projects>.Item .Platforms {
   width: 100%;
   font-size: 10px;
   margin-bottom: 4px
}

.Container .ViewArea .Head>.Projects>.Item .Project {
   width: 100%;
   display: flex;
   align-items: center
}

.Container .ViewArea .Head>.Projects>.Item .Project>.Code {
   font-size: 9px;
   background: #737373;
   color: #fff;
   padding: 2px 4px;
   border-radius: 2px;
   margin-right: 5px;
   font-weight: 500
}

.Container .ViewArea .Head>.Projects>.Item .Project>.Code.No {
   background: red
}

.Container .ViewArea .Head>.Projects>.Item .Project>.Code.Yes {
   background: #4caf50
}

.Container .ViewArea .Head>.Projects>.Item .Project>.Name {
   width: 100%
}

.Container .ViewArea .Head>.Group {
   display: flex;
   gap: 14px;
   align-items: center
}

.Container .ViewArea .Head>.Group.End {
   justify-content: flex-end
}

.Container .ViewArea .PageView {
   width: 100%;
   padding: 24px 0 90px;
   position: relative
}

.Container .ViewArea .PageView .Welcome {
   width: 100%;
   margin-top: 80px;
   display: flex;
   flex-direction: column;
   margin-bottom: 32px
}

.Container .ViewArea .PageView .Welcome>.Title {
   width: 100%;
   font-size: 34px;
   font-weight: 400;
   font-family: system-ui
}

.Container .ViewArea .PageView .Welcome>.Title>span {
   color: #000;
   font-weight: 500
}

.Container .ViewArea .PageView .Welcome>.Text {
   width: 100%;
   font-size: 16px;
   margin-top: 6px
}

.Container .ViewArea .PageView .NotificationBar {
   width: 100%;
   background: #d7dde7;
   padding: 16px;
   display: flex
}

.Container .ViewArea .PageView .NotificationBar>.Info {
   width: 90%;
   flex: none
}

.Container .ViewArea .PageView .NotificationBar>.Info>.Title {
   width: 100%;
   font-size: 14px;
   font-weight: 500;
   margin-bottom: 8px
}

.Container .ViewArea .PageView .NotificationBar>.Info>.Text {
   width: 100%;
   font-size: 14px
}

.Container .ViewArea .PageView .NotificationBar>.Info>.BtnList {
   width: 100%;
   margin-top: 12px;
   display: flex;
   gap: 14px
}

.Container .ViewArea .PageView .IstatisticBar {
   width: 100%;
   display: flex;
   gap: 4px;
   align-items: stretch;
   flex-direction: row;
   font-size: 12px
}

.Container .ViewArea .PageView .IstatisticBar>span {
   width: 100%;
   font-weight: 500;
   font-size: 12px;
   margin-bottom: 16px
}

.Container .ViewArea .PageView .IstatisticBar .ChartBox {
   width: 100%;
   background: #f8f9fb;
   padding: 4px 14px;
   display: flex;
   border: 1px solid #e7e9ed;
   justify-content: space-between;
   align-items: center
}

.Container .ViewArea .PageView .IstatisticBar .ChartBox>.Icon {
   width: 50px;
   flex: none;
   margin-right: 5px
}

.Container .ViewArea .PageView .IstatisticBar .ChartBox>.Icon>img {
   height: 50px
}

.Container .ViewArea .PageView .IstatisticBar .ChartBox>.Info {
   width: 100%;
   display: flex;
   flex-direction: column
}

.Container .ViewArea .PageView .IstatisticBar .ChartBox>.Info>.Text {
   width: 100%;
   font-size: 14px;
   font-weight: 500;
   text-align: right;
   margin-bottom: 4px
}

.Container .ViewArea .PageView .IstatisticBar .ChartBox>.Info>.Counter {
   display: flex;
   gap: 1px;
   justify-content: flex-end;
   align-items: flex-end;
   font-size: 10px;
   line-height: 14px
}

.Container .ViewArea .PageView .IstatisticBar .ChartBox>.Info>.Counter>span:nth-child(1) {
   font-size: 16px;
   font-weight: 700
}

.Container .ViewArea .PageView .IstatisticBar .ChartBox>.Info>.Counter>span:nth-child(2) {
   font-size: 18px;
   font-weight: 300;
   line-height: 14px
}

.Box {
   width: 100%;
   background: #ffffff;
   box-shadow: 0 0 #0000,0 0 #0000,0 0 0 1px rgba(35,38,59,.05),0 1px 3px 0 rgba(35,38,59,.15);
   border-radius: 5px;
}

.Box .BoxHead {
   width: 100%;
   background: #fff;
   padding: 32px;
   padding-bottom: 0
}

.Box .BoxHead.Disabled {
   background: #f0f2f5;
   pointer-events: none
}

.Box .BoxHead.Disabled .Title {
   color: #7e8da4
}

.Box .BoxHead .Title {
   display: flex;
   flex-direction: row;
   justify-content: flex-start
}

.Box .BoxHead .Title>i {
   font-size: 22px;
   margin-right: 10px
}

.Box .BoxHead .Title>span {
   width: 100%;
   font-weight: 500;
   font-size: 16px
}

.Box .BoxBody {
   width: 100%;
   padding: 18px;
}

.Box .BoxBody .SubBox {
   width: 100%;
   background: #f0f2f5;
   padding: 14px
}

.Box .BoxBody .SubBox .Title {
   width: 100%;
   font-weight: 500
}

.Box .BoxBody .SubBox .Text {
   width: 100%
}


.Box.Address{
   width: 100%;
   background: #ffffff;
   box-shadow: 0 0 #0000,0 0 #0000,0 0 0 1px rgba(35,38,59,.05),0 1px 3px 0 rgba(35,38,59,.15);
   border-radius: 5px;
   max-width: 25%;
}
.Box.Address .Head{
   width: 100%;
   background: #f1f2f7;
   border-bottom: 1px solid #ccc;
   display: flex;
   align-items: center;
   padding: 8px;
   justify-content: space-between;
}
.Box.Address .Head>span{
   font-weight: 500;
   font-size: 12px;
}
.Box.Address .Head>.Btn{
   width: 100%;
   background: #ffffff;
   box-shadow: 0 0 #0000,0 0 #0000,0 0 0 1px rgba(35,38,59,.05),0 1px 3px 0 rgba(35,38,59,.15);
   border-radius: 5px;
}
.Box.Address .Content{
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: 8px;
}
.Box.Address .Content .Item{
   width: 100%;
   display: flex;
   line-height: 18px;
   font-size: 12px;
   margin: 3px 0px;
}
.Box.Address .Content .Item>span:nth-child(1){
   width: 80px;
   flex: none;
   font-weight: 500;
}
.Box.Address .Content .Item>span:nth-child(2){
   width: 10px;
   flex: none;
}
.Box.Address .Content .Item>span:nth-child(3){
   width: 100%;
}



.Btn {
   background: #fff;
   padding: 2px 9px;
   border: 1px solid #0000003b;
   border-radius: 4px;
   line-height: 20px;
   cursor: pointer;
   display: flex;
   align-items: center;
   width: fit-content;
   flex: none;
   position: relative;
}
.BtnText {
   cursor: pointer;
   width: fit-content;
   flex: none;
   font-size:12px;
}
.BtnText:hover {
   text-decoration: underline;
}
.BtnText.Orange {
   color:#FF5722
}
.Btn.sm{padding: 3px 12px 2px 12px;font-size: 11px;font-weight: 500;}

.TextUp{text-transform:uppercase}

.Btn.SortUpdate {
   background: linear-gradient(359deg,#fff6aa,#fffded)!important;
   color: #000!important;
   display: flex;
   font-size: 12px;
   align-items: center;
   justify-content: space-between
}

.Btn.Disabled {
   background: #f1f2f7 !important;!i;!;
   color: #afbbca !important;
   border-color: transparent;
}

.Btn.Submit {
   background: linear-gradient(359deg,#146aae,#0196d9);
   padding: 8px 12px;
   border-radius: 2px;
   line-height: 20px;
   cursor: pointer;
   display: flex;
   align-items: center;
   font-size: 14px;
   justify-content: center;
   color: #fff;
   font-weight: 500;
   border: 0
}

.Btn.Submit:hover {
   background: #0196d9
}

.Btn.Notification {
   border: transparent;
   background: 0 0;
   padding: 5px
}

.Btn.Notification i {
   width: 24px;
   height: 24px;
   background-size: 24px
}

.Btn.Market {
   background: #3986eb;
   color: #fff;
   border: transparent
}

.Btn.Sort {
   background: #d7d2a7;
   color: #604c0d;
   border: transparent
}

.Btn.White {
   width: 100
}

.Btn.Full {
   width: 100%;
   text-align: center;
   display: flex;
   justify-content: center;
}

.Btn.Query:before {
   content: "";
   background: #fff0 url(/Library/Img/btnLoad_redblue.gif);
   background-size: 16px;
   width: 16px;
   height: 16px;
   left: 5px;
   top: 5px;
   display: block;
   z-index: 1;
   border-radius: 2px;
   margin-right: 5px
}

.Btn.Blue {
   background: linear-gradient(180deg,#2196F3,#1f80ce);
   color: #fff
}

.Btn.Blue:hover {
   background: #2196f3
}
.Btn.outBlue {
   border-color: #2196f3;
   color: #2196f3;
   background: transparent;
}

.Btn.outBlue:hover {
   background: #2196f3;
   color: #fff;
}
.Btn.Black {
   background: linear-gradient(180deg,#282828,#000000);
   color: #fff
}

.Btn.Black:hover {
   background: #000000
}

.Btn.Green {
   background: linear-gradient(180deg,#19a44f,#1f9511);
   color: #fff
}

.Btn.Green:hover {
   background: #1fdf69
}

.Btn.Red {
   background: linear-gradient(180deg,#df1f1f,#b71010);
   color: #fff
}

.Btn.Red:hover {
   background: #df1f1f
}

.Btn.Orange {
   background: linear-gradient(180deg, #ff8863, #ff7c52);
   color: #fff
}

.Btn.Orange:hover {
   background: #ff5722
}

.Btn.outOrange {
   border-color: #FF5722;
   color: #FF5722;
   background: transparent;
}

.Btn.outOrange:hover {
   background: #FF5722;
   color: #fff;
}

.Btn.Grey {
   background: #afbbca;
   color: #fff;
   border-color: transparent;
}

.Btn.Disbled {
   width: 100
}

.Btn.Query {
   position: relative;
   pointer-events: none
}

.Btn>i {
   display: block;
   margin-right: 4px
}

.Btn>span {
   font-size: 12px;
   margin-left: 4px;
}

.Btn.Dropdown {
   position: relative
}

.Btn.Dropdown>span {
   margin-right: 5px;
   font-weight: 700
}

.Btn.Dropdown .Wind {
   display: none;
   position: absolute;
   top: 100%;
   right: -5px;
   width: 260px
}

.Btn.Dropdown .Wind .Arrow {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAVUlEQVR4nO3Muw3AIAwAUQbkgjfJCunwtFkhEV2k/AC79EnXvpSiKHKKUrcsqm4YokfbjHLBzCgP2DTKBzaM0oF1owxgvygT2CtqwW7oInVFdPe4WSfKJOBmqHZsIwAAAABJRU5ErkJggg==);
   background-repeat: no-repeat;
   height: 20px;
   background-size: 20px;
   width: 100%;
   background-position: 95%
}

.Btn.Dropdown .Wind .Area {
   background-color: #fff;
   box-shadow: 0 0 0 1px rgba(35,38,59,.05),0 8px 16px -4px rgba(35,38,59,.25);
   border-radius: 5px
}

.Btn.Dropdown .Wind .Item {
   line-height: 30px;
   padding: 0 10px
}

.Btn.Dropdown .Wind .Item:hover {
   background: #f0f2f5
}

.Btn.Dropdown .Wind .Item:last-child {
   border-bottom: 0
}

.Btn.Dropdown:hover .Wind {
   display: block
}

.Btn.Dropdown.User {
   background: 0 0;
   border: 0
}

.Btn.Dropdown.User .Photo {
   width: 40px;
   height: 40px;
   display: flex;
   background: #3986eb;
   color: #fff;
   border-radius: 100px;
   align-items: center;
   justify-content: center
}

.Btn.Dropdown.User .Arrow {
   width: 100
}

.Btn.Dropdown.User .Wind .UserDetail {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 12px;
   background: #edf2f9;
   border-bottom: 1px solid #dedede
}

.Btn.Dropdown.User .Wind .UserDetail>.Photo {
   margin-bottom: 5px
}

.Btn.Dropdown.User .Wind .UserDetail>.Name {
   width: 100%;
   text-align: center;
   font-weight: 500
}

.Btn.Dropdown.User .Wind .UserDetail>.Mail {
   width: 100%;
   font-size: 11px;
   text-align: center
}

.Btn.Dropdown.User .Wind .NavList {
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: 6px 0
}

.Btn.Dropdown.User .Wind .NavList .Item {
   width: 100%;
   padding: 6px 16px;
   cursor: pointer
}

.Btn.Dropdown.User .Wind .NavList .Item:hover {
   background: #edf2f9b0
}

.Btn.Dropdown.User .Wind .NavList .Item>i {
   width: 100
}

.Btn.Dropdown.User .Wind .NavList .Item>span {
   width: 100
}

.Btn.Dropdown.User .Wind .NavList .Divider {
   width: 100%;
   background: #cccccc4f;
   height: 1px
}

i.icon {
   width: 20px;
   height: 20px;
   background-size: 20px;
   background-position: 50%;
   background-repeat: no-repeat
}

i.icon-plagarisim {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAADD0lEQVR4nO1XO2tUURBeJUZ8RGMjqI2CmoCFj0TQagtfiWd21xRXszM3RlOksxDd7J3Jwi00aUOCpcF/oIVaaFSwsVIsBB8oGo0IFqaIr8pE5u65YrJ792kRIQMHLpwzZ+Z8883jxmJL8j9JknItBiVrUO4ZkheA8k1X8E08YZAHOnu8nf/ccGePtBvk+0AyV8kKHESvrW7Dbf39KwzJFSCZzV/OXwzJVUNeUtE44l5Yo0u/EygpQB7XM9aRWUAZi8f9hpqMG/Q2AMmD/Iv4uyG51EH+unJ6esYgXzYkP0I0Ur1+c/UvRws58kcNQdUPcLO7gXjSIvfQcfzGypUpgH3OEH9Idmc2x2oU1QWUKXvXaEVKnT3SrvFT2JPd2b2xOgVI9mk4DPIv/S6rYCz0GvNi+77vL08Qn9RzBvmzOgrETw0KO46/tqgTKEM2FBMljScp1xKyvRjh1ACQ3I5OQX4DaW5dqHfYya4HkungYencjhKvl6wl3njE/g27/ymBcqbL9Tc6zvlVQHzIkDyyyL0rxnpDfM06mol0AIgn9JDm9MK9YySbAPm5opM6ld1aBJ1Gg/wk76AMFTogXTYt70Y7gPJKD0WV0yD+7uC2KP0EyQEbismo8Brkl5EOGJQZPZTsyzTFapNlQX8gmdMKOc+BvkyTRWBm8ToAdYYA0t7BkIg1hQDqIGFHx7mVIQm1F5Qg4Z1IBwzyQKk0BOTrYRqC653VNIR+fzWQdxRQnlnjbzXvI9MQvYv1FSLkWyXmgNd6R82FSEXbZxSMIQ8MDjr5oSMsxfJYi9hC4oUCxMNl4Q9FJ5mgGeX7efnmUUlzQ/6pzeg4yp6KlABlzFa0KXNattRqXHXDdgzIIxUrxuN+QxgKHUiAvP3VGtfXGpT3YResejRL9frNf/ig4UAZKsbu4oTjYYU9rP1Vj2TzkCAetcOEMn06SCeXT2jb1awIMiPNrZrnNtXybFcd5JGah9K/JdGd22VIblY6ltuCVjeBC0RzWPu5wqo/I4b4qy6tkJpiWmQSrre9UHNJFrH8BsqsOVTZWigNAAAAAElFTkSuQmCC)
}

i.icon-home {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAABWUlEQVR4nNXTvUuWURgG8J/aIr5Tzg3i6OYiRBDiKE7hB1jgIBSSRJOLo+gsOPk/iNa7Cio4KEE4CBFFGTWo9KEOKqgQB+4HHp73UfR1EC84cJ/rvq7rcL64AzSgB71oum1YJ9ZxgiNs4Uk9QQ8xi3NU0YbW4C6Ce3SdoCaM4y+2Y6tFPMZHHOItHlwWVsEq/uHNVcJYeCwWXgtvDWbwC+2uj/bwTJc1P2DSzTEZ3hr8xIs6AkewU9b4g2d1BPZjv6yxh4GSR92F13H76YYbC5pB7JYFfsarAreIM2zESPX7gmYMn8oCVzBV4L7iZW6e6i8FzTSWywLn8K6w3ZP4wxn6cFzwVeMH1eA5fqMlx53iaW7eHVyGSniGywKb8R0LUWdPKR16hqHgMv0CvuX0NejAj7i1anzDJUzEWAquGq9iJzxXIm15FPPYDNNBjFQnLvWSJn889wT/Aa02ThSwYBBdAAAAAElFTkSuQmCC)
}

i.icon-blog {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAABUElEQVR4nN2Tv0oDQRDGT8FCQTAWKpb2amGjYucfSGbuxCJ4N3MQED079cSQnd3AYhF8ABvB1xB8PVnDpQi6e5EI4sBX7eyP2e/biaJ/WztFMQekNpDlEFlfIkk5lB4ELwOrDpAuxiRA8oqk35HkDUmekc29O0OSPrI21tpZLxhJykleEbPJkPRNknbXa4Eh720DmSOfkovuogMDq6SVm/1aYCTpOz+/E5JuOrgDx6lsIQnVBZe+vib1Nytwq/OwBiy3UwfHqawGs8HfBgPpJ394cuX+88Tgs9yu+MJzcgtTgYH1XRRFM0Fwu13OA6mGTw40AmeSuhCD4DiX4y82cEyqMbIiU3sx690guG5VYLd5SOY8HB6rBEj3fDpp2+UK7Gzx/mX84cTDYT4DnJ7HSELIcg2kH6c6MWbmAAu74G1EFhXydkwvpx27NMkwf7c+AJN6DakKPw7XAAAAAElFTkSuQmCC)
}

i.icon-product {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAB8klEQVR4nLWVz2sTURDHcxQEFf0T/HUSLxYvoqBpTTLzUkGC7swL9eCp9qBWmzfzUuJFCB6qp9LS9s8o/gkFEbwJSntpD56i/4LMblZKw1qTrg++MDs/PrwddmYrlb+c2bneOUcBGxRfQaIrJrPNZ7HKJKfa6pxFkq/IuupY99DLF1Nqs65arMa9M2ODkcMMkGykNunHOnWvmcw2H7BuWs7YYEcBkeR9DgaWfVMOtpjlnAgMHJpN7l41odeHpYAbPtSQZR0SvX84XgJ48SZQXEJenioH7GUaSbaQ5R6y9J2Pd4+AtyxnzNvqrL0+kg6QZdex/ESWX6ahvZvF4jom6v4J2qB4G1k/p61I1AFJH0j3geJGJrOlX6cuWg6Q7GASbx0LBtbn4HUhf663wxVk3f7TAtZt8x1qyTOrORaMHF8i6/xR8J253inTCJh13momA5MeIOm3oQ5KAU/7xdPI+nqm1TtvAtKO+cB3rj9ohwsTg4tO+o2zQung5mO98V9uDGz7OTTGBiPpW8x27x6wvBnJG4702GBIupeBYtXkfLh0YjB4XQCSJUf6JB3rdLRDuxBM8sKGpBhIsZotG11D1oEj+YRedgrF8gNZviPLwPmwZrXGGAHXHsWLQLFlwkSfAsm7/AdaoM0GhQ9ZblZnjBz4GwxhVMtyuCIhAAAAAElFTkSuQmCC)
}

i.icon-follow-keyword {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAACdUlEQVR4nK1VW2sTURBepV4oKlVRvDyIYrVeQLEKXpCISk13ZtMWWeme2RgRCX2wKGLtmdngAdEqvhVEBBFEXyr46lPVHyL+GJlN1iYx2STggY/dPXvOd2a/+WbW8xpjInQ7gGwJTBLmITAWi+S2ef2MqYobASPf0cgcGKnmgngZiX+DsYd6EoNJrkMs9/sJwo9tEQ0/Q+LVnuT1xTJXDHkXEr/qhsmyPVKi2lEw/ANIPiHxr0LBDfUkds6tD+LkoEbSCePV6oa/+Ujn5B1EtdGexNNluxOMLCoCkvMB8a3suRX8RA8BIy8x4rGexIWCG0KSM2DsuEblm+SA3v+DePFUPTd9Ek9V3AiSLHSOcg1IyaOBIi4W5zch8bXUJXmg5Irnees0CP2qnsSluwtbkeReu3eR7LnA8CW9D4zc0SSnxJG9ABHP6lWfuxJj1Q1jLDfbq61EfNw3crpeeTI1E7vdYOQLGnE6p74G4hW160DE0ABGEuh6NPI50zarRj9OLur8QFJAJomx5bRAiJfTfeoa4hWMeRqJnwLJmyC2h3OTV5pd2Acxn2xJWlQbxYgLQPxA9xUqbnPaY0h+pvtIHjYSm2c3Ow4kM602sxN18FK2VxOpBzQk+uhXHu/JLRBogl+uHdN1k2U5iyTfOrVNiKwPhl93LWkkXmpvPlrC7aTaKzTCxvuvYPh5GLqNLcRBnFz1iee7+byZ9AbJ3rosvNrQfCwM3ZaOG/VFvb8KN2uqxRDM1k5kpJpQNPwBjbwAY7d7/QysumEgvtzsgjRSI3MqFdyW/UjyVnXUBtUXae6B+rsiXgbD71XH/0KqQ+2TVd4gpH8AP4zBP9m9fjcAAAAASUVORK5CYII=)
}

i.icon-suggets-keyword {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAACnUlEQVR4nMVUS2gTYRBO8U0VFHpQQZH6AMUnBR+oxIPFJDNJvaxtZjZEBXOwipZasjNbWPRQCoL4uNiDeFXw4LMUBMGrCp58HCoKvVkQFOrjJrNJ0w0maSyCP/ywu//sNzP/930Ti/2vlWHZgiwj0d3VXVw3JzDI6m7HCRaGzyT9QHoXyGsvbX2TYgU7SyTOLsr0DKxuCjRNehxJfyLpg7BaksfAcruSlOQlklzqygfLLQZZPoFb3NG4UvbyyPolzboXWK8Ayy9guZOkwW0z3QxuRNLryPoByD8M7B8y8HSPbK/bPpL8SLnenulvmZMDy5rpEl05CiyTmA3a/jiM54PFyDIGLJebAYsmB9IXxoPjOPNqBiVz3iZg/e44fUuaBU7lBjcDyVTNf9Ik+4G0YPeJJLdmA0t0++sx6+2bVg6yPDdCgXzHlFMJRJanxjCQ3jRyGoGa/JDkLbI+QdZXnW5/a6anuAtIi8By34itAgaWg5H/W5CkNwyu3oLsf3acYGmYhOUakJyqJHX1DJLcqAvc6fa3muwMLJSVSa8MDBFgq2424DFkfWbMmikMGFg/ls9GoveGJH3A+g5YRs0sFptmORYWR/LeuqgAH2FdBeR1AOlFc5nJBrP+gfr37LWbicrktZjNgfW8GSaVv7CyttxIpuLxYH4jAquSuLIVSL+ZD2oGYDZoM7aB5VyzoBXw0P76qGZBQF47kk6Ypu3dguyK6oGlXW9DpSiSXiO57ghIke400jArcSC5Z/4HlofRAYOkyfKE+2r2R9bTyDKOueLahm2lQnCZRNKrVjWyDCHL8EzbMoqud8IsXFKTjHd1+2uaubJYtCWbz+aokl19B1le2yS0s45CYcG0pv96hfOXZTiyh4C8FXMC+xfrN7wXQuObRngpAAAAAElFTkSuQmCC)
}

i.icon-research-keyword {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAADpklEQVR4nO1ZTYwUVRB+c8WEhBAE9CJLohcPnDBR8WZcu2p2NWpmp6p3N4bEG6CBxa7qDXuCgz83IwkXSRQTwgEWNB6MEUg4GDjJgZMHjigXjBrchYVU/8zO/s327LzemUnmS/rS012vv6p6X9WrcW6AAXoL1THZiWH0IZKeBZKbwPIXsPyPpP8g6x9IcgNZz2Co7wFF21yvAVgOAMtlZJlH1idFLmB9BKTnA9J93f5+BxQNIckPix8o88B6FSk6ZuTeHo9efDM8+gx+NLOlGsZ7gjB+FUiOI8vPSPowe28BWC69xbq7KySqHNeB9O/Mu/8By+fDH8iOou/bhwPJZ0jyICP0J3A04jYTSDLdSBHSiyNjU89t1FYweWwXsv6YRwdJD7vNJAFpjotzruLBbAVYjgDJYyMTsBxyZacTNjwXjfu2b4qXk6lShK6sjQ3ZnkCWqMSIf5KmrNx7N5x5towFUnUinXXlotK01gWvlk1Kc3UyGV3rOfOgDy8mhTUtogsQysvOF9Jil3jo5FrPGAEkvW2XDzIm59ma3zofSLyTVuyF0dqnL7QkkRdGD2Qa65LODfPMVtcpkt4pTaur65LIIuKLDJL8araqpKOd2MmM6dnM01Prkcj3iC8yQHI0c+JXnRNhvZUYq0dB831rR5Dl92yhO1ah1/qta31UM6wVT3U9GsrvFfG6z8h4QXKeWLsVXxKJ5dhIZJrf2cjl2iWyHomNkOmUBK5DZEVqtYueSEXMNnvACp3YaRWZVsLhDa3kt120K9eL8iunvRVEZLnWsbE2C2hybGb7La55bVFaNYztoEhLk54ckxbl4Tvj0XZf6TWbReWUF4MFmkxk/SLbM+d8remwHr/eGDJ0oF5F2/4kGnkbX9f9zieA9Uq28S67clHJhxFA8r1367Y/Fo+6GruS0FAq0vswoc+Xs0hdxpLBQ3Jy0wnf9qskB0sfPqw2Dsoi42kcpB9nTkpt+5DcgmSSRU3ROkkBG+4h6U8r+yaT3k0hE9eWjExJvrSaU/R9I28S29h3yeh0+RB8k8hUTQDywUQjJfS6DaoDit8Y4emXbIht13At3pvKuERA8ktzV23qZL2XfXTXyBiqJK8lRZN0rvjfCkZEvgvC6BXXhK6TMVhxA44mgeWb5j96gORfIL2LLL8h69emfq0m9z1BxheA5f3lZID1UcASun7DgEyvAgZp1qOAQWR6FLh6nTnh+hHQnGakM66fgWlk+jMSA7g+xlMeN8UnMqyobgAAAABJRU5ErkJggg==)
}

i.icon-marketing {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAACPUlEQVR4nK3UzWvUUBAA8KgIRfQgIooV8fviQbSo4MEiXmpmsi1i6O5MdhdEVnoQpXTdzGQxouJFFBERL148iFcPIqIIinpSKlo/ED/wH/AP8CAy2wa3y3aTtM4lZPL4vTfz3ovjZAjfj5cDhSvbc24Q7vOKzR3OfGOkHK5Clq/I+g0DGUnySNIE0lryDiynck3kBeFWJH0PpeY2YJlK8HYYWc4i6cPBatyXGS4cq69A1l/I8sxwm8TwQrGxq/XO0Xhu1AJYTyPLJWC9YPjhcrg9wVvfKRzIjfq+vwRIPheK9XXTiFzsirNcRpbHQPoIKtqfCgPLUWC9MyvXBR/yZTVQuNkLok2O4yxKhZHkpfWyS/48sL6Y2di37aclHeVwD7I+7THp/HBguYcl9XqO6WiLS3KwJzo0Gm0B1k9xHC9OXQDJFSR9PlPB1blRPrMeSD8gyxePdHiuccOjjY0GAcl3YL2BJLex3NjQEwUOC15R1nTrnZ1bOylWkV1jrMXLepdU0X5DPQoxydn5tWvskhwBinxgfQWkT1xWyHSsLJD1gQFd8ruR9Q+S/gaSu8hat2ueCW2tmPVH52a51Ym1yPIOSjJmPUfS+8gyaZNlh0lvAcu5WSjJR2Q93t4WIP2ZCx6sxn1215H0+nQ/ZQpZbwLJG/snJ7itHAKtOHlioFZb6rKcRNJrUNK9rUoCrSDr6wS3TbZKIGjsdBYa0IEjywlkjRYM/8Nl0p7WHpeiA/8FtnCDaL9dXWQ5lDb4L18oIGmqiyVfAAAAAElFTkSuQmCC)
}

i.icon-copyright {
   background-image: url(data:image/png;base64,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)
}

i.icon-chart {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAABiklEQVR4nO1TO0sDQRBOUAsVKxsbS220s9ImlYiZiVp46M1efCEpBVHhdu4gaGv8ERZpAjb+FpGI+Bts1EqJTLiNpyTkcTmrnW5nlv0e820mY8vWP9XG0cVUQQVuqiCbO8EslsoTbUZZVHyHihuoOEhNISj9gKQfC7vhQnyGpEMBB9Kv4IZzaeBnUelapLABij9Q8bEMwOU1UPwJpL/yiiERSn7/fCaXK4/+7YutLYWKqzEiVekNxXrHOR0H0nUgfgaP9xzHGZE+uH5e1MUVyhyJ3wwR2b+4lIgAKq7EHmwg8RMSn7QUkg7j9yUHkgfJheQjGbjrL5s9AvElKn75RaaDQvkR8jP6AyN9FU+xsT7a8Y30lkqlMfT8w+Y6+lBoCHe8AEpvR0DvBeKDqHdtLBcy8fuSg62iP92zuG4EVr2zSSR9+5Nifd/6Ql6w0ivQwARMtUlxJTMEgJ4JSIGnF5spJl031icF6IuAWcl60Z8fFKDbuesDSQEsAUy6Akz5bAlYB6wDtmxJfQN1ehSSO4XhhgAAAABJRU5ErkJggg==)
}

i.icon-log {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAv0lEQVR4nO2WTQrCMBCFcwqXegBv0jwX7mRGzyEZBc9l6q10YVdKK0ItNYgdbcV5EAhvM1/mJ4xzpqEKLBfN87sArqMMAFYC1umlPxZaUpjRZuJJDiA5gUOO1Xqc8tUBfBmk9sl4kpjy9QE4FKU3W2ynVSAORcpXB0DNe3ZXE94EUIPBCyUAybnuz5e7kToAHl4X8rZma/ofA8hu4xY9h6Mn2TfGMN4zYT9gJ8EWEraVTIaxlKLvtRx9AZjcl3QFQt65D5WHWakAAAAASUVORK5CYII=)
}

i.icon-settings {
   background-image: url(data:image/png;base64,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)
}

i.icon-logout {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA9klEQVR4nNXUoUvDQRjG8U+RoUVFV/QfMIoGQRAEg0WcE7SuaVsRHJgWDLYhGE0Gg8EiGgYWoxYV/H/k4AbHmL9xv58gPvCUO+577/sez/GftIg2OpluY2EYNotPHOEg08fx7EwK3MFFhe462EgXwk1dzGG1hFcwMQrYwl0Jf6E5ClhW3cj4EdjDNrYKqmrmAJfjPKcK5jb9p8Deb7ecoxr60fWqFdbwgFPs42kA2MN55gzrEXYSzzTwOACEcL9jc0wilpI2U9guXjGfzmIN12MScRMjFmBXRTAZWsdz/GHO8FYFFnQZH/AWH1VhQS+4xyEmh3e/AWZeWEIg7uTSAAAAAElFTkSuQmCC)
}

i.icon-market {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA7ElEQVR4nO2UPQrCQBCFtdITiPdIZ6dlwJ8DWG8r6BU8gRZiKVY2Noo3sIttuoCtaGsnfDIwkXGLYIxa+eCxy9vhg9llp1T6hoAy0APcm+4KwwIluAEX4KTOq44FOoVtgIU6r5wFDoAEiICrrjFw1v1RHWkWe7WJMCxwDjR0H+kaSG46cKY28GobwMwCd0CtALAObC1wD1QKAKvCsMApMAT6+sIhMNb7aQIrdQs46FmotX1gBEz8Vy4q9zNgYCytidZebp0N9L5kms8zvm2qPzD7Dl+R88fX48B4mQPYtkAZsAJ9d8B2ngbsJ3UHtPLUM2HZBa0AAAAASUVORK5CYII=);
   background-size: 18px
}

i.icon-bell {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE10lEQVR4nNVaa2hdRRDe+qgvfLb4qA+qVbDgP4v4oxLb2vZyz+7OnMj5ZaEomopP/NNf6oWa3JnTpIggilrE/hCqRRSsKIr+MkGxVGnsQ1GpjyJtbTGp1B9VI3POnDS2uSZtzt6cfLBwuXd3vtndmdmd2WtMINRivsYhbbFIw1kDeivqTG8yMwk1mQTQIYc88p8GdCiKuq82MwUOaYsoboHeFcWlWeCt+t0bZqbAIg2L0mNXH+CZa/OJ8O9mpsAB/SpKi4mdOBH5zVQdSfLmmS6mpQ5or67+VplM7vj8nk5kr/fpkkajcYapGjo6GmdZbD5okfad5OCtGtDPDqlLxpoqAHH9Agf8VaGgRfraAXV7n3qH/LoDPmCB9jvkTRabKxzwUxZ5+/H+vN253uundRIu5ttHwyzw7giadWNGZk1mrIV0mQMeVBP8LUK+zUwHnGveKKutIfU1axvnn6qMjtWNcy3SRl2IA7K7pt1ObZG+UPPYNDXHHZnlkF5Vv/m8rUHAxvSwEu+SVZ2qvFrtuXMs8k41szWmHZAVs0g/ZBOJaWlZcjOfwcxMv2vLrkTAKzXa7ChbtkXeIbK9p7vKlj0eWZ+G2SfLl01Pq+zUhIYDHsjuUUB3li3b+3SJ+smnJjQc8i/59qfzypZdy68yYrY/mdCwQEeFrIxodSKSZMN56vBHTUjIvUjPjmOhOBzyMeGQsyoUh9jwheqMw6E4LPAR4Vi+vPeCUBwmjnsv163fH4rDIR3MOGzf3FAcJop7blFn3BmKwyLtEY468sJQHCa7huc78mEwDuCPc450mQlIskZ9ZGMoDqcXyAj5gZCH4YvZRGJ+LBSH9fSEXuufD3k9yTK7CNI7wnGkHRritwUhcK7nCof0j4THJGnMDkJi8iu9Q/rDAv8tUbJ0Ao/0eL5S9LYJDAv8juY7j5Zf5gHerRMBExiRp7gI86XmJh7pviLpaUf5pqvrpbOL5M16vre8cg/yUObkcXqPaRMc0ip1+qEpFyVWJBsuKyKVBX5/sqWecjAiRYkPitqX6HJaYqzl67JiWx7Tvw9692mpQ99c4VYdBqV+fMp5uRTNCoebzjeNWv7Wsmu0kAe8clIDfUxJkROIOSE255hpBmJzTmFmopvoOOEgSTP1PrWuShXzRl6GWqeT+XHCAaMm1dlzs6kY6sgL9Sw7OGFnh/yKOtc33qeLTEXgfbrIAX2r59nLEw6IIrq0qJIXuYe8YwDQfNNmANB84bbIHx1/V+FB0XHSublF5uIgHPP2sU8SHwv8ggNe65BXy1OCrFaEdGvUSTdIqyfrrxSyWq1xUSFTPst32W/aT8ZkY6FZF1kOeK3IzjhOfjQaEp1Et9NYkWcvsUD3O+TNRS7d3kbCuVl0SBK+2JR5lbfIi+X+Y5F7xJ/kjwAW6RN5tSpecx3wnw75sAX6a4yJyufD+ltWiXFIX8pYkZH5JlC3yl4sXGa6YJH6szuZp7hlH6C7dSL9pqqwWpMSk2zVR+5MetgeMVWFVdP6P4cUWw9d5JsyLPJnWsrBVn0ccqf60YCpKhzyI8UL73hRRkxODlqd7EOmqkiSxuzR/AVpjzi9nB/Ssp3QSUiFRLJAU2V4n84b+4eAcdq2OO6+yswEJLIz8vILPCDRKWtI/WJOoXbiX8T5XUWpggRTAAAAAElFTkSuQmCC);
   background-size: 18px
}

i.icon-projects {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAABsUlEQVR4nMWUz0tbQRDHg4IgFCXUs5d6FfTQY62RCGlmIl6WmpkXelLw0EJBeDvzAu9c8A8opX+BF3+Unlq8eO0/4KGHUiiS0osnPaTKbhpJ8l4CmwoufOExs/PZ2Zk3Wyg89AJOVrEuz4MDjTGTQLY4TMh66jRqj2NkwMj6GVlv/kfA+il7VUrK/5wfgXQnRMhy4GKrlKxkwLXILviTI9kMLSOSNH1SZIsZ58ZWvOyctShZCwazvhsKrpKUOrWyT0PBQPp+KBhItj24ns6FZyxfhoKRdR9Z/oRCfSzpzxEZ61dgOQuFbjbsY2T9mwsum3gWSa+ANA4FA9tXd//xIBjJ7gHLNTbi+RBomqYTyPotF/yCmotAeomsH0aNa+6Yk6Z9k9cL7hYe70F94Fok634067ILJO3xodI25u10fiNIBUnPkfV7j1o+mOSXVwfU6tvjY8SG9KcALCfA8rvC6Ywx6SNgvUDS4yDI4AKWZ/7VYnndtSHpm85LJqXCOKvyMnniGgukP4xJp7p29+1szuf2BIOrka10mqKHOTc58llHtjJW1lXSJVfXQbuzOd+o4Fv7fm1m2z8qNgAAAABJRU5ErkJggg==)
}

.Inputs.CheckList>.List {
   width: 100%;
   display: flex;
   gap: 5px;
   align-items: center;
   flex-direction: row
}

.Inputs.ckList {
   width: 100%;
   display: flex;
   gap: 5px;
   align-items: center;
   flex-direction: row
}

.Inputs {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start
}

.Inputs .Input {
   width: 100%;
   position: relative;
   background: #fff
}

.Inputs .Input>.Info {
   font-size: 11px;
   color: #939393;
   margin-top: 4px
}

.Inputs .Input label {
   position: absolute;
   left: 8px;
   top: 8px;
   line-height: 24px;
   z-index: 0
}


.Inputs .Input.Standart {
   display: flex;
   flex-direction: column-reverse;
}

.Inputs .Input.Standart label {
   position: initial;
   font-size: 10px !important;!i;!;
   font-weight: 400;
   margin-bottom: 5px;
   text-transform: uppercase;
}
.Inputs .Input.Standart .BtnIcon {
   position: absolute;
   right: 6px;!i;!;
   bottom: 7px;
   background: transparent;
   padding: 2px 12px;
   border-radius: 4px;
   cursor: pointer;
   z-index: 1;
}
.Inputs .Input.Standart .BtnIcon:hover {
   background: #f1f1f1;
}
.Inputs .Input.Standart .BtnIcon>svg {
   height: 18px;
   !i;!;
}
.Inputs .Input.Standart input{
   position: initial;
   font-size: 12px;
   padding: 11px 7px;
}
.Inputs .Input.Standart input:disabled,td>input:disabled{
    background-color: #f1f2f7;
    border-color: #d0d0d0;
}
.Inputs .Input select:disabled,td>select:disabled{
    background-color: #f1f2f7;
    border-color: #d0d0d0;
}
.Inputs .Input.Standart input.sm{
   position: initial;
   font-size: 12px;
   padding: 5px 6px;
}
.Inputs .Input.Standart select{
   position: initial;
   font-size: 12px;
   padding: 10px 7px;
}
.Inputs .Input.Standart select.sm{
   position: initial;
   font-size: 12px;
   padding: 4px 6px;
}

.Inputs .Input.tagsinput label {
   top: 10px!important;
   font-size: 13px!important
}

.Inputs .Input .bootstrap-tagsinput {
   padding-top: 12px;
   box-shadow: none
}

.Inputs .Input .bootstrap-tagsinput input {
   width: initial;
   border: oldlace;
   padding: 18px 7px 4px 2px
}


.Inputs .Input input {
   width: 100%;
   border: 1px solid #caccde;
   padding: 18px 7px 4px;
   border-radius: 3px;
   outline: none;
   background: 0 0;
   position: relative;
   z-index: 1;
   color: inherit;
   font-weight: 400;
   font-family: inherit
}

.Inputs .Input .bootstrap-tagsinput input:not(:placeholder-shown)~label,.Inputs .Input>.bootstrap-tagsinput>input:focus~label {
   color: rgba(var(--bs-body-color-rgb),.65);
   top: 5px;
   left: 8px;
   font-size: 10px;
   line-height: 10px
}

.Inputs .Input input:not(:placeholder-shown)~label,.Inputs .Input>input:focus~label {
   color: rgba(var(--bs-body-color-rgb),.65);
   top: 5px;
   left: 8px;
   font-size: 10px;
   line-height: 10px
}

.Inputs .Input input:not(:placeholder-shown),.Inputs .Input>input:focus {
   border-color: #4d5088
}

.Inputs .Input select {
   width: 100%;
   border: 1px solid #caccde;
   padding: 18px 7px 4px 2px;
   border-radius: 3px;
   outline: none;
   background: 0 0;
   position: relative;
   z-index: 1;
   color: inherit;
   font-weight: 400;
   font-family: inherit
}

.Inputs .Input select:not(:placeholder-shown)~label,.Inputs .Input>select:focus~label {
   color: rgba(var(--bs-body-color-rgb),.65);
   top: 5px;
   left: 8px;
   font-size: 10px;
   line-height: 10px
}
.Inputs .Input label>span{color:#f00}

.Inputs .Input select:not(:placeholder-shown),.Inputs .Input>input:focus {
   border-color: #4d5088
}

.Inputs .Input textarea {
   width: 100%;
   border: 1px solid #caccde;
   padding: 18px 7px 4px;
   border-radius: 3px;
   outline: none;
   background: 0 0;
   position: relative;
   z-index: 1;
   color: inherit;
   font-weight: 400;
   font-family: inherit;
   resize: none
}

.Inputs .Input textarea:not(:placeholder-shown)~label,.Inputs .Input textarea:focus~label {
   color: rgba(var(--bs-body-color-rgb),.65);
   top: 5px;
   left: 8px;
   font-size: 10px;
   line-height: 10px
}

.Inputs .Input textarea:not(:placeholder-shown),.Inputs .Input input:focus {
   border-color: #4d5088
}

.Inputs .Input input.is-invalid {
   border-color: #ff00004d
}

.Inputs .Input input.is-invalid+label {
   color: #a01111
}

.Inputs .Input input.is-success {
   border-color: #4caf50
}

.Inputs .Input input.is-success+label {
   color: #4caf50
}

.Inputs .Input select.is-invalid {
   border-color: #ff00004d;
   color: #ff0000c9
}

.Inputs .Input select.is-invalid+label {
   color: #a01111
}

.Inputs .Input textarea.is-invalid {
   border-color: #ff00004d
}

.Inputs .Input textarea.is-invalid+label {
   color: #a01111
}

.Inputs .Input .BtnView {
   position: absolute;
   right: 12px;
   top: 12px;
   cursor: pointer
}

.Inputs .Input .BtnView>i {
   display: block;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC4ElEQVR4nO2Y32vPURjHX7NNC/ObFil3wxab/AGU4sLPC7mYH1vNDbnyIxeSwtWE/Cr5UdsKJYrSyG9S3Ci0UrJyqRjhAttMz3q+9ez0Mc9Z332/Ls6rTn07n/N+zvP5nOc85zlfSCQSiUQiwWxgE3ASuAu8A7qBXm3y+y1wBzgONACziv3dZgJ7gZdA/zDbC2APUFVIx2uAS/pl+/PUfgFtwJyRdHwacBboy3DgB3AL2AesAOYCk4BSoEx/y4uvAvZrKP3MsCMf5TQwOd/OrwU+Zkwo4dMEVA7D5gSgGejMsPsBWJkPx8t004UT3AeW5mMCoARYDjzOmOeIruKwqNSltgYlmzQyMpQAW4AvwZwdwJhYY+OBp4GhmwXKFjOA28Hcj4BxXgOjNZdbA2ecS1mq+0Uyyhvguzb53QqsAUY5Q/d84IMkiXLPC5wLhJJZPCwBXjtS5itgsTOkDgRayVBD0hAIWpzObwd6IvJ+j2o8HAu06/82UOL7c7BknrBpDCb4pLm+HhirrV77uoOxm53hZENabEzPGnjRDOrSw+dfVOshltPdA6YMMX6qjrEHYLVjHrH53uhkjw1iAfDbDJCN6OGa0TwDKhwaGfPc6K4651pnNFIN1NqHV8zDB06DVaaskBJgHn5qTC3VF5Ge7WF32ebd3AaUVVjoNNYcHDaxiCanF1seFgUF4MCL7zKdDyMcaDE6sRGLnfdwhM6uwg7peGI6YsqEVqPbGO8/G4y+PULXZHTyMgMnZS6OJUt4OWEMbYv3n61GLze5mLI+t3++ScdB4KueejHsNg5cIB7R5PRiK4ZD6nysz4OoCw4Xqe+9TAwOtTqKhL2MSEh5OWV0nRSR1UFpsDMy+/TrNbOotAcOXQfmZ4yT0/5GMLaN/4CKjJtbrp7q0NaV8Vw0ntKjIEjFeNT5V0uv3nVF899RoyFly3Kbqdoia6aiUa7V4jJttd7rYCKRSCQSiQSF4w/T2VWvRib4dQAAAABJRU5ErkJggg==);
   background-size: 18px;
   width: 18px;
   height: 18px
}

.Inputs .Input .BtnView.Active>i {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAB7ElEQVR4nO3WTYhOURgH8J93jMZHU5rdNGkUC7LBZhBRwoqFlSwoRVnayEJSokaNUtIo8pWFLGVnQ1nYjqSkfKRZqMH4JjM69UzdLu/r3ve970Lef52695zn/J/nPOc8H3TQQTmswnHcxWO8xyc8xX2MYBNmqxBd2ItnmC443uAw5rWqfC0eZYhf4Cy2YRl6Q8kSbMRJjGXkX2Nns8r341sQPY//WsG963AvY8ho2WsZwNvYfBrdTRxgFg7GISaxvCzBEHZpHckbGyrg6eA/wXysbiP/CvTXWxzEeGSxvjYonxPpO6Xu9fWE7kTs34o4rhLDwT3WKK8MZhLQ0QqV78YUvkd+aYjNIZiMOFKR8h/Bt6/IhlqU25k8fg0LmlDcHW6fCp6HRa61houx4TM+xPcr7ClYExLH9nhw03H6r/F9rpERXbgagh+jsViKBxlvpCg5gx3xXlLYzo3ilUr0iVzf8ARrsBVf/mbEoRCYzBWPJHysRDMyM87nPJY1InnzN/TgZjQhedyIjdczLdnLzP2OR/0fjtqf5m7/gWcLLoW3C2MgoiKNRbm1iVC2MDPXFyf9icUqwEgoSe9DAQMSrsT8qVaV9+JdkK0sYcBQpjlNV9s0enAAF+qs1zMg4XJ006kGtA0TDQzo4N/AL70bmChzgymIAAAAAElFTkSuQmCC)
}


.Inputs .Input.tagsinput {
   display: flex;
   flex-direction: column-reverse
}
.Inputs .Input.tagsinput .bootstrap-tagsinput{
   display: flex;
   padding: 6px 6px;
   justify-content: flex-end;
   align-items: flex-start;
   flex-direction: row-reverse;
   align-content: flex-start;
   flex-wrap: wrap;
   border: 1px solid #000;
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .tag{
   display: flex;
   width: fit-content;
   border-radius: 1px;
   font-size: 12px;
   font-weight: 400;
   margin-right: 6px;
   align-items: center;
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .tag span{
   background: #17389d;
   width: 15px;
   height: 15px;
   margin-left: auto;
   border-radius: 11px;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .tag span:hover{
   background: #000000;
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .tag span:before{
   content : "X";
   color:#fff;
   font-size: 9px;
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .twitter-typeahead{
   width: auto;
   order: -1;
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .twitter-typeahead input.tt-hint{
   display: flex;
   flex-direction: column-reverse;
   padding: 0 12px;
   line-height: 21px;
   height: 21px;
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .twitter-typeahead input.tt-input{
   display: flex;
   flex-direction: column-reverse;
   padding: 0 12px;
   line-height: 21px;
   height: 21px;
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .twitter-typeahead pre{
   display: flex;
   flex-direction: column-reverse
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .twitter-typeahead .tt-menu{
   display: flex;
   flex-direction: column-reverse;
   width: 50%;
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset{
   display: flex;
   flex-direction: column-reverse;
   background: #f9f9f9;
   padding: 12px;
   width: 100%;
   /* margin-top: 5px; */
   /* margin-left: -1px; */
   box-shadow: 0px 12px 8px -10px #000;
   border: 1px solid #000000;
   gap: 3px;
   max-height: 30%;
   overflow: auto;
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion{
   display: flex;
   flex-direction: column-reverse;
   line-height: 26px;
   padding: 0 5px;
   cursor:pointer
}
.Inputs .Input.tagsinput .bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion:hover{
   background: #3d6cff;
   color:#fff
}
.Inputs .Input.tagsinput label{
   position: initial;
   font-weight: 500;
   margin-bottom: 6px;
   line-height: 10px !important;!i;!;
}


body.Login section {
   width: 380px
}

body.Login section .Logo {
   width: 100%
}

body.Login section .Back {
   width: 100%;
   background: #fff;
   padding: 32px;
   border-radius: 6px
}

body.Login section .Back .From {
   width: 100%;
   display: flex;
   flex-direction: column
}

body.Login section .Back .From .Area {
   width: 100%
}

body.Login section .Back .From .Area .Title {
   width: 100%;
   font-size: 18px;
   font-weight: 600
}

body.Login section .Back .From .Area .Text {
   width: 100%;
   font-size: 11px
}

body.Login section .Back .From .Area .Inputs {
   width: 100%;
   margin: 24px 0 14px
}

body.Login section .Back .From .Area .Tools {
   width: 100%;
   display: flex;
   justify-content: space-between
}

body.Login section .Back .From .Area .Tools .Btn[T=Password] {
   background: 0 0;
   padding: 0;
   border: 0;
   line-height: inherit
}

body.Login section .Back .From .Area .Tools .Input.Check span {
   font-weight: 500;
   font-size: 11px;
   text-decoration: underline;
   color: #2f83c6;
   cursor: pointer
}

body.Login section .Back .From .Area .Or {
   width: 100%;
   position: relative;
   height: 1px;
   background: #efefef;
   margin: 18px 0
}

body.Login section .Back .From .Area .Or>span {
   position: absolute;
   left: 50%;
   margin-left: -24px;
   background: #fff;
   top: -7px;
   padding: 0 12px;
   font-size: 11px;
   color: #4d5188
}

body.Login section .Back .From .Area .Socials {
   width: 100%
}

body.Login section .Back .From .Area .Socials .Btn {
   width: 100%
}

body.Login section .Back .From .Area .Socials .Btn.Google {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: linear-gradient(360deg,#f8f8f8,transparent);
   cursor: pointer
}

body.Login section .Back .From .Area .Socials .Btn.Google>i {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEy0lEQVR4nO2ZbUwbZQDHL45M5vygycRkL0YFlWw9oHdFYSsr69uItBksIYwOwiC8KKwq4EAY8TYYsoG8CIOFCduCzmiTQbveNSC4q7p9chlkEo0fTIxrC2uPFzcXoC885sggdYP2bj1ajP0n/y9N7+nvd9fnuadXCAommGB8DsBEIdMVaB5VjBDWTPTOuFIwNy4TuCx7Y4FFGAss+wQLEwp09q4KNdsK+QNUKT8XYFAIFOj8VQ7HUQXIDUsS6jTHxwI2tcgFTlsecmO6KjrG/+DVgjeoPPS2JUHACnpFEWEssB1BRmeOo+F+gZ/6EGk2SwQLvoI/JiIWuGY+QE6vGThoittky0F+4Rrc/EhtOcgIwNI2cgo/0wk/b1UhE2sNb37YaTW/lTN4cFEUak1Hrf6CpwoQEuIyVD7ys9/g8zmGny5B2lhNRDnqpPKRm1Ml/OqpkzGiexi65X5ZVJjtGCyhSmMwKhcZpZfPVc68kVP4mVo03CITuJiCT5UgXUwmnxlDn7Ed5V9yF6G4hqczqUZ+YgJvPYyY7tfxXmQ7Pr3uWzOQ8TWBB9/v2jE/DM9PlfGBebfHJe8W0EAboPUWBwmfdhhhQPfvc9FgXPL4HdeaiZrWJTzQpG2wG3mmJQG6c7ooYFWhbt95gZMqid4GrcfYjbx4d/jlXoPBvbqYxb3LpBrphtZr7Ea4akWBh31wIXoCqJOehtZr7CR8xZOAwwi3sRnvhXwj4KrJVT1/eP1Ah5E35lGAjEoKlMBbpd/Mev1AOwlPehKYJXdGBErgtWLCxURg3pMAIHc+GyiBbYXD4H8hMOlJYO6HqNcDJRBRRCz8xyexhtEk7vOyjLYHSuDt4z0mBgK8ytXg717jg1pc9qBJk7YJ4jiNvWWbee/pnJ4E3q1v0DMQgONWgh8ZfhNk6RRA0Z8CWgziC1wLqM/Ud3u7AjXtFSqvAwEAPWU38u4sgduNMOgfEIIU7YFFeLqHdQpnx0DCDq7g61sqXo4s1rs8wUcexZ0YiTF7mucwwvU0/AwZDWpw+TK4eyuuyi0kKfL58SBGYiHJlT0Wb2c/p7b1OuNBAQlv/21YYM/TJa8Iv9QTuGzUFwmMxELSsY4xb/BbC78DNZ99hLIavA6XjnqCX74Serml+9vdW9nCdw3teSm/sfZ3JqtP2sedY2zHh3SDCa9kahUuJhKZOoWzjUjswS5mh3obt3dQtrkFl3yu0ipcqX2p4OCpVo/w4UWGBexTjNXNczkdhLhZyUDAXaROLx05axBjXxEJ4iuD8WGXSdGWHsMeYbshseYELr9Jv8f9GGVfKshqxkBYAbmiQMGpxk7Il9QTkhGmAr40u+t9sP2doX/Bp1Sf/xXyNRpN2sZjuv3jfpHozQWRav0i/L7yL6gi7CyrjeOqIUnRc5V6ucUfEoe+VoGMmlYT1omFcQLvJhF6EpfdZjMnnqS1hHTEYFjD39xdhr0Nh7RKRqsTm2Zola5zRGID5I/06kQRdbj01kG37cWTNrX/wOJZvzwkfBXydy4NCtEzuPTHHG2yg/WE1Skcn+DS61/iMv//yfdoNADacB4XH2nCxfpKXPZngTZ5NkurcNFXiN4EpmuVC/Rr5Vf3mxoICdFlSMymj4GCCSYYyNf8A50RcaYC8geEAAAAAElFTkSuQmCC);
   background-size: 26px;
   width: 26px;
   height: 26px
}

body.Login section .Back .From .Area .Socials .Btn.Google:hover {
   background: #fbfbfb
}

body.Login section .Back .From .Area .Socials .Btn.Google>span {
   font-weight: 300
}

body.Login section .Back .From .Area .Divider {
   width: 100%;
   height: 1px;
   background: #cccccc42;
   margin: 10px 0
}

body.Login section .Back .From .Area .RegisterText {
   width: 100%;
   display: flex
}

body.Login section .Back .From .Area .RegisterText>.Btn {
   font-weight: 500;
   background: 0 0;
   padding: 0;
   border: 0;
   line-height: inherit;
   padding-left: 3px;
   cursor: pointer
}

body.Login section .Back .From .Area .RegisterText>.Btn:hover {
   text-decoration: underline
}

.toast-bs-container {
   position: fixed;
   right: 10px;
   top: 10px;
   z-index: 9000;
   width: 320px
}

.toast-bs-container .toast-position {
   background: #fff;
   min-width: 220px;
   max-width: 420px;
   border-radius: 4px;
   margin-bottom: 10px
}

.toast-bs-container .toast-position.Error {
   border-left: 8px solid #d35a5a;
   background-color: #fee0e0
}

.toast-bs-container .toast-position.Success {
   border-left: 8px solid #5ad363;
   background-color: #ebf9ec
}

.toast-bs-container .toast-position .toast {
   display: flex;
   align-items: center;
   width: 100%;
   padding: 16px 12px 16px 16px
}

.toast-bs-container .toast-position .toast i.fa-warning {
   background: #f44336;
   color: #fff;
   width: 29px;
   height: 29px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 100%;
   flex: none
}

.toast-bs-container .toast-position .toast i.fa-check {
   background: #4caf50;
   color: #fff;
   width: 29px;
   height: 29px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 100%;
   flex: none
}

.toast-bs-container .toast-position .toast .toast-body {
   display: flex;
   flex-direction: column;
   margin: 0 8px 0 16px;
   color: #484848;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   overflow: hidden;
   text-overflow: ellipsis
}

.toast-bs-container .toast-position .toast button {
   align-items: center;
   align-self: flex-start;
   cursor: pointer;
   display: flex;
   flex-direction: row;
   height: 24px;
   justify-content: center;
   margin-right: 12px;
   text-align: center;
   width: 24px;
   margin-left: auto
}

.toast-bs-container .toast-position .toast button i {
   color: #828282;
   align-items: center;
   justify-content: center;
   border-radius: 100%;
   flex: none
}

.NewProjectNotification {
   padding: 14px;
   background: #f9f9f9;
   border-radius: 5px;
   border: 1px dashed #c5c5c5
}

.NewProjectNotification>.Text {
   color: #3986eb;
   font-weight: 300
}

.NewProjectNotification>.Btn {
   background: #48b565;
   color: #fff;
   border: 0;
   border-radius: 2px;
   border-bottom: 3px solid #266938;
   border-left: 2px solid #1b5f2d;
   display: flex;
   justify-content: center
}

.NewProjectNotification>.Btn:hover {
   background: #3b9954
}

[X=PlatformsSettingsForm] .BtnList {
   display: flex;
   justify-content: center;
   flex-direction: row;
   align-items: center;
   gap: 12px
}

[X=PlatformsSettingsForm] .BtnList .ConnectText {
   font-weight: 400
}

[X=PlatformsSettingsForm] .BtnList .ConnectText.E {
   color: red
}

[X=PlatformsSettingsForm] .BtnList .ConnectText.S {
   color: #4caf50
}

.BoxBody[X=ConnectBox].Error .SubBox {
   background: #faf5f5
}

.BoxBody[X=ConnectBox].Success .SubBox {
   background: #e7f6e8
}

.ProductCreateAI {
   width: 100%;
   margin-top: 24px;
   background: #fff;
   border: 1px solid #cbcbcb
}

.ProductCreateAI .ContentHead {
   width: 100%;
   display: flex;
   align-items: center;
   padding: 4px 7px;
   border-bottom: 1px solid #ccc
}

.ProductCreateAI .ContentHead .Icon {
   margin-right: 20px
}

.ProductCreateAI .ContentHead .Info {
   width: 100%
}

.ProductCreateAI .ContentHead .Info .Title {
   width: 100%;
   font-weight: 500;
   font-size: 14px
}

.ProductCreateAI .ContentHead .Info .Text {
   width: 100%
}

.ProductCreateAI .ContentBody {
   width: 100%;
   padding: 24px;
   display: flex;
   flex-direction: column
}

.PageHead {
   width: 100%;
   z-index: 1;
   position: relative
}

.PageHead>.PageTitle {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.PageHead>.PageTitle .TitleArea{
   display: flex;
   flex-direction: column;
}
.PageHead>.PageTitle .TitleArea>.Title {
   width: 100%;
   font-size: 18px;
   font-weight: 500
}

.PageHead>.PageTitle .TitleArea>.Text {
   width: 100%;
   font-size: 12px;
   max-width: 600px;
   margin-top: 5px;
   margin-bottom: 16px
}
.PageHead>.PageTitle .BtnList{
   display: flex;
   font-weight: 500;
   justify-content: flex-end;
   align-items: center;
}
.PageHead>.Title {
   width: 100%;
   font-size: 18px;
   font-weight: 500
}

.PageHead>.Text {
   width: 100%;
   font-size: 12px;
   max-width: 600px;
   margin-top: 5px;
   margin-bottom: 16px
}

.PageHead>.BtnList {
   width: 100%;
   display: flex;
   gap: 8px;
   align-items: center
}

.PageHead>.BtnList .checkboxElements {
   display: flex;
   align-items: center
}

.PageHead>.TableCounter {
   width: 100%;
   margin-top: 15px;
   font-size: 10px;
   margin-bottom: 5px
}

.PageHead>.BtnList>.Btn.BtnFilter>i {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAABH0lEQVR4nO1TsUoDURA80EIRwUawt9BW0thdY1C83ber8Opg4yfYHghxNhERbAR/QBE7wUKsJIWNhaWggpWCpVjYRFlDEOESL9YODDxmd4bdhZew2hEr2qz2MRjRJsFhQoJzVryEgIVMUSlD73WPe5MQGuMsuCa1q2p1eyz5BWktH2HFJSluRHYnvsSlWJ9ksVsSnKZpPtzLHOPxEKudsNj9cmxO/SiqNqdJ7ZkEB70CSG2vs25jprAhU1RI7JUUmwXmnNXeeMXm++6YiS2S2DspHnxUp79d81pfcxck2CLBHSvWnf52LSkLFtsgsdZ3oLVc+w+w8jegYGsseKLV+uyfjhjjzigLzjq/FBes9jhQQBchYI7F9n0a1gYVNX0CoJS8x3rNeFoAAAAASUVORK5CYII=);
   width: 16px;
   height: 16px;
   background-size: 16px;
   margin: 2px
}

.PageHead>.BtnList>.Btn.BtnFilter .Wind {
   display: none;
   position: absolute;
   top: 100%;
   right: 0;
   width: 360px;
   background: #fff;
   border: 1px solid #cdcdcd;
   margin-top: 4px;
   box-shadow: -3px 5px 12px -10px #00000082
}

.PageHead>.BtnList>.Btn.BtnFilter.Active .Wind {
   display: flex
}

.PageHead>.BtnList>.Btn.BtnFilter.Active .Wind .BtnList {
   padding: 12px;
   width: 100%
}

.PageHead>.BtnList>.Btn.BtnFilter.Active .Wind .BtnList>.Btn {
   background: linear-gradient(180deg,#4CAF50,#348437);
   width: 100%;
   text-align: center;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   line-height: 26px
}

.PageHead>.BtnList>.Btn.BtnFilter.Active .Wind .Group {
   padding: 5px 12px;
   width: 100%;
   border-bottom: 1px solid #e8e8e8
}

.PageHead>.BtnList>.Btn.BtnFilter.Active .Wind .Group>.Title {
   font-weight: 400
}

.PageHead>.BtnList>.Btn.BtnFilter.Active .Wind .Group>.List {
   display: flex;
   align-items: center;
   width: 100%
}

.PageHead>.BtnList>.Btn.BtnFilter.Active .Wind .Group>.List .switch_checkbox {
   width: 100%
}

.PageHead>.BtnList>.Btn.BtnFilter.Active .Wind .Group>.List .switch_checkbox small {
   font-size: 13px
}

.PageHead>.BtnList .Input {
   display: flex;
   gap: 8px;
   justify-content: flex-start;
   position: relative;
   width: 100%
}

.PageHead>.BtnList .Input>select::placeholder {
   color: #4d5088
}

.PageHead>.BtnList .Input>select {
   display: flex;
   gap: 8px;
   justify-content: flex-start;
   border: 1px solid #ccc;
   border-radius: 2px;
   padding: 6px 10px 6px 5px;
   outline: none;
   color: inherit;
   line-height: 30px;
   width: 100%;
   font-weight: 300;
   font-family: inherit
}

.PageHead>.BtnList .Input>select:not(:placeholder-shown),.PageHead>.BtnList .Input>select:focus {
   border-color: #4d5088
}

.PageHead>.BtnList .Search {
   display: flex;
   gap: 8px;
   justify-content: flex-start;
   position: relative;
   width: 100%
}

.PageHead>.BtnList .Search:before {
   content: "";
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZElEQVR4nJ2SMUvDcBDFU6hDh6K7g6vgIg4uDgGhi73LXQr5Ag4FBdFNnbpY72Iozk5u3eoXEDf3zrWbIOgqQl00cqnVaGoaPMiQhPf+v3vv7zip2WpES8gSIUsfSJ6Q5A5Iu+hrzZk1yLqDLK/AOgSW0N6B9QhYr5HlHUh6nhdWp4qBwl0gfUOSQ9dtlTPmjfYGsDwA6U2zeTHnZLBJRybOJURdQZYXJD34hS6RYU87OUsqp8B67zhxKW3Qt51niRNaOltF1hga7eVvV9ZHC6yIQRDovBmgL5tpgyGyHhciSGrWuM66ntpLu1ZVEQOPZdsCD4JO5esj+lqznq2qfPxOBUkHwHqZ+QkkPevZqvpTzHoFLM/1+sliFs0Lq3ZJrOekKj9cIzpfsJ0/sQcmNlKPZX8qouu2ynZJrOck6clDOjJsO9nEuSbjiUvWs1Vlaf8IbBxkEZP8mZggyd6/TUwMpLcfU2iywXlbp/cAAAAASUVORK5CYII=);
   width: 16px;
   height: 16px;
   background-size: 16px;
   margin: 0;
   position: absolute;
   left: 7px;
   top: 8px
}

.PageHead>.BtnList .Search>input::placeholder {
   color: #4d5088
}

.PageHead>.BtnList .Search>input {
   display: flex;
   gap: 8px;
   justify-content: flex-start;
   border: 1px solid #ccc;
   border-radius: 2px;
   padding: 0 10px 0 30px;
   outline: none;
   color: inherit;
   line-height: 30px;
   width: 100%;
   font-weight: 300;
   font-family: inherit
}

.PageHead>.BtnList .Search>input:not(:placeholder-shown),.PageHead>.BtnList .Search>input:focus {
   border-color: #4d5088
}


.warning{width:100%;padding: 12px;border-radius: 5px;margin-bottom: 16px;background: #fff;font-size: 12px;border-left: 6px solid #f00;box-shadow: 0 0 #0000, 0 0 #0000, 0 0 0 1px rgba(35, 38, 59, .05), 0 1px 3px 0 rgba(35, 38, 59, .15);}
.warning.info{background: #dcf4ff;border-color: #2196F3;}




.Table .SelectedProductAll {
   width: 100%;
   background: #e4e4e4;
   padding: 10px;
   margin-bottom: 16px;
   color: #4d5188;
   border-radius: 2px;
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 13px
}

.Table .SelectedProductAll>i {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAACmElEQVR4nMVX22oUQRA9GuMVN+QDVNQXERExz6Kg61TNRpNxXQUf9E0UH/yEvCcrIaI/4S8oKBpBFEXQjeIVIpLE6Z6ExBcvOFJmlNme3s7M7hILDjQz1XVqarq7TgNtWoyBXkG783NZjNp6BS5r8IQCP9fgOQ2OE8wlz+RdWXy7QDjQq8DnFfhDimglfFLgqzFoQ1ukGpV9Gvy6AKEBmlKgvYVIFei0Bi/ZAirQNwV6ocG3BQr8Up61SGBJwTuVizSCV1HgH1lCfqDA1RAnt1oSLUmyCjRpmSex2En6Bd5BDf5qTFQR6ETeaoXgYQXW5pfPwz9gnRCj1qPAz4z/9CbC4PaMc+1WDy6MbPwDGWeq5u/Q4LdGrCcxRtbaMr1iOM7Mo7zTlmRpeOxSX1CPBTK2+SygssvYdrEGN/vGwBpzy7gWRR5iMQ3/jPHbPgpX6mu9I0Zmd+GwvmA06Avqj5YxGrh8Ffh+OnYE71D65U2D+KwrWP9QfVspuEYCGbt8I/A5I/Z1a1YK9HMatU2uYHlLLTaD8haJmSr3vRQxhamMGq5ARYnFNPhV6sPCfy8WUOn/C9sB0SmxxExz/H9i1VRqmuo2cbrZNJXaXFyfMbh5VRaXBt0osp2KEFu200TbB0gRYucBEluPTK52SiyVcx6ZYhHostEkZjtrErQ72yToorUtavDTbrVFBX5n/L7H1rYoJs3alDwiBEL4Q8hp0tWyQoAWI9B+50QN8u3ShyYTeVPKklFJg2oK9NAifb5r+JQza662FnsSiBsafCdBI3lmU5qLCuRsmxkTaSqnWAv1uCJEfYY4vgedCXp6X4BwWlZvjMPr2iJFUwJyhfGOafD4siCkWQX+JUjGIhLHQ9DRVbhPdXZp+w1FPisZiuRm3gAAAABJRU5ErkJggg==);
   background-size: 24px;
   width: 24px;
   height: 24px;
   display: block;
   background-repeat: no-repeat
}

.Table .SelectedProductAll>span {
}

.Table .SelectedProductAll>span>span {
   text-decoration: underline;
   font-weight: 700;
   color: #2196f3;
   cursor: pointer
}

.Table .SelectedProductAll>span>span:hover {
   color: #0e304c
}

.Table .SelectedProductAll>span>strong {
   font-weight: 700
}

.Table {
   width: 100%;
   position: relative
}



.Table table {
   width: 100%;
   border: 0;
   padding: 0;
   margin: 0;
   border-spacing: 0;
}

.Table table>thead {
   width: 100%;
   background: linear-gradient(180deg,white,transparent);
   border-radius: 2px;
   line-height: 20px
}

.Table table>thead>tr {
   width: 100%
}

.Table table>thead>tr>th {
   border: 1px solid #e7e9ed;
   border-left: 0;
   border-right: 0;
   line-height: 40px;
   font-size: 12px;
   font-weight: 500;
   text-align: left;
   padding: 0 12px
}

.Table table>thead>tr>th:first-child {
   border-left: 1px solid #e7e9ed
}

.Table table>thead>tr>th:last-child {
   border-right: 1px solid #e7e9ed;
}

.Table table>tbody {
   width: 100%;
   background: linear-gradient(180deg,white,transparent);
   border-radius: 2px;
   line-height: 20px
}

.Table table>tbody>tr {
   width: 100%;
   position: relative;
   cursor: pointer;
}

.Table table>tbody>tr:hover td {
   background: #f9f9f9bf
}

.Table table>tbody>tr>td {
   border: 1px solid #e7e9ed;
   background: #fff;
   border-left: 0;
   border-right: 0;
   border-top: 0;
   line-height: 40px;
   font-size: 12px;
   font-weight: 300;
   padding: 8px 12px;
   text-align: left;
}

.Table table>tbody>tr>td:first-child {
   border-left: 1px solid #e7e9ed
}

.Table table>tbody>tr>td:last-child {
   border-right: 1px solid #e7e9ed;
}

.Table table .checkboxElements {
   height: 20px
}

.Table table>tbody>tr>td .Logo {
   display: flex;
   width: 100%;
   gap: 10px;
   align-items: center
}

.Table table>tbody>tr>td .Logo>.Img {
   width: 32px;
   height: 32px;
   background: #efefef;
   border-radius: 100%;
   flex: none
}

.Table table>tbody>tr>td .Logo>.Name {
   width: 100%;
   line-height: 18px;
   font-weight: 500;
   text-transform: uppercase
}

.Table table>tbody>tr>td .Product {
   display: flex;
   width: 100%;
   gap: 6px;
   align-items: center
}

.Table table>tbody>tr>td .Product>.Photo {
   flex: none;
   width: 50px;
   height: 78px;
   border: 1px solid #e8e8e8;
   padding: 2px;
   border-radius: 4px;
   overflow: hidden;
   display: flex;
   justify-content: center
}

.Table table>tbody>tr>td .Product>.Photo>img {
   width: 100%;
   object-fit: cover
}

.Table table>tbody>tr>td .Product>.Info {
   width: 100%;
   display: flex;
   font-weight: 400;
   flex-direction: column;
   align-items: flex-start;
   line-height: 16px;
}
.Table table>tbody>tr>td .Product>.Info div>span {
   font-weight: 100;
}

.Table table>tbody>tr>td .Product>.Info>span:nth-child(1) {
   width: 100%;
   line-height: 18px;
   font-weight: 500
}

.Table table>tbody>tr>td .Product>.Info>span:nth-child(2) {
   width: 100%;
   line-height: 14px;
   font-weight: 200;
   font-size: 11px;
   color: #167bcc
}

.Table table>tbody>tr>td .Product>.Info>span:nth-child(3) {
   width: 100%;
   line-height: 18px;
   font-weight: 200;
   font-size: 11px;
   color: #6e6e6e
}

.Table table>tbody>tr>td .twoRow {
   display: flex;
   width: 100%;
   flex-direction: column
}

.Table table>tbody>tr>td .twoRow>span:nth-child(1) {
   width: 100%;
   line-height: 18px
}

.Table table>tbody>tr>td .twoRow>span:nth-child(2) {
   width: 100%;
   line-height: 16px;
   display: inline-block;
   font-size: 11px
}

.Table table>tbody>tr>td .Badge {
   background: #f0f2f5;
   width: max-content;
   line-height: 28px;
   border-radius: 4px;
   display: flex;
   text-align: center;
   padding: 0 8px;
   position: relative;
   align-items: center;
   justify-content: center
}

.Table table>tbody>tr>td .Badge.Counter {
   background: #f0f2f5;
   border: 1px solid #e9e9e9;
   width: auto;
   padding: 0 9px;
   min-width: 50px;
   border-radius: 28px
}

.Table table>tbody>tr>td .Badge.Connect {
   background: #f0f2f5;
   border: 1px solid #e9e9e9;
   border-radius: 0;
   line-height: 22px;
   width: min-content;
   min-width: 100px
}

.Table table>tbody>tr>td .Badge.Connect[T=connect] {
   background: #4caf50;
   border: 1px solid #4caf50;
   color: #fff
}

.Table table>tbody>tr>td .Badge.Connect[T=noconnect] {
   background: red;
   border: 1px solid red;
   color: #fff
}
.Table table>tbody>tr>td .Badge.Full {
   width:100%
}
.Table table>tbody>tr>td .Badge.Green {
   background: #bae18d;
   color: #0d570b
}

.Table table>tbody>tr>td .Badge.Orange {
   background: #ffeed4;
   color: #6f480f
}
.Table table>tbody>tr>td .Badge.Red {
   background: #ffd4d4;
   color: #6f0f0f
}
.Table table>tbody>tr>td .Badge.Blue {
   background: #d4e5ff;
   color: #0f236f
}

.Table table>tbody>tr>td .Badge.Detailed:hover>.Wind {
   display: block
}

.Table table>tbody>tr>td .Badge.Detailed>.Wind {
   display: none;
   position: absolute;
   top: 100%;
   right: 0;
   width: 320px;
   background: #fdeed4;
   padding: 8px;
   margin-top: -5px;
   border-radius: 4px;
   z-index: 2
}

.Table table>tbody>tr>td .Badge.Detailed>.Wind>.Item {
   text-align: left;
   border-bottom: 1px solid #ecd7b3
}

.Table table>tbody>tr>td .Badge.Detailed>.Wind>.Item:last-child {
   border-bottom: 0
}

.Table table>tbody>tr>td .Badge.Detailed::after {
   content: "\f107";
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 17px;
   font-weight: 700;
   line-height: 21px;
   padding-left: 8px
}

.Table .TableNav>i {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAALUlEQVR4nGNgGAUjChxmYGD4TyV8mNYWHKJ/+IwCYsBoKhoFlIPRVDQKBikAACEWdLZVlt8CAAAAAElFTkSuQmCC);
   background-size: 24px;
   display: block;
   width: 24px;
   height: 24px;
   margin: 0 30px;
   cursor: pointer
}

.Table .TableNav>.BtnList {
   display: none;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(270deg,#f6f7f9eb 70%,transparent);
   padding: 0;
   backdrop-filter: blur(1px)
}

.Table .TableNav:hover>.BtnList {
   display: flex;
   align-items: center;
   justify-content: flex-end
}

.Table .TableNav>.BtnList>.Item {
   display: flex;
   gap: 5px;
   border-left: 1px solid #d0d0d0;
   padding: 0 18px;
   align-items: center;
   cursor: pointer
}

.Table .TableNav>.BtnList>.Item:hover span {
   text-decoration: underline
}

.Table .TableNav>.BtnList>.Item>i {
   display: flex;
   display: none
}

.Table .TableNav>.BtnList>.Item>span {
   display: flex;
   font-weight: 300;
   line-height: 24px;
   font-size: 12px
}

.Table .TableNav>.BtnList>.Item.Edit>i {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA6klEQVR4nO3VsQ7BQBzH8a/B0FgZJORCFy9jRIvBavBCBonn4AUkLGYhsZh4BOTkF2k6aO8qJv/khv81+fT+vzRX+F41gRVwALrfQkvABLgDD+GFKwQ2QAWYCV/bBzWg7bECoSdgoJdUdHIbCxdgB2wd1gLoCI2ERjq5jeVVV6DsOL5RjmP1PeCoCfCFTR7UFQ41fpwY/6RYAl84TKGxeru/BFo+sEmN30+Nv/eBTQbqBZscqDPcUIYj9cNEphSBp8AZqGegzvBcF8o5A3WGF8KniuVTeX0VeeoPv+u3UdiL+1Zw2Z9FNak+AfKkYyBLBjLXAAAAAElFTkSuQmCC);
   background-size: 16px;
   width: 16px;
   height: 16px
}

.Table .TableNav>.BtnList>.Item.Delete>i {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAABHElEQVR4nO2XsWoCURBFT7qkt7LIT1hZpbQUwVjsN2jvF+QD0gcWhGAiQr4gNhZ+gaU2KQyEpEoTJDcIIwzqZlfXJRHewG3uu8xc3uy8tw9SQlAS3AsWgvcdmAm6FBWCB4EyoFWUgQ8r8CJ43IG1gbuiDHxZgWHC+tpA/9ACnxm3OC96/9ZATzB3wmFCr/fFxOUcCzq/tSF24vODermdM3I562niOBjQRgsEZcG14dLtVtO4quOqxjWP1gJB3XGR0y6NGzhuYNwyGCC0wCJ8hApjSDiICEdxdPKXUflPr+O8cXIGbp24ciQDNy7nVZq45sSrp9hTzl/yZ8G35XsVXGRxHBfwGFlNTCPrlp0J2oJpwjN8H7wJRn5SkuIHtkuWACkWjY4AAAAASUVORK5CYII=);
   background-size: 16px;
   width: 16px;
   height: 16px
}

.Table .TableNav>.BtnList>.Item.Delete>span {
   color: red
}

.text-center {
   text-align: center!important
}

.EmptyArea {
   width: 100%;
   background: #fff;
   border: 1px solid #e7e9ed;
   border-top: 0;
   padding: 62px
}
.ProductCreate .EmptyArea {
   width: 100%;
   background: #ebeef78c;
   border: 1px solid #e7e9ed;
   border-radius: 5px;
   padding: 24px;
}

.EmptyArea .Icon {
   width: 100%
}

.EmptyArea .Text {
   width: 100%;
   font-size: 22px;
   font-weight: 400
}

.EmptyArea .SubText {
   width: 100%;
   font-size: 12px
}

.EmptyArea .BtnList {
   margin-top: 24px;
   display: flex;
   gap: 12px;
   justify-content: flex-start
}

.EmptyArea .BtnList>.Btn {
   gap: 1
}

body.down .Pagination {
   bottom: 0;
   transition: all .4s
}

.Pagination {
   background: #fff;
   position: sticky;
   bottom: 20px;
   border: 1px solid #e0e0e0;
   padding: 20px;
   display: flex;
   justify-content: space-between;
   border-radius: 6px 6px 0 0;
   box-shadow: 0 -9px 33px -32px #000;
   transition: all .4s
}

.Pagination.Query .Bar:after {
   content: "";
   background: #fff0 url(/Library/Img/btnLoad_redblue.gif);
   background-size: 24px;
   width: 24px;
   height: 24px;
   flex: none;
   display: block;
   border-radius: 2px;
   margin-right: 5px
}

.Pagination .Bar {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   gap: 6px
}

.Pagination .Bar>div {
   border: 1px solid #ccc;
   border-radius: 2px;
   width: 38px;
   height: 30px;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   flex: none;
   font-weight: 400;
   cursor: pointer
}

.Pagination .Bar>div.Disabled {
   background: #eee;
   pointer-events: none
}

.Pagination .Bar>div:hover {
   border-color: #000
}

.Pagination .Bar>select {
   width: 100%;
   border: 1px solid #ccc;
   padding: 5px 12px;
   border-radius: 2px;
   height: 30px;
   outline: none
}

.Pagination .Info {
   width: 100%;
   max-width: 290px;
   flex: none
}

.ProductCreate {
   width: 100%;
   background: #fff;
   padding: 24px;
   border: 1px solid #e3e3e3;
   box-shadow: 0 3px 8px -9px #000;
   border-radius: 5px;
}

.ProductCreate.Change {
   box-shadow: 0 3px 8px -9px #000,-5px 0 0 0 #2196f3
}

.ProductCreate .CategoryList {
   width: 100%;
   display: flex;
   gap: 7px;
   flex-wrap: wrap
}

.ProductCreate .CategoryList>div {
   display: flex;
   align-items: center;
   width: fit-content;
   flex: none;
   position: relative
}

.ProductCreate .CategoryList>div>span:nth-child(1) {
   background: #f9f9f9;
   border: 1px solid #f2f2f2;
   color: #464646;
   padding: 5px;
   line-height: 20px
}

.ProductCreate .CategoryList>div>span:nth-child(2) {
   background: red;
   color: #fff;
   padding: 5px;
   cursor: pointer;
   border: 1px solid red;
   line-height: 20px
}

.ProductCreate .CategoryList>div>span:nth-child(2):hover {
   background: #530101;
   border-color: #530101
}

.ProductCreate .ContentHead {
   width: 100%;
   display: flex;
   justify-content: space-between
}

.ProductCreate .ContentHead .Info {
   display: flex;
   flex-direction: column
}

.ProductCreate .ContentHead .Info .Title {
   width: 100%;
   font-weight: 600;
   font-size: 16px;
   margin-bottom: 12px;
}

.ProductCreate .ContentHead .Info .Text {
   width: 100%;
   font-size: 12px;
   font-weight: 400;
   margin-bottom: 30px;
}

.ProductCreate .ContentHead .Tools {
   display: flex
}

.ProductCreate .ContentHead .Tools>.Ai {
   display: flex;
   flex-direction: row;
   align-items: center
}

.ProductCreate .ContentHead .Tools>.Ai>div {
   line-height: 22px;
   padding: 0 12px;
   cursor: pointer;
   color: #6e798a;
   background: #f0f2f5
}

.ProductCreate .ContentHead .Tools>.Ai>div:nth-child(1) {
   border-radius: 10px 0 0 10px;
   border-right: 1px solid #00000024
}

.ProductCreate .ContentHead .Tools>.Ai>div:nth-child(2) {
   border-radius: 0 10px 10px 0
}

.ProductCreate .ContentHead .Tools>.Ai.Disabled>div {
   color: #bfbfbf;
   background: #f7f7f7;
   pointer-events: none
}

.ProductCreate .ContentHead .Tools>.Ai>div:hover {
   background: linear-gradient(359deg,#14a0df,#138cc3);
   color: #fff
}

.ProductCreate .ContentBody {
   width: 100%;
   padding: 12px 0
}
.ProductCreate.Empty .ContentBody {
   display: flex;
   flex-direction: column;
   align-items: center;
   align-content: center;
}
.ProductCreate.Empty .ContentBody div:nth-child(2){
   width: 100%;
   text-align: center;
   font-weight: 600;
   margin: 30px 10px 10px 10px;
}
.ProductCreate.Empty .ContentBody div:nth-child(3){
   width: 100%;
   text-align: center;
   font-size: 12px;
   margin-bottom: 30px;
}
.ProductCreate.Empty .ContentBody .Btn{
   background: #FF5722;
   color: #fff;
}

.ProductCreate .ContentBody .Inputs {
   width: 100%
}

.ProductCreate .ContentBody .InputGroups {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 5px;
   margin-bottom: 20px;
}
.ProductCreate .ContentBody .InputGroups.vertical {
   display: flex;
   gap: 21px;
   flex-direction: row;
   flex-wrap: nowrap;
}
.ProductCreate .ContentBody .InputGroups[R4] {
   background: #ffedd2;
   color: #222222;
   padding: 20px;
   border: 1px solid #FF9800;
   border-radius: 6px;
}

.ProductCreate .ContentBody .InputGroups .UploadBox{display:flex;flex-direction: row;align-items: stretch;padding: 0px 0px 0px 0px;border-radius: 4px;}
.ProductCreate .ContentBody .InputGroups .Upload{display:flex;flex-direction: row;align-items: center;padding: 22px 12px;border-radius: 4px;flex: none;border: 1px solid #FF9800;background: #fff2de;margin-right: 16px;width: 100px;justify-content: center;}
.ProductCreate .ContentBody .InputGroups .Upload .dz-message{display:flex;flex-direction: column;align-content: center;align-items: center;}
.ProductCreate .ContentBody .InputGroups .Upload .Icon{display:flex}
.ProductCreate .ContentBody .InputGroups .Upload .Title{display:flex;font-weight: 500;margin-top: 12px;text-align: center;color: #c55f0d;}
.ProductCreate .ContentBody .InputGroups .Upload .Text{display:flex;text-align: center;font-size: 10px;color: #ababab;margin: 5px 0px;}
.ProductCreate .ContentBody .InputGroups .Upload .Btn{display:flex;margin-top: 12px;background: transparent;border-color: #2196F3;color: #2196F3;}
.ProductCreate .ContentBody .InputGroups .List{display:flex;gap: 12px;flex-wrap: wrap;}
.ProductCreate .ContentBody .InputGroups .GalleryItem{width: 100px;border: 1px solid #c1c1c1;position: relative;background: #000;transition: all 0.4s;flex: none;}
.ProductCreate .ContentBody .InputGroups .GalleryItem img{width: 100%;display: block;transition: all 0.3s;}
.ProductCreate .ContentBody .InputGroups .GalleryItem:hover img{opacity:0.7;transition: all 0.3s;}
.ProductCreate .ContentBody .InputGroups .GalleryItem .Tools{display: none;position: absolute;right: 5px;top: 5px;gap: 6px;flex-direction: column;}
.ProductCreate .ContentBody .InputGroups .GalleryItem:hover .Tools{display: flex}
.ProductCreate .ContentBody .InputGroups .GalleryItem .Tools>div{display: flex;flex-wrap: wrap;cursor: pointer;}
.ProductCreate .ContentBody .InputGroups .GalleryItem>div:not(.Tools){position: absolute;bottom: 0;font-size: 10px;background: #2196F3;color: #fff;border-radius: 2px;padding: 2px 4px;left: 0px;bottom: 5px;}
.ProductCreate .ContentBody .InputGroups .GalleryItem>div:not(.Tools){display:none}
.ProductCreate .ContentBody .InputGroups .GalleryItem:nth-child(1)>div:not(.Tools){display:block}
.P

.ProductCreate .ContentBody .List {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
}
.ProductCreate .ContentBody .Title {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: space-between;
   font-weight: 500;
}
.ProductCreate .ContentBody .Text {
   display: flex;
   font-size: 12px;
   margin-bottom: 15px;
}

.ProductCreate .ContentBody .InputGroups .List>.Inputs {
   width: calc(50% - 10px)
}

.ProductCreate .Gallery {
   width: 100%;
   display: flex;
   margin-top: 16px;
   overflow: auto;
   flex-direction: column;
   display: none
}

.ProductCreate .Gallery.Active {
   display: block
}

.ProductCreate .Gallery .List {
   width: 100%;
   height: 460px;
   overflow: auto;
   padding-right: 10px
}

.ProductCreate .Gallery .List .GalleryItem {
   display: inline-block;
   width: calc(20% - 3px);
   height: 200px;
   position: relative
}

.ProductCreate .Gallery .List .GalleryItem.Selected::before {
   content: "";
   box-shadow: inset 0 0 0 5px #ff5722;
   position: absolute;
   width: 100%;
   height: 100%
}

.ProductCreate .Gallery .List .GalleryItem>img {
   width: 100%;
   height: 100%
}

.ProductCreate .Gallery .Foot {
   width: 100%;
   display: flex;
   position: sticky;
   top: 7px;
   align-items: center;
   justify-content: flex-start;
   gap: 14px;
   margin-top: 24px
}

.ProductCreate .Gallery .Foot .Btn[T=Cancel] {
   line-height: 26px
}

.ProductCreate .Gallery .Foot .Btn[T=Success] {
   line-height: 26px
}

.ProductCreate .Gallery .Foot .Btn[T=Success].Disabled {
   width: 100%;
   display: block;
   flex-direction: row;
   overflow: auto;
   gap: 10px;
   padding: 16px
}

.CheckGroup{display: flex;width:100%;gap: 10px;font-size: 13px;align-items: flex-start;font-weight: 400;}
.CheckGroup .Check{width: 16px;height: 16px;border: 1px solid #ccc;margin-top: 2px;position: relative;flex: none;}
.CheckGroup .Check.active{border-color: #c47500;}
.CheckGroup .Check.active:after{content:"";position: absolute;width: 10px;height: 10px;background: #FF9800;left: 2px;top: 2px;}

.Popup {
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   display: flex;
   background: #041f3557;
   backdrop-filter: blur(5px);
   align-items: center;
   justify-content: center;
   z-index: 90
}

.Popup:not(.Right) .Document {
   width: 640px;
   background: #fff;
   border-radius: 12px;
   flex: none;
   border: 1px solid #f0f0f0;
   box-shadow: 0 6px 17px -16px #000;
   transition: all .2s;
   position: relative;
   top: -100%;
   filter: blur(10px)
}

.Popup:not(.Right).Show .Document {
   transition: all .2s;
   top: 0%;
   filter: blur(0px)
}

.Popup .Document>.Title {
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: 24px 24px 6px;
}

.Popup .Document>.Title>span:nth-child(1) {
   width: 100%;
   font-weight: 600;
   font-size: 16px
}

.Popup .Document .Center {
   width: 100%;
   height: 100%;
   padding: 24px;
   overflow: auto;
   margin-top: 5px;
   display: block;
}
.Popup .Document .Center .Title{
   width: 100%;
   font-weight: 400;
   font-size: 12px;
}
.Popup .Document .Center .Text{
   width: 100%;
   font-weight: 400;
   font-size: 12px;
   margin: 10px 0px;
}
.Popup .Document .Center ul{
   width: 100%;
}
.Popup .Document .Center li{
   width: 100%;
   font-size: 13px;
   line-height: 20px;
}


.Popup .Document .Center .Counter {
   width: 100%
}

.Popup .Document .Center .Counter .Proggress {
   width: 100%;
   position: relative
}

.Popup .Document .Center .Counter .Proggress .Rate {
   width: 100%;
   height: 18px;
   background: #ccc;
   border-radius: 4px;
   margin-top: 6px;
   overflow: hidden
}

.Popup .Document .Center .Counter .Proggress .Rate>span:nth-child(1) {
   width: 0;
   display: block;
   position: absolute;
   height: 100%;
   background: #ff5722;
   border-radius: 4px
}

.Popup .Document .Center .Counter .Proggress .Rate>span:nth-child(2) {
   display: block;
   position: absolute;
   color: #000;
   right: 8px;
   line-height: 18px
}

.Popup .Document .Center .TabList {
   width: 100%;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   gap: 8px;
   margin-bottom: 16px
}

.Popup .Document .Center .TabList>.TabItem {
   position: relative;
   border: 1px solid #ccc;
   border-radius: 4px;
   padding: 5px 8px;
   cursor: pointer;
   font-weight: 300;
   text-align: center;
   font-size: 13px;
}

.Popup .Document .Center .TabList>.TabItem.Active {
   border-color: #2196f3;
   font-weight: 600;
   color: #2196f3
}

.Popup .Document .Center .TabView {
   width: 100%;
   display: none
}

.Popup .Document .Center .TabView.Active {
   display: block
}

.Popup .Document .Center .TabView .BlogList {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   gap: 24px
}

.Popup .Document .Center .TabView .BlogList .BlogItem {
   width: calc(50% - 12px);
   border: 1px solid #e6e6e6;
   padding: 0;
   border-radius: 3px
}

.Popup .Document .Center .TabView .BlogList .BlogItem .Image {
   width: 100%;
   padding: 6px 12px
}

.Popup .Document .Center .TabView .BlogList .BlogItem:not(.Empty) .Image>img {
   width: 100%
}

.Popup .Document .Center .TabView .BlogList .BlogItem:not(.Empty) .Info {
   width: 100%;
   display: flex;
   flex-direction: column
}

.Popup .Document .Center .TabView .BlogList .BlogItem:not(.Empty) .Info>.Title {
   width: 100%;
   font-weight: 600;
   margin-bottom: 0;
   margin-top: 0;
   color: #2573bb;
   padding: 6px 12px
}

.Popup .Document .Center .TabView .BlogList .BlogItem:not(.Empty) .Info>.Desc {
   width: 100%;
   max-height: 85px;
   overflow: hidden;
   padding: 6px 12px;
   margin-bottom: 5px;
   border: 1px dashed transparent;
   cursor: pointer
}

.Popup .Document .Center .TabView .BlogList .BlogItem:not(.Empty) .Info>.Desc:hover {
   background: #1aadef30;
   border-color: #1aadef
}

.Popup .Document .Center .TabView .SearchList {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   gap: 24px
}

.Popup .Document .Center .TabView .SearchList .SearchItem {
   width: 100%;
   border: 1px solid #e6e6e6;
   padding: 8px;
   border-radius: 3px
}

.Popup .Document .Center .TabView .SearchList .SearchItem:not(.Empty) .Title {
   width: 100%;
   font-weight: 600;
   margin-bottom: 0;
   margin-top: 0;
   color: #282828;
   padding: 6px 12px;
   border: 1px dashed transparent;
   cursor: pointer
}

.Popup .Document .Center .TabView .SearchList .SearchItem:not(.Empty) .Desc {
   width: 100%;
   font-weight: 300;
   margin-bottom: 0;
   margin-top: 0;
   font-size: 11px;
   padding: 6px 12px;
   border: 1px dashed transparent;
   cursor: pointer
}

.Popup .Document .Center .TabView .SearchList .SearchItem:not(.Empty) .Url {
   width: 100%;
   font-weight: 400;
   font-size: 11px;
   margin-bottom: 0;
   margin-top: 0;
   color: #2573bb;
   padding: 6px 12px;
   border: 1px dashed transparent;
   cursor: pointer
}

.Popup .Document .Center .TabView .SearchList .SearchItem:not(.Empty) .Title:hover {
   background: #1aadef30;
   border-color: #1aadef
}

.Popup .Document .Center .TabView .SearchList .SearchItem:not(.Empty) .Desc:hover {
   background: #1aadef30;
   border-color: #1aadef
}

.Popup .Document .Center .TabView .SearchList .SearchItem:not(.Empty) .Url:hover {
   background: #1aadef30;
   border-color: #1aadef
}

.Blog.Title {
   width: 100%;
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 20px;
   padding: 8px;
   cursor: pointer;
   border: 1px dashed transparent
}

.Blog.Title:hover {
   background: #1aadef30;
   border-color: #1aadef
}

.Blog.Tag {
   width: 100%;
   cursor: pointer;
   border: 1px dashed transparent
}

.Blog.Tag:hover {
   background: #1aadef30;
   border-color: #1aadef
}

.Blog.Content {
   width: 100%;
   font-size: 14px;
   margin-bottom: 20px;
   padding: 8px;
   cursor: pointer;
   border: 1px dashed transparent
}

.Blog.Content a {
   color: #03a9f4
}

.Blog.Content>p,.Blog.Content>h1,.Blog.Content>h2,.Blog.Content>h3 {
   padding: 6px 12px;
   border: 1px dashed transparent;
   margin: 0
}

.Blog.Content li {
   padding: 2px 12px;
   border: 1px dashed transparent;
   margin: 0
}

.Blog.Content>p:hover,.Blog.Content>h1:hover,.Blog.Content>h2:hover,.Blog.Content>h3:hover,.Blog.Content li:hover {
   background: #1aadef30;
   border-color: #1aadef
}

.Blog.Tag {
   width: 100%;
   display: flex;
   gap: 3px;
   padding: 8px;
   flex-wrap: wrap
}

.Blog.Tag>span {
   background: #f0f1f2;
   font-size: 12px;
   font-weight: 300;
   border-radius: 4px;
   padding: 5px;
   cursor: pointer
}

.Blog.Image {
   width: 100%;
   padding: 10px;
   border: 1px dashed transparent
}

.Blog.Image>img {
   width: 100%
}

.Blog.Image:hover {
   background: #edfaff;
   border-color: #1aadef
}

.Popup .Document .Footer {
   width: 100%;
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 17px 24px;
   border-top: 1px solid #efefef;
   justify-content: flex-end
}

.Popup .Document .Footer>.Btn {
   border: 0;
   font-size: 14px;
   line-height: 28px;
   padding: 4px 19px;
}
.Popup.Query .Document .Footer>.Btn {
   pointer-events: none;
   background: #dcdcdc;
}
.Popup.Query .Document .Footer>.Btn[T="Apply"]:before{
   content: "";
   background: #fff0 url(/Library/Img/btnLoad_redblue.gif);
   background-size: 24px;
   width: 24px;
   height: 24px;
   position: absolute;
   left: -100%;
   top: 3px;
   display: block;
   z-index: 1;
   margin-left: 24px;
   border-radius: 2px
}

.Popup .Document .Footer {
   width: 100%;
   display: flex;
   justify-content: flex-end;
   align-items: center
}

.Popup .Document .Footer>.Btn[T=Closed] {
   margin-right: auto
}

.Popup .Document .Footer>.Btn[T=AiCreate] {
}

.Popup .Document .Footer>.Btn[T=AiCreateStop] {
   display: none
}

.Popup .Document .Footer>.Btn[T=AiReply] {
}

.Popup .Document .Footer>.Btn[T=AiErrorReply] {
   display: none
}

.Popup .Document .Footer>.Btn[T=AiComplete] {
   display: none
}

.Popup .Document .Footer[Q=Wait]>.Btn[T=AiCreate] {
   display: block
}

.Popup .Document .Footer[Q=Wait]>.Btn[T=AiCreateStop] {
   display: none
}

.Popup .Document .Footer[Q=Wait]>.Btn[T=AiReply] {
   display: none
}

.Popup .Document .Footer[Q=Wait]>.Btn[T=AiErrorReply] {
   display: none
}

.Popup .Document .Footer[Q=Wait]>.Btn[T=AiComplete] {
   display: none
}

.Popup .Document .Footer[Q=Query]>.Btn[T=AiCreate] {
   display: none
}

.Popup .Document .Footer[Q=Query]>.Btn[T=AiCreateStop] {
   display: block
}

.Popup .Document .Footer[Q=Query]>.Btn[T=AiReply] {
   display: none
}

.Popup .Document .Footer[Q=Query]>.Btn[T=AiErrorReply] {
   display: none
}

.Popup .Document .Footer[Q=Query]>.Btn[T=AiComplete] {
   display: none
}

.Popup .Document .Footer[Q=Error]>.Btn[T=AiCreate] {
   display: none
}

.Popup .Document .Footer[Q=Error]>.Btn[T=AiCreateStop] {
   display: none
}

.Popup .Document .Footer[Q=Error]>.Btn[T=AiReply] {
   display: none
}

.Popup .Document .Footer[Q=Error]>.Btn[T=AiErrorReply] {
   display: block
}

.Popup .Document .Footer[Q=Error]>.Btn[T=AiComplete] {
   display: none
}

.Popup .Document .Footer[Q=Stop]>.Btn[T=AiCreate] {
   display: none
}

.Popup .Document .Footer[Q=Stop]>.Btn[T=AiCreateStop] {
   display: none
}

.Popup .Document .Footer[Q=Stop]>.Btn[T=AiReply] {
   display: block
}

.Popup .Document .Footer[Q=Stop]>.Btn[T=AiErrorReply] {
   display: none
}

.Popup .Document .Footer[Q=Stop]>.Btn[T=AiComplete] {
   display: none
}

.Popup .Document .Footer[Q=Complete]>.Btn[T=AiCreate] {
   display: none
}

.Popup .Document .Footer[Q=Complete]>.Btn[T=AiCreateStop] {
   display: none
}

.Popup .Document .Footer[Q=Complete]>.Btn[T=AiReply] {
   display: block
}

.Popup .Document .Footer[Q=Complete]>.Btn[T=AiErrorReply] {
   display: none
}

.Popup .Document .Footer[Q=Complete]>.Btn[T=AiComplete] {
   display: block
}

.Popup .Document .Center .ImportProduct {
   width: 100%;
   padding: 24px
}

.Popup .Document .Center .ImportProduct .Title {
   width: 100%;
   padding: 0;
   font-weight: 600
}

.Popup .Document .Center .ImportProduct .Info {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start
}

.Popup .Document .Center .ImportProduct .Info .Text {
   width: 100%
}

.Popup .Document .Center .ImportProduct .Info .Rate {
   width: 100%;
   margin-bottom: 16px
}

.Popup .Document .Center .ImportProduct .Progress {
   background: #ebebeb;
   position: relative;
   height: 10px;
   width: 100%;
   border-radius: 12px;
   overflow: hidden
}

.Popup .Document .Center .ImportProduct .Progress>span {
   display: block;
   transition: all .3s ease 0s;
   background: #03a9f4;
   height: 12px
}

.Popup.Right {
   justify-content: flex-end;
   align-items: stretch
}

.Popup.Right .Document {
   width: 440px;
   background: #fff;
   padding: 24px;
   border-radius: 0;
   flex: none;
   border: 1px solid #f0f0f0;
   box-shadow: 0 6px 17px -16px #000;
   transition: all .2s;
   position: relative;
   right: -100%;
   filter: blur(10px);
   z-index: 2
}

.Popup.Right.Show .Document {
   transition: all .2s;
   right: 0%;
   filter: blur(0px);
   display: flex;
   flex-direction: column;
   padding: 0
}

.Popup.productItemAiGenerate .Document {
   width: 770px
}

.Popup.productItemAiGenerate .Document .ColGroup {
   display: flex;
   height: 100%
}

.Popup.productItemAiGenerate .Document .ColGroup .Left {
   display: flex;
   width: 100%;
   padding-right: 14px;
   flex-direction: column
}

.Popup.productItemAiGenerate .Document .ColGroup .Right {
   display: flex;
   flex-direction: column;
   border-left: 1px solid #e9e9e9;
   padding-left: 16px;
   height: 100%;
   width: 340px;
   flex: none
}

.Popup.blogAiGenerate {
   display: none
}

.Popup.blogAiGenerate.Active {
   display: flex
}

.Popup.blogAiGenerate .Document {
   width: 770px
}

.Popup.productOzet .Document {
   width: 80%
}

.Popup.productOzet .Document .ColGroup {
   display: flex;
   height: 100%
}

.Popup.productOzet .Document .ColGroup .Left {
   display: flex;
   width: 100%;
   padding-right: 14px;
   flex-direction: column;
   border-left: 1px solid #e9e9e9;
   padding-left: 16px
}

.Popup.productOzet .Document .ColGroup .Left:first-child {
   border: 0
}

.Popup.productOzet .Document .ColGroup .Right {
   display: flex;
   flex-direction: column;
   border-left: 1px solid #e9e9e9;
   padding-left: 16px;
   height: 100%;
   width: 340px;
   flex: none
}

.Popup.productOzet .Document .Center .OrjinalContent>span:nth-child(1) {
   font-size: 16px
}

.Popup.productOzet .Document .ColGroup .Left .ProductContentItem {
   border-bottom: 1px solid #dcdcdc;
   padding-bottom: 8px;
   margin-bottom: 7px
}

.Popup.productOzet .Document .ColGroup .Left .ProductContentItem>span {
   display: block;
   font-weight: 700;
   margin-bottom: 6px
}

.Popup.productOzet .Document .ColGroup .Left .ProductContentItem.Name>.Name {
   height: 34px
}

.Popup.productOzet .Document .ColGroup .Left .ProductContentItem.SeoUrl>.SeoUrl {
   height: 34px
}

.Popup.productOzet .Document .ColGroup .Left .ProductContentItem.SeoTitle>.SeoTitle {
   height: 34px
}

.Popup.productOzet .Document .ColGroup .Left .ProductContentItem.SeoDec>.SeoDec {
   height: 34px
}

.Popup.productOzet .Document .ColGroup .Left .ProductContentItem.Keywords>.Keywords {
   height: 120px;
   display: flex;
   gap: 4px;
   align-items: flex-start
}

.Popup.productOzet .Document .ColGroup .Left .ProductContentItem.Keywords>.Keywords>span {
   display: block;
   background: #efefef;
   padding: 2px 8px;
   border-radius: 4px;
   width: fit-content
}

.Popup.productOzet .Document .ColGroup .Left .ProductContentItem.Features {
   height: 280px;
   overflow: auto;
   padding-right: 10px
}

.Popup.Right .Document .Footer {
   margin-top: auto;
   border-top: 1px solid #e6e6e6;
   background: #f3f6f7;
   padding: 12px 18px
}

.Popup.Right.Show .SubContent {
   position: fixed;
   right: -100%;
   height: 100%;
   width: 360px;
   background: #d9e5e9;
   z-index: 1;
   transition: all .4s;
   display: flex;
   flex-direction: column
}

.Popup.Right.Show .SubContent .Loading {
   position: absolute;
   width: 40px;
   height: 40px;
   border-radius: 100px 0 0 100px;
   background: #d9e5e9;
   z-index: 1;
   left: 0;
   top: 50%;
   display: none
}

.Popup.Right.Show .SubContent .Title {
   width: 100%;
   display: flex;
   padding: 14px;
   flex-direction: column
}

.Popup.Right.Show .SubContent .Title>span:nth-child(1) {
   width: 100%;
   font-weight: 400;
   font-size: 16px
}

.Popup.Right.Show .SubContent .Title>span:nth-child(2) {
   width: 100%
}

.Popup.Right.Show .SubContent .BtnList {
   width: 100%;
   display: flex;
   gap: 14px;
   flex-direction: row-reverse;
   padding: 10px;
   margin-top: auto
}

.Popup.Right.Show .SubContent .Btn {
   width: calc( 100% - (150px));
   display: flex;
   flex-direction: column;
   margin-top: auto;
   line-height: 30px;
   background: linear-gradient(183deg,#b5e0ef,#8fcde3);
   font-weight: 500
}

.Popup.Right.Show .SubContent .Btn[T=AiNext] {
   width: 130px;
   background: #fff;
   flex: none
}

.Popup.Right.Show .SubContent .Btn[T=AiGalleryCancel] {
   width: 130px;
   background: #fff;
   flex: none
}

.Popup.Right.Show .SubContent .Btn:hover {
   background: #b5e0ef
}

.Popup.Right.Show .SubContent .Btn.Disabled {
   background: #eaf0f1;
   color: #849297;
   pointer-events: none
}

.Popup.Right.Show .SubContent .Gallery {
   width: 100%;
   display: block;
   flex-direction: row;
   overflow: auto;
   gap: 10px;
   padding: 16px
}

.Popup.Right.Show .SubContent .Gallery .GalleryItem {
   display: inline-block;
   width: calc(20% - 3px);
   height: 200px;
   position: relative
}

.Popup.Right.Show .SubContent .Gallery .GalleryItem.Selected::before {
   content: "";
   box-shadow: inset 0 0 0 5px #ff5722;
   position: absolute;
   width: 100%;
   height: 100%
}

.Popup.Right.Show .SubContent .Gallery .GalleryItem>img {
   width: 100%;
   height: 100%
}

.Popup.Right.Show .SubContent .Return {
   width: 100%;
   display: flex;
   flex-direction: column;
   overflow: auto
}

.Popup.Right.Show .SubContent .Return>.Item {
   width: 100%;
   padding: 9px 16px;
   border-bottom: 1px solid #aac3cb;
   cursor: pointer
}

.Popup.Right.Show .SubContent .Return>.Item:first-child {
   border-top: 1px solid #aac3cb
}

.Popup.Right.Show .SubContent .Return>.Item:hover {
   background: #fff
}

.Popup.Right.Show .SubContent .Return>.Item.Selected {
   background: #fff
}

.Popup.Right.Show .SubContent.Load .Loading {
   position: absolute;
   width: 40px;
   height: 40px;
   border-radius: 100px 0 0 100px;
   background: #d9e5e9;
   z-index: 1;
   left: -40px;
   top: 50%;
   display: block
}

.Popup.Right.Show .SubContent.Load .Loading:before {
   content: "";
   background: #fff0 url(/Library/Img/btnLoad_redblue.gif);
   background-size: 24px;
   width: 24px;
   height: 24px;
   position: absolute;
   left: 5px;
   top: 8px;
   display: block;
   z-index: 1;
   border-radius: 2px
}

.Popup.Right.Show .SubContent.Active {
   right: 770px;
   transition: all .4s
}

.Popup.Right.productItemAiGenerate .SubContent.Load {
   right: 414px;
   transition: all .4s
}

.Popup .Document .Center .OrjinalContent {
   width: 100%;
   display: flex;
   flex-direction: column
}

.Popup .Document .Center .OrjinalContent>span:nth-child(1) {
   width: 100%;
   font-weight: 600
}

.Popup .Document .Center .OrjinalContent>span:nth-child(2) {
   width: 100%;
   font-size: 12px
}

.Popup .Document .Center .LogList {
   width: 100%;
   display: flex;
   flex-direction: column;
   overflow: auto
}

.Popup .Document .Center .LogList .Item {
   width: 100%;
   display: flex;
   flex-direction: column;
   background: #efefef;
   border-radius: 4px;
   padding: 12px;
   margin-bottom: 10px;
   cursor: pointer
}

.Popup .Document .Center .LogList .Item>.User {
   width: 100%;
   display: flex;
   flex-direction: column;
   margin-bottom: 8px
}

.Popup .Document .Center .LogList .Item>.User>span:nth-child(1) {
   width: 100%;
   font-weight: 600
}

.Popup .Document .Center .LogList .Item>.User>span:nth-child(2) {
   width: 100%;
   font-size: 10px
}

.Popup .Document .Center .LogList .Item>.Text {
   width: 100%;
   display: flex;
   flex-direction: column;
   font-weight: 400
}

.Popup .Document .Center .LogList .Item>.Content {
   width: 100%;
   font-size: 11px
}

.Popup .Document .Center .LogList .Item:hover {
   background: #e4e4e4
}

.Popup .Document .Center .LogList .Item.Active {
   background: linear-gradient(45deg,#4CAF50,#aad9ac);
   color: #fff
}
[notify][notifyActive="true"]{
    position: relative;
}
[notify][notifyActive="true"]:before{
    content:"";
    position: absolute;
    top: 0;
    right: -7px;
    width: 4px;
    height: 4px;
    background-color: #f00;
    border-radius: 30px;
}
[notify][notifyActive="true"]:after{
    content:"";
    position: absolute;
    top: -1px;
    right: -8px;
    width: 4px;
    height: 4px;
    border: 1px solid #f00;
    border-radius: 50%;
    z-index: 10;
    -webkit-animation: header-heartbit-54916a6e 1s ease-out;
    animation: header-heartbit-54916a6e 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes header-heartbit-54916a6e{
    0%{
      -webkit-transform:scale(0);transform:scale(0);opacity:0
   }
   25%{
      -webkit-transform:scale(.1);transform:scale(.1);opacity:.1
   }
   50%{
      -webkit-transform:scale(.5)
   }
}
                                                                                                                                                                                                                      

.checkboxElements {
   position: relative;
   display: block;
   height: auto
}

.checkboxElements input.checkbox-input:not(:checked),.checkboxElements input.checkbox-input:checked {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
   visibility: hidden;
   z-index: -9999
}

.checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label,.checkboxElements input.checkbox-input:checked+label.checkbox-label {
   position: relative;
   padding-left: 28px;
   cursor: pointer;
   font-weight: 400;
   color: #5a5d65;
   display: block;
   margin: 0;
   line-height: 22px;
   font-size: 12px;
}

.checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label:before,.checkboxElements input.checkbox-input:checked+label.checkbox-label:before {
   content: '';
   position: absolute;
   left: 2px;
   top: 2px;
   width: 16px;
   height: 16px;
   border: 1px solid #ccc;
   background: #fff;
   border-radius: 3px
}

.checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label:after,.checkboxElements input.checkbox-input:checked+label.checkbox-label:after {
   content: "";
   position: absolute;
   left: 6px;
   font-size: 12px;
   line-height: .8;
   background: #ed5748;
   transition: all .2s;
   top: 6px;
   width: 10px;
   height: 10px;
   border-radius: 3px;
}


.checkboxElements input.checkbox-input:not(:checked)+label.checkbox-label:after {
   opacity: 0;
   transform: scale(0)
}
.checkboxElements input.checkbox-input:checked+label.checkbox-label:before {
   border-color: #ed5748;
   
}
.checkboxElements input.checkbox-input:checked+label.checkbox-label:after {
   opacity: 1;
   transform: scale(1)
}

.checkboxElements input.checkbox-input:disabled:not(:checked)+label.checkbox-label:before,.checkboxElements input.checkbox-input:disabled:checked+label.checkbox-label:before {
   box-shadow: none;
   border-color: #bbb!important;
   background-color: #ddd!important
}

.checkboxElements input.checkbox-input:disabled:checked+label.checkbox-label:after {
   color: #999!important
}

.checkboxElements input.checkbox-input:disabled+label.checkbox-label {
   color: #aaa
}

.checkboxElements.dark-style input.checkbox-input:checked+label.checkbox-label:before {
   border-color: #a9a9a9;
   background-color: #a9a9a9
}

.checkboxElements.dark-style input.checkbox-input:checked+label.checkbox-label:after {
   color: #fff
}

.checkboxElements.green-style input.checkbox-input:checked+label.checkbox-label:before {
   border-color: #43cb83;
   background-color: #43cb83
}

.checkboxElements.green-style input.checkbox-input:checked+label.checkbox-label:after {
   color: #fff
}

.checkboxElements.blue-style input.checkbox-input:checked+label.checkbox-label:before {
   border-color: #317aff;
   background-color: #317aff
}

.checkboxElements.blue-style input.checkbox-input:checked+label.checkbox-label:after {
   color: #fff
}

.checkboxElements.orange-style input.checkbox-input:checked+label.checkbox-label:before {
   border-color: #f9b954;
   background-color: #f9b954
}

.checkboxElements.orange-style input.checkbox-input:checked+label.checkbox-label:after {
   color: #fff
}

.checkboxElements.red-style input.checkbox-input:checked+label.checkbox-label:before {
   border-color: red;
   background-color: red
}

.checkboxElements.red-style input.checkbox-input:checked+label.checkbox-label:after {
   color: #fff
}

@media only screen and (max-width: 768px) {
   .checkboxElements {
       font-size:8px
   }
}

.radioElements {
   margin-bottom: 5px;
   margin-left: 10px!important
}

.radioElements input.radio-input:not(:checked),.radioElements input.radio-input:checked {
   position: absolute;
   left: -9999px
}

.radioElements input.radio-input:not(:checked)+label.radio-label,.radioElements input.radio-input:checked+label.radio-label {
   position: relative;
   padding-left: 30px;
   cursor: pointer;
   font-weight: 400;
   color: #5a5d65;
   font-size: 15px;
   line-height: 24px
}

.radioElements input.radio-input:not(:checked)+label.radio-label:before,.radioElements input.radio-input:checked+label.radio-label:before {
   content: '';
   position: absolute;
   left: 0;
   top: 2px;
   width: 22px;
   height: 22px;
   border: 1px solid #ccc;
   background: #fff;
   border-radius: 3px;
   border-radius: 50%
}

.radioElements input.radio-input:not(:checked)+label.radio-label:after,.radioElements input.radio-input:checked+label.radio-label:after {
   content: "";
   position: absolute;
   font-size: 14px;
   transition: all .2s;
   top: 6px;
   background-color: #464646;
   width: 8px;
   height: 8px;
   left: 4px;
   border-radius: 50%
}

.radioElements input.radio-input:not(:checked)+label.radio-label:after {
   opacity: 0;
   transform: scale(0)
}

.radioElements input.radio-input:checked+label.radio-label:after {
   opacity: 1;
   transform: scale(1)
}

.radioElements input.radio-input:disabled:not(:checked)+label.radio-label:before,.radioElements input.radio-input:disabled:checked+label.radio-label:before {
   box-shadow: none;
   border-color: #bbb!important;
   background-color: #ddd!important
}

.radioElements input.radio-input:disabled:checked+label.radio-label:after {
   color: #999!important
}

.radioElements input.radio-input:disabled+label.radio-label {
   color: #aaa
}

.radioElements.green-style input.radio-input:checked+label.radio-label:before {
   border-color: #43cb83
}

.radioElements.green-style input.radio-input:checked+label.radio-label:after {
   background-color: #43cb83;
   top: 6px;
   left: 5px;
   width: 12px;
   height: 12px
}

.radioElements.blue-style input.radio-input:checked+label.radio-label:before {
   border-color: #50bae2
}

.radioElements.blue-style input.radio-input:checked+label.radio-label:after {
   background-color: #50bae2;
   top: 6px;
   left: 5px;
   width: 12px;
   height: 12px
}

.radioElements.orange-style input.radio-input:checked+label.radio-label:before {
   border-color: #f9b954
}

.radioElements.orange-style input.radio-input:checked+label.radio-label:after {
   background-color: #f9b954;
   top: 6px;
   left: 5px;
   width: 12px;
   height: 12px
}

.radioElements.red-style input.radio-input:checked+label.radio-label:before {
   border-color: red
}

.radioElements.red-style input.radio-input:checked+label.radio-label:after {
   background-color: red;
   top: 6px;
   left: 5px;
   width: 12px;
   height: 12px
}

.switch_checkbox label,.switch_radio label {
   padding: 0;
   margin: 0;
   display: block;
   cursor: pointer
}

.switch_checkbox label *,.switch_radio label * {
   vertical-align: middle
}

.switch_checkbox label input,.switch_radio label input {
   display: none
}

.switch_checkbox label input+span,.switch_radio label input+span {
   position: relative;
   display: inline-block;
   width: 36px;
   height: 18px;
   background: #bcbed5;
   border: 1px solid #bcbed5;
   border-radius: 50px;
   transition: all .3s ease-in-out;
   margin-right: 10px
}

.switch_checkbox label input+span small,.switch_radio label input+span small {
   position: absolute;
   display: block;
   width: 50%;
   height: 100%;
   background: #fff;
   border-radius: 50%;
   transition: all .3s ease-in-out;
   left: 0
}

.switch_checkbox label input:checked+span,.switch_radio label input:checked+span {
   background: #5a5e9a;
   border-color: #4d5185
}

.switch_checkbox label input:checked+span small,.switch_radio label input:checked+span small {
   left: 50%
}

.switch_checkbox.switch-green label input:checked+span,.switch_radio.switch-green label input:checked+span {
   background: #5a5e9a;
   border-color: #4d5185
}

.switch_checkbox.switch-dark label input:checked+span,.switch_radio.switch-dark label input:checked+span {
   background: #313131;
   border-color: #313131
}

.switch_checkbox.switch-orange label input:checked+span,.switch_radio.switch-orange label input:checked+span {
   background: #f9b954;
   border-color: #f9b954
}

.switch_checkbox.switch-red label input:checked+span,.switch_radio.switch-red label input:checked+span {
   background: red;
   border-color: red
}

.checkboxElements.BtnCheck input.checkbox-input:not(:checked)+label.checkbox-label {
   display: block;
   width: 100%;
   background: linear-gradient(180deg,#e9e9e9,#dcdcdc);
   color: #363636;
   border-radius: 4px;
   padding: 6px 8px;
   min-height: inherit;
   min-width: inherit;
   font-weight: 300
}

.checkboxElements.BtnCheck input.checkbox-input:checked+label.checkbox-label {
   display: block;
   width: 100%;
   background: linear-gradient(180deg,#f84811,#e44b1b);
   color: #fff;
   border-radius: 4px;
   padding: 6px 8px;
   min-height: inherit;
   min-width: inherit;
   font-weight: 300
}

.checkboxElements.BtnCheck input.checkbox-input:not(:checked)+label.checkbox-label:before,.checkboxElements.BtnCheck input.checkbox-input:checked+label.checkbox-label:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0;
   background: #fff0;
   border-radius: 0
}

.checkboxElements.BtnCheck input.checkbox-input:not(:checked)+label.checkbox-label:after,.checkboxElements.BtnCheck input.checkbox-input:checked+label.checkbox-label:after {
   display: none
}

.counterLoading.Load {
   display: inline-block;
   font-size: 0;
   content: "";
   background: #fff0 url(/Library/Img/btnLoad_redblue.gif);
   background-size: 14px;
   width: 16px;
   height: 14px
}

.BlogProggress {
   margin-left: 20px;
   height: 30px;
   background: #f9f9f9;
   width: 100%;
   border: 1px solid #e7e7e7;
   border-radius: 3px;
   position: relative;
   overflow: hidden;
   display: none
}

.BlogProggress .Load {
   display: block;
   position: absolute;
   height: 100%;
   background: linear-gradient(180deg,#4CAF50,#6ae56f);
   left: 0;
   z-index: 0
}

.BlogProggress .Text {
   margin-left: 20px;
   position: relative;
   z-index: 1;
   line-height: 30px;
   font-weight: 500;
   color: #000
}

.BlogProggress .Rate {
   margin-left: 20px;
   position: relative;
   z-index: 1;
   font-weight: 700
}

.WebDesign .DesignTab {
   display: flex
}

.WebDesign .DesignTab .TabItem {
   display: flex;
   flex-direction: column;
   border-right: 1px solid #e7e9ed;
   border-bottom: 4px solid #00000014;
   padding: 12px 20px;
   cursor: pointer;
   align-items: center;
   background: #fff
}

.WebDesign .DesignTab .TabItem.Disabled {
   pointer-events: none;
   background: #e7e9ed
}

.WebDesign .DesignTab .TabItem:first-child {
   border-radius: 8px 0 0 8px
}

.WebDesign .DesignTab .TabItem:last-child {
   border-radius: 0 8px 8px 0;
   border-right: 0
}

.WebDesign .DesignTab .TabItem:hover {
   background: #dde2ed
}

.WebDesign .DesignTab .TabItem.Active {
   display: flex;
   border-bottom-color: #3986eb
}

.WebDesign .TabView {
   display: none;
   padding: 16px 0
}

.WebDesign .TabView.Active {
   display: block
}

.WebDesign .DesignTab .TabItem>span:nth-child(1) {
   margin-bottom: 6px;
   width: 40px;
   height: 40px;
   background-size: 40px
}

.WebDesign .DesignTab .TabItem>span:nth-child(2) {
   font-size: 12px;
   font-weight: 500;
   text-transform: uppercase
}

.icon-base-design {
   background-image: url(data:image/png;base64,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)
}

.icon-base-social {
   background-image: url(data:image/png;base64,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)
}

.icon-base-settings {
   background-image: url(data:image/png;base64,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)
}

.ModEditBox {
   position: absolute;
   right: 0;
   top: 0;
   padding: 16px;
   background: #fff;
   border-left: 1px solid #ededed;
   width: 600px;
   height: 100%
}

.ModEditBox .Head {
   display: flex;
   border-bottom: 1px solid #ccc;
   padding: 12px 0;
   justify-content: space-between
}

.ModEditBox .Head .Info {
}

.ModEditBox .Head .Info .Name {
   font-weight: 600;
   font-size: 12px
}

.ModEditBox .Head .Info .Date {
   font-size: 11px
}

.ModEditBox .Head .Btn {
}

.ModEditBox .Body {
   padding: 24px 0
}

.ModEditBox .Body .SelectedCategoryList {
   border: 1px solid #ededed;
   padding: 12px;
   border-radius: 4px
}

.ModEditBox .Body .SelectedCategoryList .Info {
   margin-bottom: 12px
}

.ModEditBox .Body .SelectedCategoryList .Info .Title {
   font-weight: 500;
   line-height: 18px
}

.ModEditBox .Body .SelectedCategoryList .Info .Text {
   font-size: 11px
}

.ModEditBox .Body .SelectedCategoryList .List {
}

.NavList {
   width: 100%;
   margin-top: 16px
}

.NavList .NavItem {
   width: 100%;
   display: flex;
   align-items: center;
   background: #fff;
   border-radius: 4px;
   margin-bottom: 5px;
   border: 1px solid #e9e9e9;
   flex-direction: column
}

.NavList .NavItem>.Detail {
   width: 100%;
   display: flex;
   align-items: center;
   background: #fff;
   border-radius: 4px;
   margin-bottom: 4px;
   padding: 10px;
   flex-direction: row
}

.NavList .NavItem .Move,.NavList .NavItem .SubMove {
   width: 40px;
   flex: none;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #e1e1e1;
   padding: 4px;
   margin-right: 8px;
   border-radius: 3px;
   cursor: move
}

.NavList .NavItem .Move>i,.NavList .NavItem .SubMove>i {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAABDklEQVR4nO2XQQrCMBBF/w1yEF0pqAcQndiVoCs9h+7UpQtPqjNB1wqV0gZKmwrSJIL0w0AX077fSZqZAi0koD1Dn9s8oxVcoNMsopuQEjy6CXHAo5mQD/DgJhh0cMDuWTiMnGKs+Z1BkyvmA4aWYJUQzHsM/azDF2Obw5iNqpXI70n6XkwwaGVNVOFW5Uow6GVAGy/wigl2wSsmrga0RQgZTJW9VstLWg5XTlCpBgPRpDoDy24JLt0mTLvPUMU+iMwvj2IBrfNmRJOmnBuSIYNu3psR19px3UQBN6V2vI04kCzGQQcScQ+jj88jGR3xN0Ppd2O55zf/7sckMNxKoHc/g8NhIjrcqtiYrTbcGxCYt7F6w9/vAAAAAElFTkSuQmCC);
   background-size: 18px;
   width: 18px;
   height: 18px
}

.NavList .NavItem .Info {
   width: 100%;
   display: flex;
   flex-direction: column
}

.NavList .NavItem .Info>span:nth-child(1) {
   width: 100%;
   font-weight: 600;
   font-size: 13px
}

.NavList .NavItem .Info>span:nth-child(2) {
   width: 100%;
   font-size: 11px;
   color: #2196f3
}

.NavList .NavItem .Categorys {
   margin-left: auto;
   width: 200px;
   text-align: center;
   font-weight: 500
}

.NavList .NavItem .Categorys .Badge {
   background: #f0f2f5;
   width: 100%;
   line-height: 28px;
   border-radius: 4px;
   display: inline-block;
   text-align: center
}

.NavList .NavItem .Categorys .Badge.Counter {
   background: #f0f2f5;
   border: 1px solid #e9e9e9;
   width: auto;
   padding: 0 9px;
   min-width: 50px;
   border-radius: 28px
}

.NavList .NavItem .BtnList {
   margin-left: 100px;
   width: 300px;
   flex: none;
   display: flex;
   justify-content: flex-end
}

.NavList .NavItem .BtnList>.Btn {
   margin-left: 10px
}

.NavList .NavItem>.SubList {
   width: 100%;
   display: flex;
   align-items: center;
   background: #fff;
   border-radius: 4px;
   margin-bottom: 4px;
   padding: 0 10px;
   flex-direction: column;
   padding-left: 60px
}

.NavList .NavItem>.SubList:empty {
   display: none
}

.NavList .NavItem>.SubList .NavItem {
   background: #efefef;
   margin-bottom: 0
}

.NavList .NavItem>.SubList .NavItem>.Detail {
   padding: 4px
}

.NavList .NavItem>.SubList::before {
   content: "";
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAACQUlEQVR4nO2ZP0hVURzHP2ZWRENq5FJEOZTSIC5FREFDFAQNtYS6RUJDDYVrYotLUbTk4pRDQxi4SNTQEjQ09mcpTBK8YESk9kftxYHfhcfl3Od7ej3n9M7vA9/1vvf9vPPOPfd3QVEURVEURVEUpTIngbfAO+AUEfIRKEmmiYwm4G+ZAJNGImJ3prxJKxHRbhFwlIjYbxFwlYjYZxEwSUTstAhYkb9GFDQAvy0Sxgr8jO1AMwHzxSLA3BpPF3Dti8A8sAzckdtucLy0CDCZk01yPXzIXPMVsJfAeJAjwGQKOLiOayc5Ys8SEFcqCEi/8IUCBaQb7VAop87uVQSkeQIcKkhAmudyGvV+J5ipUoLZzMaBM8DmAgSUZBM+jmdGqhRQnq9yu7wMHM5ZztUIMFkCbsqP4YVzaxCQjTlPvAcmgFFgGPhR4zWeyuHMOVuA2QIkFJHPwBEfEm4HUD7NT6DftYBdwPcAypfnEbDDpYRbAZTOxswrO1wJ2CrD0VJgMZvpJVcSjgF/Aihty11XEq4FUDYvzkb39wIoa8t5VwIaZMmVAsozHzOFPmDRc3EzoLnvc6DSBbz2VP6by2VfiUZ58PnksPwb4ACB0QT0yLP8ygaWfwhsI3D2yKp4LC9Wiyhuhqi9/Kc0y3DDrJAbwEKN5c0ptJM6Iqmh/JjrB59QBPwCrlOnJFUMP+r6bXRSobwZnbVQ5yQ5k+VBYBMRMJUpb8bvJ4iIgbLyL4A2IqRThizeZv6KoiiKoiiKohAN/wAiQdcfZm6b9AAAAABJRU5ErkJggg==);
   background-size: 38px;
   width: 38px;
   height: 38px;
   position: absolute;
   left: 18px
}

.dropzone[T=Logo] {
   border: 1px dashed rgba(0,0,0,.3);
   background: #f9f9f9;
   padding: 6px;
   border-radius: 2px;
   width: 100%
}

.dropzone[T=Logo].dz-clickable {
   cursor: pointer
}

.dropzone[T=Logo].dz-clickable * {
   cursor: default
}

.dropzone[T=Logo].dz-clickable .dz-message,.dropzone[T=Logo].dz-clickable .dz-message * {
   cursor: pointer
}

.dropzone[T=Logo].dz-started .dz-message {
   display: none
}

.dropzone[T=Logo].dz-drag-hover {
   border-style: solid
}

.dropzone[T=Logo].dz-drag-hover .dz-message {
   opacity: .5
}

.dropzone[T=Logo] .dz-message {
   text-align: center;
   margin: 2em 0
}

.dropzone[T=Logo] .dz-message .dz-button {
   background: 0 0;
   color: inherit;
   border: none;
   padding: 0;
   font: inherit;
   cursor: pointer;
   outline: inherit
}

.dropzone[T=Logo] .dz-preview {
   position: relative;
   display: flex;
   vertical-align: top;
   margin: 0;
   align-items: center
}

.dropzone[T=Logo] .dz-preview:hover {
   z-index: 1000
}

.dropzone[T=Logo] .dz-preview:hover .dz-details {
}

.dropzone[T=Logo] .dz-preview.dz-file-preview .dz-image {
   border-radius: 20px;
   background: #999;
   background: linear-gradient(to bottom,#eee,#ddd)
}

.dropzone[T=Logo] .dz-preview.dz-file-preview .dz-details {
   opacity: 1
}

.dropzone[T=Logo] .dz-preview.dz-image-preview {
   background: 0 0
}

.dropzone[T=Logo] .dz-preview.dz-image-preview .dz-details {
}

.dropzone[T=Logo] .dz-preview .dz-remove {
   background: red;
   color: #fff;
   font-size: 13px;
   text-align: center;
   display: block;
   cursor: pointer;
   border: none;
   padding: 6px 12px;
   border-radius: 4px;
   margin-left: auto
}

.dropzone[T=Logo] .dz-preview .dz-remove:hover {
   text-decoration: underline
}

.dropzone[T=Logo] .dz-preview:hover .dz-details {
}

.dropzone[T=Logo] .dz-preview .dz-details {
   z-index: 20;
   position: inherit;
   font-size: 12px;
   padding: 10px;
   text-align: center;
   display: flex;
   flex-direction: column-reverse
}

.dropzone[T=Logo] .dz-preview .dz-details .dz-size {
   font-size: 16px
}

.dropzone[T=Logo] .dz-preview .dz-details .dz-filename {
   white-space: nowrap
}

.dropzone[T=Logo] .dz-preview .dz-details .dz-filename:hover span {
   border: 1px solid rgba(200,200,200,.8);
   background-color: rgba(255,255,255,.8)
}

.dropzone[T=Logo] .dz-preview .dz-details .dz-filename:not(:hover) {
   overflow: hidden;
   text-overflow: ellipsis
}

.dropzone[T=Logo] .dz-preview .dz-details .dz-filename:not(:hover) span {
   border: 1px solid transparent
}

.dropzone[T=Logo] .dz-preview .dz-details .dz-filename span,.dropzone[T=Logo] .dz-preview .dz-details .dz-size span {
   background-color: rgba(255,255,255,.4);
   padding: 0 .4em;
   border-radius: 3px
}

.dropzone[T=Logo] .dz-preview:hover .dz-image img {
   height: 100%
}

.dropzone[T=Logo] .dz-preview .dz-image {
   border-radius: 2px;
   overflow: hidden;
   height: 110px;
   width: 200px;
   position: relative;
   display: flex;
   z-index: 10;
   align-items: center;
   justify-content: center
}

.dropzone[T=Logo] .dz-preview .dz-image img {
   display: block;
   width: inherit
}

.dropzone[T=Logo] .dz-preview.dz-success .dz-success-mark {
   -webkit-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
   -moz-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
   -ms-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
   -o-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
   animation: passing-through 3s cubic-bezier(.77,0,.175,1)
}

.dropzone[T=Logo] .dz-preview.dz-error .dz-error-mark {
   opacity: 1;
   -webkit-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
   -moz-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
   -ms-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
   -o-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
   animation: slide-in 3s cubic-bezier(.77,0,.175,1)
}

.dropzone[T=Logo] .dz-preview .dz-success-mark,.dropzone[T=Logo] .dz-preview .dz-error-mark {
   display: none
}

.dropzone[T=Logo] .dz-preview .dz-success-mark svg,.dropzone[T=Logo] .dz-preview .dz-error-mark svg {
   display: block;
   width: 54px;
   height: 54px
}

.dropzone[T=Logo] .dz-preview.dz-processing .dz-progress {
   opacity: 1;
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
   -o-transition: all .2s linear;
   transition: all .2s linear
}

.dropzone[T=Logo] .dz-preview.dz-complete .dz-progress {
   opacity: 0;
   -webkit-transition: opacity .4s ease-in;
   -moz-transition: opacity .4s ease-in;
   -ms-transition: opacity .4s ease-in;
   -o-transition: opacity .4s ease-in;
   transition: opacity .4s ease-in
}

.dropzone[T=Logo] .dz-preview:not(.dz-processing) .dz-progress {
   -webkit-animation: pulse 6s ease infinite;
   -moz-animation: pulse 6s ease infinite;
   -ms-animation: pulse 6s ease infinite;
   -o-animation: pulse 6s ease infinite;
   animation: pulse 6s ease infinite
}

.dropzone[T=Logo] .dz-preview .dz-progress {
   opacity: 1;
   z-index: 1000;
   pointer-events: none;
   position: absolute;
   height: 16px;
   left: 50%;
   top: 50%;
   margin-top: -8px;
   width: 80px;
   margin-left: -40px;
   background: rgba(255,255,255,.9);
   -webkit-transform: scale(1);
   border-radius: 8px;
   overflow: hidden
}

.dropzone[T=Logo] .dz-preview .dz-progress .dz-upload {
   background: #333;
   background: linear-gradient(to bottom,#666,#444);
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   width: 0;
   -webkit-transition: width 300ms ease-in-out;
   -moz-transition: width 300ms ease-in-out;
   -ms-transition: width 300ms ease-in-out;
   -o-transition: width 300ms ease-in-out;
   transition: width 300ms ease-in-out
}

.dropzone[T=Logo] .dz-preview.dz-error .dz-error-message {
   display: block
}

.dropzone[T=Logo] .dz-preview.dz-error:hover .dz-error-message {
   opacity: 1;
   pointer-events: auto
}

.dropzone[T=Logo] .dz-preview .dz-error-message {
   display: none
}

.dropzone[T=Logo] .dz-preview .dz-error-message:after {
   content: "";
   position: absolute;
   top: -6px;
   left: 64px;
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 6px solid #be2626
}

.BlogSteps {
   display: none
}

.CreatBlogSteps {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 10px
}

.CreatBlogSteps .Step {
   width: 100%;
   display: flex;
   align-items: center;
   position: relative
}

.CreatBlogSteps .Step>.Num {
   background: #fff;
   position: relative;
   z-index: 1;
   border: 1px solid #ccc;
   width: 20px;
   height: 20px;
   flex: none;
   border-radius: 2px;
   display: flex;
   align-items: center;
   justify-content: center
}

.CreatBlogSteps .Step>.Text {
   background: #fff;
   position: relative;
   z-index: 1;
   padding: 0 12px
}

.CreatBlogSteps .Step>.Return {
   margin-left: auto;
   width: 20px;
   height: 20px;
   flex: none;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #fff
}

.CreatBlogSteps .Step>.Line {
   width: 100%;
   height: 1px;
   border-bottom: 1px dotted #ccc;
   position: absolute
}

.CreatBlogSteps .Step>.Line>span {
   width: 0%
}

.CreatBlogSteps .Step>.BtnReply {
   display: none
}

.CreatBlogSteps .Step.Active>.Line>span {
   position: absolute;
   height: 1px;
   background: #37d63e
}

.CreatBlogSteps .Step.Active>.Text {
   font-weight: 600
}

.CreatBlogSteps .Step.Active>.Return:before {
   content: "";
   background: #fff url(/Library/Img/btnLoad_redblue.gif);
   background-size: 16px;
   width: 16px;
   height: 16px;
   display: flex
}

.CreatBlogSteps .Step.Completed>.Line>span {
   width: 100%!important;
   position: absolute;
   height: 1px;
   background: #37d63e
}

.CreatBlogSteps .Step.Completed>.Text {
   font-weight: 600
}

.CreatBlogSteps .Step.Completed>.Return:before {
   content: "";
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAACBklEQVR4nO2WS0scQRDH5+IXEBREE8STEG9e163WmICQBEWnanRzycWDz4NfIMdccxTzAD9DNAlEq9YlucSbgoqgCAEJ8eIqEtBF6Z2ZuGrsnseKHvxDM+/6zb+6q2jHudddU3fBfQiM4yD0BYTWQfAQhP6C0C99TwmOZJbcuqoBgXNNwPQehE6U0KllHCvBj6l/ABh7ldBBBOCFAUJ7wN5AGOfJ95f1ILSshApWqBKaBMZSXGgF/AQYX/lQXPXv40+r0zTQirGrhGaC8xX9EwZorilJeq84ZvzdueA9evrDrQXGr0ZokOIP1YACY5tvZLAVGN/YSyba6rU61fH0UV/r1d6RpwemuR2/AWjwHKcMacbP1YDqNF+E0ikIfjI53rgJqP8O7VzvmKl4JfAi9mfF69MtMim0PJiOYoEfF4Za/KCkLsMjQ6UMLsZMNW4DU7P/3M2ENX65ZIJmYZgSXEuyuDZ1YwmdK6atyE7P53jO4JjGDB//g7cvD9fEgQaOR64F6yK3NJAK53GgdBx+Z5rnd8YgTFvA9FoJ/olRbtOOTV3f3Mb/llXyxrLfkc81OFGUFepJ27MDaCkr+DwSNJQSbyLVRoCxpHu/k0Sd4r1IknadXmB65qRRZsmtA8a3/kbO7lIJzkae0ygq70zy3qhinNddKOhgB/pcNwddp9aSuZdzCzoDeKIck0blv64AAAAASUVORK5CYII=);
   background-size: 20px;
   width: 20px;
   height: 20px;
   display: flex
}

.CreatBlogSteps .Step.Error>.Num {
   font-weight: 600;
   background-color: red;
   border-color: red;
   color: #fff
}

.CreatBlogSteps .Step.Error>.Text {
   font-weight: 600;
   color: red
}

.CreatBlogSteps .Step.Error>.Return:before {
   display: none
}

.CreatBlogSteps .Step.Error>.BtnReply {
   display: block;
   background: linear-gradient(359deg,red,#e94f4f);
   color: #fff;
   position: relative;
   z-index: 1;
   border-radius: 50px;
   padding: 2px 12px;
   cursor: pointer
}

.CreatBlogSteps .Step.Error>.BtnReply:hover {
   background: #4caf50
}

.Dashboard .Logo {
   width: 60px;
   height: 60px;
   border-radius: 100%;
   background-position: 50%;
   border: 1px solid #ccc;
   flex: none;
   margin-right: 14px;
   background-size: cover
}

.Dashboard .Info {
   display: flex;
   flex-direction: column;
   margin-right: 14px;
   min-width: 430px;
   flex: none
}

.Dashboard .Info .Name {
   width: 100%;
   font-weight: 500;
   font-size: 14px;
   margin-bottom: 8px
}

.Dashboard .Info .BtnList {
   width: 100%;
   display: flex;
   gap: 10px
}

.Dashboard .Info .BtnList>.Btn {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex: auto
}

.Dashboard .Info .BtnList>.Btn>span {
   width: 100%
}

.Dashboard .Info .BtnList>.Btn>i {
   width: 30px;
   float: none
}

.Dashboard .IstatisticBar {
   justify-content: flex-end!important
}

.Dashboard .IstatisticBar .IstatisticGroup {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 4px
}

.Dashboard .IstatisticBar .IstatisticGroup .Bar {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   background: #f1f2f7;
   border-radius: 4px;
   padding: 8px
}

.Dashboard .IstatisticBar .IstatisticGroup .Bar>span:nth-child(1) {
   font-weight: 400
}

.Dashboard .IstatisticBar .IstatisticGroup .Bar>span:nth-child(2) {
   font-weight: 600
}

.Dashboard .IstatisticBar .IstatisticGroup.Help {
   background: #eef4ff;
   border-radius: 4px;
   padding: 6px 8px;
   display: flex;
   justify-content: center;
   font-weight: 500;
   color: #5793ff;
   align-items: center;
   gap: 6px
}

.Dashboard .IstatisticBar .IstatisticGroup.Text {
   background: #e7f9ef;
   border-radius: 4px;
   padding: 6px 8px;
   display: flex;
   justify-content: space-between
}

.Dashboard .IstatisticBar .IstatisticGroup.Text.TextCenter {
   align-items: center
}

.Dashboard .IstatisticBar .IstatisticGroup .TextGroup {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between
}

.Dashboard .IstatisticBar .IstatisticGroup .TextGroup:last-child {
   margin-top: auto
}

.Dashboard .IstatisticBar .IstatisticGroup .TextGroup>span:nth-child(1) {
   font-weight: 400
}

.Dashboard .IstatisticBar .IstatisticGroup .TextGroup>span:nth-child(2) {
   font-weight: 600
}

.Dashboard .BoxBody .Group {
   display: flex;
   flex-wrap: wrap;
   margin-left: -4px;
   margin-right: -4px
}

.Dashboard .BoxBody .Group .IstatisticBox {
   display: flex;
   width: calc(50% - 8px);
   background: #f7f7fa;
   border-radius: 5px;
   padding: 12px 8px;
   margin: 4px;
   justify-content: space-between
}

.Dashboard .BoxBody .Group .IstatisticBox>div {
   display: flex
}

.Dashboard .BoxBody .Group .ActionGroup {
   display: flex;
   width: calc(33.33% - 8px);
   background: #f7f7fa;
   border-radius: 5px;
   padding: 12px 8px;
   margin: 4px;
   justify-content: space-between;
   flex-direction: column
}

.Dashboard .BoxBody .Group .ActionGroup .Title {
   font-weight: 700;
   width: 100%;
   margin-bottom: 10px;
   background: 0 0
}

.Dashboard .BoxBody .Group .ActionGroup>div {
   width: 100%;
   margin-bottom: 5px;
   background: #fff;
   padding: 8px;
   border-radius: 4px;
   display: flex;
   justify-content: space-between
}

.Dashboard .BoxBody .Group .ActionGroup>div>span:last-child {
   font-weight: 700;
   font-size: 14px
}

.MyPayments .TotalPrice {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start
}

.MyPayments .TotalPrice .Total {
   font-size: 22px;
   color: #2f8932;
   font-weight: 500
}

.MyPayments .TotalPrice .Info {
   margin-left: 30px;
   color: #444
}

.MyPayments .TotalPrice .Info>i {
   width: 100%
}

.MyPayments .TotalPrice .Info>span {
   width: 100%
}

.MyPayments .ItemList {
   width: 100%;
   display: flex;
   margin-top: 20px;
   justify-content: flex-start;
   margin-bottom: 20px
}

.MyPayments .ItemList>div {
   display: flex;
   flex-direction: column;
   border-right: 1px solid #e2e2e2;
   padding-right: 20px;
   margin-right: 20px
}

.MyPayments .ItemList>div:last-child {
   border-right: 0
}

.MyPayments .ItemList>div>span:nth-child(1) {
   width: 100%;
   font-size: 13px;
   font-weight: 400;
   color: #616161
}

.MyPayments .ItemList>div>span:nth-child(2) {
   width: 100%;
   font-weight: 600;
   font-size: 15px
}

.MyPayments .Link {
   width: 100%;
   font-weight: 500;
   margin-bottom: 14px
}

.MyPayments .Link.Green {
   color: #1f7623
}

.MyPayments>.Info {
   width: 100%
}

.MyPayments .Info.Grey {
   width: 100%
}

.MyPayments .EarlyPayment {
   width: 100%;
   display: flex;
   flex-direction: row-reverse;
   margin-bottom: 30px
}

.MyPayments .EarlyPayment .Text {
   width: 100%;
   font-size: 13px;
   line-height: 18px
}

.MyPayments .EarlyPayment .Icon {
   width: 80px;
   flex: none;
   margin-right: 28px
}

.MyPayments .EarlyPayment .Icon>img {
   width: 100%
}

.MyPayments .EarlyPayment .Btn {
   width: 100%
}

.MyPayments .BoxBody.TabView .Istatistic {
   width: 100%
}

.MyPayments .BoxBody.TabView[T="2"]>.Istatistic {
   width: 100%;
   display: flex;
   gap: 24px
}

.MyPayments .BoxBody.TabView[T="2"]>.List {
   width: 100%;
   display: flex;
   gap: 0;
   margin-top: 30px;
   border: 1px solid #ccc;
   border-radius: 5px;
   flex-direction: column
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar {
   width: 100%;
   display: flex;
   gap: 4px;
   align-items: stretch;
   background: #efefef;
   padding: 14px;
   flex-direction: column;
   border-radius: 5px
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>span {
   width: 100%;
   font-weight: 500;
   font-size: 12px;
   margin-bottom: 16px
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar {
   width: 100%;
   display: flex;
   gap: 4px;
   align-items: stretch;
   background: #efefef;
   padding: 14px;
   flex-direction: column;
   border-radius: 5px
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>span {
   width: 100%;
   font-weight: 500;
   font-size: 12px;
   margin-bottom: 16px
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.List {
   width: 100%;
   display: flex;
   align-items: center
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.List>.Item {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   margin-right: 30px;
   padding-right: 30px
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.List>.Item>span:nth-child(1) {
   width: 100%;
   font-size: 13px;
   font-weight: 400
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.List>.Item>span:nth-child(2) {
   width: 100%;
   font-size: 14px;
   font-weight: 600;
   line-height: 27px
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.List>.Item:last-child {
   border-left: 1px solid #ccc;
   padding-left: 20px;
   display: flex;
   flex-direction: row
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.List>.Item:last-child img {
   height: 20px;
   margin-right: 12px
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.List>.Item:last-child .Info {
   width: 100%;
   display: flex;
   flex-direction: column
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.List>.Item:last-child .Info>span:nth-child(1) {
   width: 100%;
   font-weight: 400;
   font-size: 13px
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.List>.Item:last-child .Info>span:nth-child(2) {
   width: 100%;
   font-weight: 500;
   font-size: 14px;
   line-height: 20px
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.View {
   width: 100%;
   display: flex
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.View>img {
   height: 20px;
   margin-right: 12px
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.View>.Info {
   width: 100%;
   display: flex;
   flex-direction: column
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.View>.Info>span:nth-child(1) {
   width: 100%;
   font-weight: 400;
   font-size: 13px
}

.MyPayments .BoxBody.TabView[T="2"] .Istatistic .IstatisticBar>.View>.Info>span:nth-child(2) {
   width: 100%;
   font-weight: 500;
   font-size: 14px;
   line-height: 20px
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .IstatisticList {
   width: 445px;
   flex: none;
   background: #efefef;
   border-radius: 5px;
   padding: 14px 0
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .IstatisticList .Item {
   display: flex;
   margin-left: auto;
   justify-content: flex-end;
   align-items: center;
   padding: 7px 12px
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .IstatisticList .Item>i {
   width: 9px;
   height: 9px;
   flex: none;
   border-radius: 100px;
   background: red;
   margin-right: 5px
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .IstatisticList .Item>span:nth-child(2) {
   font-size: 12px;
   font-weight: 300
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .IstatisticList .Item>span:nth-child(3) {
   margin-left: auto;
   font-weight: 500;
   font-size: 14px
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .IstatisticList .Divider {
   height: 0;
   border-bottom: 1px dashed #b8b8b8;
   margin: 10px 0
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .IstatisticList .Item.Grend {
   width: 100%
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .IstatisticList .Item.Grend>span:nth-child(1) {
   font-weight: 700
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .IstatisticList .Item.Grend>span:nth-child(2) {
   margin-left: auto;
   font-size: 16px;
   color: #4caf50;
   font-weight: 700
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .ChartBox {
   width: 100%
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .BtnList {
   width: 100%;
   display: flex;
   align-items: center
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .PayTable {
   width: 100%;
   margin: 16px 0 0
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .PayTable table {
   width: 100%;
   border: 1px solid #dedede;
   border-collapse: collapse;
   border-spacing: 0
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .PayTable table thead {
   background: #efefef
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .PayTable table thead tr {
   width: 100%
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .PayTable table thead tr>th {
   padding: 6px 12px;
   text-align: left;
   line-height: 34px;
   border-right: 1px solid #dedede;
   border-bottom: 1px solid #dcdcdc
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .PayTable table tbody {
   width: 100%
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .PayTable table tbody tr {
   width: 100%
}

.MyPayments .BoxBody.TabView .AccordionBox .AccordionBody .PayTable table tbody tr>td {
   padding: 12px;
   line-height: 18px;
   border-right: 1px solid #dedede;
   border-bottom: 1px solid #dcdcdc
}

.BoxTab {
   width: 100%;
   display: flex;
   padding: 0 14px;
   padding-bottom: 0;
   border-bottom: 1px solid #e5e5e5;
}

.BoxTab .TabItem {
   border-bottom: 2px solid #ccc0;
   font-weight: 500;
   font-size: 12px;
   line-height: 20px;
   padding: 8px 16px 10px;
   margin-bottom: -2px;
   cursor: pointer;
   text-transform: uppercase;
   display: flex;
   flex-direction: column;
   border-right: 1px solid #ebebeb;
   align-items: center;
   justify-content: center;
}

.BoxTab .TabItem:last-child {
   border-right: 0
}

.BoxTab .TabItem>span {
   font-weight: 300;
   font-size: 10px;
   line-height: 12px;
   text-align: center;
   width: fit-content;
}

.BoxTab .TabItem:hover {
   border-bottom-color: #000
}

.BoxTab .TabItem.active {
   border-bottom-color: #2196f3;
   color: #2196f3
}

.BoxBody.TabView {
   width: 100%;
   display: none
}

.BoxBody.TabView.active {
   display: block
}

.BoxBody .Filter {
   width: 100%;
   display: flex;
   gap: 20px;
   margin-bottom: 12px;
   align-items: center
}
.BoxBody .Filter:last-child {
   margin-bottom: 0px;
}

.BoxBody .Filter>.Input {
   width: 100%;
   position: relative;
   background: #fff
}

.BoxBody .Filter>.Input>.Info {
   font-size: 11px;
   color: #939393;
   margin-top: 4px
}

.BoxBody .Filter>.Input label {
   left: 9px;
   top: 4px;
   font-size: 12px;
}

.BoxBody .Filter>.Input input {
   padding: 7px 9px;
}

.BoxBody .Filter>.Input input:not(:placeholder-shown)~label,.BoxBody .Filter>.Input>input:focus~label {
   color: rgba(var(--bs-body-color-rgb),.65);
   top: -4px;
   left: 6px;
   background: #fff;
   z-index: 1;
   padding: 0 4px;
   font-size: 11px;
}

.BoxBody .Filter>.Input input:not(:placeholder-shown),.BoxBody .Filter>.Input>input:focus {
   border-color: #4d5088
}

.BoxBody .Filter>.Input select {
   width: 100%;
   border: 1px solid #caccde;
   padding: 18px 7px 4px 2px;
   border-radius: 3px;
   outline: none;
   background: 0 0;
   position: relative;
   z-index: 1;
   color: inherit;
   font-weight: 400;
   font-family: inherit
}

.BoxBody .Filter>.Input select:not(:placeholder-shown)~label,.BoxBody .Filter>.Input>select:focus~label {
   color: rgba(var(--bs-body-color-rgb),.65);
   top: 5px;
   left: 8px;
   font-size: 10px;
   line-height: 10px
}

.BoxBody .Filter>.Input select:not(:placeholder-shown),.BoxBody .Filter>.Input>input:focus {
   border-color: #4d5088
}



.BoxBody.TabView .TableInfo {
   display: flex;
   align-items: center;
   margin-top: 0;
   margin-bottom: 24px
}

.BoxBody.TabView .TableInfo .Title {
   font-size: 16px;
   font-weight: 500;
   margin-right: auto
}

.BoxBody.TabView .TableInfo .Info {
   display: flex;
   flex-direction: column;
   align-items: flex-start
}

.BoxBody.TabView .TableInfo .Info>div:nth-child(1) {
   font-size: 12px
}

.BoxBody.TabView .TableInfo .Info>div:nth-child(1) span:nth-child(1) {
   font-weight: 300;
   color: #444
}

.BoxBody.TabView .TableInfo .Info>div:nth-child(1) span:nth-child(2) {
   font-weight: 600
}

.BoxBody.TabView .TableInfo .Info>div:nth-child(2) {
   font-size: 12px
}

.BoxBody.TabView .TableInfo .Info>div:nth-child(2) span:nth-child(1) {
   font-weight: 300;
   color: #444
}

.BoxBody.TabView .TableInfo .Info>div:nth-child(2) span:nth-child(2) {
   font-weight: 300;
   color: #444
}

.BoxBody.TabView .TableInfo .BtnList {
   margin-left: auto
}

.Input {
   width: 100%;
   position: relative;
   background: #fff
}

.Input>.Info {
   font-size: 11px;
   color: #939393;
   margin-top: 4px
}

.Input label {
   position: absolute;
   left: 8px;
   top: 8px;
   line-height: 24px;
   z-index: 0
}

.Input input {
   width: 100%;
   border: 1px solid #caccde;
   padding: 18px 7px 4px;
   border-radius: 3px;
   outline: none;
   background: 0 0;
   position: relative;
   z-index: 1;
   color: inherit;
   font-weight: 400;
   font-family: inherit
}

.Input input:not(:placeholder-shown)~label,.Input>input:focus~label {
   color: rgba(var(--bs-body-color-rgb),.65);
   top: 5px;
   left: 8px;
   font-size: 10px;
   line-height: 10px
}

.Input input:not(:placeholder-shown),.Input>input:focus {
   border-color: #4d5088
}

.Input select {
   width: 100%;
   border: 1px solid #caccde;
   padding: 18px 7px 4px 2px;
   border-radius: 3px;
   outline: none;
   background: 0 0;
   position: relative;
   z-index: 1;
   color: inherit;
   font-weight: 400;
   font-family: inherit
}

.Input select:not(:placeholder-shown)~label,.Input>select:focus~label {
   color: rgba(var(--bs-body-color-rgb),.65);
   top: 5px;
   left: 8px;
   font-size: 10px;
   line-height: 10px
}

.Input select:not(:placeholder-shown),.Input>input:focus {
   border-color: #4d5088
}

.Input textarea {
   width: 100%;
   border: 1px solid #caccde;
   padding: 18px 7px 4px;
   border-radius: 3px;
   outline: none;
   background: 0 0;
   position: relative;
   z-index: 1;
   color: inherit;
   font-weight: 400;
   font-family: inherit;
   resize: none
}

.Input textarea:not(:placeholder-shown)~label,.Input textarea:focus~label {
   color: rgba(var(--bs-body-color-rgb),.65);
   top: 5px;
   left: 8px;
   font-size: 10px;
   line-height: 10px
}

.Input textarea:not(:placeholder-shown),.Inputs .Input input:focus {
   border-color: #4d5088
}

.BoxBody .Filter .Btnlist {
   width: 100%;
   display: flex;
   gap: 12px;
   justify-content: center;
   align-items: center;
   max-width: 240px;
}

.BoxBody .Filter .Btnlist .Btn {
   width: 49%;
   display: flex;
   justify-content: center;
   line-height: 30px;
   padding: 0;
   border-radius: 4px;
   font-size: 12px;
}

.AccordionBox {
   width: 100%;
   border-bottom: 1px solid #efefef
}

.AccordionBox .AccordionHead {
   width: 100%;
   display: flex;
   justify-content: flex-start;
   padding: 16px 32px;
   align-items: center;
   font-size: 15px
}

.AccordionBox:last-child {
   border: 0
}

.AccordionBox .AccordionHead>img {
   height: 15px;
   flex: none;
   margin-right: 10px
}

.AccordionBox .AccordionHead>.Arrow {
   background: 0 0;
   display: flex;
   flex: none;
   width: 30px;
   height: 30px;
   align-items: center;
   justify-content: center;
   border-radius: 4px
}

.AccordionBox.active .AccordionHead>.Arrow {
   background: #efefef;
   transform: rotate(180deg)
}

.AccordionBox .AccordionHead>span {
   font-weight: 600;
   width: 100%;
   display: flex;
   gap: 20px;
   align-items: center;
   justify-content: flex-start
}

.AccordionBox .AccordionHead>span>.Status[S="0"] {
   color: #ff5722;
   font-size: 13px
}

.AccordionBox .AccordionHead>span>.Status[S="1"] {
   color: #4caf50;
   font-size: 13px
}

.AccordionBox .AccordionHead>span:nth-child(3) {
   margin-left: auto;
   margin-right: 30px;
   font-weight: 300;
   display: flex;
   justify-content: flex-end
}

.AccordionBox .AccordionHead>span:nth-child(4) {
   margin-right: 30px;
   font-weight: 300;
   display: flex;
   justify-content: flex-end
}

.AccordionBox .AccordionHead:after {
   content: ""
}

.AccordionBox .AccordionBody {
   width: 100%;
   padding: 32px;
   display: none
}

.AccordionBox.active .AccordionBody {
   display: block
}

.EarlyPayments .Title {
   width: 100%;
   font-weight: 500;
   font-size: 20px;
   margin-bottom: 5px
}

.EarlyPayments .Text {
   width: 100%;
   font-size: 14px;
   margin-bottom: 24px
}

.EarlyPayments .Notifi {
   width: 100%;
   display: flex;
   align-items: center
}

.EarlyPayments .Notifi .Item {
   width: 100%;
   display: flex;
   padding: 16px 24px;
   border-right: 1px solid #e6e6e6
}

.EarlyPayments .Notifi .Item:last-child {
   border-right: 0
}

.EarlyPayments .Notifi .Item>img {
   height: 20px;
   margin-right: 7px
}

.EarlyPayments .Notifi .Item>span {
   width: 100%
}

.EarlyPayments .Notifi .Item>span>strong {
   width: 100%
}

.EarlyPayments .FormBox {
   width: 100%;
   display: flex;
   border-right: 3px solid #efefef;
   margin-right: 32px
}

.EarlyPayments .FormBox .Icon {
   width: 200px;
   flex: none;
   display: flex;
   align-items: center;
   justify-content: center
}

.EarlyPayments .FormBox .Icon>img {
   height: auto
}

.EarlyPayments .FormBox .Form {
   width: 100%;
   padding: 24px;
   display: flex;
   flex-direction: column
}

.EarlyPayments .FormBox .Form>span {
   width: 100%;
   font-weight: 500;
   margin-bottom: 20px
}

.EarlyPayments .FormBox .Form>.View {
   width: 100%;
   display: flex;
   align-items: center
}

.EarlyPayments .FormBox .Form>.View>div:nth-child(1) {
   margin-bottom: 16px;
   margin-right: 16px
}

.EarlyPayments .FormBox .Form>.View>div:nth-child(1)>span {
   font-size: 12px;
   font-weight: 400;
   margin-bottom: 2px;
   display: block
}

.EarlyPayments .FormBox .Form>.View>div:nth-child(1)>input {
   width: 100%;
   border: 1px solid #ccc;
   padding: 7px;
   font-size: 14px;
   border-radius: 3px
}

.EarlyPayments .FormBox .Form>.Info {
   width: 100%;
   font-size: 13px;
   margin-top: 12px;
   text-decoration: underline;
   font-weight: 400;
   cursor: pointer
}

.EarlyPayments .Response {
   width: 55%;
   flex: none;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background: #efefef;
   border-radius: 8px
}

.EarlyPayments .Response>img {
   height: 20px
}

.EarlyPayments .Response>span {
   width: 100%;
   padding: 0 32px;
   text-align: center;
   margin-top: 14px
}

.Question .Notifi {
   width: 100%;
   display: flex;
   align-items: center
}

.Question .Notifi .Item {
   width: 100%;
   display: flex;
   padding: 16px 24px;
   border-right: 1px solid #e6e6e6
}

.Question .Notifi .Item:last-child {
   border-right: 0
}

.Question .Notifi .Item>img {
   height: 20px;
   margin-right: 7px
}

.Question .Notifi .Item>span {
   width: 100%
}

.Question .Notifi .Item>span>strong {
   width: 100%
}





.TableTitle{width:100%;display: flex;align-items: center;background: #ffffff;box-shadow: 0 0 #0000, 0 0 #0000, 0 0 0 1px rgba(35, 38, 59, .05), 0 1px 3px 0 rgba(35, 38, 59, .15);border-radius: 5px;margin-bottom: 14px;padding: 16px;justify-content: space-between;}
.TableTitle .TableTitleLeftArea{display: flex;flex-direction: column;gap: 10px;}
.TableTitle .TableTitleLeftArea .Title{width:100%}
.TableTitle .TableTitleLeftArea .BtnList{width:100%;display: flex;justify-content: flex-start;align-items: center;}
.TableTitle .TableTitleLeftArea .BtnList .Btn{background: #efefef;}
.TableTitle .TableTitleRightArea{display: flex;flex-direction: column;gap: 10px;}
.TableTitle .TableTitleRightArea .BtnList{width:100%;display: flex;justify-content: flex-end;align-items: center;}
.TableTitle .TableTitleRightArea .BtnList .Btn{background: #efefef;}
.TableTitle .TableTitleRightArea .PaginationBar{width:100%;display: flex;}
.TableTitle .TableTitleRightArea .PaginationBar .goTo{display: flex;margin-right: 20px;align-items: center;}
.TableTitle .TableTitleRightArea .PaginationBar .goTo>span{width:100%;font-weight: 400;margin-right: 8px;font-size: 12px;}
.TableTitle .TableTitleRightArea .PaginationBar .goTo>input{outline: none;border: 1px solid #ccc;padding: 4px;font-weight: 500;text-align: center;font-size: 14px;width: 50px;text-indent: 0;border-radius: 4px;line-height: 23px;}
.TableTitle .TableTitleRightArea .PaginationBar .Pages{display: flex;}
.TableTitle .TableTitleRightArea .PaginationBar .Pages .Prev{display: flex;align-items: center;}
.TableTitle .TableTitleRightArea .PaginationBar .Pages .Prev.disabled{color:#ccc;pointer-events:none}
.TableTitle .TableTitleRightArea .PaginationBar .Pages .Prev>svg{height: 13px;cursor: pointer;}
.TableTitle .TableTitleRightArea .PaginationBar .Pages .List{display: flex;align-items: center;gap: 8px;}
.TableTitle .TableTitleRightArea .PaginationBar .Pages .List .Number{width:100%;color: #000000;padding: 8px 12px;border-radius: 4px;font-weight: 600;cursor: pointer;}
.TableTitle .TableTitleRightArea .PaginationBar .Pages .List .Number:hover{background: #0000009c;color: #fff;}
.TableTitle .TableTitleRightArea .PaginationBar .Pages .List .Number.active{width:100%;background: #000;color: #fff;padding: 8px 12px;border-radius: 4px;font-weight: 600;cursor: pointer;}
.TableTitle .TableTitleRightArea .PaginationBar .Pages .List .Dots{font-weight: 800;color: #000;}
.TableTitle .TableTitleRightArea .PaginationBar .Pages .Next{display: flex;align-items: center;}
.TableTitle .TableTitleRightArea .PaginationBar .Pages .Next.disabled{color:#ccc;pointer-events:none}
.TableTitle .TableTitleRightArea .PaginationBar .Pages .Next>svg{height: 13px;cursor: pointer;}


.Table.Fixed {
  display: block;
  position: relative;
  max-width: 100%;
  overflow-x: auto; 
  border: 1px solid #dddddd;
  border-top: 0;
  border-bottom: 0;
}

.Table.Fixed tr:hover td{z-index:2}
.Table.Fixed td>.BtnList{display:flex;gap:5px;flex-direction: column;position: relative;}
.Table.Fixed td>.BtnList .Btn{line-height: 14px;border-radius: 4px;}
.Table.Fixed td>.BtnList .Btn.Dropdown{line-height: 14px;border-radius: 4px;background: transparent;border: 0;}
.Table.Fixed td>.BtnList .Btn.Dropdown:hover{color: #000;text-decoration: underline;}

.Table.Fixed td>.BtnList .Btn.DropdownList{line-height: 14px;border-radius: 4px;background: transparent;border: 0;}
.Table.Fixed td>.BtnList .Btn.DropdownList:hover{color: #000;text-decoration: underline;}
.Table.Fixed td>.BtnList .Btn.DropdownList + .DropdownVind{position: absolute;background: #fff;border: 1px solid #000000;padding: 12px;width: 220px;right: 20px;top: 55px;z-index: 1;border-radius: 6px;display:none}
.Table.Fixed td>.BtnList .Btn.DropdownList:hover + .DropdownVind{display:flex;flex-direction: column;gap: 0px;}
.Table.Fixed td>.BtnList .Btn.DropdownList + .DropdownVind:hover{display:flex;flex-direction: column;gap: 0px;}
.Table.Fixed td>.BtnList .Btn.DropdownList + .DropdownVind .Btn{width: 100%;line-height: 20px;text-align: center;display: flex;border: 0;font-weight: 500;color: #000;}
.Table.Fixed td>.BtnList .Btn.DropdownList + .DropdownVind .Btn:hover{text-decoration:underline;}


.Table.Fixed td>.BtnList .Btn.Dropdown svg {
   height:12px;
}
.Table.Fixed tr.show td>.BtnList .Btn.Dropdown svg {
   transform: rotate(180deg);
}

.Table.Fixed td>.BtnList .Btn.DropdownList svg {
   height:12px;
}

.Table.Fixed table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed; /* Hücre genişliklerini düzenlemek için */
}

.Table.Fixed th, .Table.Fixed td {
  border: 1px solid #ddd;
   /* Satır kaydırmayı engelle */
  text-wrap: auto;
  line-height: 15px;
}

.Table.Fixed th:first-child,.Table.Fixed td:first-child {
  position: sticky; /* İlk sütunu sabitle */
  left: 0;
  background-color: #f9f9f9; /* Arka plan rengi */
  z-index: 1; /* Üstte kalması için */
  box-shadow: inset -1px 0px 0px 0px #dddddd;
}

.Table.Fixed th:last-child,.Table.Fixed td:last-child {
  position: sticky; /* Son sütunu sabitle */
  right: -1px;
  background-color: #f9f9f9; /* Arka plan rengi */
   /* Üstte kalması için */
  border: 1px solid #ddd;
  box-shadow: inset 1px 0px 0px 0px #dddddd;
  z-index: 1;
}

/* Bootstrap TagsInput */
.bootstrap-tagsinput {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	border: 1px solid;
}

.bootstrap-tagsinput input {
	direction: ltr;
	border: 0;
	outline: 0;
	background-color: transparent;
	padding: 7px 0;
	margin-top: 3px;
	margin-bottom: 3px;
	width: auto !important;
	min-width: 100px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bootstrap-tagsinput input:focus {
	border: none;
	box-shadow: none;
}

.bootstrap-tagsinput .twitter-typeahead {
	width: auto;
}

.bootstrap-tagsinput .tt-dropdown-menu {
	margin-top: 5px;
	min-width: 200px;
}

.bootstrap-tagsinput .tag {
	/* margin-top: 3px; */
	/* margin-bottom: 3px; */
	margin-right: 2px;
	border: 0;
	border-radius: 100px;
	padding: 3px 6px;
	padding-right: 35px;
	float: left;
	font-size: 12px;
	line-height: 1.6666667;
	font-weight: 400;
	text-transform: none;
	position: relative;
}

.bootstrap-tagsinput .tag:not([class*=bg-]) {
	background-color: #03A9F4;
	color: #fff;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 6px;
	line-height: 1;
	margin-top: -5.5px;
	opacity: 1;
	filter: alpha(opacity=70);
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}


/* Twitter Typeahead */
.twitter-typeahead {
	width: 100%;
}

.typeahead,
.tt-query,
.tt-hint {
	outline: 0;
}

.tt-hint {
	color: #999;
}

.tt-menu {
	width: 100%;
	margin-top: 1px;
	min-width: 180px;
	/* padding: 8px 0; */
	background: transparent;
	/* border: 1px solid transparent; */
	border-radius: 3px;
	max-height: 300px;
	overflow-y: auto;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.typeahead-scrollable .tt-menu {
	max-height: 250px;
}

.typeahead-rtl .tt-menu {
	text-align: right;
}

.tt-suggestion {
	padding: 8px 15px;
	cursor: pointer;
}

.tt-suggestion:hover,
.tt-suggestion:focus,
.tt-suggestion.tt-cursor {
	background-color: #f5f5f5;
}

.tt-dataset-group .tt-suggestion {
	padding-left: 32px;
	padding-right: 32px;
}

.tt-heading {
	font-size: 11px;
	line-height: 1.82;
	padding: 8px 15px;
	text-transform: uppercase;
	display: block;
	font-weight: 700;
	margin-top: 2px;
	margin-bottom: 2px;
}

.typeahead-template .empty-message {
	padding: 8px 15px;
	text-align: center;
}


.bootstrap-tagsinput {
	border-color: #fff;
	padding-left: 1rem;
	padding-right: 1rem;
	color: #6B6E70;
}

.bootstrap-tagsinput .tag {
	/* margin-top: 0.4rem; */
	/* margin-bottom: 0.4rem; */
	border-radius: 0 !important;
}

.bootstrap-tagsinput .tag:not([class*=bg-]) {
	background-color: #3d6cff;
	color: #FFF;
}

.tt-menu {
	/* margin-top: .7rem; */
	/* padding: .4rem; */
	border-radius: 0 !important;
}

.tt-suggestion {
	/* background: #c6c7c7; */
	color: initial;
	/* margin-bottom: .3rem; */
}


.PopContent[T="Upload"]{width: 100%;display: flex;flex-direction: column;}
.PopContent[T="Upload"] .TabList{width:100%}
.PopContent[T="Upload"] .TabList .TabItem{width:100%}
.PopContent[T="Upload"] .TabList .TabItem:hover{width:100%}
.PopContent[T="Upload"] .TabList .TabItem.active{width:100%;border-color: #429ee5;color: #166bae;font-weight: 500;}

.PopContent[T="Upload"] .TabView{width:100%}
.PopContent[T="Upload"] .TabView.active{display:block}

.PopContent[T="Upload"] .UploadBox{display:flex;flex-direction: column;align-items: center;background: #f1f2f7;border: 1px solid #dcdfef;padding: 22px 12px;border-radius: 4px;}
.PopContent[T="Upload"] .UploadBox .dz-message{display:flex;flex-direction: column;align-content: center;align-items: center;}
.PopContent[T="Upload"] .UploadBox .Icon{display:flex}
.PopContent[T="Upload"] .UploadBox .Title{display:flex;font-weight: 500;margin-top: 12px;}
.PopContent[T="Upload"] .UploadBox .Text{display:flex;text-align: center;font-size: 10px;color: #ababab;margin: 5px 0px;}
.PopContent[T="Upload"] .UploadBox .Btn{display:flex;margin-top: 12px;background: transparent;border-color: #2196F3;color: #2196F3;}

.PopContent[T="Upload"] .UploadBoxInfo{width:100%;display: flex;background: #efca5d;color: #000000;padding: 4px 8px;border-radius: 4px;margin-bottom: 10px;font-size: 12px;gap: 4px;align-items: center;display: none;}

.PopContent[T="Upload"] .Upload{display: flex;flex-direction: column;gap: 10px;margin-top: 10px;}
.PopContent[T="Upload"] .Upload .Item{display:flex;flex-direction: row;align-items: center;gap: 12px;position: relative;}
.PopContent[T="Upload"] .Upload .Item .Img{width: 35px;height: 55px;border: 1px solid #d5d9e1;border-radius: 4px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.PopContent[T="Upload"] .Upload .Item .Img img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.PopContent[T="Upload"] .Upload .Item .Info{display:flex;flex-direction: column;width: 100%;}
.PopContent[T="Upload"] .Upload .Item .Info>div:first-child{font-weight: 600;font-size: 12px;}
.PopContent[T="Upload"] .Upload .Item .Info .Proggress{display:flex;flex-direction: column;}
.PopContent[T="Upload"] .Upload .Item .Info .Proggress>div:nth-child(1){display:flex;font-size: 11px;line-height: 20px;font-weight: 400;}
.PopContent[T="Upload"] .Upload .Item.error .Info .Proggress>div:nth-child(1){color: #f00;}
.PopContent[T="Upload"] .Upload .Item.success .Info .Proggress>div:nth-child(1){color: #16741a;}
.PopContent[T="Upload"] .Upload .Item .Info .Proggress>div:nth-child(2){display:flex;height: 4px;background: #ececec;width: 100%;border-radius: 14px;overflow: hidden;}
.PopContent[T="Upload"] .Upload .Item .Info .Proggress>div:nth-child(2) span{height: 4px;background: #3ab93f;}
.PopContent[T="Upload"] .Upload .Item.error .Info .Proggress>div:nth-child(2) span{background: #ff4242;}
.PopContent[T="Upload"] .Upload .Item.success .Info .Proggress>div:nth-child(2) span{background: #2ba830;}
.PopContent[T="Upload"] .Upload .Item .Info .Cancel{display: none;}
.PopContent[T="Upload"] .Upload .Item.error .Info .Cancel{display: block;position: absolute;top: 8px;right: 0;}
.PopContent[T="Upload"] .Upload .Item .Info .Removed{display: none;}
.PopContent[T="Upload"] .Upload .Item.success .Info .Removed{display: block;position: absolute;right: 0;top: 8px;}

.PopContent[T="Upload"] .Info{display: none;margin-top: 14px;font-size: 12px;font-weight: 500;}
.PopContent[T="Upload"] .Info.Error{color: #f00;}
.PopContent[T="Upload"] .Info.Success{color: #3aa23e;}

.PopContent[T="Upload"] .BtnList{width: 100%;display:flex;margin-top: 14px;gap: 12px;align-items: center;align-content: center;justify-content: space-between;}
.PopContent[T="Upload"] .BtnList .Btn{display: flex;align-items: center;justify-content: center;width: 100%;flex: auto;}

.PopContent[T="VariantGallery"] .List{display: flex;flex-wrap: wrap;gap: 12px;}
.PopContent[T="VariantGallery"] .List .GalleryItem{width: calc(25% - 10px);border: 1px solid #c1c1c1;position: relative;background: #000;transition: all 0.4s;}
.PopContent[T="VariantGallery"] .List .GalleryItem img{width: 100%;display: block;transition: all 0.3s;}
.PopContent[T="VariantGallery"] .List .GalleryItem:hover img{opacity:0.7;transition: all 0.3s;}
.PopContent[T="VariantGallery"] .List .GalleryItem .Tools{display: none;position: absolute;right: 5px;top: 5px;gap: 6px;flex-direction: column;}
.PopContent[T="VariantGallery"] .List .GalleryItem:hover .Tools{display: flex}
.PopContent[T="VariantGallery"] .List .GalleryItem .Tools>div{display: flex;flex-wrap: wrap;cursor: pointer;}
.PopContent[T="VariantGallery"] .List .GalleryItem>div:not(.Tools){position: absolute;bottom: 0;font-size: 12px;background: #f00;color: #fff;border-radius: 2px;padding: 2px 4px;left: 5px;bottom: 5px;}
.PopContent[T="VariantGallery"] .List .GalleryItem>div:not(.Tools){display:none}
.PopContent[T="VariantGallery"] .List .GalleryItem:nth-child(1)>div:not(.Tools){display:block}
.PopContent[T="VariantGallery"] .Info{display: flex;margin-top: 0;font-size: 12px;font-weight: 500;background: #fce4d154;border: 1px solid #f27a1a;margin-bottom: 16px;padding: 10px;border-radius: 2px;font-weight: 400;}

.PopContent[T="VariantGallery"] .BtnList{width: 100%;display:flex;margin-top: 14px;gap: 12px;align-items: center;align-content: center;justify-content: space-between;}
.PopContent[T="VariantGallery"] .BtnList .Btn{display: flex;align-items: center;justify-content: center;width: 100%;flex: auto;}