@import url(../styles/global.css);
@import url(../styles/header.css);


body {
    overflow: unset;
}


.main-section__header {
    background-color: #f9f9f9;
    padding: 8px 28px;
    border-radius: 8px;
}

.main-section__header {
    margin: 39px 0;
}

.main-section__title {
    font-size: 24px;
    color: var(--color-primary);
    font-weight:700;
}

.box {

    border-radius: 25px;
    padding: 30px;
    background-color: #f9f9f9;
    background-color: #f9f9f9;
    border-radius: 23px;
    -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
}

.user-pannle__row {
    align-items: flex-start;
    gap: 30px
}

.user-pannle__user {
    font-weight:700;
    font-size: 32px;
    color: #616364
}

.active .user-pannle__menu-link span {
    font-weight:700;
    color: var(--color-primary);
}

.active .user-pannle__menu-link svg path {
    fill: var(--color-primary);
}

.user-pannle__menu li {
    margin-bottom: 16px;
    height: 30px;
}

.user-pannle__menu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.user-pannle__menu-link span {
    letter-spacing: -1px;
    font-size: var(--font-size-2);
    color: #616364;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.user-pannle__menu-link:hover span {
    font-weight:700;
    color: var(--color-primary);
}

.user-pannle__menu-link:hover svg path {
    fill: var(--color-primary);
}

.user-pannle__menu-link svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.user-pannle__body {
    background-color: #fff;
}

.text-input {
    width: 194px;
    height: 31px;
    border-radius: 15px;
    border: 0;
    background-color: #f9f9f9;
}

.box-header {
    flex-wrap: wrap;
}

.box-header__search-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    position: absolute;
    background-color: transparent;
    left: 10px;
    top: 5px;
    cursor: pointer;
}

.box-header__title {
    font-weight:700;
    font-size: 24px;
    color: var(--color-primary);
}

.box-header__search span {
    font-size: var(--font-size-2);
    color: #9FA2A3;
}

.box-body__table {
    width: 100%;
    border: none;
    border-collapse: separate;
    border-spacing: 0 13px;

}

thead {
    margin-bottom: 13px;
}

thead tr {
    background-color: var(--color-secondary);
    border: 0;
    border-radius: 22px;
}

th,.box-body__table th {
    border: none;
    padding: 13px;
    font-size: var(--font-size-1);
    font-weight: normal;
    color: #fff;
}

th:first-child {
    border-radius: 0 22px 22px 0;
}

th:last-child {
    border-radius: 22px 0 0 22px;
}

tbody td {
    text-align: center;
    padding: 13px 0;
    background-color: #f2f2f2;
    font-size: var(--font-size-1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

tbody td:first-child {
    border-radius: 0 22px 22px 0;
}

tbody td:last-child {
    border-radius: 22px 0 0 22px;
}

tbody button {
    border: 0;
    background-color: transparent;
    vertical-align: middle;
    margin: 0 3px;
    cursor: pointer;
}

tbody button:hover svg path {
    fill: var(--color-primary);
}

.success {
    color: #009834;
}

.danger {
    color: #ff0000;
}

.pagination__number,
.pagination__next,
.pagination__prev {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    font-size: var(--font-size-2);
    color: #9FA2A3;
    cursor: pointer;
}

.pagination__number {
    margin-left: 15px;
}

.pagination__number:hover {
    color: var(--color-primary);
}

.pagination__number.active {
    color: var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
    height: 20px;
}

.pagination__next,
.pagination__prev {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--color-primary);
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 3px;
}

.pagination__paging span,
.pagination p {
    font-size: var(--font-size-2);
    margin-left: 5px;
    color: #9FA2A3;
}

.user-pannle__sidebar {
    width: 290px;
    flex-shrink: 0;
    position: sticky;
    top: 5px;
}

.user-pannle__body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    align-self: stretch;
}

.visit-button {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 6.75C6 4.67893 7.67893 3 9.75 3C11.8211 3 13.5 4.67893 13.5 6.75C13.5 8.82107 11.8211 10.5 9.75 10.5C7.67893 10.5 6 8.82107 6 6.75ZM9.75 4.5C8.50736 4.5 7.5 5.50736 7.5 6.75C7.5 7.99264 8.50736 9 9.75 9C10.9926 9 12 7.99264 12 6.75C12 5.50736 10.9926 4.5 9.75 4.5Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.07343 5.39635C1.65431 6.00029 1.5 6.4727 1.5 6.75C1.5 7.0273 1.65431 7.49971 2.07343 8.10365C2.47857 8.68744 3.08078 9.32028 3.84267 9.90503C5.36978 11.0771 7.46345 12 9.75 12C12.0365 12 14.1302 11.0771 15.6573 9.90503C16.4192 9.32028 17.0214 8.68744 17.4266 8.10365C17.8457 7.49971 18 7.0273 18 6.75C18 6.4727 17.8457 6.00029 17.4266 5.39635C17.0214 4.81256 16.4192 4.17972 15.6573 3.59497C14.1302 2.42292 12.0365 1.5 9.75 1.5C7.46345 1.5 5.36978 2.42292 3.84267 3.59497C3.08078 4.17972 2.47857 4.81256 2.07343 5.39635ZM2.92941 2.40503C4.65965 1.07708 7.06598 0 9.75 0C12.434 0 14.8403 1.07708 16.5706 2.40503C17.4374 3.07028 18.1532 3.81244 18.6589 4.54115C19.1506 5.24971 19.5 6.0273 19.5 6.75C19.5 7.4727 19.1506 8.25029 18.6589 8.95885C18.1532 9.68756 17.4374 10.4297 16.5706 11.095C14.8403 12.4229 12.434 13.5 9.75 13.5C7.06598 13.5 4.65965 12.4229 2.92941 11.095C2.06262 10.4297 1.34681 9.68756 0.841103 8.95885C0.349371 8.25029 0 7.4727 0 6.75C0 6.0273 0.349371 5.24971 0.841103 4.54115C1.34681 3.81244 2.06262 3.07028 2.92941 2.40503Z' fill='black'/%3E%3C/svg%3E") center no-repeat;
}

