@import url("./modules/ui_components.css");
@import url("./modules/buttons.css");

body {
    font-family: 'Roboto', sans-serif;
    font-size: 0;
}

a {
    color: #00b0f0;
    text-decoration: none;
}

a:hover {
    color: #00b0f0;
    text-decoration: none;
}

body > * {
    font-size: 1rem;
}

.deleteModal__body .select2-container {
    max-width: calc(100% - 30px);
}

.newSelect_wrapper {
    position: relative;
    z-index: 100;
}

.spanName {
    display: flex;
    align-items: center;
    width: 100%;
}

.spanName .nameMain {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ag-header-icon.ag-header-label-icon.ag-sort-order {
    display: none;
}

.ag-cell .nameMain {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nameMain.hovered {
    text-decoration: underline;
}
.nameMain .activeSvg {
    width: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    display: inline-block;
    transition: all 0.2s ease-in-out;
}

.nameMain.hovered .activeSvg {
    width: 15px;
    opacity: 1;
    visibility: visible;
}
.js-upload-time {
    margin-left: 3px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #9a9a9a;
}

.notViewElems {
    padding-left: 25px;
    font-size: 12px;
    margin-top: 10px;
}

.notViewElems.hidden {
    display: none;
}

.label_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 5px;
    padding-bottom: 5px;
}

.advSearch_hint {
    position: relative;
    z-index: 300;
}

.advSearch_hint__header {
    height: 16px;
    width: 16px;
    border-radius: 100%;
    border: solid 1px #696767;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advSearch_hint:hover .advSearch_hint__body {
    visibility: visible;
    opacity: 1;
}

.advSearch_hint__body {
    position: absolute;
    margin-top: 2px;
    right: -2px;
    top: calc(100% + 2px);
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    padding: 4px 8px;
    z-index: 300;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
    width: 150px;
}


.uploader_overlay {
    padding: 14px;
    width: 337px;
    background: #fff;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border: 1px solid #abcdf1;
    box-sizing: border-box;
    box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
}

.uploader_overlay-info {
    font-weight: 400;
    font-size: 14px;
    color: #444444;
}
.uploader_overlay .uploadFiles_flex {
    margin-top: 5px;
    margin-bottom: 5px;
}
.uploader_overlay.js-active {
    opacity: 1;
    visibility: visible;
}

.newSelect {
    display: flex;
    width: 200px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-right: 28px;
    align-items: center;
    justify-content: space-between;
    padding-right: 13px;
    padding-left: 13px;
    height: 34px;
    position: relative;
    cursor: pointer;
}
.newSelect.views_select {
    overflow: hidden;

}
.newSelect.views_select .text {
    overflow: hidden;
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
}

.newSelect svg {
    transition: 0.2s ease-in-out;
    transform: rotate(-180deg);
}

.js-open-itemDropDown {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.js-open-itemDropDown:hover {
    background-color: #dbdbdb;
    z-index: 3;
}

.newSelectItem-item-dropdown {
    position: absolute;
    left: calc(100% - 12px);
    /* transform: translateY(-50%); */
    top: 0;
    width: 243px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
    z-index: 100;
}

@media (max-width: 780px) {
    .newSelectItem-item-dropdown {
        margin-top: 30px;
        left: auto;
        right: 0;
    }
}

.errorText {
    color: red;
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
    height: 0;
}

.errorText.js-active {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.newSelectItem-item-dropdown.js-active {
    visibility: visible;
    opacity: 1;
}

.newSelectItem-item-dropdown input {
    width: 219px;
    height: 32px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 0 12px;
}

.newSelectItem-btn {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 9px 12px;
    font-size: 14px;
    color: #5c5c5c;
    transition: 0.2s ease-in-out;
    cursor: pointer;
}

.newSelectItem-btn:hover {
    background: #f0f0f0;
}

.newSelectItem-btn svg {
    margin-right: 8px;
}

.newSelect.js-active svg {
    transform: rotate(0);
}

.newSelect_dropdown {
    position: absolute;
    top: calc(100% + 2px);
    width: 376px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
}

.newSelect_dropdown.js-active {
    visibility: visible;
    opacity: 1;
}

.newSelect_dropdown-item {
    padding: 0 8px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0;
    position: relative;
}

.newSelect_dropdown-item .text {
    max-width: 310px;
    word-break: break-word;
}

.newSelect_dropdown-item:hover {
    background: #f0f0f0;
}

.js-views-list {
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: visible;
}

.js-views-list::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
    margin-right: 5px;
}

.js-views-list::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #d9d9d9;
}


.newSelect_dropdown-addItem {
    padding: 12px;
    background: #ffffff;
    border-top: 1px solid #e0e0e0;
    cursor: pointer;

    transition: 0.2s ease-in-out;
}

.newSelect_dropdown-addItem:hover {
    background: #f0f0f0;
}

.newSelect_dropdown-addItem .text {
    font-size: 14px;
    color: #00b0f0;
}

.newSelect .text {
    font-size: 14px;
    color: #4e4e4e;
}
.newSelect_dropdown-item .text {
    font-size: 14px;
    color: #4e4e4e;
}
.loading-docs {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 300px;
    height: 100px;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.1));
    border-radius: 4px;
    color: #5c5c5c;
    display: none;
}
/* .dragover {
    position: relative;
} */
.agGrid_modal_upload-DragAndDrop {
    transition: all 0.2s ease-in-out;
}
.dragover .agGrid_modal_upload-DragAndDrop {
    transform: scale(1.05);
}

.loading-docs {
    display: flex;
}

.custom-container {
    width: 99%;
    margin: auto;
}

.valueColumns {
    color: #4c4c4c !important;
    width: 100%;
}
.complectsWrapper {
    display: flex;
    align-items: center;
    height: 100%;
}
.complectLink {
    margin-right: 5px;
    display: flex;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70% !important;
    border-radius: 4px;
}

.complectLink.link {
    background: #e0f5fd;
}

.complectLink.tag {
    background: #A5A5A5;
    color: #fff;
}

