@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:#5A5E9A}
html{height:100%;}
body{margin:0;padding:0;font-family: 'Plus Jakarta Sans', sans-serif;color: #5A5E9A;font-size: 13px;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%);width: 100%;height:100%;position: relative;right: 0;transition: right 0.3s;background-attachment: fixed;}
body.Query{pointer-events:none}


.MobileBtnList{display:none;width:100%;gap:5px;}

body:before{
   content:"";
   width: 100%;
   height: 310px;
   position: fixed;
   bottom: -35%;
   left: 0;
   filter: blur(100px);
   z-index: -1;
   background: radial-gradient(circle, #eeaeca 35%, #2986f3 100%);
}

body:after{
   content:"";
   width: 50vw;
   height: 310px;
   position: fixed;
   top: -20%;
   left: -20%;
   filter: blur(100px);
   z-index: -1;
   background: radial-gradient(circle, #eeaeca 35%, #2986f3 100%);
}

.hide {
   display: none!important
}

body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header,body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {
   background: #fff
}

.h2,h2 {
   font-size: 16px!important
}

body.nonLeftNav #kt_app_sidebar {
   display: none!important
}

body.nonLeftNav #kt_app_wrapper {
   margin-left: 0!important
}

body.nonLeftNav:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header,body.nonLeftNav:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {
   margin-left: 0!important
}

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-logo {
   border-right: 1px solid #e2e4ed
}

.flex-column-fluid {
}

[data-kt-app-toolbar-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-toolbar=true] .app-toolbar,[data-kt-app-toolbar-sticky=on][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-toolbar=true] .app-toolbar {
   border: 0;
   border-bottom: 1px solid #e2e4ed
}

.card {
   border: 1px solid #cccccc29;
   background-color: rgb(255 255 255 / .7);
   border-radius: 6px;
   transition: left 250ms ease;
   box-shadow: 0px 5px 6px -10px #000000c4;
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
   background: transparent;
}

.menu-icon>i {
   font-size: 23px
}

.card .card-body {
   border-radius: 6px!important
}

.card .card-body table {
   margin-bottom: 0!important;
   background: #fff;
}

[xy="[[pageButtonArea]]"] {
   gap: 10px
}

[xy="[[pageButtonArea]]"] .input-group {
   width: inherit
}

.app-container {
   width: 100%;
   padding: 0 !important;
}

.table.gy-5 thead th {
   padding: 12px .75rem 5px!important;
   border-bottom: 1px solid #5a5e9a4f!important;
   background: #fafafa
}

.table tbody tr td {
   font-size: 12px!important
}

.table tbody tr:nth-child(+1n) {
}

.table tbody tr:nth-child(+2n) {
}

.table.gy-5 tbody td {
   padding-top: 10px;
   padding-bottom: 10px;
   padding: 10px!important
}

.table.gy-5 td .badge {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px!important;
   font-weight: 400
}

.table.gy-5 td .badge.badge-secondary {
   background: #f5f8fa;
   color: #37464f
}

.table.gy-5 td .badge.badge-success {
   background: #beedd3;
   color: #0b3f23
}

.table.gy-5 td button {
   position: relative
}

.table.gy-5 td button>i {
   color: #000;
   border: 1px solid #cccccc5c;
   padding: 4px;
   border-radius: 4px;
   background: #f2f5f75e
}

.table.gy-5 td button>i>span {
   font-size: 22px
}

.table.gy-5 td .menu-sub-dropdown.menu {
   position: absolute;
   right: 0;
   top: 0;
   display: none;
   padding: 0;
   overflow: hidden
}

.table.gy-5 td .menu-sub-dropdown.menu .menu-item {
   padding: 0!important;
   overflow: hidden
}

.table.gy-5 td button:hover .menu-sub-dropdown.menu {
   display: block
}

.table.gy-5 td .menu-sub-dropdown.menu.reverse {
   position: absolute;
   right: 0;
   top: auto;
   bottom: 100%;
   overflow: hidden
}

.table.gy-5 td .menu-sub-dropdown.menu .menu-link {
   display: flex;
   align-items: center;
   gap: 5px;
   font-size: 12px;
   border-radius: 0;
   justify-content: flex-start;
   text-align: left
}

.table.gy-5 td .menu-sub-dropdown.menu .menu-link>i>i {
   font-size: 16px;
   color: #64727c
}

.table.gy-5 td .menu-sub-dropdown.menu .menu-link:hover {
   background: #dae0ea!important;
   color: #000!important
}

.table.gy-5 input[type=text] {
   border-color: #cfd0e1!important
}

.addStockMaterial {
   background: #f1f3f6!important;
   color: #000!important
}

.addStockMaterial:hover {
   background: #4caf50!important;
   color: #fff!important
}

.pageTableAppend {
   width: 100%;
   padding: 7px;
   border-radius: 4px;
   cursor: pointer
}

.pageTableAppend:hover {
   background: #f5f8fa;
   color: #000!important
}

.pageTableAppend.Active {
   background: #50cd89;
   color: #fff!important
}

.firmView {
   width: 100%;
   padding: 7px;
   border-radius: 4px;
   cursor: pointer;
   border: 1px solid #efefef;
   margin-bottom: 3px
}

.firmView:hover {
   background: #f5f8fa
}

.firmView.Active {
   background: #e9eff2
}

input.disabled {
   background-color: #efefef!important;
   border-color: #ccc!important;
   color: #ccc!important
}

.NewPrice .input-group-text {
   border: 1px solid #ccc!important;
   border-color: #e0e0e0!important;
   background: 0 0
}

.DesignPageContainer {
   width: 100%
}

.DesignPageContainer .IframeArea {
   height: 100%
}

.DesignPageContainer .IframeArea>iframe {
   width: 100%;
   height: 100%
}

.DesignPageContainer .Tools {
   position: fixed;
   width: 300px;
   left: -100%
}

.DesignPageContainer .Tools .ToolsHead {
   background: #889fae;
   width: 100%;
   padding: 14px;
   border-radius: 7px;
   margin-bottom: 14px
}

.DesignPageContainer .Tools .ToolsHead>button {
   position: absolute;
   right: 0;
   top: 20px;
   padding: 3px;
   display: flex;
   align-items: center;
   justify-content: center!important
}

.DesignPageContainer .Tools .ToolsHead>button>i {
   font-size: 22px;
   color: #fff
}

.DesignPageContainer .Tools .ToolsHead>button>.menu-sub-dropdown {
   display: none
}

.DesignPageContainer .Tools .ToolsHead>button:hover>.menu-sub-dropdown {
   position: absolute;
   top: 100%;
   left: 0;
   display: flex;
   width: 320px!important;
   padding: 0!important
}

.DesignPageContainer .Tools .ToolsHead>button:hover>i {
   color: #fff
}

.DesignPageContainer .Tools .ToolsContent {
   display: flex;
   flex-direction: column;
   gap: 4px
}

.DesignPageContainer .Tools .ToolsContent .ToolsAccordions {
   display: flex;
   background: #fff;
   padding: 8px;
   border-radius: 4px;
   border: 1px solid #efefef;
   cursor: pointer
}

.DesignPageContainer .Tools .ToolsContent .ToolsAccordions.Active {
   display: flex
}

.DesignPageContainer.Design .IframeArea {
   margin-left: 320px
}

.DesignPageContainer.Design .Tools {
   left: 30px
}

.upload-product .upload-btn.Disabled {
   pointer-events: none
}

.upload-product .upload-btn {
   width: 100%;
   border: 1px dashed #d6d6d6;
   margin: 0 auto;
   padding: 30px 24px;
   text-align: center;
   cursor: pointer;
   border-radius: 5px;
   background-image: url(/Library/Theme_v2/img/camera.png);
   background-repeat: no-repeat;
   background-position: center;
   transition: .3s
}

.upload-product .upload-btn:hover {
   background-color: #fdfdfd
}

.upload-product .upload-btn::before {
   content: ""
}

.upload-product .upload-btn div {
   font-size: 13px;
   color: #f67c04
}

.upload-product .upload-btn span {
   display: block;
   font-size: 12px;
   color: darkgrey;
   margin-top: 3px
}

.upload-product .uploaded-image {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
   margin-bottom: 24px
}

.upload-product .uploaded-image .addedImg {
   display: inline-block;
   position: relative;
   border: 1px solid #e9e9e9;
   overflow: hidden;
   border-radius: 4px;
   max-width: 10%
}

.upload-product .uploaded-image .addedImg.First {
   border-color: #2e7fde
}

.upload-product .uploaded-image .addedImg.First .FirstTxt {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   background-color: #2e7fde;
   color: #fff;
   font-size: 11px;
   font-weight: 600;
   text-align: center;
   padding: 3px 3px 4px;
   border-radius: 0
}

.upload-product .uploaded-image .addedImg>img {
   width: 100%;
   margin: 0;
   padding: 0;
   display: block
}

.upload-product .uploaded-image .addedImg>.removeImg {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 10px;
   background-color: #e2e2e2;
   border: 1px solid #e2e2e2;
   font-size: 8px;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   cursor: pointer;
   text-align: center;
   padding: 5px 0;
   transition: .3s;
   visibility: hidden;
   opacity: 0
}

.upload-product .uploaded-image .addedImg>.removeImg:hover {
   border-color: red;
   background-color: #fff;
   color: red
}

.upload-product .uploaded-image .addedImg>.imgSelect {
   position: absolute;
   left: 5px;
   top: 8px;
   right: 5px;
   background-color: #2e7fde;
   color: #fff;
   font-size: 11px;
   text-align: center;
   border-radius: 4px;
   padding: 4px 0;
   cursor: pointer;
   transition: .3s;
   opacity: 0;
   visibility: hidden
}

.upload-product .uploaded-image .addedImg>.imgSelect:hover {
   filter: brightness(1.1)
}

.upload-product .uploaded-image .addedImg:hover .removeImg,.upload-product .uploaded-image .addedImg:hover .imgSelect {
   opacity: 1;
   visibility: visible
}

[data-kt-search-element=form] input.form-control {
   background: #f2f6f80f!important;
   border-color: #00000024
}

[data-kt-search-element=form] input.form-control:focus {
   border-color: #00000066
}

[data-kt-search-element=form] input.form-control:focus::placeholder {
   color: #000
}

[data-kt-search-element=form].Searching [data-kt-search-element=spinner] {
   display: block!important
}

[data-kt-search-element=form].Complete [data-kt-search-element=clear] {
   display: block!important
}

[data-kt-search-element=form].Complete input.form-control {
   border-color: #00000066;
   color: #000
}

.Pagination {
   float: left;
   width: calc((100% - 320px) + 20px);
   position: fixed;
   bottom: -100px;
   display: flex;
   justify-content: space-around;
   transition: all cubic-bezier(.77,0,.175,1) .56s;
   z-index: 1
}

.Pagination.Show {
   bottom: 0
}

.Pagination .Container {
   float: left;
   width: 100%;
   margin: 0;
   padding: 20px 30px;
   background: #fff;
   transition: all cubic-bezier(.77,0,.175,1) .56s;
   border-radius: 6px 6px 0 0;
   box-shadow: 0 -7px 68px -33px #000
}

.Pagination .Container .PaginationLeft {
   display: flex;
   align-items: center
}

.Pagination .Text {
   font-size: 12px;
   margin-left: 10px;
   display: flex;
   align-items: center;
   gap: 3px
}

.Pagination .Box {
   float: left;
   margin-left: 10px;
   margin-top: -2px;
   width: initial;
   background: 0 0;
   box-shadow: none;
   border: 0;
   padding: 0;
   margin: 0
}

.Pagination .Box .PaginationItem {
   float: left;
   margin: 2px;
   border: 1px solid #ccc;
   width: 30px;
   height: 30px;
   text-align: center;
   line-height: 26px;
   font-weight: 800;
   font-size: 12px;
   cursor: pointer;
   background: #fff
}

.Pagination .Box .PaginationItem:hover {
   border: 1px solid #672883;
   background: #672883;
   color: #fff
}

.Pagination .Box .PaginationItem.Disabled {
   border: 1px solid #f0f2f5;
   background: #c9cfd8;
   color: #fff;
   pointer-events: none
}

.Pagination .Box .PaginationItemInput {
   float: left
}

.Pagination .Box .PaginationItemInput input {
   float: left;
   outline: none;
   width: 60px;
   height: 30px;
   border: 1px solid #e1e5ec;
   text-align: center;
   margin: 2px;
   background: #fff
}

[id=kt_app_content_container] {
   margin-bottom: 90px;
}

tbody tr.ui-sortable-helper {
   width: 100%!important
}

tbody tr.ui-sortable-placeholder {
   background-color: #f5f5f5;
   height: 47px
}

tbody tr.ui-sortable-placeholder>td {
   background: #ffeb3b52!important
}

tbody tr>td>i.move {
   cursor: move
}

table.Standart tr>th:first-child {
   padding-left: 30px!important
}

table.Standart tr>td:first-child {
   padding-left: 30px!important
}

table.Standart tr>th:last-child {
   padding-right: 80px!important
}

table.Standart tr>td:last-child {
   padding-right: 80px!important
}

table.Standart.noNav tr>th:last-child {
   padding-right: 30px!important
}

table.Standart.noNav tr>td:last-child {
   padding-right: 30px!important
}

.ColumItem {
   width: 20%;
   height: 110px;
   border: 1px solid #cacaca;
   background: #fff
}

.ColumItem.Active {
   background: #2196f3!important
}

.ColumItem.Permission {
   background: #efd78e
}

.ColumItem.Lock {
   background: #24bf2a
}

.dropzone.Disabled .dropzone-select {
   pointer-events: none;
   background: #f9f9f9;
   color: #9e9e9e
}

.dropzone{
   padding:14px !important;
}
.dropzone>.dz-message>i + div{
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.dropzone>.dz-message>i + div>h3{
   margin: 0 !important;
   line-height: 14px;
}

.HeaderBox{width: calc(100% - 72px);padding: 0 18px;margin: 18px 36px;display: flex;align-items: center;height: 58px;position: fixed;z-index: 1;background-color: rgb(255 255 255 / .7);border-radius: 6px;font-size: .875rem;color: #212121;transition: left 250ms ease;box-shadow: rgb(9 30 66 / .18) 0 1px 0, rgb(9 30 66 / .04) 0 1px 1px 1px, rgb(9 30 66 / .09) 0 2px 5px 2px;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.HeaderBox .Container{width:100%;display: flex;align-items: center;justify-content: space-between;}
.HeaderBox .Container>svg{margin-right: 10px;}
.HeaderBox .Container>svg[x="MobilNav"]{display: none;}
.HeaderBox .Container>svg[x="MobilNavClosed"]{display:none}

body.Nav .HeaderBox .Container>svg[x="MobilNav"]{display:none}
body.Nav .HeaderBox .Container>svg[x="MobilNavClosed"]{display:block}

.HeaderBox .Container .Logo{margin-right: 30px;}
.HeaderBox .Container .Logo>img{height: 34px;}
.HeaderBox .Navs{width:100%;display: flex;justify-content: flex-start;}
.HeaderBox .Navs.Desktop{display:flex}
.HeaderBox .Navs.Mobil{display:none}
.HeaderBox .Navs .NavItem{
    margin-right: 0px;
    cursor: pointer;
    position: relative;
}
.HeaderBox .Navs .NavItem>span{background-color: transparent;border: 1px solid transparent;color: #212121;padding: 9px 14px;display: flex;height: 40px;font-weight: 500;border-radius: 24px;transition: 250ms ease all;text-transform: uppercase;align-items: center;line-height: 40px;}
.HeaderBox .Navs .NavItem.active>span{background-color: #fff;border: 1px solid #F5F5F5;color: #212121;box-shadow: rgb(9 30 66 / .18) 0 1px 0, rgb(9 30 66 / .04) 0 1px 1px 1px, rgb(9 30 66 / .09) 0 2px 5px 2px;padding: 9px 14px;height: 40px;font-weight: 500;border-radius: 24px;transition: 250ms ease all;}
.HeaderBox .Navs .NavItem>.Wind{width:100%;background: #000;padding: 12px;border-radius: 12px;min-width: 320px;position: absolute;border: 1px solid #fff;display: none;}
.HeaderBox .Navs .NavItem:hover>.Wind{display:flex;flex-direction: column;}
.HeaderBox .Navs .NavItem>.Wind>.NavItem{display: flex;color: #fff;font-size: 12px;background: transparent;border-radius: 6px;line-height: 32px;padding: 0 10px;cursor: pointer;}
.HeaderBox .Navs .NavItem>.Wind>.NavItem:hover{color: #fff;background: #ffffff36;}
.HeaderBox .Container .Users{display: flex;justify-content: flex-end;}
.HeaderBox .Container .Users .Btn{background-color: transparent;border: 1px solid transparent;color: #212121;padding: 9px 14px;display: flex;height: 40px;font-weight: 500;border-radius: 24px;transition: 250ms ease all;text-transform: uppercase;align-items: center;line-height: 40px;}
.HeaderBox .Container .Users .Btn.Logout{background: rgb(106, 112, 209);color: #fff;}


.Breadcrumb{width:100%;margin: 95px 36px 0px 36px;display: flex;color: #fff;gap: 10px;}
.breadcrumb-item{color: #000 !important;font-weight: 500;font-size: 12px;list-style: none;}
.breadcrumb-item .text-muted{color: #000 !important;font-weight: 500;font-size: 12px;list-style: none;}
.breadcrumb-item .bullet{display:none}
.app-wrapper{
   margin: 20px 36px 0 36px !important;
   border-radius: 6px;
   overflow: hidden;
   border: 0 !important;
}

#kt_app_toolbar{
   width: 100%;
   margin-bottom: 18px;
   padding: 10px 10px !important;
   display: flex;
   align-items: center;
   height: auto;
   z-index: 9999;
   background-color: rgb(255 255 255 / .7);
   border-radius: 6px;
   font-size: .875rem;
   color: #212121;
   transition: left 250ms ease;
   box-shadow: 0px 5px 6px -10px #000000c4;
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
   border: 0;
}
#kt_app_content{padding-top:0}
#kt_app_content #kt_app_content_container{padding: 0 !important;}
body.noToolbar #kt_app_toolbar{display:none}
[view="Desktop"]{display:block}
[view="Mobil"]{display:none}



.PaginationBar{width:100%;display: flex;}
.PaginationBar .goTo{display: flex;margin-right: 20px;align-items: center;}
.PaginationBar .goTo>span{width:100%;font-weight: 400;margin-right: 8px;font-size: 12px;}
.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;}
.PaginationBar .Pages{display: flex;}
.PaginationBar .Pages .Prev{display: flex;align-items: center;}
.PaginationBar .Pages .Prev.disabled{color:#ccc;pointer-events:none}
.PaginationBar .Pages .Prev>svg{height: 13px;cursor: pointer;}
.PaginationBar .Pages .List{display: flex;align-items: center;gap: 8px;}
.PaginationBar .Pages .List .Number{width:100%;color: #000000;padding: 8px 12px;border-radius: 4px;font-weight: 600;cursor: pointer;}
.PaginationBar .Pages .List .Number:hover{background: #0000009c;color: #fff;}
.PaginationBar .Pages .List .Number.active{width:100%;background: #000;color: #fff;padding: 8px 12px;border-radius: 4px;font-weight: 600;cursor: pointer;}
.PaginationBar .Pages .List .Dots{font-weight: 800;color: #000;}
.PaginationBar .Pages .Next{display: flex;align-items: center;}
.PaginationBar .Pages .Next.disabled{color:#ccc;pointer-events:none}
.PaginationBar .Pages .Next>svg{height: 13px;cursor: pointer;}

body.Query *{pointer-events: none;opacity: 0.97}


@media screen and (max-width: 980px) {
   .MobileBtnList{display:flex;padding-top:8px}
   .MobileBtnList>.Btn{width:100%}

   .HeaderBox{margin: 14px;width:calc(100% - 28px);padding: 0;}
   .Breadcrumb{margin: 80px 14px 14px 14px;width:calc(100% - 28px)}
   .app-wrapper{margin: 14px !important;width:calc(100% - 28px)}
   .HeaderBox .Container>svg[x="MobilNav"]{display: flex;}

   
   .HeaderBox{display:flex;flex-direction: column;}
   .HeaderBox .Container{padding: 9px 12px;}
   .HeaderBox .Navs.Desktop{display:none}
   .HeaderBox .Navs.Mobil{display: none;padding: 0px 16px;padding-bottom: 14px;}
   body.Nav .HeaderBox{height: auto;}
   body.Nav .HeaderBox .Navs.Mobil{display: flex;flex-direction: column;}


   .HeaderBox .Navs .NavItem>.Wind{display:none !important}
   .HeaderBox .Navs .NavItem.active>.Wind{display:flex !important;position: inherit;margin-top: 6px;flex-direction: column;}
   [view="Desktop"]{display:none}
   [view="Mobil"]{display:block}

   .Pagination{width:100%;left: 0;right: 0;}
   .Pagination .Container .PaginationLeft{display:flex;flex-direction: column;}

   .PaginationBar .goTo{display: none;}
}







.PageContent{color: #5a5e9b;transition: opacity 0.3s;opacity: 1;}
.PageContent .PageTitleArea{width:100%;display: flex;flex-direction: column;/* background: url(/NewTheme/Library/Img/PageHeadBg.svg); *//* background-repeat: no-repeat; *//* background-position: 100%; */}
.PageContent .PageTitleArea .TheBack{width:100%;color: #5A5E9A;font-size: 12px;margin-bottom: 10px;display: flex;align-items: center;justify-content: flex-start;margin-top: 0px;}
.PageContent .PageTitleArea .TheBack>i{margin-right: 5px;font-size: 15px;}
.PageContent .PageTitleArea .TheBack>span{font-size: 12px;}
.PageContent .PageTitleArea .Title{width:100%;font-size: 21px;color: inherit;font-weight: 500;min-height: 26px;}
.PageContent .PageTitleArea .Text{width:100%;font-size: 12px;color: #5A5E9A;margin-top: 2px;min-height: 18px;}


.PageContent .CounterBox{
    background: #fff;
    padding: 6px 6px;
    display: flex;
    border: 1px solid #5a5e9a;
    align-items: center;
    flex-direction: row;
    border-radius: 4px;
    justify-content: space-between;
    cursor: pointer;
}
.PageContent .CounterBox.selected{
    background: #fff0da;
    border: 1px solid #FF9800;
    color: #865712;
}
.PageContent .ViewContent .CounterBox {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.PageContent .CounterBox>span:nth-child(1){
    font-size: 10px;
    font-weight: 700;
}
.PageContent .CounterBox>span:nth-child(2){
    font-size: 18px;
    margin-left: 10px;
    font-weight: 700;
}
.PageContent .Box {
    width: 100%;
    background: #ffffff;
    padding: 10px 14px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    box-shadow: 0px 5px 6px -10px #000000c4;
    border-radius: 4px;
}
.PageContent .Box .Number{font-weight: bold;font-family: monospace;font-size: 24px;color: #2daffe;line-height: 20px;}
.PageContent .Box .Title{font-size: 14px;letter-spacing: 2px;margin-bottom: 3px;}
.PageContent .Box .Text{font-size: 10px;}
.PageContent .Box .Number.RedText{color:#d81356}




.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%;
   padding: 16px 16px;
   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 .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;
}

.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 {
   position: absolute;
   left: 8px;
   top: 10px;
   line-height: 14px;
   z-index: 0;
   font-size: 12px;
   pointer-events: none;
}
.BoxBody .Filter>.Input label {
}

.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: -6px;
   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: 6px 7px 6px 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; */
   color: rgba(var(--bs-body-color-rgb),.65);
   top: -6px;
   left: 6px;
   background: #fff;
   z-index: 1;
   padding: 0 4px;
   font-size: 11px;
}

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





.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 rgb(35 38 59 / 0%);border-radius: 5px;padding: 16px;justify-content: space-between;}
.TableTitle .TableTitleLeftArea{display: flex;flex-direction: column;gap: 10px;}
.TableTitle .TableTitleLeftArea .Title{width:100%;font-weight: bold;font-size: 14px;text-transform: uppercase;}
.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:empty{display:none}
.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;}



.NotificationButton{display: flex;border: 1px solid #ccc;padding: 6px;flex-direction: column;align-items: center;justify-content: center;font-weight: bold;gap: 12px;border-radius: 4px;font-size: 11px;opacity: 0.4;}
.NotificationButton.note.active{color: #2196F3;opacity: 1;border-color: #2196F3;}
.NotificationButton.comment.active{color: #4CAF50;opacity: 1;border-color: #4CAF50;}
.NotificationButton.fast.active{color: #FFC107;opacity: 1;border-color: #FFC107;}
.NotificationButton.order.active{color: #F44336;opacity: 1;border-color: #F44336;}


.PageContent .PageTitleArea .TableCounter{width:100%;margin: 9px 0px;display: flex;font-size: 12px;color: #5A5E9A;font-weight: 300;gap: 2px;min-height: 15px;}
.PageContent .PageTitleArea .BtnList{width:100%;margin: 12px 0px;display: flex;align-items: center;background: linear-gradient(182deg, #ffffff, transparent);padding: 9px;border-radius: 4px;}
.PageContent .PageTitleArea .BtnList>div{margin-right: 0;position: relative;}
.PageContent .PageTitleArea .BtnList .SelectGroup{width:100%}
.PageContent .PageTitleArea .BtnList .SelectGroup>span{width:100%}
.PageContent .PageTitleArea .BtnList .SelectGroup select{width:100%}


.PageContent .SubTitleArea{width:100%;display: flex;flex-direction: column;margin-bottom: 16px;}
.PageContent .SubTitleArea .Title{width:100%;font-size: 14px;color: inherit;font-weight: 500;min-height: 16px;}
.PageContent .SubTitleArea .Text{width:100%;font-size: 14px;color: #5A5E9A;margin-top: 2px;min-height: 18px;}

.PageContent .PageTitleArea .BtnList .Btn.BtnTableDelete{background: #fff1f1;border: 1px solid #ffd6d6;color: #931414;width: auto;}

.PageContent .PageTitleArea .BtnList .Btn.SortUpdate{border: 1px solid #dfe2af;background: #ffe;color: #000;font-weight: 500;display: flex;align-items: center;justify-content: center;padding: 6px 12px;}
.PageContent .PageTitleArea .BtnList .Btn.SortUpdate span{display:none}
body.Query .PageContent .PageTitleArea .BtnList .Btn.SortUpdate span{background: #818129;color: #fff;font-weight: 500;display: flex;align-items: center;justify-content: center;padding: 2px 4px;border-radius: 7px;font-size: 10px;margin-left: 5px;}
body.Query .PageContent .PageTitleArea .BtnList .Btn.SortUpdate:before{content:"";background: url(/NewTheme/Library/Img/loading_Ajax.svg);width: 17px;height: 17px;background-size: 17px;margin-right: 6px;}

.PageContent .PageTwoPart{width:100%;height: 100%;display: flex;flex-direction: row;align-items: stretch;}
.PageContent .PageTwoPart .PagePartOne{width:100%;}
.PageContent .PageTwoPart .PagePartTwo{width: 100%;}

.PageContent .PageThreePart{width:100%;height: 100%;display: flex;align-items: stretch;flex-direction: row;}
.PageContent .PageThreePart .PagePartOne{width:100%;padding: 24px 0px;}
.PageContent .PageThreePart .PagePartTwo{width: 223px;/* flex: none; */background: #FAFAFA;padding: 40px 30px;}

.PageContent .PageThreePart .PagePartOne{width:100%;}
.PageContent .PageThreePart .PagePartTwo{width: 100%;}
.PageContent .PageThreePart .PagePartThree{width: 100%;flex: none;max-width: 640px;min-width: 480px;padding: 40px 24px;}
.PageContent .VerticalTabArea{width:100%;display: flex;flex-direction: column;position: relative;padding-left: 22px;padding-right: 24px;}
.PageContent .VerticalTabArea:before{content:"";width: 1px;height: 100%;background: #E0E0E5;position: absolute;top: -6px;left: 0;}
.PageContent .VerticalTabArea .TabItem{width:100%;position: relative;display: flex;flex-direction: column;min-height: 26px;}
.PageContent .VerticalTabArea .TabItem .TabHead{width:100%;display: flex;position: relative;}
.PageContent .VerticalTabArea .TabItem.Active .TabHead:before{content:"";width: calc(100% - 0px);height: 1px;border-bottom: 1px dashed #D9D9D9;position: absolute;left: 0px;}
.PageContent .VerticalTabArea .TabItem.Active .TabHead:after{content:"";width: 1px;height: 16px;border-left: 3px solid #0F6CFF;position: absolute;top: -8px;left: -23px;}
.PageContent .VerticalTabArea .TabItem .TabHead>span{font-size: 13px;color: #5A5E9A;position: absolute;top: -9px;left: -6px;background: #fff;padding: 0 6px;font-weight: 600;cursor: pointer;}
.PageContent .VerticalTabArea .TabItem.Active .TabHead>span{color: #136BF8}
.PageContent .VerticalTabArea .TabItem .TabHead>i{width:100%}
.PageContent .VerticalTabArea .TabItem .TabBody{width:100%;margin: 24px 0px;display: none;}
.PageContent .VerticalTabArea .TabItem.Active .TabBody{display: block;}


.PageContent .GroupBtnList{width:100%;position:relative;padding-left: 15px;}
.PageContent .GroupBtnList:before{content:"";width: 1px;height: 100%;background: #E0E0E5;position: absolute;top: 0px;left: 0;}
.PageContent .GroupBtnList>.Item{width:100%;font-size: 14px;font-weight: 500;color: #5A5E9A;line-height: 20px;position: relative;margin-bottom: 6px;cursor: pointer;}
.PageContent .GroupBtnList>.Item.Active{width:100%}
.PageContent .GroupBtnList .Item.Active:before{content:"";width: 1px;height: 20px;border-left: 3px solid #0F6CFF;position: absolute;top: 0px;left: -16px;}





.PageContent .BtnContent{width:100%;position: relative;display: none;}
.PageContent .BtnContent.Active{display: block;}
.PageContent .BtnContent.LineBar:before{content:"";width: 1px;height: 100%;border-left: 1px solid #EBEBEB;position: absolute;left: -15px;}
.PageContent .BtnContent .Title{color: #136BF8;font-weight: 500;}
.PageContent .BtnContent .Item{width:100%;display: flex;flex-direction: column;border-bottom:1px solid #D9D9D969}
.PageContent .BtnContent .Item .ItemHead{width:100%;display: flex;line-height: 24px;position: relative;padding: 5px 0px;cursor: pointer;}
.PageContent .BtnContent .Item .ItemHead span:nth-child(1){color: #5A5E9A;}
.PageContent .BtnContent .Item.Active .ItemHead span:nth-child(1){color: #136BF8;}
.PageContent .BtnContent .Item .ItemHead span:nth-child(2){font-size: 11px;color: #5A5E9A9F;margin-left: auto;}
.PageContent .BtnContent .Item .ItemHead i{width: 30px;margin-left: 8px;flex: none;display: flex;justify-content: center;align-items: center;font-size: 18px;}
.PageContent .BtnContent .Item .ItemHead i:before{content:"\f055"}
.PageContent .BtnContent .Item.Active .ItemHead i:before{content:"\f056";color: #3d6cff;}
.PageContent .BtnContent .Item .ItemBody{width:100%}
.PageContent .BtnContent .Item.Active .ItemHead:before{content:"";width: 1px;/* height: 20px; */border-left: 3px solid #0F6CFF;position: relative;/* top: 0px; */left: -16px;}


.Pagination{width: -webkit-fill-available;margin-left: -25px;background: #fff;padding: 16px 25px;border-top: 1px solid #eaeaf4;position: fixed;bottom: 0;z-index: 4;display: flex;align-items: center;justify-content: space-between;}
.Pagination>.Left{width:100%}
.Pagination>.Left>.PagiGroup{display: flex;justify-content: flex-start;gap: 10px;}
.Pagination>.Left>.PagiGroup>.Btn{border: 1px solid #eaeaf4;border-radius: 2px;line-height: 20px;width: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.Pagination>.Left>.PagiGroup>.Btn.Disabled{border-color: #fafafa;background: #fafafa;color: #f3f3f3;cursor: default;pointer-events: none;}
.Pagination>.Left>.PagiGroup>.Btn:hover:not(.Disabled){border-color: #3d6cff;}
.Pagination>.Left>.PagiGroup>.Input{border: 1px solid #eaeaf4;border-radius: 2px;line-height: 24px;}
.Pagination>.Left>.PagiGroup>.Input>input{background: transparent;border: 0;width: 43px;height: 100%;text-align: center;font-size: 14px;outline: none;}
.Pagination>.Right{width:100%}
.Pagination>.Right>.PagiGroup{display: flex;flex-direction: column;align-items: flex-end;}
.Pagination>.Right>.PagiGroup>.Text{font-size: 12px;}
.Pagination>.Right>.PagiGroup>.Text>strong{color: #000;}



.BtnIcon{width:100%}
.Btn{border: 1px solid #5A5E9A6E;border-radius: 4px;display: flex;align-items: center;justify-content: center;padding: 6px 12px;cursor: pointer;background: #fff;color: #5a5e9b;width: max-content;position: relative;line-height: initial;}
.Btn.Query{background: #ededed;color: #969696;pointer-events: none;border-color: #dcdcdc;}
.Btn>i{margin-right:4px;font-size:10px}
.Btn.singleIcon>i{margin-right: 0;}
.Btn.Disabled{background: #ffffffbd !important;color: #b5b5d2 !important;border-color:transparent;pointer-events:none}

.Select{display: block;}
.Select select{border: 1px solid #5A5E9A6E;border-radius: 4px;font-size: 12px;color: #5A5E9A;padding: 5px 6px 5px 6px;outline: none;font-weight: 400;}

.Input{display: block;}
.Input input{border: 1px solid #5A5E9A6E;border-radius: 4px;font-size: 12px;color: #5A5E9A;padding: 6px 6px 6px 6px;outline: none;width: 100%;font-weight: 400;}
.Input input::placeholder{color: #5A5E9A;}
.Input i{position: absolute;right: 0;border-left: 1px solid #ccc;color: #5A5E9A;padding: 8px 8px 8px 8px;}
.Input textarea{border: 1px solid #5A5E9A6E;border-radius: 4px;font-size: 12px;color: #5A5E9A;padding: 6px 6px 6px 6px;outline: none;width: 100%;font-weight: 400;min-height: 80px;}
.Input textarea::placeholder{color: #5A5E9A;}
.Input.Icon{position: relative;}
.Input select{border: 1px solid #5A5E9A6E;border-radius: 4px;font-size: 12px;color: #5A5E9A;padding: 6px 6px 6px 6px;outline: none;width: 100%;font-weight: 400;}
.Input select::placeholder{color: #5A5E9A;}

td>select{border: 1px solid #5A5E9A6E;border-radius: 4px;font-size: 13px;color: #5A5E9A;padding: 8px 6px 8px 6px;outline: none;font-weight: 400;width:100%}
td>input{border: 1px solid #5A5E9A6E;border-radius: 4px;font-size: 12px;color: #5A5E9A;padding: 9px 6px 10px 6px;outline: none;width: 100%;font-weight: 400;}
td>input::placeholder{color: #5A5E9A;}

.Btn.Black{background: #131714;color:#fff;border-color:transparent;}
.Btn.Green{background: #10b516;color:#fff;border-color:transparent;}
.Btn.Blue{background: #3e6cff;color:#fff;border-color:transparent;}
.Btn.Yellow{background: #C3C3C3;color:#fff;border-color:transparent;}
.Btn.SortUpdate{background: #f0ebb7;color: #5f560c;border-color: #daca9c;gap: 12px;}

.Btn.outBlue{border-color: #3e6cff;color: #3e6cff;}
.Btn.outBlue:hover{background: #3e6cff;color: #fff;}

.Btn.outRed{border-color: #ff1100;color: #f00;}
.Btn.outRed:hover{background: #ff1100;color: #fff;}

.Btn.outGreen{border-color: #10b516;color: #0a700e;}
.Btn.outGreen:hover{background: #10b516;color: #c9f9cb;}

.Btn.Disbled{border-color: #5a5e9a4f;color: #5a5e9ab3;background: #bdbacf66;}
.Btn.Disbled:hover{background: #10b516;color: #c9f9cb;}


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


table.Standart tbody tr td {
    padding: 6px 8px;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
    min-height: 47px;
}
table.Standart tbody tr:nth-child(2n) td {
   background: #f9f9f9;
}