.visit-button:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 6.75C6 4.67893 7.67893 3 9.75 3C11.8211 3 13.5 4.67893 13.5 6.75C13.5 8.82107 11.8211 10.5 9.75 10.5C7.67893 10.5 6 8.82107 6 6.75ZM9.75 4.5C8.50736 4.5 7.5 5.50736 7.5 6.75C7.5 7.99264 8.50736 9 9.75 9C10.9926 9 12 7.99264 12 6.75C12 5.50736 10.9926 4.5 9.75 4.5Z' fill='%23189DB4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.07343 5.39635C1.65431 6.00029 1.5 6.4727 1.5 6.75C1.5 7.0273 1.65431 7.49971 2.07343 8.10365C2.47857 8.68744 3.08078 9.32028 3.84267 9.90503C5.36978 11.0771 7.46345 12 9.75 12C12.0365 12 14.1302 11.0771 15.6573 9.90503C16.4192 9.32028 17.0214 8.68744 17.4266 8.10365C17.8457 7.49971 18 7.0273 18 6.75C18 6.4727 17.8457 6.00029 17.4266 5.39635C17.0214 4.81256 16.4192 4.17972 15.6573 3.59497C14.1302 2.42292 12.0365 1.5 9.75 1.5C7.46345 1.5 5.36978 2.42292 3.84267 3.59497C3.08078 4.17972 2.47857 4.81256 2.07343 5.39635ZM2.92941 2.40503C4.65965 1.07708 7.06598 0 9.75 0C12.434 0 14.8403 1.07708 16.5706 2.40503C17.4374 3.07028 18.1532 3.81244 18.6589 4.54115C19.1506 5.24971 19.5 6.0273 19.5 6.75C19.5 7.4727 19.1506 8.25029 18.6589 8.95885C18.1532 9.68756 17.4374 10.4297 16.5706 11.095C14.8403 12.4229 12.434 13.5 9.75 13.5C7.06598 13.5 4.65965 12.4229 2.92941 11.095C2.06262 10.4297 1.34681 9.68756 0.841103 8.95885C0.349371 8.25029 0 7.4727 0 6.75C0 6.0273 0.349371 5.24971 0.841103 4.54115C1.34681 3.81244 2.06262 3.07028 2.92941 2.40503Z' fill='%23189DB4'/%3E%3C/svg%3E");

}

.edit-button {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8869 0.21967C11.7463 0.0790177 11.5555 0 11.3566 0C11.1577 0 10.9669 0.0790177 10.8263 0.21967L1.63388 9.41206C1.53965 9.50628 1.47223 9.62391 1.43856 9.75284L0.438556 13.5813C0.371266 13.8389 0.445605 14.1129 0.63388 14.3011C0.822155 14.4894 1.09614 14.5638 1.35375 14.4965L5.18218 13.4965C5.31111 13.4628 5.42874 13.3954 5.52297 13.3011L14.7154 4.10876C15.0082 3.81586 15.0082 3.34099 14.7154 3.0481L11.8869 0.21967ZM2.83843 10.3288L11.3566 1.81066L13.1244 3.57843L4.6062 12.0966L2.21344 12.7216L2.83843 10.3288Z' fill='black'/%3E%3Cpath d='M0.75 16C0.335786 16 0 16.3358 0 16.75C0 17.1642 0.335786 17.5 0.75 17.5H15.75C16.1642 17.5 16.5 17.1642 16.5 16.75C16.5 16.3358 16.1642 16 15.75 16H0.75Z' fill='black'/%3E%3C/svg%3E") center no-repeat;

}

.edit-button:hover {

    background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8869 0.21967C11.7463 0.0790177 11.5555 0 11.3566 0C11.1577 0 10.9669 0.0790177 10.8263 0.21967L1.63388 9.41206C1.53965 9.50628 1.47223 9.62391 1.43856 9.75284L0.438556 13.5813C0.371266 13.8389 0.445605 14.1129 0.63388 14.3011C0.822155 14.4894 1.09614 14.5638 1.35375 14.4965L5.18218 13.4965C5.31111 13.4628 5.42874 13.3954 5.52297 13.3011L14.7154 4.10876C15.0082 3.81586 15.0082 3.34099 14.7154 3.0481L11.8869 0.21967ZM2.83843 10.3288L11.3566 1.81066L13.1244 3.57843L4.6062 12.0966L2.21344 12.7216L2.83843 10.3288Z' fill='%23189DB4'/%3E%3Cpath d='M0.75 16C0.335786 16 0 16.3358 0 16.75C0 17.1642 0.335786 17.5 0.75 17.5H15.75C16.1642 17.5 16.5 17.1642 16.5 16.75C16.5 16.3358 16.1642 16 15.75 16H0.75Z' fill='%23189DB4'/%3E%3C/svg%3E");

}

