.ir-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.cursor-pointer {
    cursor: pointer;
}
hr.separator--vertical-inset {
    background: rgba(0, 0, 0, .12);
    width: 1px;
    height: auto;
    align-self: stretch;
    border: 0;
    margin: 8px;
}
.send-page__wrap {
    padding: 114px 48px 24px ;
    margin: 0 auto;
    height: calc(100vh - 90px);
    position: relative;
    width: 100%;
    padding-left: 270px;
    max-width: 1680px;
}
.send-page__top--wrap {
    display: flex;
    margin-bottom: 24px;
    align-items: center;
    justify-content: space-between;
}
.send-page__top--wrap .title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
}
.send-page__top--wrap .tab-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}
.send-page__top--wrap .tab-menu .tab-list {
    display: flex;
    align-items: center;
    justify-content: center;  
    border-radius: 3px;
    overflow: hidden;
}
.send-page__top--wrap .tab-menu li a {
    display: block;
    color:#212121;
    background: #eeeeee;
    font-size: 11px;
    width: auto;
    height: auto;
    line-height: 2;
    padding: 4px 16px;
    min-height: 2.572em;
}
.send-page__top--wrap .tab-menu li.is-active a {
    color: #fff;
    background-color: #5899fc;
}

.util-area {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* //조직선택 */
.dropdown-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    max-width: 160px;
    z-index: 20;
}

.btn-dropdown {
    /* 드롭다운 버튼 스타일 */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    line-height: 2;
    padding: 4px 16px;
    min-height: 2.572em;
    font-size: 14px;
    font-weight: 700;
    color: #212121;
    width: 100%;
    max-width: 100px;
    white-space: nowrap;
}
.btn-dropdown:hover,
.btn-dropdown.is-active {
    background-color: #ebebeb;    
}
.btn-dropdown.is-active i {
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;
}
.dropdown_list {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 100%;
    right: 0;    
    width: fit-content;
}