.complectLink.revLink a {
    color: #4e4e4e;
    font-size: 14px;
    max-width: 120px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.complectLink.link a {
    color: #4e4e4e;
    font-size: 14px;
    max-width: 120px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.ag-theme-alpine .ag-ltr .ag-cell {
    border: none !important;
    color: #4c4c4c !important;
}

.valueParamsHelper {
    background: #ffffff;
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    padding: 16px;
    position: absolute;
    top: 13px;
    z-index: 10001;
    left: 70%;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
}

.valueParamsHelper h2 {
    font-size: 14px;
    color: #4e4e4e;
    font-weight: bold;
    margin-bottom: 0 !important;
    line-height: 16px;
}

.valueParamsHelper span {
    font-size: 14px;
    color: #4e4e4e;
    margin-top: 12px !important;
    line-height: 16px;
    display: block !important;
}

.valueParamsHelper .valueHelperSpan {
    margin-top: 12px;
    font-size: 14px;
    cursor: pointer;
    color: #00b0f0;
}

.valueColumns .triangle {
    position: absolute;
    right: 0;
    top: 0;
}

.valueParamsHelper.js-active {
    visibility: visible;
    opacity: 1;
}

header {
    top: 0;
}

.table-title-row-header {
    top: 63px;
}

header {
    position: fixed;
    background-color: white;
    z-index: 1300;
    width: 100%;
}

header.min  + * {
    margin-top: 35px;
}

body.min {
    padding-top: 35px !important;
}

.big-dropdown-loaded.min {
    height: calc(100vh - 148px) !important;
}

header .logo-block {
    font-family: 'Norwester', arial, serif;
    display: flex;
    align-items: center;
}
.logo-block_info {
    display: flex;
    align-items: flex-end;
}
header .logo-block .not-hover {
    display: flex;
    align-items: flex-end;
}

.versionName {
    display: flex;
    align-items: flex-end;
    font-size: 14px;
    color: #fff;
}

.productName {
    display: flex;
    align-items: flex-end;
    font-size: 14px;
    color: #4e4e4e;
}

.table-title-row-header {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    z-index: 997;
}

.header-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 64px;
    border-bottom: 1px solid #e4e7ea;
  }

  
.logo-block {
    width: 18.5%;
  }
  
  .search-block {
    width: 58.5%;
  }
  
@media (max-width: 1310px) {
    .logo-block {
        width: 200px;
    }
    .search-block {
        width: calc(100% - 502px);
    }
}

.custom-container.big-dropdown-loaded {
    height: calc(100vh - var(--dynamic-alerts-height) - 185px);
}

@media (max-width: 1442px) {
    .custom-container.big-dropdown-loaded {
        height: calc(100vh - var(--dynamic-alerts-height) - 215px);
    }
}

@media (max-width: 1032px) {
    .custom-container.big-dropdown-loaded {
        height: calc(100vh - var(--dynamic-alerts-height) - 255px);
    }
}

@media (max-width: 950px) {
    .search-block {
        display: none !important;
    }
    .global-search {
        visibility: hidden;
        opacity: 0;
    }
}

.header-wrapper.min {
    height: 36px;
}

.header-wrapper.min .logo-block a img{
    height: 24px;
}
.doc-price p {
    margin: 0;
}

.logo-block a {
    font-weight: bold;
    font-size: 36px;
    line-height: 38px;
    text-indent: 10px;
    color: #000000;
    text-decoration: none;
    line-height: 64px;
    margin-left: 0px;
}

.logo-block a span {
    color: #00b0f0;
}

.search-block {
    position: relative;
    border-left: 1px solid #e4e7ea;
    border-right: 1px solid #e4e7ea;
    background-color: #fff;
    display: flex;
}
.header-wrapper.min .label-search {
    top: 9px;
}

.header-wrapper.min .advanced-search-btn {
    top: 9px;
    right: 9px;
}

.header-wrapper.min .advanced-search .advanced-search-body {
    top: 35px;
}

.header-wrapper.min .cross-search {
    top: 9px;
}

.header-wrapper.min .minified {
    height: 28px;
    width: 28px;
}


.header-wrapper.min .search-block {
    height: 36px;
    border: none;

    border-left: 1px solid #e4e7ea;
    border-right: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
}

.header-wrapper.min .input-search{
    height: 35px;
    padding-top: 0;
    padding-bottom: 0;
}
.input-search {
    color: #b8b8b8;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding-top: 24px;
    padding-bottom: 23px;
    width: calc(100% - 100px);
    border: none;
    margin-left: 0;
    margin-right: 53px;
}

.modal-window-search .input-search {
    padding-left: 52px;
}

.label-search {
    background-image: url(../image/search.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    cursor: pointer;
    top: 23px;
    left: 21px;
}

input[type='search']::-webkit-input-placeholder {
    color: #b8b8b8;
}

input[type='search']:-ms-input-placeholder {
    color: #b8b8b8;
}

input[type='search']::-ms-input-placeholder {
    color: #b8b8b8;
}

input[type='search']::placeholder {
    color: #b8b8b8;
}

.helpModal {
    z-index: 5000 !important;
}

/* new header styles */

.global-search {
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 0;
    margin-left: 0;
    padding: 0 16.5px 0 33px;
    cursor: pointer;
    @media (max-width: 500px) {
        padding: 0 8px;
    }
}

.tariff {
    display: none;
    min-width: 200px;
}

.tariff .tariff_link {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    color: #00B0F0;
}

.tariff .tariff_link svg {
    margin-left: 7px;
}

.tariff .tariff_remainings {
    margin-top: 3px;
}

.tariff .tariff_remainings p {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    color: #4E4E4E !important;
}

/* ====<===>==== */

.help-block {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 0;
    padding: 0 16.5px;
    cursor: pointer;
    background-color: #fff;
    align-self: center;
    margin-right: 0;
    position: relative;
    @media (max-width: 500px) {
        padding: 0 8px;
    }
}
.help-block p {
    margin-bottom: 0;
}
      
.help-popup {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: calc(100% - 15px);
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
    white-space: nowrap;
    right: 0;
    border-radius: 8px;
    z-index: 2222222;
    background-color: #fff;
    box-shadow: inset 1px 0px 0px #f2f2f2;
}
.help-popup.active {
    opacity: 1;
    visibility: visible;
}
.help-popup ul {
    margin-bottom: 0;
}
.help-popup ul li {
    transition: all .2s;
}
.help-popup ul li:hover {
    background-color: #F6F6F6;
}
.help-popup ul li a {
    padding: 12px 20px;
    display: block;
    height: 100%;
    width: 100%;
    color: #4E4E4E;
    outline: none;
    font-size: 16px;
}
.help-popup ul li a:hover {
    outline: none;
    text-decoration: none;
    background-color: rgba(#F6F6F6, 0) !important;
}

.introjs-overlay,
.introjs-helperLayer,
.introjs-tooltipReferenceLayer {
    z-index: 20000 !important;
}

.notification {
    cursor: pointer;
}

.breadcrump a {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #00b0f0;
    text-decoration: none;
}

.bread-off {
    color: #4e4e4e;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}

.breadcrump {
    display: flex;
    align-items: center;
    padding-left: 7px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px solid #e4e7ea;
    position: relative;
}

.active-page {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    overflow: hidden;
    flex: 1;
}

.active-page p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #4e4e4e;
    margin-right: 9px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.crumb-nav {
    margin-left: 17px;
    margin-right: 17px;
}

.crumb-nav img {
    width: 11px;
}

.filter-block {
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-right: 97px;
    margin-bottom: 15px;
}

.filter {
    font-weight: bold;
    font-size: 18px;
    visibility: hidden;
    opacity: 0;
    line-height: 21px;
    color: #00b0f0;
    margin-left: 4px;
    width: 0;
    transition: 0s ease-in;
}
.filter.js-active {
    visibility: visible;
    opacity: 1;
    width: auto;
    transition: 0.2s ease-in;
}

.header-button {
    cursor: pointer;
    border-radius: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    padding-left: 9px;
    padding-right: 9px;
    height: 34px;
    color: #5c5c5c;
    margin-right: 0;
    opacity: 1;
    transition: 0.2s ease-in;
    position: relative;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
}


.header-button.no-border {
    border-radius: 0px;
    border-right: none;
}

.header-button.first-button {
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none;
}

.header-button.third-button {
    border-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.header-button.no-padding {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
}

.header-button_dropdown {
    position: absolute;
    width: 245px;
    height: auto;
    background-color: #fff;
    top: 100%;
    left: -20%;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
    z-index: 300;
}

.header-button_dropdown .deleteModal__body {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}

.header-button_dropdown.js-active {
    visibility: visible;
    opacity: 1;
}

.header-button:hover .hint {
    opacity: 1;
    visibility: visible;
    pointer-events: none;
}
.hintWrapper {
    position: relative;
}
.hintWrapper:hover .hint {
    opacity: 1;
    visibility: visible;
}

.header-button.header-button-disabled {
    pointer-events: none;
}
.dropDownItem.header-button-disabled {
    pointer-events: none;
    background: #fff !important;
    opacity: 0.5 !important;
}

.header-button.header-button-disabled:hover {
    background: #fff !important;
}

.header-button.header-button-disabled:hover .svg {
    opacity: 0.5 !important;
}

.header-button.header-button-disabled:hover .hint {
    opacity: 1;
    visibility: visible;
}
.hint {
    position: absolute;
    top: calc(100% + 2px);
    left: 50%;
    transform: translate(-50%, 0);
    padding: 5px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    opacity: 0;
    transition: 0.2s ease-in;
    visibility: hidden;
    z-index: 4;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none;
}

.hintRight {
    left: auto;
    right: 0;
    transform: translateX(0);
}

.hint span {
    color: #ffffff !important;
    white-space: nowrap;
    font-family: 'Roboto' !important;
    font-size: 12px !important;
}

.hint div {
    color: #ffffff !important;
    white-space: nowrap;
    font-family: 'Roboto' !important;
    font-size: 12px !important;
}

.header-button-disabled .svg {
    opacity: 0.5;
}
/* 
.header-button span::before {
    color: #5C5C5C;
} */
.svg {
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.svg svg {
    height: 100%;
    width: auto;
}
.add-button span:first-child {
    margin-right: 8px;
    font-weight: 500;
    font-size: 14px;
}
.add-button span {
    text-decoration: none !important;
    color: #5c5c5c;
}
.add-button {
    margin-right: 0;
    max-width: 184px;
}
.add-button .add-button_span {
    margin: 4px 0;
    color: #5c5c5c;
}

.add-button span {
    flex-wrap: nowrap;
}

.reload-icn-wrapper span:before {
    color: #ff891d;
}

.icon-complete:before {
    color: #00b0f0 !important;
}

.icon-approved:before {
    color: #00b050 !important;
}

.header-button:hover {
    background: #f5f5f5;
    transition: 0.3s;
    text-decoration: none;
}


.header-button.active {
    background-color: #00b0f0;
    color: #fff;
    border-color: #00b0f0;
}

.header-button:active {
    background-color: #00b0f0;
    color: #fff;
    border-color: #00b0f0;
}
.header-button svg path {
    transition: 0.2s;
}

.header-button svg rect {
    transition: 0.2s;
}

/* path */
.header-button.active svg path[stroke] {
    stroke: #fff;
}

.header-button.active svg path[fill]:not([fill="none"]) {
    fill: #fff;
}

.header-button:active svg path[stroke] {
    stroke: #fff;
}

.header-button:active svg path[fill]:not([fill="none"]) {
    fill: #fff;
}


/* rect */
.header-button.active svg rect[stroke] {
    stroke: #fff;
}

.header-button.active svg rect[fill]:not([fill="none"]) {
    fill: #fff;
}

.header-button:active svg rect[stroke] {
    stroke: #fff;
}

.header-button:active svg rect[fill]:not([fill="none"]) {
    fill: #fff;
}





.header-button-active {
    background-color: #00a2dd;
    border: 1px solid #00a2dd;
}

.header-button-active span:before {
    color: #fff !important;
}

.icon-add_row {
    margin-right: 10px;
}
.header-button-active svg {
    fill: #fff !important;
}
.header-button-active svg path {
    fill: #fff !important;
}
.header-button-active span {
    color: #fff !important;
}

.header-button.js-active svg.pathStrokeColor path{
    stroke: #fff;
}

.header-button-active:hover {
    background-color: #00a9e7;
    border: 1px solid #00a9e7;
}

.buttons-block {
    grid-template-columns: 70px calc(100% - 70px);
    border-bottom: 1px solid #e0e0e0;
    display: grid;
    margin-top: 13px;
    transition: 0.2s ease;
}
.buttons-block.js-active {
    margin-top: 13px;
    grid-template-columns: 258px calc(100% - 258px);
    border-bottom: none;
}
.all-buttons {
    display: flex;
    align-items: center;
}


.header-button.third-button {
    margin-right: 8px;
    border-right: 1px solid #e7e7e7;
}


.pages-block {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.pages-block p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #4e4e4e;
    margin-right: 12px;
}

.pages-block span {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #a3a3a3;
}

.select {
    position: relative;
    display: block;
    width: 100%;
}

.js-upload-selectDocType-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 4px;
    transition: 0.2s ease-in-out;
    transform: rotate(-180deg);
}

.js-upload-selectDocType-arrow.js-active {
    transform: rotate(0deg);
}

.select__head {
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    padding: 8px 9px;
    font-size: 14px;
    line-height: 18px;
    color: #63666a;
    cursor: pointer;
}

.select__head::after {
    width: 10px;
    height: 6px;
    background: #fff url(../image/select-arrow.svg) no-repeat center / cover;
    position: absolute;
    right: 20px;
    bottom: 50%;
    transform: translateY(50%);
    content: '';
    display: block;
    transition: 0.2s ease-in;
}

.select__head.open::after {
    transform: translateY(50%) rotate(180deg);
}

.select__list {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    background: #fff;
    margin-top: 5px;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #424348;
    scrollbar-color: dark;
    scrollbar-width: thin;
    overscroll-behavior: contain;
    background: #ffffff;
    border: 1px solid #d2d5d8 !important;
    border-radius: 4px;
    box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.1) !important;
    z-index: 10000;
}

.search_columnsList {
    position: absolute;
    top: calc(100% - 10px);
    background-color: #fff;
    box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1);
    width: calc(100% - 60px);
    left: 60px;
    max-height: 300px;
    overflow-y: auto;
}

.search_columnsList::-webkit-scrollbar {
    background-color: #fff;
    width: 4px;
}

.search_columnsList::-webkit-scrollbar-thumb {
    background: rgba(64, 64, 64, 0.6);
    border: 0px;
    border-radius: 6px;
}

.search_columnsList-item {
    padding: 10px 15px;
    color: #777777;
    cursor: pointer;
    font-size: 14px;
}

.search_columnsList-item:hover {
    background-color: rgba(224, 229, 231, 0.5);
}

.select__list::-webkit-scrollbar {
    width: 3px;
    background-color: #bdbdbd;
    padding: 5px;
    margin-right: 5px;
}

.select__list::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #d9d9d9;
    margin-right: 5px;
}

.select__list .select__item {
    position: relative;
    padding: 4px 12px;
    cursor: pointer;
    list-style-type: none;
    margin-left: 5px;
    margin-right: 11px;
    border-radius: 4px;
    color: #777777;
}

.select__list .select__item:hover {
    background-color: rgba(224, 229, 231, 0.5);
}

.button-prev {
    transform: matrix(-1, 0, 0, 1, 0, 0);
    padding: 7px 9px;
    margin-left: 17px;
}

.select__listPopUp::-webkit-scrollbar {
    width: 3px;
    background-color: #bdbdbd;
    padding: 5px;
    margin-right: 5px;
}

.select__listPopUp::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #d9d9d9;
    margin-right: 5px;
}

.select__listPopUp .select__item {
    position: relative;
    padding: 4px 12px;
    cursor: pointer;
    list-style-type: none;
    margin-left: 0;
    margin-right: 11px;
    border-radius: 4px;
    color: #777777;
}

.select__listPopUp .select__item:hover {
    background-color: rgba(224, 229, 231, 0.5);
}

.button-next {
    padding: 7px 9px;
    margin-left: 17px;
    cursor: pointer;
    transition: 0.3s;
}

.button-next:hover {
    background: #f5f5f5;
    transition: 0.3s;
}

.button-content {
    display: flex;
    align-items: center;
}

.draggable_row {
    min-height: 10px;
}
.introjs-tooltip {
    max-width: 650px !important;
    min-width: 650px !important;
}

.introjs-helperLayer {
    box-shadow: rgb(33 33 33 / 5%) 0px 0px 1px 2px,
        rgb(33 33 33 / 50%) 0px 0px 0px 5000px !important;
}

.intro {
    width: 100%;
}

.introjs-tooltiptext {
    padding: 0 !important;
}

.introjs-tooltip {
    background: linear-gradient(0deg, #eff0f1, #eff0f1), #000000;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}

.introjs-tooltipbuttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border: 0 !important;
}
.introjs-button {
    background-color: transparent !important;
    text-shadow: none !important;
    font-family: Roboto, sans-serif !important;
}

.introjs-prevbutton {
    margin-right: 10px;
    border: 1px solid #c1c1c1 !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
}

.intro_text {
    font-family: Roboto, sans-serif !important;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.25px;
    color: #666666;
}

.introjs-bullets {
    display: none;
}

.intro_gif img {
    margin-top: 10px;
    width: 630px;
    height: auto;
}

.right-sidebar {
    display: flex;
    align-items: center;
    /* border-bottom: 1px solid #E0E0E0; */
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 14px;
}

.right-sidebar-sb .input__default {
    width: 360px;
    padding-right: 10px;
    padding-left: 10px;
}

.right-sidebar-sb .input__default.selected {
    border-color: #00B0F0;
}

.right-sidebar-sb {
    justify-content: space-between;
    padding-left: 5px;
    padding-right: 5px;
}
.right-sidebar.js-active {
    border-bottom: 1px solid #e0e0e0;
}
.input-search-cont {
    padding-left: 23px;
}

.filter_doctype_select .select2 {
    max-width: 100% !important;
}
.advanced-search-input-row .input-filter {
    width: 100%;
}
.input-filter {
    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    width: 218px;
    color: #696767;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    height: 32px;
}

.input-filter::-webkit-input-placeholder {
    color: #b8b8b8;
    font-size: 14px;
}

.input-filter:-ms-input-placeholder {
    color: #b8b8b8;
    font-size: 14px;
}

.input-filter::-ms-input-placeholder {
    color: #b8b8b8;
    font-size: 14px;
}

.input-filter::placeholder {
    color: #b8b8b8;
    font-size: 14px;
}

.input-filter-filters {
    width: 199px;
    padding-left: 10px;
}
.input-filter-filters::-webkit-input-placeholder {
    color: #b8b8b8;
    font-size: 14px;
}

.input-filter-filters:-ms-input-placeholder {
    color: #b8b8b8;
    font-size: 14px;
}

.input-filter-filters::-ms-input-placeholder {
    color: #b8b8b8;
    font-size: 14px;
}

.input-filter-filters::placeholder {
    color: #b8b8b8;
    font-size: 14px;
}
.filter-search-block {
    position: relative;
    margin-left: 7px;
    margin-bottom: 13px;
}

.filter-label {
    background-image: url(../image/search.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    cursor: pointer;
    top: 9px;
    left: 14px;
}

.tab-block {
    margin-bottom: 10px;
}

.ag-row.update::before {
    content: '';
    background-color: #00b0f0;
    opacity: 0.2;
    /* width: 100%; */ 
    z-index: 100;
    pointer-events: none;
    /* height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.tab-relative {
    display: flex;
    align-items: center;
    cursor: pointer;
    min-width: 220px;
}

.tab-relative p {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #696767;
    margin-left: 2px;
}

.tab-arrow {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-arrow img {
    transition: 0.4s;
}

.active-img {
    transition: 0.4s;
    transform: rotate(180deg);
}

.checkbox-block {
    width: 210px;
    position: relative;
    margin-bottom: 4px;
    margin-top: 13px;
    transition: 0.2s ease-in-out;
}

.checkbox-block.hide {
    visibility: hidden;
    opacity: 0;
    margin-top: 0;
    height: 0;
    transform: translateY(-100%);
    margin-bottom: 0;
}

.checkbox-label {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #696767;
    justify-content: space-between;
    padding: 0 0 0 50px;
    cursor: pointer;
    min-height: 22px;
    white-space: pre;
    /* margin-top: 13px; */
}

.checkbox-label.notLeft-padding {
    padding-left: 28px;
}

.checkbox-label.notLeft-padding:after {
    left: 2px;
}

.checkbox-label.notLeft-padding:before {
    left: 0;
}

.checkbox-label:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 0px;
    border: 2px solid #dbdfe3;
    position: absolute;
    /*top: 13px;*/
    left: 25px;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2px !important;
}

.checkbox-label:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(../image/checbox.svg) no-repeat;
    background-size: 14px 27px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-75%);
    left: 27px;
    z-index: 2;
    color: var(--ag-checkbox-unchecked-color, #999);
}

.checkbox-label span {
    color: #010101;
    font-size: 16px;
    font-weight: 700;
    margin-left: 53px;
}

.checkbox {
    -webkit-appearance: none;
    appearance: none;
}

.checkbox:checked + .checkbox-label:before {
    border: 2px solid #00b0f0;
    background-color: #00b0f0;
}

.checkbox:checked + .checkbox-label:after {
    opacity: 1;
}

.checkbox:disabled + .checkbox-label:before {
    border: 2px solid #00b0f0;
}

.checkbox-names {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #696767;
    margin-left: 7px;
}

.tab-content .checkbox-block-name:first-child {
    margin-top: 16px;
    margin-bottom: 16px;
}

.tab-content hr {
    margin-top: 14px;
    margin-bottom: 14px;
    width: 200px;
    height: 1px;
    border: none;
    background-color: #E4E7EA;
}

.checkbox-block-name {
    display: flex;
    margin-top: 14px;
    margin-bottom: 5px;
    position: relative;
}
.checkbox-block-name .js-checkbox-block-name-label.childChecked::before {
    background: url(/static/image/checkbox-title.svg);
    border: none;
    background-position: center center;
}
.checkbox-block-name .checkbox-label.childChecked::after {
    width: 8px;
    height: 8px;
    border-radius: 1px;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    background: #00b0f0;
    opacity: 1;

}

.checkbox-block-name .checkbox-label.childChecked:hover::after {
    width: 12px;
    height: 12px;
    left: 28px;
    opacity: 1;

    border-radius: 1px;
    transition: 0.2s ease-in-out;
    background: #00b0f0;
    background-position: center center;
}


.filter-section {
    height: calc(100% - 180px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 22px;
    margin-right: 5px;
}

.filter-section .checkbox-label {
    white-space: normal !important;
}

.filter-section::-webkit-scrollbar {
    width: 6px;
}

.filter__sidebar .select2-container--default .select2-selection--single {
    border: 1px solid #e9e9e9 !important;
    border-radius: 4px !important;
}
.select2-results__option {
    color: #696767;
}
.select2-selection__rendered {
    color: #696767;
}
/* SCRLOLL */
.custom-scroll::-webkit-scrollbar {
    /* 1 - скроллбар */
    background-color: #fff;
    width: 4px;
    height: 6px;
    /* opacity: .6 !important; */
}

.custom-scroll::-webkit-scrollbar-track {
    width: 4px;
    background: #fff;
    /* opacity: .6 !important;  */
    transition: 0.2s ease-in;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: rgba(64, 64, 64, 0.6);
    border: 0px;
    border-radius: 6px;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(64, 64, 64, 0.6);
}

.filter-section::-webkit-scrollbar-track {
    width: 6px;
    /* background: #BDBDBD; */
    /* opacity: .6 !important;  */
    transition: 0.2s ease-in;
}
.filter-section::-webkit-scrollbar-thumb {
    background: rgba(64, 64, 64, 0.6);
    border: 0px;
    border-radius: 6px;
}
.filter-section::-webkit-scrollbar-thumb:hover {
    background: rgba(64, 64, 64, 0.6);
}

.rightElement-container::-webkit-scrollbar {
    width: 6px;

}

.rightElement-container::-webkit-scrollbar-track {
    width: 6px;
    /* background: #BDBDBD; */
    /* opacity: .6 !important;  */
    transition: 0.2s ease-in;
}
.rightElement-container::-webkit-scrollbar-thumb {
    background: rgba(64, 64, 64, 0.6);
    border: 0px;
    border-radius: 6px;
}
.rightElement-container::-webkit-scrollbar-thumb:hover {
    background: rgba(64, 64, 64, 0.6);
}

.rightElement-container .loader {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
}

.rightElement-container .loader svg {
    width: 100px;
    height: 100px;
}

.rightElement-container .loader svg {
    margin-right: -100px;
}

.filter-page {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #696767;
}

.filter-buttons-block {
    margin-top: 13px;
}
.filter-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 30;
    padding-bottom: 10px;
}
.secondary-button {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #5c5c5c;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: #fff;
    transition: 0.3s;
    padding: 10px 20px;
    max-height: 36px;
    min-width: 85px;
}

.primary-button {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #00b0f0;
    border: 1px solid #00b0f0;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
    margin-left: 12px;
    transition: 0.3s;
    padding: 10px 20px;
    max-height: 36px;
    min-width: 85px;
}

.primary-button:hover {
    background-color: #f0fbfe;
    transition: 0.3s;
}

.primary-button:active {
    background-color: #00b0f0;
    color: #fff;
    transition: 0.3s;
}

.secondary-button:hover {
    background-color: #f5f5f5;
    transition: 0.3s;
}

.secondary-button:active {
    background-color: #5c5c5c;
    color: #ffffff;
    transition: 0.3s;
}

.table-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    border-right: 1px solid #e0e0e0;
    width: 1972px;
}