.download-button {
    width: 24px;
    height: 24px;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0856 12.5315C14.8269 12.208 14.3549 12.1556 14.0315 12.4143L12.75 13.4395V10C12.75 9.58579 12.4142 9.25 12 9.25C11.5858 9.25 11.25 9.58579 11.25 10V13.4396L9.96849 12.4143C9.64505 12.1556 9.17308 12.208 8.91432 12.5315C8.65556 12.8549 8.708 13.3269 9.03145 13.5857L11.5287 15.5835C11.6575 15.6876 11.8215 15.75 12 15.75C12.1801 15.75 12.3453 15.6866 12.4746 15.5808L14.9685 13.5857C15.2919 13.3269 15.3444 12.8549 15.0856 12.5315Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.46038 7.28387C9.40301 5.82734 11.0427 4.86176 12.9091 4.86176C15.7228 4.86176 18.024 7.05626 18.1944 9.82707C18.2506 9.82494 18.307 9.82386 18.3636 9.82386C20.7862 9.82386 22.75 11.7877 22.75 14.2102C22.75 16.6327 20.7862 18.5966 18.3636 18.5966L7 18.5966C3.82436 18.5966 1.25 16.0222 1.25 12.8466C1.25 9.67095 3.82436 7.09659 7 7.09659C7.50391 7.09659 7.99348 7.16158 8.46038 7.28387ZM12.9091 6.36176C11.404 6.36176 10.1021 7.23773 9.48806 8.51102C9.31801 8.86363 8.90536 9.02614 8.54054 8.88418C8.0639 8.69871 7.54477 8.59659 7 8.59659C4.65279 8.59659 2.75 10.4994 2.75 12.8466C2.75 15.1938 4.65279 17.0966 7 17.0966L18.3627 17.0966C19.9568 17.0966 21.25 15.8043 21.25 14.2102C21.25 12.6161 19.9577 11.3239 18.3636 11.3239C18.1042 11.3239 17.8539 11.3579 17.6164 11.4213C17.3762 11.4855 17.1198 11.4264 16.9319 11.2637C16.7439 11.1009 16.6489 10.8556 16.6781 10.6086C16.6955 10.4609 16.7045 10.3103 16.7045 10.1572C16.7045 8.06104 15.0053 6.36176 12.9091 6.36176Z' fill='black'/%3E%3C/svg%3E");


}

.download-button:hover {


    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0856 12.5315C14.8269 12.208 14.3549 12.1556 14.0315 12.4143L12.75 13.4395V10C12.75 9.58579 12.4142 9.25 12 9.25C11.5858 9.25 11.25 9.58579 11.25 10V13.4396L9.96849 12.4143C9.64505 12.1556 9.17308 12.208 8.91432 12.5315C8.65556 12.8549 8.708 13.3269 9.03145 13.5857L11.5287 15.5835C11.6575 15.6876 11.8215 15.75 12 15.75C12.1801 15.75 12.3453 15.6866 12.4746 15.5808L14.9685 13.5857C15.2919 13.3269 15.3444 12.8549 15.0856 12.5315Z' fill='%23189DB4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.46038 7.28387C9.40301 5.82734 11.0427 4.86176 12.9091 4.86176C15.7228 4.86176 18.024 7.05626 18.1944 9.82707C18.2506 9.82494 18.307 9.82386 18.3636 9.82386C20.7862 9.82386 22.75 11.7877 22.75 14.2102C22.75 16.6327 20.7862 18.5966 18.3636 18.5966L7 18.5966C3.82436 18.5966 1.25 16.0222 1.25 12.8466C1.25 9.67095 3.82436 7.09659 7 7.09659C7.50391 7.09659 7.99348 7.16158 8.46038 7.28387ZM12.9091 6.36176C11.404 6.36176 10.1021 7.23773 9.48806 8.51102C9.31801 8.86363 8.90536 9.02614 8.54054 8.88418C8.0639 8.69871 7.54477 8.59659 7 8.59659C4.65279 8.59659 2.75 10.4994 2.75 12.8466C2.75 15.1938 4.65279 17.0966 7 17.0966L18.3627 17.0966C19.9568 17.0966 21.25 15.8043 21.25 14.2102C21.25 12.6161 19.9577 11.3239 18.3636 11.3239C18.1042 11.3239 17.8539 11.3579 17.6164 11.4213C17.3762 11.4855 17.1198 11.4264 16.9319 11.2637C16.7439 11.1009 16.6489 10.8556 16.6781 10.6086C16.6955 10.4609 16.7045 10.3103 16.7045 10.1572C16.7045 8.06104 15.0053 6.36176 12.9091 6.36176Z' fill='%23189DB4'/%3E%3C/svg%3E");



}

.ticket-button {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.80369 8.35329C2.52355 10.9562 2.53604 13.9582 2.92586 16.5505C3.14156 17.9849 4.31223 19.0845 5.7573 19.2102L7.26753 19.3414C10.4166 19.6152 13.5834 19.6152 16.7325 19.3414L18.2427 19.2102C19.6878 19.0845 20.8585 17.9849 21.0742 16.5505C21.464 13.9582 21.4765 10.9564 21.1963 8.35345C21.1601 8.05169 21.1194 7.75034 21.0742 7.44949C20.8585 6.0151 19.6878 4.91545 18.2427 4.78983L16.7325 4.65855C13.5834 4.38481 10.4166 4.38481 7.26753 4.65855L5.7573 4.78983C4.31223 4.91545 3.14156 6.0151 2.92586 7.44949C2.88063 7.75028 2.83991 8.05159 2.80369 8.35329ZM7.39743 6.15292C10.46 5.88669 13.54 5.88669 16.6026 6.15292L18.1128 6.2842C18.8671 6.34977 19.4782 6.92379 19.5908 7.67254C19.6025 7.7503 19.6139 7.82809 19.625 7.90592L14.064 10.9954C12.7804 11.7085 11.2196 11.7085 9.93599 10.9954L4.37505 7.90596C4.38611 7.82812 4.39749 7.75031 4.40918 7.67254C4.52178 6.92379 5.13287 6.34977 5.8872 6.2842L7.39743 6.15292ZM19.8085 9.51989C20.0025 11.7876 19.9299 14.0725 19.5908 16.3274C19.4782 17.0762 18.8671 17.6502 18.1128 17.7158L16.6026 17.8471C13.54 18.1133 10.46 18.1133 7.39743 17.8471L5.8872 17.7158C5.13287 17.6502 4.52178 17.0762 4.40918 16.3274C4.07009 14.0725 3.99753 11.7877 4.1915 9.51992L9.20752 12.3066C10.9442 13.2714 13.0558 13.2714 14.7924 12.3066L19.8085 9.51989Z' fill='black'/%3E%3C/svg%3E");

}