.dropdown_list.is-active {
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.dropdown_list li button {
    display: block;
    padding: 7px 16px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    text-align: left;
    white-space: nowrap;
}

.dropdown_list li.is-active button {
    /* 선택된 옵션 스타일 */
    background-color: #5899fc;
    color: #fff;
}
.dropdown_list li button[data-level="1"] { padding-left: 16px; }
.dropdown_list li button[data-level="2"] { padding-left: 32.8px; }
.dropdown_list li button[data-level="3"] { padding-left: 49.6px; }
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.data-pick-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.send-page__top--util {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.send-page__top--util .tit {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: .00714em;
    display: inline-flex;
    margin-left: 8px;
}
.send-page__top--util .data {
    font-size: 0.75rem;
    letter-spacing: 0.075rem;
    line-height: 1rem;
    margin-left: 8px;
    border: 1px solid currentColor;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px;
    min-height: 12px;
    font-weight: 400;
    vertical-align: baseline;
    display: inline-flex;
}
.send-page__top--util .btn-refesh,
.send-page__top--util .btn-excel-down { 
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 3px;
}
.send-page__top--util .btn-refesh i,
.send-page__top--util .btn-excel-down i {
    font-size: 20px;
    opacity: 0.7;
    margin-left: 2px;
}
.send-page__top--util .btn-refesh:hover,
.send-page__top--util .btn-excel-down:hover {
    background-color: #ebebeb;
}
.search-input {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    position: relative;
}
.search-input i {
    opacity: 0.3;
}
.search-input input {
    background: #f5f5f5;
    border: 0;
    max-width: 175px;
}
.number-search-msgbox {
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    padding: 6px 6px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;    
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top:0;
    left: 0;
    transform: translateX(0px);
    width: 100%;
    max-width: 170px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.number-search-msgbox.is-active {
    opacity: 1;
    visibility: visible;    
    top: 150%;
}
.btn-tray-samll {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 700;
    color: #212121;
    background: #e0e0e0;
    border-radius: 3px;
    line-height: 1.5;
    padding: 4px 16px;
    min-height: 2.3em;
}
/* //table */
.scroll--table {
    overflow: auto;
    height: calc(100% - 104px);
}
.table-list-small {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.table-list-small thead tr th {
    background-color: #fff;
    border-left:0;
    border-right: 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 16px;
    font-size: 12px;
    font-weight: 700;
    color: #212121;
}
.table-list-small tbody tr td {
    background-color: #fff;
    border-left:0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 500;
    color: #212121;
}
.table-list-small tbody tr:hover td {
    background-color: #fafafa;
}

/* 페이지 네이션 */
.list-footer.send-page__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.modal-dialog.send-manage {
    width: 100%;
    line-height: 1.5;
    font-size: 14px;
}
.modal-dialog.send-manage .modal-container {
    line-height: 1.5;
    font-size: 14px;
    color: #212121;
    padding: 0;
    border-radius: 6px;
    /* box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f; */
}
.modal-dialog.send-manage .modal-container .modal-header .modal-title {
    font-size: 14px;
    font-weight: 700;
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap {
    display: flex;
    justify-content: space-between;
    max-height: calc(100vh - 48px);
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .number-list {
    overflow-y: auto;
    height: 100%;
    width: 220px;
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .number-list ul {
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 16px;
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .number-list ul li button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 10px 16px;
    width: 100%;
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .number-list ul li button:hover,
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .number-list ul li button.is-active {
    background-color: #eeeeee;
    color: #000;
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .number-list ul li button:hover
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .number-list ul li button.is-active {
    background-color: #eeeeee;
    color: #000;
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .number-list ul li button .type {
    font-size: 12px;
    font-weight: 700;
    color: #212121;
    min-width: 55px;
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .number-list ul li button .number {
    font-size: 12px;
    font-weight: 700;
    color: #212121;
    flex: 1;
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .number-list ul li button:hover .number,
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .number-list ul li button.is-active .number {
    color: #084d50;    
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .msg-wrap {
    flex: 1;
    padding: 16px;
    border-left: 1px solid rgba(0, 0, 0, .12);    
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .msg-wrap .msg-title {
    color: #212121;
    margin-bottom: 16px;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .0125em;
}
.modal-dialog.send-manage .modal-container .modal-body .send-list__wrap .msg-wrap .msg-content {
    font-size: 12px;
    font-weight: 500;
    color: #212121;
    line-height: 1.8;
    white-space: pre-wrap;
}
.modal-dialog.send-manage .modal-body .text {
    padding: 16px 24px;
}
.modal-dialog.send-manage .modal-body .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;        
    border-top: 1px solid rgba(0, 0, 0, .12);    
    padding: 8px;
}    
.modal-dialog.send-manage .modal-body .btn-wrap .btn-cancel {
    background-color: #00696d;
    color: #fff;
    height: 40px;
    letter-spacing: 1.2px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;    
}

.btn-add-newTemplate {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
}
.btn-add-newTemplate i {
    opacity: 0.5;
}
.btn-add-newTemplate:hover {
    background-color: #e8e8e8;
}

/* // 탭 */
.template__wrap {
    display: flex;        
    justify-content: space-between;    
    width: 100%;
    height: 100%;
}
.template__wrap .send-list__wrap {
    display: flex;        
    justify-content: space-between;   
    width: 100%;
    gap: 20px;
    height: 100%;
}
.template__wrap .send-list__wrap .number-list {
    position: relative;
    width: 30%;
    height: 100%;    
}
.template__wrap .send-list__wrap .number-list ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.template__wrap .send-list__wrap .number-list ul li {
    border-top: 1px solid rgba(0, 0, 0, .12);
}
.template__wrap .send-list__wrap .number-list ul li button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding: 10px 16px;
    width: 100%;    
}

.template__wrap .send-list__wrap .number-list ul li button:hover,
.template__wrap .send-list__wrap .number-list ul li button.is-active {
    background-color: #eeeeee;
    color: #000;
}
.template__wrap .send-list__wrap .number-list ul li button:hover .title,
.template__wrap .send-list__wrap .number-list ul li button.is-active .title {
    color: #084d50;   
}

.template__wrap .send-list__wrap .number-list ul li button .type {
    font-size: 12px;
    font-weight: 500;    
    min-width: 40px;
    padding: 1px 0;
    color: #616161;
    border: 1px solid #616161;
    border-radius: 3px;
}
.template__wrap .send-list__wrap .number-list ul li .list-box {
    display: flex;
    gap: 8px;    
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.template__wrap .send-list__wrap .number-list ul li .list-box .title {
    font-size: 14px;
    font-weight: 700;
    color: #212121;
}
.template__wrap .send-list__wrap .number-list ul li .list-box .num-content {
    display: flex;
    align-items: center;
    gap: 10px;
}
.template__wrap .send-list__wrap .number-list ul li .list-box .num-content i {
    font-size: 20px;
}
.template__wrap .send-list__wrap .msg-wrap {
    flex: 1;
    border-left: 1px solid rgba(0, 0, 0, .12);
    height: 100%;
    overflow: auto;
    padding: 0 16px;
}
.form-element__noti {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.form-element__noti .s-title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
}
.form-element__noti  .temp-info {
    text-align: right;
    font-size: .75rem;
    font-weight: 400;    
    letter-spacing: .03333em;
    color: #0000008a;
    line-height: 1.2em;
}
.form-element table tbody tr th {
    background-color: transparent;
    text-align: left;
    border: 0;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 500;
    color: #212121;
}
.form-element table tbody tr td {
    background-color: transparent;
    text-align: left;
    border: 0;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 500;
    color: #212121;
}

/* 기본 라디오 버튼 숨기기 */
.radio-box {
    display: flex;
    align-items: center;
    gap: 20px;
}
.custom-radio {
    display: none;
}
.radio-box label {
    display: flex;
    align-items: center;
    position: relative;
    gap: 8px;
}
/* 라벨 기본 스타일 */
.radio-box span {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 16px;
    height: 16px; 
    position: relative;
    font-size: 16px;
    color: #333;
}

/* 라디오 버튼 동그라미 */
.radio-box span::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #004d50;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;    
}

/* 라디오 버튼 내부 체크 표시 */
.radio-box span::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left:9px;
    top: 50%;
    transform: translateY(-50%);    
}

/* 체크된 상태의 내부 표시 */
.custom-radio:checked + span::after {
    background: #004d50;
    transform: translate(-50%, -50%);
}

.form-input {
    width: 100%;
}
.form-input-list {
    display: flex;
    flex-direction: column;
    gap: 10px;    
    width: 100%;
}
.form-input-list .form-counters {
text-align: right;
}
input.form-control,
textarea.form-control {
    width: 100%;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: .00937em;    
    border-radius: 3px;
    color: #000000de;    
    padding: 6px 0;
    min-height: 34px;
    border: 1px solid #c2c2c2;
    text-indent: 10px;
    background-color: transparent;
}
/* Chrome, Safari, Edge */
textarea.form-control::-webkit-input-placeholder,
input.form-control::-webkit-input-placeholder {
    color: #000;
}

/* Firefox 19+ */
textarea.form-control::-moz-placeholder,
input.form-control::-moz-placeholder {
    color: #000;
}

/* Internet Explorer 10-11, Microsoft Edge */
textarea.form-control::-ms-input-placeholder,
input.form-control::-ms-input-placeholder {
    color: #000;
}

textarea.form-control::placeholder,
input.form-control::placeholder {
    color: #000;
}

input.form-control.variable-red::-webkit-input-placeholder {
    color: #c10015;
}

/* Firefox 19+ */
input.form-control.variable-red::-moz-placeholder {
    color: #c10015;
}

/* Internet Explorer 10-11, Microsoft Edge */
input.form-control.variable-red::-ms-input-placeholder {
    color: #c10015;
}

input.form-control.variable-red::placeholder {
    color: #c10015;
}
input.form-control.variable-red {
    color: #c10015;
}
.text-caption {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .03333em;
}
.text-negative {
    color: #c10015;
}
.form-description {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .035em;
    color: #616161;
    margin-left: 10px;
}

/* 기본 스타일 */
.swich-type {
    display: flex;
    align-items: center;
}

/* 스위치 스타일 */
.switch {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

/* 숨겨진 체크박스 */
.switch input.custom-radio {
    display: none;
}

/* 슬라이더 */
.switch .slider {
    position: relative;
    width: 50px;
    height: 24px;
    background-color: #ccc;
    border-radius: 15px;
    transition: background-color 0.3s ease;
}

.switch .slider::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* 활성화 상태 */
.switch input.custom-radio:checked + .slider {
    background-color: #004d50;
}

.switch input.custom-radio:checked + .slider::before {
    transform: translateX(26px);
}

/* 기본 스타일 */
.checkbox-wrap {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* 커스텀 체크박스 스타일 */
.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    position: relative;
    user-select: none; /* 텍스트 드래그 방지 */
    color: #333;
}

/* 숨겨진 기본 체크박스 */
.custom-checkbox input.custom-radio {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* 커스텀 체크박스 마크 */
.custom-checkbox .checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-radius: 4px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: 1px solid #c2c2c2;
}

/* 체크된 상태 */
.custom-checkbox input.custom-radio:checked + .checkmark {
    background-color: #004d50;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

/* 체크 마크 추가 */
.custom-checkbox input.custom-radio:checked + .checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* 텍스트 스타일 */
.custom-checkbox {
    color: #333;
}

.btn-add-variable {
    width: 100%;
    display: flex;
    align-items: center;    
    justify-content: center;
    padding: 8px 15px;
    color: #212121;
}
.btn-add-variable i {
    opacity: 0.7;
}
.btn-add-variable:hover {
    background-color: #e8e8e8;
}

.template-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.template-list li .form-input {
    display: flex;
    align-items: center;
    gap: 5px;
}
.template-list li .form-input .red-badge {
    background-color: #c10015;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px;
    min-height: 12px;
    font-weight: 400;
}
.form-element__wrap .btn-wrap {
    border-top: 1px solid #c2c2c2;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-end;
    padding-top: 10px;
}
.form-element__wrap .btn-wrap .btn-danger {
    background-color: #c10015;
    color: #fff;
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
}
.form-element__wrap .btn-wrap .btn-primary {
    background-color: #004d50;
    color: #fff;
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
}

/* /통계 */
body.bg-white {
    background-color: #fff;
}
.static-wrap {
    display: flex;
    flex-direction: column;    
    border-radius: 4px;
    vertical-align: top;    
    border: 1px solid rgba(0, 0, 0, .12);
    width: 100%;   
    padding: 16px;
}
.static-wrap .static-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: .00937em;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    color: #212121;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* overflow: hidden; */
    padding-bottom: 16px;
    position: relative;
    font-family: Roboto,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.07em;
}
.static-wrap .static-title span {
    line-height: 1.5;
    font-size: 14px;
}
.static-wrap .static-title .btn-more-gray {
    position: absolute;
    right: 0;
    top: 6px;    
    padding: 4px 4px;
    background-color: #ccc;
    color: #333;
    border-radius: 3px;
    font-size: 10px;
    line-height: 12px;
    min-width: 28px;
    text-align: center;
    cursor: pointer;
    transition: opacity .3s;
}
.static-wrap .static-box {
    padding: 16px 0;
}
.static-bottom {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .03333em;
    padding: 16px 0px 0 ;
    border-top: 1px solid rgba(0, 0, 0, .12);
    text-align: right;
    color:#000;
}
.static-column {
    display: flex;
    width: 100%;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
}
.q-card__section {
    text-align: center;
}
.static-page {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    padding-bottom: 50px;
}
.static-page .q-table thead th {
    color: #212121;
    background: #eeeeee;
    padding: 0 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12);    
    font-weight: 500;
    font-size: 12px;
    height: 28px;
}
.static-page .q-table tbody td {
    color: #212121;    
    text-align: left;
    padding: 0 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12);    
    font-weight: 500;
    font-size: 12px;
    height: 28px;
}
.static-page .q-table tbody td.text-right {
    text-align: right;
}
.static-page .q-table tbody td.text-center {
    text-align: center;
}
.static-page .q-table tbody tr:hover td {
    background-color: #f5f5f5;
}
.static-title-gray {    
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .0125em;
    background: #f5f5f5;
    padding-bottom: 16px;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 8px;
    border-radius: 4px;
}
.static-title-gray  span {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .03333em;
}
.btn-tooltip {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}
.btn-tooltip i {
    font-size: 18px;
    opacity: 0.8;
}

.graybg-tooltip {
    background-color: #757575;
    color: #fff;
    border-radius: 4px;
    padding: 6px;
    position: absolute;    
    left: 50%;
    transform: translate(-50%, 0px);
    z-index: 100;
    font-size: 9px;
    font-weight: 600;
    line-height: 9px;
    transition: all 0.3s;
    opacity: 0;
}
.btn-tooltip:hover .graybg-tooltip {
    transform: translate(-50%, 20px);
    transition: all 0.3s;
    opacity: 1;
}

.static-card {
    margin-bottom: 16px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 4px;
    vertical-align: top;
    background: #fff;
    position: relative;
}
.card-row {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px;
}
.text-subtitle1 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.75rem;
    letter-spacing: .00937em;
    color:#212121;
}
.col-item-wrap {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;    
    background: #f5f5f5;
    height: auto;
    width: calc(100% / 6);
    margin-bottom: 10px;
    transition: all 0.3s;
}
.col-item-wrap:hover,
.col-item-wrap:focus {
    background: #c2c2c2;
    transition: all 0.3s;
}
.badge {
    background: #00796b !important;
    color: #fff !important;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px;
    min-height: 12px;
    font-weight: 400;
}
.col-item-text {
    color: #000000de;
    font-size: 14px;
    line-height: 1.5;
    padding: 3px;
    letter-spacing: 0.02em;
}
.dropdown-menu.static-keyword {
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 200px;
    width: fit-content;
    max-width: fit-content;    
    min-height: 40px;

}
.dropdown-menu.static-keyword  .btn-dropdown {
    line-height: 18px;
    font-size: 1.5rem;
    max-width: 100%;
}
.dropdown-menu.static-keyword  .dropdown_list li button {
    line-height: 1.2em !important;
    min-height: 48px;
    padding: 8px 16px;
}
.dropdown-menu.multi-select .dropdown_list,
.dropdown-menu.static-keyword .dropdown_list {
    width: 100%;
}
.dropdown-menu.multi-select {
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 166px;
    width: fit-content;
    max-width: fit-content;    
    min-height: 40px;
}
.dropdown-menu.multi-select .btn-dropdown {
    width: 100%;
    max-width: 100%;
}
.dropdown-menu.multi-select .dropdown_list .multi-option li {
    border-bottom: 0;
}
.dropdown-menu.multi-select .dropdown_list .multi-option {
    border-bottom: 1px solid #e0e0e0;
    padding: 16px;
}
.dropdown-menu.multi-select .dropdown_list button {
    border-bottom: 0;
    width: 100%;
}
.btn-sorting {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;    
}
.btn-sorting i {
    font-size: 18px;
    opacity: 0.8;
    transition: all 0.3s;
}
.btn-sorting.is-active i {
    font-size: 18px;
    opacity: 0.8;
    transform: rotate(180deg);
    transition: all 0.3s;
}
.dropdown-menu.multi-select .dropdown_list .row-3 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.dropdown-menu.multi-select .dropdown_list .multi-option li.multi-title {
    color: #616161!important;
    margin-bottom: 10px; 
}
.col-option {
    height: 500px;
    border-left: 1px solid #e0e0e0;
    flex: 1;
}
.col-option:first-child {
    border-left: 0;
}