.table-component {
    display: grid;
    grid-template-columns: 38px 232px 350px 177px 56px 155px 141px 201px 58px 89px 143px 143px 143px 46px;
    height: 48px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    width: 1972px;
    position: relative;
}

.main-wrapper {
    display: grid;
    grid-template-columns: 0 100%;
    transition-delay: 0.2s !important;
    transition: 0.2s ease-in;
    overflow-x: hidden;
}
.main-wrapper.js-active {
    grid-template-columns: 258px calc(100% - 258px);
    transition: 0.2s ease-in;
    transition-delay: 0.2s !important;
}
.doc-name-title {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #4d4d4d;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-start;
    padding-right: 16px;
    padding-left: 16px;
}

.checkbox-table {
    margin-top: 14px;
}

.percent {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.percent img {
    display: block;
}

.plus {
    border-left: 1px solid #e0e0e0;
    cursor: pointer;
}

.plus img {
    margin-top: 17px;
}

.checkbox-table img {
    margin-left: 10px;
}

.checkbox-tabel:before {
    top: 13px;
    left: 9px;
}

.checkbox-tabel:after {
    left: 12px;
}

.doc-name {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #777777 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100% !important;
    display: flex;
    align-items: flex-start;
    padding-top: 18px;
    justify-content: flex-start;
    z-index: 100;
    padding-left: 16px;
}

.doc-name:before {
    content: 'Договор подряда ДП-19-1355_Лидер_В-Кран.pdf';
    width: 358px;

    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    position: absolute;
    color: #ffffff;
    top: 40px;
    left: 215px;
    opacity: 1;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    display: none;
}

.doc-name:hover:before {
    display: block;
}

.doc-name-full {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: flex-start;
    color: #00b0f0;
    margin-left: 0;
    justify-content: flex-start;
    padding-left: 16px;
    padding-top: 18px;
}
.doc-name img {
    margin-left: 6px;
}

.doc-type {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #777777;
    padding-top: 18px;
    padding-right: 18px;
    cursor: pointer;
}

.doc-type.doc-type-project-toggle-event.js-active {
    position: relative;
    overflow: visible;
}

/* .doc-type.doc-type-project-toggle-event.js-active p {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300;
    background-color: #fff;
    width: calc(100% - 18px);
    white-space: pre-line;
    display: block;
} */

.doc-type.js-active {
    position: relative;
    overflow: visible;
}

.table-comp {
    transition: 0.2s ease-in-out;
    height: 55px;
}

.table-comp.js-active {
    overflow: hidden;
}

.doc-type.js-active p {
    /* height: auto; */
    display: block;
    padding-bottom: 18px;
    white-space: normal;
}

.doc-dropdown a {
    color: #00B0F0;
}

.doc-type span {
    transition: 0.2s ease-in-out;
}
.doc-type p {
    transition: 0.2s ease-in-out;
    display: block;
}

.doc-type p::-webkit-scrollbar {
    width: 3px;
}

.doc-type p::-webkit-scrollbar-track {
    background: #e0e0e0;
    border: 2px solid transparent;
    background-clip: content-box;
}

.doc-type p::-webkit-scrollbar-thumb {
    background-color: #bdbdbd;
    border: 0px solid rgb(0, 0, 0);
    border-radius: 6px;
}

.doc-type.js-active span {
    transform: rotate(180deg);
}

.checkmark img {
    display: block;
    margin: auto;
    margin-top: 13px;
}

.user {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #777777;
    margin-top: 13px;
    margin-left: 16px;
}

.status {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    margin-top: -5px;
    margin-left: 16px;
    color: #00b050;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.status img {
    margin-right: 14px;
}

.doc-number p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    background: #ddffde;
    border-radius: 4px;
    color: #4e4e4e;
    padding: 3px 0;
    text-align: center;
    width: 114px;
    height: 16px;
    margin-top: 10px;
    margin-left: 8px;
}