.ticket-button:hover {

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.80369 8.35329C2.52355 10.9562 2.53604 13.9582 2.92586 16.5505C3.14156 17.9849 4.31223 19.0845 5.7573 19.2102L7.26753 19.3414C10.4166 19.6152 13.5834 19.6152 16.7325 19.3414L18.2427 19.2102C19.6878 19.0845 20.8585 17.9849 21.0742 16.5505C21.464 13.9582 21.4765 10.9564 21.1963 8.35345C21.1601 8.05169 21.1194 7.75034 21.0742 7.44949C20.8585 6.0151 19.6878 4.91545 18.2427 4.78983L16.7325 4.65855C13.5834 4.38481 10.4166 4.38481 7.26753 4.65855L5.7573 4.78983C4.31223 4.91545 3.14156 6.0151 2.92586 7.44949C2.88063 7.75028 2.83991 8.05159 2.80369 8.35329ZM7.39743 6.15292C10.46 5.88669 13.54 5.88669 16.6026 6.15292L18.1128 6.2842C18.8671 6.34977 19.4782 6.92379 19.5908 7.67254C19.6025 7.7503 19.6139 7.82809 19.625 7.90592L14.064 10.9954C12.7804 11.7085 11.2196 11.7085 9.93599 10.9954L4.37505 7.90596C4.38611 7.82812 4.39749 7.75031 4.40918 7.67254C4.52178 6.92379 5.13287 6.34977 5.8872 6.2842L7.39743 6.15292ZM19.8085 9.51989C20.0025 11.7876 19.9299 14.0725 19.5908 16.3274C19.4782 17.0762 18.8671 17.6502 18.1128 17.7158L16.6026 17.8471C13.54 18.1133 10.46 18.1133 7.39743 17.8471L5.8872 17.7158C5.13287 17.6502 4.52178 17.0762 4.40918 16.3274C4.07009 14.0725 3.99753 11.7877 4.1915 9.51992L9.20752 12.3066C10.9442 13.2714 13.0558 13.2714 14.7924 12.3066L19.8085 9.51989Z' fill='%23189DB4'/%3E%3C/svg%3E");

}

.delete-button {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2.25C9.58579 2.25 9.25 2.58579 9.25 3V3.75H5C4.58579 3.75 4.25 4.08579 4.25 4.5C4.25 4.91421 4.58579 5.25 5 5.25H19C19.4142 5.25 19.75 4.91421 19.75 4.5C19.75 4.08579 19.4142 3.75 19 3.75H14.75V3C14.75 2.58579 14.4142 2.25 14 2.25H10Z' fill='black'/%3E%3Cpath d='M10 10.65C10.4142 10.65 10.75 10.9858 10.75 11.4L10.75 18.4C10.75 18.8142 10.4142 19.15 10 19.15C9.58579 19.15 9.25 18.8142 9.25 18.4L9.25 11.4C9.25 10.9858 9.58579 10.65 10 10.65Z' fill='black'/%3E%3Cpath d='M14.75 11.4C14.75 10.9858 14.4142 10.65 14 10.65C13.5858 10.65 13.25 10.9858 13.25 11.4V18.4C13.25 18.8142 13.5858 19.15 14 19.15C14.4142 19.15 14.75 18.8142 14.75 18.4V11.4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99142 7.91718C6.03363 7.53735 6.35468 7.25 6.73684 7.25H17.2632C17.6453 7.25 17.9664 7.53735 18.0086 7.91718L18.2087 9.71852C18.5715 12.9838 18.5715 16.2793 18.2087 19.5446L18.189 19.722C18.045 21.0181 17.0404 22.0517 15.7489 22.2325C13.2618 22.5807 10.7382 22.5807 8.25108 22.2325C6.95954 22.0517 5.955 21.0181 5.81098 19.722L5.79128 19.5446C5.42846 16.2793 5.42846 12.9838 5.79128 9.71852L5.99142 7.91718ZM7.40812 8.75L7.2821 9.88417C6.93152 13.0394 6.93152 16.2238 7.2821 19.379L7.3018 19.5563C7.37011 20.171 7.84652 20.6612 8.45905 20.747C10.8082 21.0758 13.1918 21.0758 15.5409 20.747C16.1535 20.6612 16.6299 20.171 16.6982 19.5563L16.7179 19.379C17.0685 16.2238 17.0685 13.0394 16.7179 9.88417L16.5919 8.75H7.40812Z' fill='black'/%3E%3C/svg%3E") center no-repeat;

}

