@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');

*{box-sizing:border-box}
a{text-decoration:none;color:#202947}
body{margin:0;padding:0;font-family: 'Plus Jakarta Sans', sans-serif;color: #344685;font-size: 14px;background: #f9fafc;width: 100%;height:100%;position: relative;right: 0;transition: right 0.3s;font-weight: 400;opacity: 0;transition: opacity 0.4s;}
body.all-loaded{opacity: 1 !important;!i;!;transition: opacity 0.4s;}
body.RightPopup{
}
body.RightPopup .NavBar{
    left: -240px;
}
body.RightPopup .PageView{
    width: calc(100% - 600px);
    margin-left: 0;
    transition: all 0.3s;
}
.BtnBackup{display: flex;gap: 4px;background: #fedaa5;color: #5c441d;padding: 5px 12px;border-radius: 2px;border: 1px solid #f3ca8f;cursor: pointer;font-weight: 500;align-items: center;}
.BtnBackup[U='1']{pointer-events: none;position: relative;padding-left: 35px;background: #202947;color: #fff;border-color: #202947;}
.BtnBackup[U='1']:before{content:"";background: #fff0 url(/Inc/Img/Loading_Search_Blue.gif);background-size: 24px;width: 24px;height: 24px;position: absolute;left: 4px;top: 3px;display: block;z-index: 1;border-radius: 2px;}

.BtnDownload{display: flex;gap: 4px;background: #98d49b;color: #154b17;padding: 5px 12px;border-radius: 2px;border: 1px solid #5fc063;cursor: pointer;font-weight: 500;align-items: center;height: 30px;!;!i;!;!i;!;text-decoration: none !important;!i;!;}
.BtnDownload[T="0"]{background: #f8f9fb;color: #858078;border-color: #d9d9d9;pointer-events: none;}
.BtnHistory{display: flex;gap: 4px;background: #f9fafc;color: #525252;padding: 5px 12px;border-radius: 2px;border: 1px solid #9f9f9f;cursor: pointer;font-weight: 500;align-items: center;}

.Badge{padding: 1px 5px;border-radius: 4px;font-size: 10px;}
.Badge.Green{background: #affebf;color: #014b40;}
.Badge.Yellow{background: #ffeb78;color: #4f4700;}

input,select,textarea{font-size:14px !important}
.NotificationBar {
    position: fixed;
    right: 10px;
    top: 10px;
    display: flex;
    flex-direction: column;
    z-index: 1111111111111;
    max-width: 300px;
    gap: 10px;
}

.mb15{margin-bottom:15px !important}

.NotificationBar .Notification {
    width: 100%;
    background: #fff;
    border-right: 8px solid #f3f3f3;
    padding: 14px;
    margin-top: -1px;
    margin-left: -100%;
    transition: all .3s;
    border-radius: 10px;
}

.NotificationBar .Notification.DarkInfo {
    background: #000;
    color: #fff;
    border-left-color: #000
}

.NotificationBar .Notification.Error {
    border-color: red;
    background: #ffe0e0;
}

.NotificationBar .Notification.Success {
    border-color: #4caf50;
    background: #e4ffca;
}

.NotificationBar .Notification.Show {
    height: auto;
    margin-left: 0;
    transition: all .3s
}

.NotificationBar .Notification .Title {
    width: 100%;
    display: flex;
    align-items: center;
}

.NotificationBar .Notification .Title>span {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
}

.NotificationBar .Notification.Error .Title>span {
    color: #310808;
}

.NotificationBar .Notification.Success .Title>span {
    color: #247927
}

.NotificationBar .Notification .Text {
    width: 100%;
    font-size: 14px;
    color: #000;
}

input.error,select.error,textarea.error,select.error + .select2 .select2-selection{
    border-color:#f00;color:#f00
}

.modebar-container{display:none}
.infolayer{display:none}

.animateReturn {
    opacity: 1;
    animation: gvY0a 1.5s linear infinite
}

@keyframes gvY0a {
    to {
        transform: rotate(1turn)
    }
}
.select2-container{z-index:22222}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit;
    line-height: 16px;
    padding: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:32px}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 2px;
    height: inherit;
}
.select2-container--open .select2-dropdown--below{padding:10px;border-color: #dee2e6;top: -1px;}
.select2-container--default .select2-search--dropdown .select2-search__field{border-color: #344685;outline: none;}
.select2-search--dropdown{padding:0;margin-bottom: 6px;}
.select2-results__option{font-size:12px;}
.select2-results__option{font-size:12px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background: #344685;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 3px!important;
    height: 3px!important
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 3px!important;
    height: 2px!important
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #344685
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: rgba(255,255,255,.41)
}
.NavBar{width: 240px;height: 100%;position: fixed;left: 0;top: 0;border-right: 1px solid #efefef;background: rgb(32 41 71);display: flex;flex-direction: column;z-index: 1;transition: all 0.3s;}
.NavBar .Logo{padding: 0;border-bottom: 1px solid #374062;background: #131b38;display: flex;align-items: center;justify-content: center;}
.NavBar .Logo img{width: 100%;filter: invert(1);}
body.show .NavBar{left: -240px;transition: all 0.3s;}

.NavBar .Navs{padding: 12px 24px;margin-top: 30px;height: 100%;display: flex;flex-direction: column;overflow: auto;}
.NavBar .Navs::-webkit-scrollbar {
    width: 3px!important;
    height: 3px!important
}

.NavBar .Navs::-webkit-scrollbar {
    width: 3px!important;
    height: 2px!important
}

.NavBar .Navs::-webkit-scrollbar-thumb {
    background-color: #344685
}

.NavBar .Navs::-webkit-scrollbar-track {
    background: rgba(255,255,255,.41)
}
.NavBar .Navs>.Text{font-weight: 700;font-size: 11px;color: #9da4bf;margin-bottom: 12px;letter-spacing: 1px;}
.NavBar .Navs .Item{display: flex;color: #fff;margin-bottom: 2px;align-items: center;padding: 8px 3px;border-radius: 4px;cursor: pointer;}
.NavBar .Navs .Item.active{color: #FFC107;}
.NavBar .Navs .Item:hover{background: #07102f;color: #FFC107;}
.NavBar .Navs .Item .Icon{
    width: 26px;
    display: flex;
}
.NavBar .Navs .Item .Icon svg{
    fill: #fff;
    height: 15px;
}
.NavBar .Navs .Item .Text{
    font-size: 12px;
    text-transform: uppercase;
}

.NavBar .Navs .IstatisticBar{margin-top: auto;background: #00000042;padding: 12px;border: 1px dashed #efefef2e;display: flex;flex-direction: column;color: #FFC107;font-size: 10px;text-transform: uppercase;margin-bottom: 30px;}
.NavBar .Navs .IstatisticBar div:nth-child(2){display: flex;gap: 6px;margin: 3px 0px;}
.NavBar .Navs .IstatisticBar div:nth-child(2) svg{height: 13px;}
.NavBar .Navs .IstatisticBar div:nth-child(2) svg path{stroke: #fff;}
.NavBar .Navs .IstatisticBar div.Date{font-size: 9px;text-transform: none;margin-top: 8px;color: #ffffff;}


.PageView{width: calc(100% - 240px);margin-left: 240px;padding: 0 24px;transition: all 0.3s;}
body.show .PageView{width:100%;margin-left: 0px;transition: all 0.3s;}
.PageView .Head{width:100%;border-bottom: 1px solid #202947;position: relative;}
.PageView .Head:before{content:"";display: block;width: 45px;background: #FFEB3B;height: 3px;position: absolute;right: 0;bottom: -2px;}
.PageView .Head:after{content:"";display: block;right: 45px;width: 25px;background: #FF9800;height: 3px;position: absolute;bottom: -2px;}
.PageView .Head .Container{width:100%;padding: 14px 0px;position: relative;display: flex;justify-content: flex-start;min-height: 57px;}
.PageView .Head .Container .Nav{width: 40px;}


.PageView .Head .Container .Project{margin-left: 10px;display: flex;}
.PageView .Head .Container .Project .Selected{display: flex;cursor:pointer;align-items: center;gap: 8px;padding: 0px 12px;border-radius: 2px;}
.PageView .Head .Container .Project .Selected:hover{background: #d9e0ed;}
.PageView .Head .Container .Project .Selected img{height: 20px;}
.PageView .Head .Container .Project .Selected .Name{line-height: 20px;font-weight: bold;font-size: 22px;}
.PageView .Head .Container .Project .Selected svg{line-height: 30px;margin-left: 16px;}

.PageView .Head .Container .Project .Wind{position: absolute;top: 100%;background: #fff;border: 1px solid #ccc;padding: 16px;width: 50%;z-index: 10;display: none;margin-top: -10px;}
.PageView .Head .Container .Project .Overflow{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000000d;
    z-index: 1;
    display:none
}
.PageView .Head .Container .Project.active .Wind{display: block;}
.PageView .Head .Container .Project.active .Overflow{display: block;}
.PageView .Head .Container .Project .Wind .Tools{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.PageView .Head .Container .Project .Wind .Tools .Title{font-weight: 700;}
.PageView .Head .Container .Project .Wind .Tools .Btn{display: flex;cursor:pointer;align-items: center;gap: 8px;padding: 0px 12px;border-radius: 2px;}
.PageView .Head .Container .Project .Wind .Search{display: flex;width: 100%;padding: 5px 0px;}
.PageView .Head .Container .Project .Wind .Search input{width: 100%;border: 1px solid #3352bb;padding: 6px;border-radius: 2px;}
.PageView .Head .Container .Project .Wind .List{display: flex;flex-direction: column;margin-top: 5px;max-height: 60vh;overflow: auto;}

.PageView .Head .Container .Project .Wind .List .Item{display: flex;flex-direction: column;position: relative;}
.PageView .Head .Container .Project .Wind .List .Item.Loading::after{content:"";background: #fff0 url(/Inc/Img/Loading_Search_Blue.gif);background-size: 26px;width: 26px;height: 26px;position: absolute;right: 5px;top: 9px;display: block;z-index: 1;border-radius: 2px;margin-right: 5px;}

.PageView .Head .Container .Project .Wind .List .Item .Project{display: flex;flex-direction: row;align-items: center;margin: 0;padding: 6px;cursor: pointer;border-bottom: 1px solid #f3f3f3;}
.PageView .Head .Container .Project .Wind .List .Item .Project:hover{background: #f5f5f5;}
.PageView .Head .Container .Project .Wind .List .Item.active .Project{background: #dce4ff}
.PageView .Head .Container .Project .Wind .List .Item .Project .Logo{width: 34px;display: block;margin-right: 10px;}
.PageView .Head .Container .Project .Wind .List .Item .Project .Logo img{width: 100%;}
.PageView .Head .Container .Project .Wind .List .Item .Project .Info{display: flex;flex-direction: column;}
.PageView .Head .Container .Project .Wind .List .Item .Project .Info .Name{display: flex;flex-direction: column;font-weight: 700;line-height: 16px;}
.PageView .Head .Container .Project .Wind .List .Item .Project .Info .Domain{display: flex;flex-direction: column;font-size: 11px;line-height: 12px;}

.PageView .Head .Container .Navigation{margin-left: auto;display: flex;gap: 16px;}


.BadgeBox{background: #ccc;padding: 4px 12px;border-radius: 2px;display: flex;align-items: center;gap: 12px;cursor: pointer;position: relative;border-radius: 4px;}
.BadgeBox.Grey{background:#f2f3f5;color: #202947;}
.BadgeBox.Red{background:#ff9999;color: #9e0101;}
.BadgeBox.Blue{background:#202947;color: #fff;}
.BadgeBox.Green{background:#80ea84;color: #0a4f0d;}
.BadgeBox.Orange{background:#FF5722;color: #fff;}

.Btn{background: #ccc;padding: 4px 12px;border-radius: 2px;display: flex;align-items: center;gap: 12px;cursor: pointer;position: relative;border-radius: 4px;}
.Btn.Query{background: #d7d9e0 !important;!i;!;color: #20294791 !important;!i;!;pointer-events: none;}
.Btn.Disabled{background: #d7d9e0 !important;!i;!;color: #20294791 !important;!i;!;pointer-events: none;}
.Btn.Grey{background: linear-gradient(343deg, #f2f3f5, #e6e8f1);color: #202947;}
.Btn.Red{background: linear-gradient(343deg, #e91c1c, #d82929);color: #fff;}
.Btn.Blue{background: linear-gradient(343deg, #202947, #3556c4);color: #fff;}
.Btn.Green{background: linear-gradient(343deg, #228f26, #58d95d);color: #fff;}
.Btn.Orange{background: linear-gradient(343deg, #FF5722, #FF9800);color: #fff;}
.Btn:hover.Blue{background: #202947;}
.Btn:hover.Red{background: #d82929;}
.Btn:hover.Grey{background: #e6e8f1;}
.Btn.User{height: 34px;}
.Btn.User img{height: 34px;}
.Btn .Wind{position: absolute;top: 100%;z-index: 1;background: #fff;border: 1px solid #ccc;width: 220px;left: 50%;margin-left: -110px;padding: 8px;box-shadow: 0 1px 4px 0 rgba(0,0,0,.1),0 3px 20px 0 rgba(0,0,0,.05);display: none;}
.Btn svg{height: 14px;}
.Btn .Wind .Item{display: flex;gap: 12px;color: #344685;font-size: 12px;align-items: center;justify-content: center;border-bottom: 1px solid #ededed;line-height: 32px;border-radius: 5px;}
.Btn .Wind .Item:hover{background: #eff0f3b8}
.Btn .Wind .Item:last-child{border:0}
.Btn:Hover .Wind{display:block}



.animated-arrow.hor-toggle {
   text-align: center;
   width: 2rem;
   font-size: 1.2rem;
   position: relative;
   margin: 0.3125rem 0;
   margin-inline-end: 1rem;
 }
 .animated-arrow {
   transition: all 0.05s ease-in-out;
   cursor: pointer;
   margin-block-end: 0;
   display: flex;
   align-items: center;
 }
 .animated-arrow.hor-toggle span {
   vertical-align: middle;
 }
 .animated-arrow span {
   cursor: pointer;
   height: 0.075rem;
   width: 14px;
   background: #000;
   position: absolute;
   display: block;
   content: "";
   transition: all 0.05s ease-in-out;
 }
 .animated-arrow span:before,
 .animated-arrow span:after {
   transition: all 0.05s ease-in-out;
 }
 .animated-arrow span:before {
   bottom: 8px;
   width: 1.4375rem;
 }
 .animated-arrow span:after {
   bottom: -8px;
   width: 15px;
 }
 .animated-arrow span:before,
 .animated-arrow span:after {
   cursor: pointer;
   height: 0.075rem;
   width: 22px;
   background: #000000;
   position: absolute;
   display: block;
   content: "";
 }

 body.show .animated-arrow span {
   background:transparent
 }
 body.show .animated-arrow span:before {
   transform:rotate(-45deg);
   inset-block-start: -1px;
 }
 body.show .animated-arrow span:after {
   transform:rotate(45deg);
   inset-block-start: -1px;
 }


 


.PageView .Page{width:100%;padding: 14px 0px;}
.PageView .PageTitle{width:100%;display: flex;margin: 16px 0px;}
.PageView .PageTitle .Left{width:100%;display: flex;flex-direction: column;}
.PageView .PageTitle .Breadcrumbs{width:100%;display: flex;align-items: center;justify-content: flex-start;gap: 6px;}
.PageView .PageTitle .Breadcrumbs .Home{font-weight: 300;color: #214ad2;}
.PageView .PageTitle .Breadcrumbs .Icon{display: flex;}
.PageView .PageTitle .Breadcrumbs .Icon svg{height: 16px;}
.PageView .PageTitle .Breadcrumbs .Icon svg path{stroke:#214ad2}
.PageView .PageTitle .Breadcrumbs .Name{font-weight: 500;color: #000;}
.PageView .PageTitle .Title{width:100%;font-size: 14px;font-weight: 600;margin-top: 5px;}

.PageView .Head .BtnList>.Btn{border-radius: 2px;background: #ffffff9c;border: 1px solid #ccc;line-height: 16px;text-decoration: none;}
.PageView .Head .BtnList>.Btn.active{font-weight: 500;background: transparent;border-color: #202947;color: #202947;}
.PageView .Page>.TabView{display:none}
.PageView .Page>.TabView.active{display:block}

.Tab{display: flex;justify-content: flex-start;align-items: center;background: #fff;border: 1px solid #e9e9e9;padding: 3px;border-radius: 3px;gap: 3px;width: max-content;margin-bottom: 16px;}
.Tab .TabItem{display: flex;line-height: 32px;align-items: center;cursor: pointer;padding: 0 6px;gap: 6px;}
.Tab .TabItem.active{background: #FFC107 !important;!i;!;font-weight: bold;}
.Tab .TabItem:hover{background: #efefef;}
.Tab .TabItem .Icon{display: flex;padding: 4px;}
.Tab .TabItem .Icon svg{width:100%}
.Tab .TabItem .Text{display: flex;align-items: center;justify-content: flex-start;gap: 4px;font-size: 13px;}
.Tab .TabItem .Text span:nth-child(1){width:100%}
.Tab .TabItem .Text span:nth-child(2){width:100%}

.Inputs{display:flex;justify-content: flex-end;align-items: center;}
.Inputs.start{justify-content: flex-start;}
.Inputs .Input{display:flex;background: #fff;border: 1px solid #e9e9e9;padding: 3px 10px;}
.Inputs .Input .Icon{display:flex;align-items: center;}
.Inputs .Input .Icon svg{display:flex}
.Inputs .Input input{display:flex;border: 0;padding: 7px;outline: none;}


.Box{background:#fff;border-radius: 0.5rem;background-color: var(--custom-white);box-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05);border: 0;position: relative;margin-block-end: 16px;width: 100%;min-height: 82px;display: flex;flex-direction: row;gap: 14px;padding: 16px;border: 1px solid #efefef;white-space: nowrap;}
.Box:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  background-image: url(https://php.spruko.com/xintra/xintra/assets/images/media/media-89.png);
  background-position: center;
  background-repeat: repeat;
  z-index: -1;
  opacity: 0.6;
  background-size: cover;
}
.Box .Left{display:flex;flex-direction: column;justify-content: space-between;width: 100%;}
.Box .Left .Text{display:flex;font-size: 12px;font-weight: bold;}
.Box .Left .Numb{display:flex;font-size: 16px;font-weight: bold;}
.Box .Left .SubText{display:flex;font-size: 10px;}
.Box .Icon{display:flex;flex-direction: column;justify-content: center;}
.Box .Icon:empty{display:none}

.Box.KeywordRates{display:flex}
.Box.KeywordRates .Left{display:flex;flex-direction: column;justify-content: space-between;width: 45%;flex: none;}
.Box.KeywordRates .Left .Text{display:flex;font-size: 12px;font-weight: bold;}
.Box.KeywordRates .Left .Ranks{display:flex;width: 100%;height: 40px;background: #efefef;}
.Box.KeywordRates .Left .Ranks div{display:flex;height: 100%;transition: all 0.4s;}
.Box.KeywordRates .Left .Ranks div[r="1-3"]{display:flex;background: #FF9800;}
.Box.KeywordRates .Left .Ranks div[r="4-10"]{display:flex;background: #ff9800e3;}
.Box.KeywordRates .Left .Ranks div[r="11-20"]{display:flex;background: #ff9800ab;}
.Box.KeywordRates .Left .Ranks div[r="21-40"]{display:flex;background: #ff98007d;}
.Box.KeywordRates .Left .Ranks div[r="41-100"]{display:flex;background: #ff98003b;}
.Box.KeywordRates .Left .Ranks div[r="100"]{display:flex;background: #ff980014;}
.Box.KeywordRates .Right{display:flex;flex-wrap: wrap;white-space: nowrap;}
.Box.KeywordRates .Right .Item{display:flex;width: 50%;align-items: center;gap: 6px;font-size: 12px;padding: 0 20px 0px 8px;}
.Box.KeywordRates .Right .Item .Ico{height: 10px;width: 10px;border-radius: 100%;background: #ccc;flex: none;}
.Box.KeywordRates .Right .Item .Ico[r="1-3"]{display:flex;background: #FF9800;}
.Box.KeywordRates .Right .Item .Ico[r="4-10"]{display:flex;background: #ff9800e3;}
.Box.KeywordRates .Right .Item .Ico[r="11-20"]{display:flex;background: #ff9800ab;}
.Box.KeywordRates .Right .Item .Ico[r="21-40"]{display:flex;background: #ff98007d;}
.Box.KeywordRates .Right .Item .Ico[r="41-100"]{display:flex;background: #ff98003b;}
.Box.KeywordRates .Right .Item .Ico[r="100"]{display:flex;background: #ff980014;}

.Box.KeywordRates .Right .Item .Text{display:flex;}
.Box.KeywordRates .Right .Item .Text:last-child{margin-left: auto;font-weight: bold;font-size: 12px;}

.ProjectList{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.ProjectList>.Box{width: calc(33.33% - 16px);margin: 0;cursor: pointer;}
.ProjectList>.Box:hover{border-color: #2196F3;}
.tabulator {
    border: 0;
    background-color: transparent
}

.tabulator .tabulator-header {
    border-bottom: 1px solid #eaeaea;
    padding: 0px 0;
    background: 0 0
}

.tabulator .tabulator-header .tabulator-col {
    background: 0 0;
    border-right: 0;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: bottom;
    font-size: 13px;
    color: #5a5e9a;
    padding: 0px 6px;
}
.tabulator .tabulator-col-sorter{display:none !important}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding: 0;
}

.twoRow {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 34px
}

.twoRow>span:nth-child(1) {
    width: 100%;
    font-size: 13px;
    line-height: 20px
}

.twoRow>span:nth-child(2) {
    width: 100%;
    font-size: 12px;
    line-height: 14px
}

.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
    border-right: 1px solid #eaeaea;
    display: inline-grid;
    align-items: center;
    justify-content: center;
}

.tabulator-row .tabulator-cell {
    border: 0;
    padding: 6px 6px;
    font-size: 12px;
    border-bottom: 1px solid #f5f5f5
}
.tabulator-row .tabulator-cell:first-child,.tabulator .tabulator-header .tabulator-col:first-child {
    padding-left:16px;
}
.tabulator-row .tabulator-cell:last-child,.tabulator .tabulator-header .tabulator-col:last-child{
    padding-right:16px
}

.tabulator-row .tabulator-cell {
    display: inline-flex;
    align-items: center;
    text-align: center;
    !i;!;
}
.tabulator-row .tabulator-cell .textCenter{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.tabulator-row.tabulator-row-even {
    background: 0 0
}
.tabulator-row.highlighted {
    background-color: #fde6cc !important; /* Renk için önem atayın */
}

/* Hover etkisi varsa ama .highlighted uygulanmışsa öncelik sabit kalsın */
.tabulator-row.highlighted:hover {
    background-color: #fde6cc !important; /* Hover sırasında renk değişmesin */
}

.tabulator-row.tabulator-selected {
    background-color: #f5f9ff!important
}

.tabulator-row:hover {
    background-color: #f5f9ff!important
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
    background: 0 0
}

.tabulator .tabulator-col-resize-handle {
    display: none
}

.tabulator .tabulator-header .tabulator-col:last-child {
    border-right: 0
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left{border-right:1px solid #eaeaea}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content{/* padding:0px 6px; */}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding: 10px 0px !important;font-size: 13px;}
.tabulator .tabulator-header .tabulator-col[tabulator-field="rightAligned"] .tabulator-col-content .tabulator-col-title{text-align:right}
.tabulator .tabulator-header .tabulator-col[tabulator-field="centerAligned"] .tabulator-col-content .tabulator-col-title{text-align:center}
.tabulator .tabulator-header .tabulator-col[tabulator-field="leftAligned"] .tabulator-col-content .tabulator-col-title{text-align:left}
.tabulator-row .tabulator-cell[tabulator-field="rightAligned"]{text-align:right;justify-content: flex-end;}
.tabulator-row .tabulator-cell[tabulator-field="centerAligned"]{text-align:center}
.tabulator-row .tabulator-cell[tabulator-field="leftAligned"]{text-align:left;justify-content: flex-start;!i;!;}






section.Login{width:100%;position: fixed;left: 0;top: 0;height: 100%;display: flex;align-items: center;justify-content: center;}
section.Login .Back{width:100%;background-image: url('/Inc/Img/login_bg-tQVGET2T.jpg');background-position: 50%;background-repeat: no-repeat;background-size: cover;position: fixed;left: 0;top: 0;height: 100%;display: flex;align-items: center;justify-content: center;filter: hue-rotate(45deg);}
section.Login .Container{width: 460px;display: flex;flex-direction: column;filter: hue-rotate(0deg);position: relative;z-index: 1;}
section.Login .Container .Logo{width:100%;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
section.Login .Container .Logo img{height: 40px;}
section.Login .Container .Form{width:100%;background: #fff;padding: 24px;border-radius: 4px;box-shadow: 0 0 37px #0815420d;}
section.Login .Container .Title{width:100%;font-size: 18px;}
section.Login .Container .Text{width:100%;font-size: 12px;margin: 4px 0px;}
section.Login .Container .Input{width:100%;margin-top: 20px;position: relative;}
section.Login .Container .Input label{width:100%;font-weight: 300;font-size: 13px;}
section.Login .Container .Input input{width:100%;border: 1px solid #e6e9eb;padding: 12px;border-radius: 2px;background: #0066661a;color: #051a1a;outline: none;font-size: 12px;}
section.Login .Container .Input .BtnView{position: absolute;right: 8px;bottom: 14px;z-index: 1;cursor: pointer;font-size: 10px;}
section.Login .Container .Input.show BtnView{width:100%}
section.Login .Container .Forgot{width:100%;display: flex;justify-content: flex-end;align-items: center;}
section.Login .Container .Forgot a{margin: 8px 0px;font-size: 12px;letter-spacing: 1px;}
section.Login .Container .Btn{width:100%;background: rgb(32 41 71);!;color: #fff;padding: 12px;border-radius: 4px;text-align: center;margin-top: 30px;}

section.Login .PasswordRate{display:flex;gap: 8px;margin: 12px 0px;}
section.Login .PasswordRate .Item{display:flex;width: 100%;height: 8px;border-radius: 4px;background: #efefef;}
section.Login .PasswordRate .Item.active{background: #40d046;}
section.Login .PasswordRate + .Text{font-size: 10px;}

.TableBox{background:#fff;box-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05);/* padding: 16px; */border-radius: 4px;border: 1px solid #efefef;}
.TableBox .TableHead{width: 100%;display: flex;border-bottom: 1px solid #efefef;line-height: 40px;padding: 6px 16px;align-items: center;white-space: nowrap;justify-content: space-between;}
.TableBox .TableHead .TableCounter{font-weight:bold;font-size: 17px;}
.TableBox .TableHead .BtnList{display: flex;margin-left: auto;gap: 12px;align-items: center;line-height: 24px;}
.tabulator-alert{display:none !important}
.TabView{display:none}
.TabView.active{display:block}




.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: 11111;}
.Popup .Overflow{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: 1;}
.Popup:not(.Right) .Document{width: 520px;background: #fff;border-radius: 3px;flex: none;border: 1px solid #f0f0f0;box-shadow: 0px 6px 17px -16px #000;transition: all 0.2s;position: relative;top: -100%;filter: blur(10px);z-index: 2;}
.Popup:not(.Right).Show .Document{transition: all 0.2s;top:0%;filter: blur(0px);}
.Popup .Document>.Title{width:100%;display: flex;flex-direction: column;padding: 24px 24px 8px 24px;line-height: 22px;position: relative;}
.Popup .Document>.Title .Closed{position: absolute;right: 0;top: 0;cursor: pointer;padding: 24px 24px 0px 24px;}
.Popup .Document>.Title .Closed svg{height: 14px;}
.Popup .Document>.Title>span:nth-child(1){width:100%;font-weight: 600;font-size: 18px;margin-bottom: 14px;}
.Popup .Document .Center{width:100%;height: 100%;padding: 24px;overflow: auto;}


.Popup .Document .Center .ProjectList{width:100%;margin-top: 10px;display: flex;gap: 3px;padding-right: 10px;overflow: auto;}
.Popup .Document .Center .ProjectList .ProjectItem{width:100%;display: flex;background: #efefef;padding: 4px 12px;border-radius: 3px;border: 1px solid #ccc;cursor: pointer;flex-direction: column;}
.Popup .Document .Center .ProjectList .ProjectItem.Selected{background: #03a9f41a;border: 1px solid #03a9f496;}
.Popup .Document .Center .ProjectList .ProjectItem span:nth-child(1){width:100%;font-weight: 600;font-size: 13px;}
.Popup .Document .Center .ProjectList .ProjectItem span:nth-child(2){width:100%;font-size: 11px;}
.Popup .Document .Center .ProjectList::-webkit-scrollbar {
    width: 3px!important;
    height: 3px!important
}

.Popup .Document .Center .ProjectList::-webkit-scrollbar {
    width: 3px!important;
    height: 2px!important
}

.Popup .Document .Center .ProjectList::-webkit-scrollbar-thumb {
    background-color: #344685
}

.Popup .Document .Center .ProjectList::-webkit-scrollbar-track {
    background: rgba(255,255,255,.41)
}


.Popup .DaysTab{margin-left: auto;border: 2px solid #efefef;padding: 2px;border-radius: 2px;}
.Popup .DaysTab .TabItem{border-radius: 2px;padding: 2px 8px;font-weight: 600;font-size: 12px;cursor: pointer;}
.Popup .DaysTab .TabItem:hover{background: #efefefad;}
.Popup .DaysTab .TabItem.active{background: #2196f317;color: #1564a3;}

.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;margin-bottom: 5px;border-bottom: 2px solid #ebebeb;margin-top: 20px;}
.Popup .Document .Center .TabList>.TabItem{position: relative;border-bottom: 2px solid transparent;padding: 10px 9px 5px 9px;cursor: pointer;font-weight: 500;font-size: 12px;margin-bottom: -2px;}
.Popup .Document .Center .TabList>.TabItem.active{border-color: #3fa8fa;font-weight: 600;color: #3fa8fa;}
.Popup .Document .Center .TabView{width:100%;display: none;}
.Popup .Document .Center .TabView.Active{display: block;}
.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: 0px;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: 0px;margin-top: 0px;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: 0px;margin-top: 0px;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: 0px;margin-top: 0px;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: 0px;margin-top: 0px;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;}

.Popup .Document .Footer{width:100%;display: flex;align-items: center;gap: 12px;padding: 12px 24px 24px 24px;justify-content: flex-end;padding-top: 28px;}
.Popup .Document .Footer>.Btn{border: 0;font-size: 14px;line-height: 28px;}

.Popup .Document .Footer{/* width:100%; *//* display: flex; *//* justify-content: flex-end; *//* align-items: center; */}
.Popup .Document .Footer>.Btn[T='Closed']{}
.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 0.3s ease 0s;
   background: rgb(3, 169, 244);
   height: 12px;
}


.Popup.Right{justify-content: flex-end;align-items: stretch;backdrop-filter: none;position: fixed;width: initial;left: initial;right: 0;border-left: 16px solid #f9fafc;}
.Popup.Right .Document{width: 600px;background: #fff;padding: 24px;border-radius: 0;flex: none;border: 1px solid #f0f0f0;box-shadow: 0px 6px 17px -16px #000;transition: all 0.2s;position: relative;right: -100%;filter: blur(10px);z-index: 2;}
.Popup.Right.Show .Document{transition: all 0.2s;right:0%;filter: blur(0px);display: flex;flex-direction: column;padding: 0;}
.Popup.Right .Overflow{display:none}

.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 0.4s;display: flex;flex-direction: column;}
.Popup.Right.Show .SubContent .Loading{position: absolute;width: 40px;height: 40px;border-radius: 100px 0px 0px 100px;background: #d9e5e9;z-index: 1;left: 0px;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 0px 0px 0px 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 0px 0px 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 0.4s;}
.Popup.Right.productItemAiGenerate .SubContent.Load{right: 414px;transition: all 0.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}

.Popup .Document .Center textarea,.Popup .Document .Center select,.Popup .Document .Center input{outline:none}
.Popup .Document .Center textarea::placeholder{font-size:12px;color:#3446859e}
.Popup .Document .Center textarea{font-size: 12px;color: inherit;padding: 12px;}
.form-control:focus{border:1px solid #344685;box-shadow:none;}
textarea,select,input{outline:none}



.Popup .Document .BtnView{display: flex;gap: 12px;margin-top: 8px;cursor: pointer;font-size: 12px;}
.Popup .Document .BtnView>i{display: block;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);background-size: 14px;width: 14px;height: 18px;background-position: 50%;}
.Popup .Document .BtnView.Active>i{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==) ;}
.Popup .Document  .Item{font-size: 12px;gap: 9px;display: flex;margin-top: 6px;align-items: center;}
.Popup .Document  .Item>i{background: #9b9b9b;width: 10px;height: 10px;border-radius: 100%;display: block;margin-right: 8px;}
.Popup .Document  .Item.Error{color: #f00;}
.Popup .Document  .Item.Success{color: #157a19;}


.Popup.Pricing .Document{width:100%;height: 100%;padding: 24px;}
.Popup.Pricing .Document{width:100%;/* overflow: auto; */}
.Popup.Pricing .Document .Center{width:100%;overflow: auto;padding-bottom: 110px;}
.Popup.Pricing .Document .Center::-webkit-scrollbar {
    width: 3px!important;
    height: 3px!important
}

.Popup.Pricing .Document .Center::-webkit-scrollbar {
    width: 3px!important;
    height: 2px!important
}

.Popup.Pricing .Document .Center::-webkit-scrollbar-thumb {
    background-color: #344685
}

.Popup.Pricing .Document .Center::-webkit-scrollbar-track {
    background: rgba(255,255,255,.41)
}

.Popup.Pricing .Document>.Title>span:nth-child(1){
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 4px;
}
.Popup.Pricing .Document>.Title>span:nth-child(2){
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.4px;
}
.Popup.Pricing .Document>.Title .Closed{
    right: 40px;
    background: #ccc;
    display: flex;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    flex: none;
    width: 50px;
    height: 50px;
    padding: 0;
}


.Popup.Pricing .Document .Center [XY="Plans"]{width:100%;display: flex;gap: 22px !important;!i;!;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem{width:100%;max-width: 340px;background: #fff;box-shadow: 0 1px 4px 0 rgba(0,0,0,.1),0 3px 20px 0 rgba(0,0,0,.05);border-radius: 6px;padding: 24px;}
.Popup.Pricing .Document .Center [XY="Plans"].Month .PlanItem{border: 2px solid #FF5722;}
.Popup.Pricing .Document .Center [XY="Plans"].Year .PlanItem{border: 2px solid #24ff00;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .Title{width:100%;display: flex;flex-direction: column;align-content: center;align-items: center;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .Title .Name{font-size: 22px;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .Title .Text{text-align: center;font-size: 12px;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .Title .OldPriceBox{width:100%;display: flex;justify-content: center;margin-top: 2px;font-size: 17px;font-weight: 300;margin-bottom: -20px;text-decoration: line-through;color: #888888;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .Title .PriceBox{width:100%;display: flex;justify-content: center;margin-top: 14px;font-size: 22px;font-weight: bold;}

.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .Istatistic{width:100%;display: flex;flex-direction: row;gap: 4px;margin-top: 40px;justify-content: center;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .Istatistic .Item{display: flex;flex-direction: column;gap: 4px;align-content: center;align-items: center;justify-content: center;padding: 0 14px;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .Istatistic .Item .Limit{width: 100%;font-size: 14px;text-align: center;font-weight: 600;font-size: 18px;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .Istatistic .Item .Text{font-size: 12px;text-align: center;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .Istatistic .Item .Icon{display:flex;background: #2196f330;padding: 4px;border-radius: 20px;flex: none;width: 42px;height: 42px;align-items: center;justify-content: center;}



.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .List{width:100%;display: flex;flex-direction: column;gap: 4px;margin-bottom: 30px;margin-top: 30px;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .List .Item{width:100%;display: flex;flex-direction: row-reverse;align-items: center;align-content: center;margin-top: 7px;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .List .Item .Text{width: 100%;font-size: 12px;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .List .Item .Icon{width: 20px;height: 20px;flex: none;background: #ffbebe;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .List .Item.success .Icon{background: #4caf5047;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .Btn{width:100%;text-align: center;display: flex;justify-content: center;line-height: 34px;}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .List .Icon svg{display:none}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .List .Item .Icon svg.NONE{display:block}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .List .Item.success .Icon svg.NONE{display:none}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .List .Item.success .Icon svg.SUCCESS{display:block}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .List .Item .Icon svg.NONE path{fill:#f00}
.Popup.Pricing .Document .Center [XY="Plans"] .PlanItem .List .Item .Icon svg.SUCCESS path{fill:#4CAF50}



.switch_checkbox label,.switch_radio label {
    padding: 0;
    margin: 0
}

.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: 42px;
    height: 22px;
    background: #d4d8e1;
    border: 1px solid #eee;
    border-radius: 50px;
    transition: all .3s ease-in-out
}

.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: #269bff;
    border-color: #269bff
}

.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: #43cb83;
    border-color: #43cb83
}

.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
}



.LimitError{
    position: absolute;
    bottom: 0;
    background: #FF9800;
    width: 100%;
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
}
.LimitError svg{
    height: 18px;
}
.LimitError a{
    color:#fff;
    text-decoration:underline;
    font-weight:bold;
    margin-left: 4px;
    text-transform: uppercase;
    font-size: 11px;
}
.LimitError a:hover{
    color:#253971;
}

.Result table{width:100%}
.Result table thead{width:100%}
.Result table thead tr{width:100%}
.Result table thead tr th{padding: 10px;}
.Result table tbody{width:100%}
.Result table tbody tr{width:100%}
.Result table tbody tr td{padding: 4px 12px;border-bottom: 1px solid #efefef;font-size: 12px;}

body.LoadFind .Page[T='Check'] .SearchTools{margin-top: 0px;transition: all 0.3s;width: 100%;display: flex;flex-direction: row;align-items: center;background: #fff;max-width: 100%;gap: 12px;padding: 20px;border: 1px solid #efefef;margin-bottom: 15px;}
body.LoadFind .Page[T='Check'] .SearchTools .Title{
    font-size: 13px;
    text-align: left;
}
body.LoadFind .Page[T='Check'] .SearchTools .Text{
    font-size: 10px;
    text-align: left;
    margin: 0 !important;!i;!;
}
body.LoadFind .Page[T='Check'] .TableBox{opacity:1;margin-top:0px;transition: all 0.3s;}
body.LoadFind .Page[T='Check'] .SearchTools .InputGroups{margin-top:0}
body.LoadFind .Page[T='Check'] .SearchTools .BtnList{margin-top:0}
body.LoadFind .Page[T='Check'] .SearchTools .BtnList .Btn{padding:4px 12px}
body.LoadFind .Page[T='Check'] .SearchTools .BtnList .Btn.Query{padding-right:40px}
body.LoadFind .Page[T='Check'] .SearchTools .BtnList .Btn.Query:before{top:3px}
body.LoadFind .Page[T='Check'] .SearchTools .BtnList .Btn[T='Clear']{display:block;margin-right:12px}

.Page[T='Check'] .TableBox{opacity:0;margin-top:300px;transition: all 0.3s;}
.Page[T='Check'] .SearchTools{width:100%;display: flex;flex-direction: column;justify-content: center;align-content: center;align-items: center;margin: 100px auto;max-width: 800px;gap: 6px;transition: all 0.3s;}
.Page[T='Check'] .SearchTools .Title{width:100%;font-size: 28px;font-weight: bold;text-align: center;}
.Page[T='Check'] .SearchTools .Text{width:100%;text-align: center;}
.Page[T='Check'] .SearchTools .Input{width:100%;display: flex;align-items: center;justify-content: center;}
.Page[T='Check'] .SearchTools .Input input{width:100%;display: flex;align-items: center;justify-content: center;}
.Page[T='Check'] .SearchTools .InputGroups{width:100%;display: flex;gap: 12px;margin-top: 12px;}
.Page[T='Check'] .SearchTools .InputGroups .Input{width:100%}
.Page[T='Check'] .SearchTools .BtnList{margin-top: 20px;width: 100%;display: flex;justify-content: center;align-items: center;align-content: center;}
.Page[T='Check'] .SearchTools .BtnList .Btn{padding: 12px 20px;}
.Page[T='Check'] .SearchTools .BtnList .Btn[T='Clear']{display:none}
.Page[T='Check'] .SearchTools .BtnList .Btn.Query{padding-right: 40px;}
.Page[T='Check'] .SearchTools .BtnList .Btn.Blue.Query{background: #161b32 !important;!i;!;color: #fff !important;!i;!;!'';!'indianred';!'indianred';!'i';!'';!;padding-right: 40px;}
.Page[T='Check'] .SearchTools .BtnList .Btn.Query:before{content:"";background: #fff0 url(/Inc/Img/Loading_Search_Blue.gif);background-size: 24px;width: 24px;height: 24px;position: absolute;right: 5px;top: 11px;display: block;z-index: 1;border-radius: 2px;}

.Page[T='Check'] table{width:100%}
.Page[T='Check'] table thead{width:100%}
.Page[T='Check'] table thead tr{width:100%}
.Page[T='Check'] table thead tr th{padding: 12px;border-bottom: 1px solid #e5e5e5;}
.Page[T='Check'] table thead tr th.textRight{text-align:right}
.Page[T='Check'] table tbody tr{width:100%}
.Page[T='Check'] table tbody tr td{padding: 12px;border-bottom: 1px solid #e5e5e5;}
.Page[T='Check'] table tbody tr td.textRight{text-align:right}



@media (min-width: 768px) {
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
        min-width: min-content;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
        min-width: min-content;
    }
}



@media (max-width: 1100px) {
    .col-md-5 {
        width: 100%;
    }
    .col-md-7 {
        width: 100%;
    }
    .NavBar{display:none}
    .PageView{margin:0;width:100%;padding: 0 8px;}
    body.RightPopup .PageView{margin:0;width:100%}
    .Popup.Right{width:100%;position:fixed;border: 0;}
    .Popup.Right.Show .Document{width:100%;border: 0;}
    .TableBox .TableHead .BtnList{display:none}
    .Btn.User{display:none}
    .PageView .Head .Container .Nav{display:none}
    .PageView .Head .Container .Project{margin:0}
    .PageView .Head .Container .Project .Selected img{height:12px}
    .PageView .Head .Container .Project .Selected .Name{font-size:14px}
    .PageView .PageTitle{display:none}
    .Tab.PageHeadBars{width:100%}
    .Tab.PageHeadBars .TabItem{width:50%}
    .Inputs.PageHeadBars{display: none;}
    .Box{min-height:initial;padding: 8px 10px;margin-bottom: 5px;}
    .Box .Left{display:flex;flex-direction: row;align-items: center;}
    .Box .Left .SubText{display:none}
    .Box .Left .Numb{font-size:14px}
    .Box.KeywordRates{display:flex;flex-direction: column;}
    .Box.KeywordRates .Left{width:100%}
}