.doc-date p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    background: #ddffde;
    border-radius: 4px;
    color: #4e4e4e;
    padding: 3px 8px;
    text-align: center;
    height: 16px;
    margin-top: 10px;
    margin-left: 8px;
    width: 71px;
}

.doc-number {
    border-left: 1px solid #e0e0e0;
}

.doc-price {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    background: #ddffde;
    border-radius: 4px;
    color: #4e4e4e;
    padding: 3px 8px;
    text-align: center;
    height: 16px;
    margin-top: 10px;
    margin-left: 8px;
    width: 56px;
}

.zero-block {
    border-left: 1px solid #e0e0e0;
}

.table-section::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.table-section::-webkit-scrollbar-track {
    background: #fff;
    border: 1px solid transparent;
    background-clip: content-box;
}

.table-section::-webkit-scrollbar-thumb {
    background-color: rgba(64, 64, 64, 0.6);
    border: 1px solid rgba(64, 64, 64, 0.6);
    border-radius: 6px;
}

.table-section {
    overflow-x: scroll;
    margin-left: 20px;
}

.button-prev-active {
    cursor: pointer;
}

.button-prev-active:hover {
    background: #f5f5f5;
    transition: 0.3s;
}

.li-search a {
    color: #00b0f0;
}

.select-page {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #ffffff;
    background: #7f7f7f;
    border-radius: 4px;
    padding: 4px 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    z-index: 9999;
}

.select-page span {
    margin-left: 3px;
    margin-right: 3px;
}

.select-page-active {
    display: block;
    background: #7f7f7f;
}

.select-page-active-notify {
    display: block;
}

.modal-window {
    width: 390.17px;
    height: 148px;
    background: #fff;
    margin: auto;
    margin-top: 200px;
}

.modal-trash {
    position: fixed;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    background: rgba(98, 98, 98, 0.3);
    display: none;
}

.delete-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 22px;
    margin-bottom: 14px;
}

.delete-text {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: rgba(0, 0, 0, 0.541327);
}

.delete {
    width: 96px;
    margin-right: auto;
}

.cancel-delete {
    width: 91px;
    margin-left: auto;
}

.delete-block {
    display: flex;
    margin-top: 20px;
}

.user-name-block {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.user-name-block p:first-child {
    margin-bottom: 8px;
}

.user-name-block p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #4e4e4e;
    margin-left: 12px;
}

.mail {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #828282;
    margin-top: 10px;
    margin-left: 20px;
}

.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
}

.modal-search-layout {
    position: absolute;
    width: 200vw;
    height: 100vh;
    top: 0;
    left: -50%;
    background: rgba(98, 98, 98, 0.3);
    z-index: 5000;
    transition: 0s;
}

.modal-window-search {
    overflow: hidden;
    position: relative;
    width: 90%;
    max-width: 800px;
    /* height: 531px; */
    background: #ffffff;
    box-shadow: inset 1px 0px 0px #f2f2f2;
    border-radius: 8px;
    margin-top: 64px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5001;
    transition: 0s;
}

.cross-search {
    position: absolute;
    top: 25px;
    right: 60px;
    cursor: pointer;
    display: none;
}

.modal-search {
    display: none;
}

.filter-search-title {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #63666a;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 16px;
}

.input-filter-active {
    border: none;
    border-bottom: 1px solid #e4e7ea;
    border-radius: 0;
    padding-left: 25px;
    margin-left: 20px;
}

.filter-label-active {
    left: 22px;
    top: 7px;
}

.filter-search-active {
    margin-left: 0;
    position: relative;
}

.filter-search-block-active {
    width: 245px;
    height: 336px;
    background: #ffffff;
    box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    position: absolute;
    top: 0px;
    padding-left: 20px;
    z-index: 10;
    display: none;
}

.filter-li {
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    color: #4e4e4e;
    width: 215px;
    padding-left: 10px;
    border-radius: 4px;
    margin-left: 10px;
    cursor: pointer;
}

.filter-li:hover {
    background: #f6f6f6;
}

.cross-search-filter {
    display: block;
    top: 10px;
    right: 40px;
    cursor: pointer;
    position: absolute;
}

.doc-head {
    border: none;
    width: 140px;
    padding: 0;
}

.doc-head::after {
    width: 24px;
    height: 24px;
    background: #fff url(../image/drop-table.svg) no-repeat center / cover;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    content: '';
    display: block;
    transition: 0.2s ease-in;
    left: 118px;
}

.doc-item {
    padding-left: 13px !important;
}

.add-new {
    width: 245px;
    height: 272px;
    background: #ffffff;
    box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    position: absolute;
    top: 50px;
    right: 0;
    padding-left: 20px;
    z-index: 1000;
    display: none;
}

.add-new ul {
    overflow-y: scroll;
    height: 160px;
    margin-right: 40px;
}

.new-li {
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    color: #4e4e4e;
    width: 170px;
    padding-left: 10px;
    border-radius: 4px;
    margin-left: 10px;
    cursor: pointer;
}

.new-li:hover {
    background: #f6f6f6;
}

.add-new ul::-webkit-scrollbar {
    width: 3px;
}

.add-new ul::-webkit-scrollbar-track {
    background: #e0e0e0;
    border: 2px solid transparent;
    background-clip: content-box;
}

.add-new ul::-webkit-scrollbar-thumb {
    background-color: #bdbdbd;
    border: 0px solid rgb(0, 0, 0);
    border-radius: 6px;
}

.doc-head-active:after {
    background-color: #f6f6f6;
}

.doc-list {
    background: #fff;
    font-size: 14px;
    color: #424348;
    border-radius: 4px;
    z-index: 10000;
    width: 250px;
    line-height: 23px;
}

.doc-list1 {
    overflow-y: scroll;
    height: 180px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #424348;
}

.doc-list1::-webkit-scrollbar {
    width: 3px;
}
.ag-theme-alpine .ag-popup-child:not(.ag-tooltip-custom) {
    background-color: #fff !important;
    border: none;
}
.doc-list1::-webkit-scrollbar-track {
    background: #bdbdbd;
    border: 2px solid transparent;
    background-clip: content-box;
}