.delete-button:hover {

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2.25C9.58579 2.25 9.25 2.58579 9.25 3V3.75H5C4.58579 3.75 4.25 4.08579 4.25 4.5C4.25 4.91421 4.58579 5.25 5 5.25H19C19.4142 5.25 19.75 4.91421 19.75 4.5C19.75 4.08579 19.4142 3.75 19 3.75H14.75V3C14.75 2.58579 14.4142 2.25 14 2.25H10Z' fill='%23189DB4'/%3E%3Cpath d='M10 10.65C10.4142 10.65 10.75 10.9858 10.75 11.4L10.75 18.4C10.75 18.8142 10.4142 19.15 10 19.15C9.58579 19.15 9.25 18.8142 9.25 18.4L9.25 11.4C9.25 10.9858 9.58579 10.65 10 10.65Z' fill='%23189DB4'/%3E%3Cpath d='M14.75 11.4C14.75 10.9858 14.4142 10.65 14 10.65C13.5858 10.65 13.25 10.9858 13.25 11.4V18.4C13.25 18.8142 13.5858 19.15 14 19.15C14.4142 19.15 14.75 18.8142 14.75 18.4V11.4Z' fill='%23189DB4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99142 7.91718C6.03363 7.53735 6.35468 7.25 6.73684 7.25H17.2632C17.6453 7.25 17.9664 7.53735 18.0086 7.91718L18.2087 9.71852C18.5715 12.9838 18.5715 16.2793 18.2087 19.5446L18.189 19.722C18.045 21.0181 17.0404 22.0517 15.7489 22.2325C13.2618 22.5807 10.7382 22.5807 8.25108 22.2325C6.95954 22.0517 5.955 21.0181 5.81098 19.722L5.79128 19.5446C5.42846 16.2793 5.42846 12.9838 5.79128 9.71852L5.99142 7.91718ZM7.40812 8.75L7.2821 9.88417C6.93152 13.0394 6.93152 16.2238 7.2821 19.379L7.3018 19.5563C7.37011 20.171 7.84652 20.6612 8.45905 20.747C10.8082 21.0758 13.1918 21.0758 15.5409 20.747C16.1535 20.6612 16.6299 20.171 16.6982 19.5563L16.7179 19.379C17.0685 16.2238 17.0685 13.0394 16.7179 9.88417L16.5919 8.75H7.40812Z' fill='%23189DB4'/%3E%3C/svg%3E");

}

.pagination-container {
    display: flex;
    align-items: center;
}

.pagination {
    display: flex;
    gap: 15px;
    align-items: center;
}

.pagination-container span,
.pagination p {

    font-size: var(--font-size-2);
    margin-left: 5px;
    color: #9FA2A3;
}

.pagination li {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    font-size: var(--font-size-2);
    color: #9FA2A3;
    cursor: pointer;
}

.pagination li.active {
    color: var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
}

.PagedList-skipToNext,
.PagedList-skipToPrev {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--color-primary) !important;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 3px;
}

.PagedList-skipToNext svg,
.PagedList-skipToPrev svg {
    vertical-align: middle;
}



.progress {
    border-radius: 50%;
    background-color: #dc1427 !important;
}

.progress:after {
    border: none !important;
}

.progress .progress-value {
    color: white;
    font-size: 45px;
}

.progress-title {
    display: block;
    text-align: center;
    margin-top: 5px;
}

.porsline-circle {
    width: 80px;
    height: 80px;
    background: #9e9e9e;
    margin-right: 30px;
    border-radius: 50%;
}

.porsline-circle a {
    color: #fff;
    font-size: 20px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.porsline-circle.active {
    background-color: #43bf43;
}

.porsline-title {
    display: block;
    text-align: center;
    color: #9e9e9e;
    font-size: 14px;
}

.box-body__text {
    font-size: var(--font-size-2);
}

.user-pannle__wrapper.fix {
    max-width: 100%;
    min-width: 220px;
}

.ticket-link::before {
    content: " ";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.80369 8.3533C2.52355 10.9562 2.53604 13.9582 2.92586 16.5505C3.14156 17.9849 4.31223 19.0845 5.7573 19.2102L7.26753 19.3414C10.4166 19.6152 13.5834 19.6152 16.7325 19.3414L18.2427 19.2102C19.6878 19.0845 20.8585 17.9849 21.0742 16.5505C21.464 13.9582 21.4765 10.9564 21.1963 8.35345C21.1601 8.05169 21.1194 7.75034 21.0742 7.44949C20.8585 6.0151 19.6878 4.91545 18.2427 4.78983L16.7325 4.65855C13.5834 4.38481 10.4166 4.38481 7.26753 4.65855L5.7573 4.78983C4.31223 4.91545 3.14156 6.0151 2.92586 7.44949C2.88063 7.75028 2.83991 8.05159 2.80369 8.3533ZM7.39743 6.15292C10.46 5.88669 13.54 5.88669 16.6026 6.15292L18.1128 6.2842C18.8671 6.34977 19.4782 6.92379 19.5908 7.67254C19.6025 7.7503 19.6139 7.82809 19.625 7.90592L14.064 10.9954C12.7804 11.7085 11.2196 11.7085 9.93599 10.9954L4.37505 7.90596C4.38611 7.82812 4.39749 7.75031 4.40918 7.67254C4.52178 6.92379 5.13287 6.34977 5.8872 6.2842L7.39743 6.15292ZM19.8085 9.51989C20.0025 11.7876 19.9299 14.0725 19.5908 16.3274C19.4782 17.0762 18.8671 17.6502 18.1128 17.7158L16.6026 17.8471C13.54 18.1133 10.46 18.1133 7.39743 17.8471L5.8872 17.7158C5.13287 17.6502 4.52178 17.0762 4.40918 16.3274C4.07009 14.0725 3.99753 11.7877 4.1915 9.51992L9.20752 12.3066C10.9442 13.2714 13.0558 13.2714 14.7924 12.3066L19.8085 9.51989Z' fill='white'/%3E%3C/svg%3E");
    margin-left: 5px;
    transition: all 0.3s;
}

.ticket-link:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8065 5.37075C20.4739 5.85237 20.9451 6.59097 21.0742 7.44948C21.1194 7.75033 21.1601 8.05169 21.1963 8.35345C21.4765 10.9564 21.464 13.9582 21.0742 16.5505C20.8585 17.9849 19.6878 19.0845 18.2427 19.2102L16.7325 19.3414C13.5834 19.6152 10.4166 19.6152 7.26753 19.3414L5.7573 19.2102C4.31223 19.0845 3.14156 17.9849 2.92586 16.5505C2.53604 13.9582 2.52355 10.9562 2.80369 8.35329C2.83991 8.05158 2.88063 7.75028 2.92586 7.44948C3.05478 6.59216 3.52486 5.85441 4.19077 5.37275L4.19 5.36602L4.23726 5.33977C4.40977 5.21969 4.59485 5.11656 4.79008 5.03264L9.20602 2.57934C10.9427 1.61455 13.0543 1.61454 14.7909 2.57934L19.1967 5.02698C19.4013 5.1138 19.5948 5.2217 19.7746 5.34805L19.807 5.36606L19.8065 5.37075ZM18.9655 6.61451L14.0625 3.89057C12.7789 3.17747 11.2181 3.17747 9.93449 3.89058L5.04282 6.60817C4.70934 6.85978 4.47475 7.23654 4.40918 7.67254C4.39749 7.75031 4.38611 7.82811 4.37505 7.90595L9.93599 10.9954C11.2196 11.7085 12.7804 11.7085 14.064 10.9954L19.625 7.90592C19.6139 7.82809 19.6025 7.7503 19.5908 7.67254C19.5258 7.24019 19.2946 6.8661 18.9655 6.61451ZM19.7055 15.4805C19.9439 13.5016 19.9782 11.5042 19.8085 9.5199L14.7924 12.3066C13.0558 13.2714 10.9442 13.2714 9.20752 12.3066L4.1915 9.51993C4.02178 11.5042 4.05612 13.5016 4.29452 15.4805C4.32858 15.7633 4.3668 16.0456 4.40918 16.3275C4.43318 16.487 4.47982 16.6387 4.54566 16.7791C4.78876 17.2978 5.29364 17.6642 5.8872 17.7158L7.39743 17.8471C10.46 18.1133 13.54 18.1133 16.6026 17.8471L18.1128 17.7158C18.5843 17.6748 18.9998 17.4352 19.2726 17.0785C19.4363 16.8645 19.5486 16.6082 19.5908 16.3274C19.6332 16.0456 19.6714 15.7632 19.7055 15.4805Z' fill='white'/%3E%3C/svg%3E");
}

/* ------------------ form ------------------- */
.form__lable {
    color: #6A6464;
    font-size: var(--font-size-2);
    display: block;
    text-align: center;
    margin-bottom: 10px;
    text-align: right;
}
.main-btn{
    border: none;
}
.form__input {
    height: 45px;
    border: 1px solid #eee;
    border-radius: 10px;
    display: block;
    margin: auto;
    padding: 10px;
    width: 100%;
    font-size: var(--font-size-2);
    transition: all 0.3s;
}

.form__input:focus {
    border-color: var(--color-primary);
}

.form__star {
    color: red;
    font-size: 20px;
}

.form__select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.53033 0.96967C9.82322 1.26256 9.82322 1.73744 9.53033 2.03033L5.53033 6.03033C5.23744 6.32322 4.76256 6.32322 4.46967 6.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L5 4.43934L8.46967 0.96967C8.76256 0.676777 9.23744 0.676777 9.53033 0.96967Z' fill='%23189DB4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px center;
    transition: all 0.3s;
}

.form__select:focus-visible {
    outline: 0;
}

.form__textarea {
    min-height: 220px;
    resize: none;
}

.form-file__wrapper {
    position: relative;
    width: 100%;
}

.form-file__input {
    display: none;
}

.form-file__lable {
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.form__row-note {
    margin-top: 10px;
    font-size: 14px;
}

.form__send-btn {
    border: 0;
    min-width: 150px;
    display: table;
    margin: auto;
    font-size: 18px;
    cursor: pointer;
    height: 48px;
}

.form__send-btn.disable {
    background-color: #bcbcbc;
}

/* ----------------------------------- ticket details ----------------- */
.pannle-head {
    height: 48px;
    background-color: var(--color-primary);
    border-radius: 22px;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 15px;
    cursor: pointer;
}

.pannle-content {
    padding: 15px;
    background: #e5fbff;
    border-radius: 22px;
}

.pannle-content.toggle {
    display: none;
}

.pannle-content.fix {
    overflow: auto;
}

.buttons-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.pannle-head span {
    padding: 5px;
}

.ticket__question .pannle-content,
.ticket__answer .pannle-content {
    background-color: white;
    border: 1px solid var(--color-blue-3)
}

.pannle-content .pannle-content__text {
    line-height: 34px;
}

.pannle-content__line {
    height: 1px;
    background-color: var(--color-blue-3);
    margin: 20px 0;
}

.pannle-content__time .fa-clock {
    color: var(--color-primary);
    vertical-align: middle;
    margin-bottom: 5px;
    padding: 5px;
}

.pannle-content__time span {
}

.ticket__answer .pannle-head {
    background-color: #53b169;
}

.ticket__answer .pannle-content {
    border-color: #53b169;
}

.ticket__answer .pannle-content__line {
    background-color: #53b169;
}

.ticket__answer .pannle-content__time .fa-clock {
    color: #53b169;
}

.pannle-content__attach {
    background-color: #f3f3f3;
    border: dashed 1px #e4e4e4;
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
}

.pannle-content .fa-file {
    color: #6e6e6e;
    margin-left: 5px;
}

.pannle-content tbody td {
    background-color: #fff;
}

/* ------------------------- search box --------------------- */

.ticket-link {
    display: flex !important;
    align-items: center;
}
#bd-root-persian-calender-two,
#bd-root-persian-calender,
#bd-root-PayDateFrom,
#bd-root-PayDateTo{
    width: 100%;
}
.search-box__button {
    border: 0;
    margin: auto;
    min-width: 150px;
    cursor: pointer;
}
.box-body .form__row{
    flex-direction: column;
    align-items: flex-start !important;
}