.doc-list1::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border: 0px solid rgb(0, 0, 0);
    border-radius: 6px;
}

.number-ul {
    overflow-y: auto;
    height: auto;
    max-height: 142px;
    padding-right: 10px;
    /* padding-bottom: 20px; */
}
.number-ul2 {
    overflow-y: auto;
    height: auto;
    max-height: 142px;
    padding-right: 10px;
}
.number-ul2 .select__item {
    height: 32px;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #4e4e4e;
    padding-left: 10px;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    max-width: 300px;
    width: 300px;
}

.number-ul2 .select__item:hover {
    background: #f6f6f6;
}

.number-ul2::-webkit-scrollbar {
    width: 3px;
}

.number-ul2::-webkit-scrollbar-track {
    background: #bdbdbd;
    border: 2px solid transparent;
    background-clip: content-box;
}

.number-ul2::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border: 0 solid rgb(0, 0, 0);
    border-radius: 6px;
}

.number-ul::-webkit-scrollbar {
    width: 3px;
}

.number-ul::-webkit-scrollbar-track {
    background: #bdbdbd;
    border: 2px solid transparent;
    background-clip: content-box;
}

.number-ul::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border: 0 solid rgb(0, 0, 0);
    border-radius: 6px;
}

.cross-add {
    display: block;
    top: 10px;
    right: 40px;
    cursor: pointer;
    position: absolute;
}

.pointer {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#agGrid-container.js-active {
    min-width: 25%;
    max-width: calc(75% - 50px);
}

#agGrid-container .ag-theme-alpine .ag-root-wrapper {
    border: none;
}

#agGrid-container .ag-theme-alpine .ag-header {
    background-color: unset;
}

#agGrid-container .rag-red {
    background-color: lightcoral;
}

#agGrid-container .rag-green {
    background-color: lightgreen;
}

#agGrid-container .rag-amber {
    background-color: lightsalmon;
}

#agGrid-container .rag-red-outer .rag-element {
    background-color: lightcoral;
}

#agGrid-container .rag-green-outer .rag-element {
    background-color: lightgreen;
}

#agGrid-container .rag-amber-outer .rag-element {
    background-color: lightsalmon;
}
.ag-horizontal-left-spacer {
    opacity: 0;
}
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
    background-color: transparent;
    position: absolute;
    top: 0;
    height: 6px !important;
    transition: 0.2s;
}
/* #agGrid-container:hover .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {

} */

.ag-body-viewport::-webkit-scrollbar {
    background-color: transparent;
    transition: 0.2s;
    width: 6px !important;
    right: 0;
}
.ag-body-viewport:hover .ag-body-viewport::-webkit-scrollbar {
    width: 10px !important;
}
/* .ag-body-viewport::-webkit-scrollbar-thumb:hover {
    width: 30px !important;
} */

.ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb:hover {
    background: rgba(64, 64, 64, 0.6);
}
.ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb {
    transition: 0.2s;
    border-radius: 6px;
    background: rgba(64, 64, 64, 0.6) !important;
}

.ag-body-viewport::-webkit-scrollbar-thumb {
    transition: 0.2s;
    border-radius: 6px;
    background: rgba(64, 64, 64, 0.6) !important;
}

/* new-ag-grid scroll */
.ag-body-vertical-scroll-viewport::-webkit-scrollbar {
    background-color: transparent;
    transition: 0.2s;
    width: 6px !important;
    right: 0;
}
.ag-body-vertical-scroll-viewport:hover .ag-body-vertical-scroll-viewport::-webkit-scrollbar {
    width: 10px !important;
}
/* .ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb:hover {
    width: 30px !important;
} */

.ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb:hover {
    background: rgba(64, 64, 64, 0.6);
}
.ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb {
    transition: 0.2s;
    border-radius: 6px;
    background: rgba(64, 64, 64, 0.6);
}

.ag-root.ag-layout-normal {
    position: relative !important;
}

.ag-body-horizontal-scroll {
    position: absolute !important;
    bottom: 0;
}
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
    background: rgba(64, 64, 64, 0.6);
    transition: all 0.2s !important;
    border-radius: 6px;
    height: 100% !important;
}
.ag-body-horizontal-scroll {
    height: 6px !important;
    max-height: 6px !important;
    min-height: 6px !important;
    transition: all 0.2s !important;
    background-color: transparent !important;
    position: absolute !important;
    bottom: 0;
}
.ag-body-horizontal-scroll-viewport {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 100% !important;
    transition: all 0.2s !important;
    /* position: absolute !important;
    left: 0;
    bottom: 0;
    right: 0; */
    /* position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0; */
    background-color: transparent !important;
}
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:hover {
    height: 100% !important;
    /* background: rgba(64, 64, 64, 1); */
    transition: all 0.2s !important;
    transform: scale(1.2) !important;
}

.ag-body-horizontal-scroll:hover {
    height: 10px !important;
    max-height: 10px !important;
    min-height: 10px !important;
    transition: 0.2s;
}

.ag-body-horizontal-scroll:hover .ag-body-horizontal-scroll-viewport {
    /* height:6px !important;
    max-height:6px !important;
    min-height: 6px !important; */
    transition: 0.2s;
}

.load-button {
    position: relative;
    opacity: 1;
    cursor: default;
    padding: 0;
}
/* .load-button:hover {
    background-color: #fff;
}

.load-button .svg:hover {
    background-color: #f5f5f5;
} */

.load-button .svg {
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding-left: 9px;
    padding-right: 9px;
}
.load-button .svg svg {
    width: auto;
    height: auto;
}
.dropdownLoadBtns {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 245px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 120;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
}

.dropdownLoadBtns.js-active {
    visibility: visible;
    opacity: 1;
}

.dropdownLoadBtns .headerDropDown {
    width: 100%;
    padding: 16px 16px 14px 16px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    color: #2e2e2e;
    text-align-last: left;
}

.dropdownLoadBtns .dropDownItem {
    padding: 13px 15px 13px 15px;
    width: 100%;
    font-size: 14px;
    color: #4e4e4e;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    text-align-last: left;
    text-decoration: none;
    margin-top: 4px;
}

.dropdownLoadBtns .dropDownItem:hover {
    background-color: #f6f6f6;
}

.ag-body-horizontal-scroll:hover
    .ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
    height: 10px !important;
    max-height: 10px !important;
    min-height: 10px !important;
    transition: 0.2s;
}
.ag-body-horizontal-scroll:hover
    .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
    transition: all 0.2s !important;
    border-radius: 6px;
    height: 10px !important;
}
/* .ag-center-cols-viewport {
    height: 100% !important;
    width: 100% !important;
    position: relative;
} */
/* .ag-body-viewport {
    overflow: scroll !important;
} */
/* #agGrid-container .ag-body-horizontal-scroll {
    height: 10px !important;
    max-height: 10px !important;
    min-height: 10px !important;
} */

/* #agGrid-container ::-webkit-scrollbar {
    width: 8px; 
    padding: 0px;
    margin-right: 0px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

#agGrid-container ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(184, 184, 184, .4);
    margin-right: 5px;
    height: 8px;
}
#agGrid-container ::-webkit-scrollbar-thumb:hover {
    border-radius: 6px;
    background-color: rgba(184, 184, 184, .6);
    margin-right: 5px;
    height: 8px;
} */

/* .ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
    height: 8px !important;
    max-height: 10px !important;
    min-height: 10px !important;
    padding: 0 !important;
    position: sticky;
    bottom: 0;
    right: 0;
    left: 0;
}
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
    height: 8px !important;
    max-height: 10px !important;
    min-height: 10px !important;
    padding: 0 !important;
}

.ag-body-horizontal-scroll-viewport {
    padding: 0 !important;
    position: relative !important;
    height: 8px !important;
    max-height: 10px !important;
    min-height: 10px !important;
} */

/* .ag-body-horizontal-scroll-container {
    height: 8px !important;
    min-height: 10px !important;
    position: absolute !important; */
/* } */

.language-workspace-active-style {
    background: #f6f6f6;
}

.filter__sidebar {
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in all;
    overflow: hidden;
    transform: translateX(-100%);
}

.filter__sidebar.js-active {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
}

/* .ag-body-horizontal-scroll {
    opacity: .4;
    transition: .2s ease-in;
}
.ag-body-horizontal-scroll:hover {
    opacity: .6;
} */
.ag-tabs {
    background-color: #fff !important;
    filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.1));
    border: none !important;
    box-shadow: none !important;
}
/* .ag-menu-option-part {
    color: #00B0F0;
} */
.ag-icon::before {
    color: #5c5c5c;
}
.ag-label {
    color: var(--ag-foreground-color, #181d1f);
}
.ag-row-selected {
    background-color: #f6f6f6 !important;
}

.ag-theme-alpine .ag-checkbox-input-wrapper:after {
    color: #dbdfe3 !important;
    width: 18px !important;
    height: 18px !important;
    content: '' !important;
    border: 2px solid #dbdfe3;
    border-radius: 2px;
    z-index: 0;
}
/* .ag-theme-alpine .ag-checkbox-input-wrapper::before {
    content: '';
    background: url(../image/checbox.svg) no-repeat;
 
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 1;
} */
.ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked:after {
    color: #2196f3 !important;
    background-color: #00b0f0 !important;
    border: 2px solid #00b0f0;
    border-radius: 2px !important;
    background: url('/static/image/checkbox.svg') no-repeat;
    background-position: center center;
}
/* .ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked::before {
    visibility: visible;
    opacity: 1;
} */
.ag-checkbox-input {
    width: 18px !important;
    height: 18px !important;
    z-index: 1;
    border-radius: 2px !important;
}
.ag-checkbox-input-wrapper {
    width: 18px !important;
    height: 18px !important;
}
/* #agGrid-container ::-webkit-scrollbar {
    background-color: #fff;
} */

.agGrid_layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 105px;
}
.agGrid_layout_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.agGrid_layout_header img {
    margin: 0 4px;
}
.ag-row:hover {
    background: #f5f5f5 !important;
}