@media only screen and (max-width:1200px) {
    .user-pannle__sidebar {
        width: auto;
    }

    .user-pannle__user {
        font-size: var(--font-size-5);
    }

    tbody td {
        font-size: var(--font-size-0);
    }
}

@media only screen and (max-width:992px) {

    .user-pannle__menu-link span,
    .user-pannle__user {
        display: none;

    }

    .user-pannle__menu-link span {
        font-size: var(--font-size-1);
    }

    .user-pannle__menu-link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

    .user-pannle__count {
        position: absolute;
        top: -11px;
        left: -9px;

    }

    .user-pannle__sidebar.expanded .user-pannle__count {
        position: static;
    }

    .box-body__table {
        min-width: 660px;
    }

    .pagination.d-flex {
        min-width: 660px
    }

    .box-body {
        overflow-x: auto;
        padding-bottom: 20px;
    }
   

    .box {
        padding: 20px 15px;
    }

    .user-pannle__body {
        overflow: hidden;
        padding: 20px 10px;
        align-self: stretch;
    }

    .user-pannle__row {
        gap: 15px;
        align-items: flex-start;
    }

    .user-icon {
        width: 24px;
        height: 24px;
    }

    .expand {
        width: 20px;
        height: 20px;
        background-color: var(--color-primary);
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        background: var(--color-primary) url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.03033 0.46967C6.32322 0.762563 6.32322 1.23744 6.03033 1.53033L2.56066 5L6.03033 8.46967C6.32322 8.76256 6.32322 9.23744 6.03033 9.53033C5.73744 9.82322 5.26256 9.82322 4.96967 9.53033L0.96967 5.53033C0.676777 5.23744 0.676777 4.76256 0.96967 4.46967L4.96967 0.46967C5.26256 0.176777 5.73744 0.176777 6.03033 0.46967Z' fill='white'/%3E%3C/svg%3E") center no-repeat;
    }

    .user-pannle__sidebar.expanded .user-pannle__menu-link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;

    }

    .user-pannle__sidebar.expanded {
        min-width: 200px;
    }

    .form-file__lable {
        min-width: initial;
        font-size: 14px;
        height: 100%;
    }

    .form__send-btn {
        font-size: 16px;
        min-width: 100px;
    }

    /* .search-box{
        width: calc(100vw - 125px);
    } */


}


.user-pannle__count {
    display: inline-block;
    background-color: #dc1427;
    color: #fff !important;
    font-size: var(--font-size-0) !important;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: flex !important;
    vertical-align: middle;
    justify-content: center;
    align-self: flex-start;
    margin-right: -9px;

}

/* --------------------------------------------- kamadatepicker -------------------- */
.bd-hide {
    display: none;
}