.ag-tabs-header {
    background-color: #fff !important;
}
.ag-theme-alpine .ag-cell, .ag-theme-alpine .ag-row>.ag-cell-wrapper {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.ag-theme-alpine .ag-header-cell, .ag-theme-alpine .ag-header-group-cell {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.w327 {
    width: 327px;
}
.password-checkbox {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
}
.password-checkbox .iconCheck {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;

    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    transition: 0.2s ease-in-out;
}
.password-checkbox.no_check .check {
    visibility: hidden;
    opacity: 0;
}
.changePassTitle {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}
.password-checkbox.check .check {
    visibility: visible;
    opacity: 1;
}
.password-checkbox.check .noCheck {
    visibility: hidden;
    opacity: 0;
}
.modalForm_txt {
    font-size: 14px;
    line-height: 16px;
    /* or 114% */
    margin-top: 20px;
    letter-spacing: 0.25px;

    color: rgba(0, 0, 0, 0.5);
}

.modalForm_error_txt {
    opacity: 0;
    transition: all .2s;
    margin-top: 0;
    visibility: hidden;
}

.modalForm_error_txt.js-active {
    opacity: 1;
    visibility: visible;
}

.agGrid_modal {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3003;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s;
}

.project-error-text {
    display: none;
}

.project-error-text.js-active {
    display: block;
}
.agGrid_modal.js-active {
    visibility: visible;
    opacity: 1;
}
.agGrid_modal.jsActive {
    visibility: visible;
    opacity: 1;
}
.agGrid_modal .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(98, 98, 98, 0.3);
}
.agGrid_modal .body {
    background-color: #fff;
    border-radius: 8px;
    display: block;
    z-index: 100;
    padding: 30px;
}

.uploadModal {
    display: flex;
    align-items: center;
    justify-content: center;
}


.uploadModal .line {
    height: 1px;
    width: 100%;
    background-color: #DFDFDF;
    margin-top: 24px;
    margin-bottom: 24px;
}

.uploadModal .main-title {
    font-size: 16px;
    color: #4E4E4E;
    margin-bottom: 24px;
}

.uploadModal .body {
    background-color: #fff;
    border-radius: 8px;
    display: block;
    z-index: 100;
    padding: 45px;
    border-radius: 20px;
    border: 1px solid #DFDFDF;
}

.uploadModal .btns {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.uploadModal .btns .new_btn  {
    margin-right: 10px;
}

.readOnlyModal {
    background-color: #fff;
    border-radius: 8px;
    display: block;
    z-index: 1000;
    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.14);
    position: fixed;
    left: 50%;
    top: 120px;
    transform: translateX(-50%);
    padding: 20px 30px;
}

.agGrid_modal_upload .body .body__content {
    /* padding: 45px 45px 45px 15px; */
    padding: 20px 15px;
    padding-right: 45px;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    display: none;
}
.agGrid_modal_upload .body .body__content.js-active {
    display: flex;
}
.agGrid_modal_upload .body .body__wrapper {
    display: grid;
    grid-template-columns: 250px 1fr;
    border-radius: 8px;
    width: 675px;
    max-width: 675px;
}

.agGrid_modal_upload .body .body__content .sign_google {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.agGrid_modal_upload .body .body__content .sign_google svg {
    margin-right: 5px;
}
.agGrid_modal_upload .body .body__content .sign_google:focus {
    background: #fff;
    border: 1px solid #d9d9d9;
    color: #5c5c5c;
}
.agGrid_modal .js-contentType-google .btns {
    margin-top: 10px;
}

.agGrid_modal_upload .body .body__content .folders_list {
    margin-top: 10px;
    max-height: 190px;
    overflow-y: scroll;
}

.agGrid_modal_upload .body .body__content .folders_list .google__row {
    width: 100%;
    margin-top: 5px;
}

.agGrid_modal_upload .body .body__content .folders_list .google__row_flex {
    display: flex;
    align-items: center;
}

.agGrid_modal_upload .body .body__content .folders_list .google__row-arrow {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    transform: rotate(-90deg);
}
.agGrid_modal_upload .body .body__content .folders_list .google__row .google__row-nested {
    max-height: 100px;
    overflow-y: scroll;
    display: none;
    max-width: 100%;
    height: auto;
    padding: 0;
    padding-left: 50px;
}
.agGrid_modal_upload .body .body__content .folders_list .google__row .google__row-nested.js-active {
    display: block;
}
.agGrid_modal_upload .body .body__content .folders_list .google__row .google__row-nested::-webkit-scrollbar {
    width: 5px;
    position: absolute;
}
.agGrid_modal_upload .body .body__content .folders_list .google__row .google__row-nested::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d9d9d9;
}
.agGrid_modal_upload .body .body__content .folders_list .google__row .google__row-nested::-webkit-scrollbar-track {
    background-color: #fff;
}
.agGrid_modal_upload .body .body__content .folders_list .google__row-arrow.js-active {
    transform: rotate(0deg);
}

.agGrid_modal_upload .body .body__content .folders_list .google__row .checkbox-block {
    width: auto;
    margin-top: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.agGrid_modal_upload .body .body__content .folders_list .google__row .checkbox-block .checkbox-label {
    padding-left: 20px;
    max-width: 300px;
}
.agGrid_modal_upload .body .body__content .folders_list .google__row .checkbox-block .checkbox-label p {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #4e4e4e;
}
.agGrid_modal_upload .body .body__content .folders_list .google__row .checkbox-block .checkbox-label:before {
    left: 0;
}
.agGrid_modal_upload .body .body__content .folders_list .google__row .checkbox-block .checkbox-label:after {
    left: 2px;
}
.agGrid_modal_upload .body .body__content .folders_list::-webkit-scrollbar {
    width: 7px;
    position: absolute;
}
.agGrid_modal_upload .body .body__content .folders_list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d9d9d9;
}
.agGrid_modal_upload .body .body__content .folders_list::-webkit-scrollbar-track {
    background-color: #fff;
}

.agGrid_modal_upload .body .body__content .btns {
    justify-content: flex-end;
}
.agGrid_modal_upload .body .body__content .btns.google_btns {
    justify-content: flex-start;
    opacity: 1;
    visibility: visible;
}

.agGrid_modal_upload .body .body__content .google_loading {
    pointer-events: none;
    position: relative;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    display: none;
    opacity: 0;
    visibility: hidden;
}

.agGrid_modal_upload .body .body__content .google_loading.js-active {
    opacity: 1;
    visibility: visible;
}

.agGrid_modal_upload .body .body__content .google_loading svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 30px), -50%);
    height: 100px;
    width: 100px;
    display: inline-block;
  }

.agGrid_modal_upload .body .body__content .btns.google_btns.hidden {
    opacity: 0;
    visibility: hidden;
}

.agGrid_modal_upload .body .body__wrapper .body__tabs {
    background-color: #F1F1F1;
}
.agGrid_modal_upload .body .body__wrapper .body__tabs .body__tabs-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    gap: 10px;
    padding: 15px;
    transition: all .2s;
    cursor: pointer;
}

.agGrid_modal_upload .body .body__wrapper .body__tabs .body__tabs-item.hidden {
    display: none;
}

.agGrid_modal_upload .body .body__wrapper .body__tabs .body__tabs-item-text {
    color: #444444;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
} 

@media (max-width: 780px) {
    .agGrid_modal_upload .body .body__wrapper  {
        width: 95%;
        max-width: 95%;
        grid-template-columns: 50px 1fr;
    }

    .agGrid_modal_upload .body .body__wrapper .body__tabs .body__tabs-item-text {
        display: none;
    }
}


.agGrid_modal_upload .body .body__wrapper .body__tabs .body__tabs-item:hover,
.agGrid_modal_upload .body .body__wrapper .body__tabs .body__tabs-item.js-active {
    background-color: #E5E5E5;
}