.bd-main {
    background-color: #FFF;
    border: 1px solid #000;
    padding: 5px;
    z-index: 9999;
    width: auto !important;
    margin: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bd-calendar {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 260px;
}

.bd-calendar table {
    border: none;
    width: 260px;
}

.bd-title {
    padding: 0;
    margin: 0;
    height: 30px;
    display: flex;
    justify-content: space-between;
    width: 260px;
    margin-bottom: 8px;
}

.bd-dropdown {
    display: inline-block;
    float: right;
    width: 68px;
    text-align: center;
}

.bd-dropdown select {
    width: 100%;
    height: 30px;
    border: none;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.bd-next,
.bd-prev {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #FFF;
    height: 30px;
    width: 30px;
    margin: 0;
    padding: 0;
    border: none;
    display: inline-block;
    float: right;
}

.bd-table thead {
    background-color: white;
    color: #FFF;
}

.bd-table thead tr {
    height: 30px;
    cursor: context-menu;
}

.bd-table thead tr th {
    text-align: center;
}

.bd-table tbody tr td {
    border: none;
}

.bd-empty-cell {
    width: 30px;
    height: 30px;
}

.bd-table-days button {
    width: 20px;
    height: 20px;
    font-weight: 700;
    border: 0;
}

.bd-table-days button:hover:enabled {
    color: #189DB4;
    cursor: pointer;
    border-radius: 6px;
}

.bd-table-days button:disabled {
    background-color: #eee;
}

.bd-today {
    background-color: #DFF0D8 !important;
    color: green;
}

.bd-holiday {
    background-color: #FDE8E8 !important;
}

.bd-selected-day {
    color: red;
    font-weight: bold;
}

.bd-goto-today {
    width: 210px;
    height: 30px;
    color: #FFF;
    background-color: #555555;
    padding-top: 5px;
    cursor: pointer;
    text-align: center;
}

@media only screen and (max-width: 350px) {

    .bd-table,
    .bd-title,
    .bd-calendar {
        width: 260px !important;
    }
}

.bd-main,
.bd-main {
    border-radius: 24px;
    background-color: white;
    border: none;
    padding: 10px;
}

.bd-table th {
    padding: 5px;
}

.bd-table tbody td {
    padding: 5px 0;
}

@media only screen and (max-width: 420px) {
    .bd-main {
        position: fixed !important;
        top: 100px !important;
        left: 50% !important;
        transform: translateX(-50%);
        box-shadow: 0 0 122px 20px rgba(0, 0, 0, 0.5);
    }
}

.search-box .form__input {
 
}

/*# sourceMappingURL=kamadatepicker.css.map */


/* ------------------------------ statistics section ----------------------------- */
.gap-8{
    gap: 8px;
}
.statistic{
    gap: 8px;
}
.statistic__icon {
    width: 75px;
    height: 75px;
    background-color:#f9f9f9;
    border-radius: 25px;


}
.user-pannle__statistics{
    background-color: #fff;

}
.statistics__title{
    font-size: var(--font-size-3);
    font-weight:700;
    color: var(--color-text);
    margin-bottom:10px;
}
.statistics__content{
display: flex;
flex-direction: column;
justify-content: space-around;

}
.statistics__count,.statistics__total{

    font-size: var(--font-size-1);
    color: #9FA2A3;
}
.statistics__count span{
    color: var(--color-primary);
    font-size: var(--font-size-5);

    margin-left: 2px;
}
.statistics__count::after{
    content: " ";
    height: 20px;
    width: 1px;
    background-color: #9FA2A3;
    display: inline-block;
    margin: 0 5px;
}
.user-pannle__banner{
    border-radius: 25px;
    overflow: hidden;
    /* height: 220px; */
}

.user-pannle__statistics,.user-pannle__banner{
    min-width: 500px
}
@media only screen and (max-width:576px){
    .user-pannle__statistics,.user-pannle__banner{
        min-width: 300px
    }
}
@media only screen and (max-width:400px){
    .statistic__icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        flex-shrink: 0;
    }
    .statistic__icon svg{
        width: 30px;
        height: 30px;
    }
}
/* ------------------------------ statistics section ----------------------------- */

.alarm{
    background-color: var(--color-blue-5);
    padding: 10px;
    border-radius: 10px;
    line-height: 30px;
    border: 1px solid var(--color-blue-4);
}

.avatar__input{
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
.avatar__input:checked + label{
    border-color: var(--color-primary);
}
.avatar__item{
    margin-left: 10px;
}
.avatar__lable{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 3px;
    border: 2px solid #eee;
    border-radius: 50%;
    overflow: hidden;
}
.avatar__lable img{
    border-radius: 50%;
}
.form__desc{
    font-size: var(--font-size-1);
    color: #9FA2A3;
}


/* -------------------- order modal ------------- */
.overlay{
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    top: 0;
    left: 0;
    /* display: none; */
}
.modal {
    position: fixed;
    background-color: #fff;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
   padding: 10px;
    z-index: 1999;
    border-radius: 24px;
    width: 800px;
    max-width:calc(100vw - 32px);
    max-height: 80vh;
}
.prefactor-modal{
    /* display: none; */
 
}
.prefactor-modal .modal-content{
    height: 100%;
     max-height: calc(100vh - 40px);
    overflow-y: auto;
    overflow-x: hidden;
     padding: 5px 10px;
}
.prefactor-modal .modal-content::-webkit-scrollbar {
    width: 5px;
}

.prefactor-modal .modal-content::-webkit-scrollbar-track {
    background-color: #C8C8C8;
    border-radius: 25px;
    position: absolute;
    height: 90%;
}

.prefactor-modal .modal-content::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    border-radius: 25px;
}

.modal-print{
    background-color: var(--color-primary);
    border-radius: 50%;
    border: 0;
    padding: 4px;
}
.modal-title{
    color: var(--color-primary);
}
.modal-title h5{
    font-size: var(--font-size-5);
}
.modal-title span{
    font-size: var(--font-size-1);
}
.modal-date{
    color: var(--color-primary);
    text-align: left;
    font-size: var(--font-size-1);
}
.modal-customer{
    border: 1px solid var(--color-primary);
    border-radius: 10px;
    padding: 10px;
    font-size: var(--font-size-1);
    color: var(--color-text-1);
}
.modal-tables td{
    max-width: 180px;
}
.modal-tables .total{
    color: var(--color-primary);
    font-weight: 700;
}
.text-left{
    text-align: left;
}
.prefactor-close{
   position: absolute; 
   top: -5px;
   right: -5px;
   background-color: white;
   border: 0;
   width: 24px;
   height: 24px;
   border-radius: 50%;
}

@media only screen and (max-width: 992px){
.modal-tables .box-body__table {
    min-width: auto;
}
}
@media only screen and (max-width: 400px){
.prefactor-modal th{
    font-size: 12px;
}
}
@media only print{
     th{
        border-top: 1px solid var(--color-text-1);
        border-left:1px solid var(--color-text-1) ;
    }
     .box-body__table{
        border-spacing: 0;
    }
     .modal-tables{
        margin-top: 10px;
    }
     th:first-child ,  th:last-child , tbody td:first-child ,  tbody td:last-child{
        border-radius: 0;
    }
     td{
        border-top:1px solid var(--color-text-1) ;
        border-left: 1px solid var(--color-text-1);
    }
     tr:last-child td{
        border-bottom: 1px solid var(--color-text-1);
    }
     th:first-child , td:first-child{
        border-right: 1px solid var(--color-text-1);
    }
     .prefactor-close{
        display: none;
    }
     .total {
        padding-left: 10px;
    }
    body{
        padding: 20px;
    }
    
}
.btnaddress i{
    color: #fff;
}
.add-address a {
    font-size: 14px;
    padding: 0 15px;
    display: inline-flex;
    background:var(--color-primary) ;
    color: #fff !important;
}











.nav-link svg{
    margin-left: 5px;
}
.nav-link svg path{
    fill: #fff;
    transition: all 0.3s;
}
.menu .navbar .navbar-collapse .navbar-nav .nav-item > .nav-link:hover svg path{
    fill: #000;
}
.top-head{
    min-height: auto !important;
}
.top-head .logo{
    max-width: initial !important;
}
.logo img:not(.desktop-logo){
    display: none;
}
.logo .desktop-logo{
   width: 250px !important;
}
@media only screen and (max-width: 576px){

    .logo .desktop-logo{
        display: none;
     }
     .logo img:not(.desktop-logo){
        display: block;
    }
    .top-head .logo{
        max-width: 140px !important;
    }
}