.agGrid_modal_upload-title {
    color: #4E4E4E;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}
.agGrid_modal_upload-text {
    font-weight: normal;
    font-size: 12px;
    color: #959595;
    margin-top: 10px;
}
.agGrid_modal_upload-descr {
    font-weight: 400;
    font-size: 14px;
    color: #4E4E4E;
    line-height: 16px;
    margin-top: 10px;
}
.agGrid_modal_upload-DragAndDrop {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 43px;
    background: #f3faff;
    border: 1px dashed rgba(0, 176, 240, 0.7);
    border-radius: 4px;
    margin-top: 15px;
    min-width: 320px;
    /* max-width: 340px; */
    position: relative;
}

.filter_doctype_select .select2-container {
    width: 100% !important;
}

.rotateImg {
    width: 5px;
    transform: rotate(90deg);
    /* height: 6px; */
}
.agGrid_modal_upload-DragAndDrop .txt {
    color: #9a9a9a;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.agGrid_modal_upload-DragAndDrop input {
    position: absolute;
    opacity: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.agGrid_modal_upload-DragAndDrop .uploadBtn {
    font-size: inherit;
    color: #00b0f0;
    cursor: pointer;
}
.agGrid_modal_upload-process {
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f3faff;
    border: 1px solid #e4e5e7;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 17px;
}
.agGrid_modal_upload-process .left_bottom {
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.agGrid_modal_upload-process .left div,
.agGrid_modal_upload-process .left span {
    color: #9a9a9a;
    font-size: 10px;
}
.agGrid_modal_upload-process .left {
    max-width: 100%;
}
.agGrid_modal_upload-process .left .actionly {
    font-size: 14px;
    max-width: 278px;
    width: 100%;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.agGrid_modal_upload-process .left span {
    font-size: 10px;
}
.agGrid_modal_upload-process .left_bottom .separator {
    margin: 0 4px;
}
.agGrid_modal_upload-process .right {
    display: flex;
    align-items: center;
}


.agGrid_modal_upload-process .right .pause_file {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #f1f3f5;
    margin-right: 12px;
    cursor: pointer;
}
.agGrid_modal_upload-process .right .remove_file {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: rgba(252, 105, 89, 0.2);
    cursor: pointer;
}
.agGrid_modal .select {
    margin-top: 25px;
}
.agGrid_modal .select__head {
    height: 46px;
    display: flex;
    align-items: center;
}
.agGrid_modal .select__item {
    height: 36px;
    display: flex;
    align-items: center;
    padding: 10px 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 6px;
    width: 100%;
}
.agGrid_modal .btns {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    align-items: center;
    margin-top: 30px;
}
.agGrid_modal .btns.google_btns {
    justify-content: flex-start;
}
.new_btn {
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    box-shadow: none !important;
    outline: none !important;
    background-color: #fff;
}
.new_btn-primary {
    border: 1px solid #00b0f0;
    color: #00b0f0;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
}
.new_btn-primary:hover {
    background: rgba(0, 176, 240, 0.06);
    color: #00b0f0;
}
.new_btn-primary:focus {
    /* background: #00b0f0;
    color: #fff; */
    box-shadow: none;
}
.new_btn-primary.disabled:focus {
    background: #fff;
    color: #00b0f0;
}
.new_btn-primary.disabled {
    opacity: 0.5;
    cursor: default !important;
}
.new_btn-primary.disabled:hover {
    border: 1px solid #00b0f0;
    color: #00b0f0;
}
.new_btn-secondary {
    border: 1px solid #d9d9d9;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
}
.new_btn-secondary:hover {
    background: #f5f5f5;
}
.new_btn-secondary:focus {
    background: #8f8f8f;
    border: 1px solid #8f8f8f;
    color: #fff;
}
.new_btn-secondary.disabled {
    opacity: 0.5;
    cursor: default;
}
.dec {
    display: none;
}
.asc {
    display: none;
}
.def {
    display: inline-block;
}
.sort_acs .def {
    display: none;
}
.sort_acs .dec {
    display: none;
}
.sort_acs .asc {
    display: inline-block;
}
.sort_dec .def {
    display: none;
}
.sort_dec .asc {
    display: none;
}
.sort_dec .dec {
    display: inline-block;
}

.agGrid_modal .btns .new_btn-primary {
    margin-left: 18px;
}

.filter_doctype_select {
    margin-left: 7px;
    margin-bottom: 13px;
    width: 240px;
}
.agGrid_modal_upload h5 {
    width: 100%;
    margin-bottom: 13px;
    display: block;
    margin-top: 13px;
}
.deleteModal__body {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding: 24px 40px;
}
.deleteModal__body.leftDirection {
    align-items: flex-start;
}
.deleteModal_btns {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}
.deleteModal_btns .btn {
    margin: 0 9px;
    cursor: pointer;
}
.deleteModal__body h2 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 14px;
    font-weight: 500;
}
.deleteModal__body p {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.541327);
    margin-bottom: 20px;
    line-height: 20px;
}

.absoluteBtns {
    position: fixed;
    right: 35px;
    bottom: 45px;
}

.advancedSearch {
    margin-top: 6px;
}

.advancedSearch_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 240px;
    color: #696767;
}
.advancedSearch_header-link {
    font-weight: 500;
    font-size: 14px;
    color: #696767;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.advancedSearch_header-link .dropDownIcon {
    transition: all 0.2s ease-in-out;
}

.advancedSearch_header-link.active .dropDownIcon {
    transform: rotate(180deg);
}

.advancedSearch_clear {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    color: #8c8c8c;
    cursor: pointer;
    transition: 0.2s ease-out;
}

.advancedSearch_clear.active {
    opacity: 1;
    visibility: visible;
}

/* .ag-theme-alpine .ag-cell {
    line-height: normal !important; 
    vertical-align: middle !important;
} */

.advancedSearchBody {
    overflow: hidden;
    height: 0;
    transition: 0.2s ease-in-out;
    margin-bottom: 0;
    transition-delay: overflow .2s;
}

.advancedSearchBody.active {
    height: 210px;
    margin-bottom: 10px;
    overflow: visible;
}

.advancedSearchBody_item {
    margin-top: 10px;
    margin-left: 7px;
}

.advancedSearchBody_item .label {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 4px;
    color: #696767;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.uploaded_files {
    width: 100%;
}
.uploadTrigger {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    /* identical to box height, or 114% */

    display: flex;
    align-items: center;

    color: #9a9a9a;
    margin-bottom: 4px;
}

.progress-bar {
    background: #00b0f0 !important;
    height: 6px !important;
}
.progress {
    height: 6px;
}

.uploadFiles_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.uploadFiles_btns {
    display: flex;
    align-items: center;
}

.grid_wrapper {
    display: flex;
    overflow: hidden;
    border-right: 1px solid #e7e7e7;
}

.rightElement {
    width: 0%;
    height: 100%;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    border: none;
    position: relative;
    padding-top: 10px;
    height: calc(100vh - 180px);
    padding-bottom: 20px;
}

.center__line-preview {
    width: 0;
    height: 100%;
    background-color: #fff;
    border-right: 1px solid #E4E7EA;
    cursor: url("/static/icons/documents_list/resize_2.svg"), w-resize;
    border-left: 1px solid #E4E7EA;
    visibility: hidden;
    opacity: 0;
}

.center__line-preview.js-active {
    visibility: visible;
    opacity: 1;
    width: 30px;
    min-width: 30px;
}

.img-doc-wrapper {
    margin: 20px;
    margin-bottom: 30px;
    position: relative;
}

.img-doc-wrapper img {
    /* width: 90%; */
    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.14);
    object-fit: contain;
}

.img-doc-wrapper .imgDoc.not_found {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.img-doc-wrapper.not_found {
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-doc-wrapper:last-child {
    margin-bottom: 5px;
}
.img-doc-wrapper:first-child {
    margin-top: 5px;
}

.img-doc-wrapper .annotation {
    position: absolute;
    border: solid 1px rgba(0, 176, 240, 1);
    background: rgba(35, 194, 255, 0.35);
    width: 5px;
    height: 5px;
}

.rightElement-container {
    overflow: auto;
    margin-top: 20px;
    height: calc(100vh - 260px);
}

.rightElement-container::-webkit-scrollbar {
    height: 6px;
}

.js-showImages {
    cursor: pointer;
}

.js-showImages svg {
    height: 14px;
    width: 14px;
}

.rightElement.js-active {
    width: 50%;
    border: 1px solid #e4e7ea;
    background-color: #fff;
    border-right: 0;
    z-index: 1;
    border-top: 0;
    min-width: 25%;
    max-width: calc(75% - 50px);
}

.rightElement_trigger {
    position: absolute;
    height: 30px;
    cursor: pointer;
    right: 5px;
    top: 0;
    width: 30px;
}

.rightElement_trigger svg {
    height: 30px;
    width: 30px;
}

.js-preview-trigger.js-active {
    background-color: #00B0F0;
}

.js-preview-trigger.js-active svg path {
    fill: #fff !important;
}


.js-chat-trigger.js-active {
    background-color: #00B0F0;
}

.js-chat-trigger.js-active .add-button_span {
    color: #fff;
}
.js-chat-trigger.js-active svg path {
    fill: #fff !important;
}

.uploadBtn_main {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    background: #f1f3f5;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
    z-index: 50;
}
.uploadPauseBtn:hover {
    background: #ecf0f5;
}
.uploadPauseBtn:hover {
    background: #ecf0f5;
}

.uploadStopBtn {
    background: rgba(252, 105, 89, 0.2);
    margin-left: 12px;
}

.uploadStopBtn:hover {
    background: rgba(252, 105, 89, 0.3);
}
.uploadFiles_left .percent {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #9a9a9a;
}
.uploadSuccesBtn {
    background: rgba(0, 176, 80, 0.2);
    cursor: default;
}


.min_view .ag-theme-alpine .ag-ltr .ag-cell {
    line-height: 32px;
}

.min_view-trigger .svg2 {
    display: none;
}

.min_view-trigger.js-active .svg {
    display: none;
}

.min_view-trigger.js-active .svg2 {
    display: block;
}

.min_view-trigger.js-active .svg {
    color: #fff;
}

.page_loader {
    width: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_loader svg {
    transform: translateX(20%);
}

.page_loader span {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 21px;
    color: rgba(255, 67, 67, 1);
    transition: opacity 0.2s ease-in-out;
    text-align: center;
}

.doctypeListSortHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 12px;
    cursor: pointer;
}

.doctypeListSortHeader .name {
    color: #4e4e4e;
}

.popup-input-wrapper {
    margin-bottom: 4px;
    margin-top: 4px;
}


.breadCrumpsLink {
    position: relative;
    padding-top: 3px;
    z-index: 3002;
    padding-bottom: 3px;
}

.breadCrumpsLink a {
    display: flex;
    align-items: center;
}

.breadCrumpsLink a .svgIcon {
    margin-left: 5px;
    margin-right: 0;
    padding: 4px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #E7E7E7;
}

.breadCrumpsLink a span {
    color: #00B0F0;
    font-size: 14px;
}

.breadCrumpsLink a span.croppedText {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.breadCrumpsLink p.croppedText {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.breadCrumpsLink_list {
    position: absolute;
    top: calc(99%);
    left: 0;
    max-height: 400px;
    height: auto;
    min-width: 225px;
    max-width: 500px;
    width: auto;
    overflow-y: auto;
    background: #FFFFFF;
    border: 1px solid #E2E2E2;
    box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in;
}

.breadCrumpsLink.active .breadCrumpsLink_list {
    max-height: 400px;
    overflow-y: auto;
    opacity: 1;
    visibility: visible;
}

.breadCrumpsLink_list-item {
    min-height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.2s ease-in-out;
}
.breadCrumpsLink_list-item span {
    color: #4e4e4e !important;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.breadCrumpsLink_list-item:hover {
  background: #f6f6f6;
}
.breadCrumpsLink_list-item.active {
  background: #E6F9FD;
}

.breadCrumpsLink_list-item {
    color: #4E4E4E !important;
}

.breadcrumbsLink {
    margin-left: 17px;
    display: flex;
    align-items: center;
}
.breadcrumbs {
    z-index: 1200;
    position: relative;
}
.breadcrumbs a {
    outline: none !important;
}

.breadcrumbs_right {
    display: flex;
    align-items: center;
    gap: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    justify-content: flex-end;
    margin: 0;
}

.breadcrumbs_right .right_bar-icon {
    margin: 0;
}

.settings_link {
    margin-right: 6px;
}

.uploadErrors-btn {
    width: 100%;
    min-width: 320px;
    max-width: 340px;
    margin-top: 20px;
}

.error-text {
    color: #FC6959;
    font-size: 14px;
}

.error-text * {
    color: #FC6959;
}

.error-text.force {
    font-size: 14px;
    font-weight: 500;
}

.table-flag {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-flag_icon {
    vertical-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.table-flag-header {
    padding: 0 !important;
}
.table-flag-header .ag-header-cell-label {
    justify-content: center;
    align-items: center;
}
.table-flag_icon svg {
    margin: auto auto;
}

.ag-sort-ascending-icon, .ag-sort-descending-icon {
    margin-left: 0;
    position: absolute;
    right: 10px;
    /* right: 40px; */
    background-color: #fff;
}

.ag-header-cell-menu-button {
    background-color: #fff;
    z-index: 30;
}

.table-flag-header .ag-sort-ascending-icon {
    right: 0;
}


.table-flag-header .ag-sort-descending-icon {
    right: 0;
}


.ownerDropdown {
    width: 290px;
    height: 295px;
}

.ownerDropdown .doc-list {
    width: 280px;
}

.ownerDropdown .input-filter-filters {
    width: 100%;
}

.ownerDropdown .doc-list1 {
    width: 100%;
}

.right_bar-icon {
    margin-left: 28px;
    margin-right: 0;
}

@media (max-width: 1580px) {
    .all-buttons {
        flex-wrap: wrap;
        margin-top: -5px;
    }
    .all-buttons .header-button {
        margin-top: 5px;
    }

    .all-buttons .newSelect {
        margin-right: 20px;
    }

    .bar_right  {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .bar_right .header-button {
        margin-top: 5px;
    }

    .third-button {
        margin-right: 8px;
    }

    .bar_right .newSelect {
        margin-right: 51px;
    }

    .load-button {
        margin-left: 8px;
        margin-right: 8px;
    }
    .right_bar-icon {
        margin-left: 8px;
        margin-right: 0;
    }
}

.page-wrapper {
    display: grid;
    grid-template-columns: 80px 1fr;
    /* height: calc(100% - var(--dynamic-alerts-height)); */
}

.bottom__btns {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 16px;
    justify-content: flex-end;
}

.navmenu {
    position: relative;
    /* top: 116px; */
    left: 0;
    width: 80px;
    height: 100%;
    height: 100%;
    z-index: 3001;
    border-right: 1px solid #E4E7EA;
    border-left: 1px solid #E4E7EA;
    background-color: #fff;
}

.navmenu .menu__wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.navmenu .menu__items-list {
    height: 100%;
    width: 100%;
}
.navmenu .menu__item {
    cursor: pointer;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #e4e7ea;
    overflow: hidden;
    background-color: #fff;
    transition: all 0.2s;
    position: relative;
    text-decoration: none;
}

.navmenu .menu__item.active {
    background-color: #e6f9fd;
}

.navmenu .menu__item.active:hover {
    background-color: #e6f9fd;
}

.navmenu .menu__item-text {
    padding-top: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #56697b;
}
.navmenu .menu__item-notifications {
    position: absolute;
    right: 9px;
    top: 9px;
    width: 20px;
    height: 20px;
    color: #fff;
    background-color: #ff472e;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.navmenu .menu__item-notifications span {
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
}
.navmenu .menu__item:hover {
    background-color: #f6f6f6;
}
.navmenu .menu__item.router-link-active {
    background-color: #e6f9fd;
}
.navmenu .menu__item.settings {
    overflow: visible;
    border: none;
    border-top: 1px solid #e4e7ea;
    position: relative;
}
.navmenu .settings-popup {
    position: absolute;
    right: calc(-100% - 120px);
    bottom: 25px;
    transition: all .2s;
    z-index: 999999991;
    background-color: transparent;
    visibility: hidden;
    opacity: 0;
}

.navmenu .settings-popup.active {
    visibility: visible;
    opacity: 1;
}
.navmenu .settings-popup-content {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    left: 85px;
    bottom: 30px;
}
.navmenu .settings-popup-list {
    padding: 3px 0;
}
.navmenu .settings-popup-list a {
    color: #56697b;
    text-decoration: none;
    outline: none;
}
.navmenu .settings-popup-list a:hover {
    color: #56697b;
}
.navmenu .settings-popup-item {
    display: block;
    cursor: pointer;
    padding: 12px 35px 12px 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #4e4e4e;
    transition: all .2s;
}
.navmenu .settings-popup-item:hover {
    background-color: #f6f6f6 !important;
}


.red_highlight {
    /* background-color: #fee7e5; */
    color: red;
}


.grey-text-btn {
    color: #848484;
    text-decoration-line: underline;
    transition: .2s ease-in-out;
    font-size: 12px;
    cursor: pointer;
}

.grey-text-btn:hover {
    color: #00b0f0;
}

.blue_bg {
    background: #00b0f0;
}

.spanName {
    display: flex;
    align-items: center;
    width: 100%;
}

.cell-status-icon {
    width: 30px;
    display: inline-block;
}

.cell-status-icon img {
    height: 15px;
    width: auto;
    max-width: 100%;
}


.cell-status-icon img.loading {
    height: 40px;
    width: 40px;
    margin-right: 0;
}

.upload-status-icon {
    height: 20px;
    width: 20px;
    margin-left: 5px;
}

.upload-status-icon.loading {
    height: 40px;
    width: 40px;
    margin-left: 5px;
}
/* .ag-cell-label-container {
    position: relative;
} */


.setLimit {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.setLimit .input-filter-filters {
    width: 120px;
    height: 30px;
}

.setLimit .input-filter-filters::-webkit-outer-spin-button,
.setLimit .input-filter-filters::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.setLimit .input-filter-filters[type='number'] {
    -moz-appearance: textfield;
}


.setLimit .btn {
    height: 30px;
    width: 40px;
    padding-left: 5px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 5px;
    margin-left: 10px;
}

.addLimitBtn {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
    color: #00b0f0;
}

.result-wrapper {
  padding-bottom: 10px;
}
.modal-search-result {
  max-height: 440px;
  overflow: auto;
}

.modal-search-result::-webkit-scrollbar {
    background-color: #fff;
    width: 4px;
  }

  .modal-search-result::-webkit-scrollbar-track {
    width: 4px;
    background: #fff;
    /* opacity: .6 !important;  */
    transition: 0.2s ease-in;
  }

  .modal-search-result::-webkit-scrollbar-thumb {
    background: rgba(64, 64, 64, 0.6);
    border: 0px;
    border-radius: 6px;
  }
  .modal-search-result::-webkit-scrollbar-thumb:hover {
    background: rgba(64, 64, 64, 0.6);
  }

  .breadCrumps-search-wrapper {
    width: 100%;
    padding: 5px;
    position: sticky;
    background-color: #fff;
    top: 0;
  }

  .breadCrumps-search-input {
    width: 100%;
  }

  .icon-flex {
    display: flex !important;
    align-items: center !important;
  }

  .uploads_item-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .uploads_item-wrapper .loader {
    height: 100px;
    width: 100px;
    transform: translateX(-50px);
  }

  .hidden {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -30;
    display: none;
  }


  .uploads-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #00b0f0 !important;
    height: 40px;
  }


  .uploads-btn svg {
    width: 20px;
    height: auto;
    margin-left: 10px;
  }

  .flex {
    display: flex;
  }


  .upload_info {
    width: 100%;
    height: 100%;
    padding-top: 40px;
    padding-left: 20px;
  }

  .upload_info .info_item {
    margin-top: 20px;
    font-size: 14px;
  }

  .upload_info .btns {
    margin-top: 40px;
  }

#admin_link.hidden {
    display: none;
}

.tagsList {
    display: flex;
    align-items: center;
}

.ag-watermark {
    display: none !important;
}

.mainUpload {
    height: calc(100vh);
    margin-top: 0;
}

.mainUpload .custom-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-0 {
    padding: 0;
}

.filename_selection-type {
    margin-top: 10px;
    display: flex;
    gap: 8px;
}

.filename_selection-type-option {
    padding: 8px;
    width: 100%;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    color: #63666a;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    padding: 8px 9px;
    font-size: 14px;
    line-height: 18px;
    color: #63666a;
    cursor: pointer;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease-in-out;
}

.filename_selection-type-option-text {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filename_selection-type-option:hover {
    background-color: #f5f5f5;
}

.filename_selection-type-option.active {
    background-color: rgba(0, 176, 240, 0.1);
    border-color: #00B0F0;
}

.custom-select-container {
    position: relative;
    display: inline-block;
    width: 160px;
}

.preview-header-right {
    display: flex;
    align-items: center;
}

.rightElement-top {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
}

.rightElement-top .title {
    display: flex;
    align-items: center;
}

.close {
    margin-left: 8px;
}

.selected-option {
    background-color: #ffffff;
    padding: 8px 9px;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    height: 34px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #777777;
    border-radius: 4px;

    display: flex;
    align-items: center;
    justify-content: space-between; 
}

.selected-option .option-text {
    font-size: 14px;
    font-weight: 400;
    color: #777777;
}


.selected-option svg {
    transition: 0.2s ease-in-out;
    transform: rotate(-180deg);
}

.selected-option.js-active svg {
    transform: rotate(0deg);
}

.options-container {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    z-index: 1;
    width: 100%;
}

.options-container.show {
    display: block;
}

.option {
    height: 36px;
    display: flex;
    align-items: center;
    padding: 10px 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 6px;
    font-weight: 500;
    width: 100%;
    color: #777777;
    font-size: 14px;
}

.option:hover {
    background-color: rgba(224, 229, 231, 0.5);
}

.main-container {
    /* max-width: 1920px; */
    width: 99%;
    margin: 0 auto;
    position: relative;
}

.main-btn {
    border-radius: 4px;
    cursor: pointer;
    padding: 3px 15px;
    outline: none;
    border-width: 1px;
    border-style: solid;
    background-color: #ffffff;
    outline-offset: 0;
    box-shadow: none;
    outline: none !important;
    text-decoration: none;
    transition: all .2s;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 500;
    height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-btn[disabled] {
    opacity: .4;
    cursor: default;
}

.main-btn.default {
    border-color: #E2E2E2;
    color: #5c5c5c;
}

.main-btn.default:hover:not([disabled]) {
    background: #F5F5F5;
}

.main-btn.default:active:not([disabled]) {
    background: #E0E0E0;
}

.main-btn.primary {
    border-color: #00B0F0;
    color: #ffffff;
    background-color: #00B0F0;
}

.main-btn.primary span, .main-btn.primary div {
    color: #ffffff;
}
.main-btn.primary svg path {
    stroke: #ffffff;
}

.main-btn.primary:hover svg path {
    stroke: #00B0F0;
}

.main-btn.primary:hover span, .main-btn.primary:hover div {
    color: #00B0F0;
}



.main-btn.primary:hover:not([disabled]) {
    background: #ffffff;
    color: #00B0F0;
}

.main-btn.primary:active:not([disabled]) {
    background: rgba(0, 176, 240, 0.5);
    color: #ffffff;
}

.main-btn.primary.active {
    background: #00B0F0;
    color: #ffffff;
}

.main-btn.warning {
    border-color: #FF0000;
    color: #FF0000;
}

.main-btn.warning:hover:not([disabled]) {
    background: rgba(255, 0, 0, 0.1);
}

.main-btn.warning:active:not([disabled]) {
    background: rgba(255, 0, 0, 0.5);
    color: #ffffff;
}

.main-btn.icon-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.main-btn.disabled {
    opacity: .4;
    cursor: default;
    pointer-events: none;
}