/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/* Reset default margins, paddings, and borders */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
    height: auto;
}

b, strong {
    font-weight: bolder;
}

/* Use CSS variables for general use */
:root {
    --primary-color: #737373;
    --primary-color-hover: linear-gradient(93deg, #3A75DC -7.18%, #EA1089 102.25%);
    --primary-border-color: linear-gradient(93deg, #3A75DC -7.18%, #EA1089 102.25%) border-box;
    --primary-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    --primary-font-family: 'Montserrat', sans-serif;
    --primary-font-size: 16px;
    --primary-font-weight: 400;
    --primary-font-line-height: normal;
    --primary-card-bg-color: #fff;
    --primary-border-radius: 15px;
    --primary-margin-bottom: 20px;
    --secondary-color: #000;
    --secondary-border-color: #13477C;
    --secondary-font-size: 24px;
    --secondary-font-weight: 700;
    --secondary-font-line-height: 20px;
    --secondary-card-bg-color: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #4C6BD4;
    --secondary-border-radius: 30px;
    --secondary-margin-bottom: 30px;
    --tertiary-color: #F4F4F4;
    --tertiary-font-size: 20px;
    --tertiary-font-weight: 600;
    --tertiary-font-line-height: 30px;
    --tertiary-card-bg-color: linear-gradient(0deg, rgba(245, 245, 245, 0.90) 0%, rgba(245, 245, 245, 0.90) 100%), #9243B3;
    --quaternary-font-size: 32px;
    --quaternary-font-weight: 800;
    --quinary-font-size: 12px;
}

/* Use Global style for general use */
html, body {
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    line-height: var(--primary-font-line-height);
    font-family: var(--primary-font-family);
    color: var(--primary-color);
    overflow-x: hidden;
}

p, .p {
    font-size: var(--primary-font-size);
    margin-bottom: var(--primary-margin-bottom);
    line-height: var(--secondary-font-line-height);
}

a, .c-btn, .c-btn-transparent, .main, .sidebar, .c-card-checkbox, .arrow, svg, rect {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a {
    color: var(--primary-color);
    outline: none;
    border: none;
    text-decoration: none;
    font-weight: var(--primary-font-weight);
}

a:hover,
a:active,
a:visited,
a:focus,
a.active,
td.active,
.gradient-heading {
    /*font-weight: var(--tertiary-font-weight);*/
    text-decoration: none;
    outline: none;
    background: var(--primary-color-hover);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a.anchor-primary {
    color: var(--secondary-border-color);
}

button:hover,
button:active,
button:visited,
button:focus {
    outline: none;
}

small {
    font-size: var(--quinary-font-size);
}

svg {
    cursor: pointer;
}

strong {
    font-size: var(--tertiary-font-size);
    font-weight: var(--secondary-font-weight);
    color: var(--secondary-color);
}

em {
    color: rgb(115 115 115 / 60%);
}

h2 strong {
    font-size: var(--secondary-font-size);
}

h1 {
    font-size: var(--quaternary-font-size);
    line-height: var(--tertiary-font-line-height);
    color: var(--secondary-color);
    font-weight: var(--secondary-font-weight);
    margin-bottom: var(--primary-margin-bottom);
}

h2 {
    font-size: var(--secondary-font-size);
    line-height: var(--tertiary-font-line-height);
    color: var(--secondary-color);
    font-weight: var(--secondary-font-weight);
    margin-bottom: var(--primary-margin-bottom);
}

h3 {
    font-size: var(--tertiary-font-size);
    line-height: var(--tertiary-font-line-height);
    color: var(--secondary-color);
    font-weight: var(--tertiary-font-weight);
    margin-bottom: var(--primary-margin-bottom);
}

h5 {
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    line-height: var(--primary-font-line-height);
    color: var(--primary-color);
    margin-bottom: var(--primary-margin-bottom);
}

h6 {
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    line-height: var(--primary-font-line-height);
    color: var(--secondary-color);
    margin-bottom: var(--primary-margin-bottom);
}

h1 span {
    background: var(--primary-color-hover);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.big-heading {
    font-weight: var(--quaternary-font-weight);
    font-size: 64px;
    line-height: normal;
}

.c-btn {
    font-weight: var(--tertiary-font-weight);
    background: var(--primary-color-hover);
    border-radius: var(--secondary-border-radius);
    padding: 15px 40px;
    border: 0px solid transparent;
    color: #fff;
    cursor: pointer;
    position: relative;
}

.c-btn-transparent::before, .c-card-checkbox.checked:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--secondary-border-radius);
    border: 4px solid transparent;
    background: var(--primary-border-color);
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.c-card-checkbox {
    cursor: pointer;
}

.c-card-checkbox.checked:before {
    border-radius: var(--primary-border-radius);
}

.c-card-checkbox svg {
    visibility: hidden;
}

.c-card-checkbox.checked svg {
    visibility: visible;
}

.c-card-checkbox.checked .arrow {
    transform: rotate(90deg);
}

.c-btn.c-btn-transparent, .c-btn.active, .c-btn:hover, .c-btn.c-btn-transparent.no-gradient-border:hover, .c-btn.c-btn-transparent.no-gradient-border.active {
    /*border-image: var(--primary-border-color);*/
    background: var(--primary-color-hover);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.c-btn.c-btn-transparent.active, .c-btn.c-btn-transparent:hover, .c-btn.c-btn-transparent.c-btn-border {
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: #fff;
}

.c-btn.c-btn-transparent.c-btn-border {
    background: transparent;
    color: var(--secondary-border-color);
    border: 2px solid var(--secondary-border-color);
}

.c-btn.c-btn-transparent.no-gradient-border {
    background: transparent;
    color: var(--primary-color);
    border: 0px solid var(--primary-color);
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.c-btn.c-btn-transparent.c-btn-border.active, .c-btn.c-btn-transparent.c-btn-border:hover {
    background: var(--primary-color-hover);
    color: #fff;
    border-color: transparent;
}

.c-btn.c-btn-transparent.c-btn-border:before, .c-btn.c-btn-transparent.no-gradient-border:not(:hover, .active):before {
    display: none;
}

.btn-icon:hover {
    background: var(--primary-color-hover);
}

.btn-icon:hover svg path {
    /*fill: #fff;*/
}

.c-btn-sm {
    padding: 10px 15px;
    font-size: 12px;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="date"],
input[type="url"],
input[type="password"],
select,
textarea {
    /*background-color: var(--primary-card-bg-color);*/
    background-color: var(--tertiary-color);
    border-radius: var(--secondary-border-radius);
    border: 1px solid var(--tertiary-color);
    color: var(--primary-color);
    margin-bottom: var(--primary-margin-bottom);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 20px 25px;
    height: 60px;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.custom-select {
    height: 60px;
    border-radius: var(--secondary-border-radius);
    background-color: var(--tertiary-color);
}

textarea {
    height: 110px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
.c-input-group-append.focused span,
.c-input-group-append.focused input,
.focused input,
.focused textarea,
.focused .custom-select {
    background-color: var(--tertiary-color);
    outline: 0;
    box-shadow: none;
    border-color: var(--tertiary-color);
}

select {
    box-shadow: none !important;
}

.c-card {
    padding: 40px;
    box-shadow: var(--primary-box-shadow);
    background-color: var(--primary-card-bg-color);
    border-radius: var(--primary-border-radius);
}

.c-card-checkbox {
    position: relative;
}

.form-group label {
    font-size: var(--secondary-font-size);
    font-weight: var(--secondary-font-weight);
    color: var(--secondary-color);
    margin-bottom: var(--primary-margin-bottom);
}

.form-group .custom-control-label {
    font-size: var(--primary-font-size);
    color: var(--primary-color);
    font-weight: var(--primary-font-weight);
    cursor: pointer;
    box-shadow: none !important;
}

.custom-control-label::before, .custom-control-label::after {
    top: 1px;
}

.custom-control-input:checked ~ .custom-control-label {
    background: var(--primary-color-hover);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background: var(--primary-color-hover);
    box-shadow: none !important;
}

.section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.mb-30 {
    margin-bottom: var(--secondary-margin-bottom);
}

.mt-10 {
    margin-top: 10px;
}

.mt-30 {
    margin-top: var(--secondary-margin-bottom);
}

.mb-10 {
    margin-bottom: 10px;
}

.p-20 {
    padding: 20px;
}

.mw-84 {
    max-width: 84%;
}

.swiper-pagination-bullet {
    background: var(--primary-color);
}


.swiper-pagination-bullet-active {
    background: var(--primary-color-hover);
}

.big-update-swiper {
    padding: 15px;
}

.benefits-reseller h1, .benefits-reseller h2 {
    background: linear-gradient(93deg, #13477C -7.18%, #3A75DC 47.54%, #EA1089 102.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 1.5C0.5 1.10218 0.658035 0.720645 0.93934 0.43934C1.22064 0.158036 1.60218 0 2 0H20C20.3978 0 20.7794 0.158036 21.0607 0.43934C21.342 0.720645 21.5 1.10218 21.5 1.5C21.5 1.89782 21.342 2.27936 21.0607 2.56066C20.7794 2.84196 20.3978 3 20 3H2C1.60218 3 1.22064 2.84196 0.93934 2.56066C0.658035 2.27936 0.5 1.89782 0.5 1.5ZM0.5 9C0.5 8.60218 0.658035 8.22064 0.93934 7.93934C1.22064 7.65804 1.60218 7.5 2 7.5H20C20.3978 7.5 20.7794 7.65804 21.0607 7.93934C21.342 8.22064 21.5 8.60218 21.5 9C21.5 9.39782 21.342 9.77936 21.0607 10.0607C20.7794 10.342 20.3978 10.5 20 10.5H2C1.60218 10.5 1.22064 10.342 0.93934 10.0607C0.658035 9.77936 0.5 9.39782 0.5 9ZM0.5 16.5C0.5 16.1022 0.658035 15.7206 0.93934 15.4393C1.22064 15.158 1.60218 15 2 15H20C20.3978 15 20.7794 15.158 21.0607 15.4393C21.342 15.7206 21.5 16.1022 21.5 16.5C21.5 16.8978 21.342 17.2794 21.0607 17.5607C20.7794 17.842 20.3978 18 20 18H2C1.60218 18 1.22064 17.842 0.93934 17.5607C0.658035 17.2794 0.5 16.8978 0.5 16.5Z' fill='url(%23paint0_linear_1_6571)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_6571' x1='-1.075' y1='-2.42123e-06' x2='22.8641' y2='1.24353' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2313477C'/%3E%3Cstop offset='0.5' stop-color='%233A75DC'/%3E%3Cstop offset='1' stop-color='%23EA1089'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z' fill='%23737373'/%3E%3C/svg%3E");
}

.sidebar-list, .logo {
    padding: 20px;
    display: block;
}

.sidebar-list li a {
    /*display: block;*/
}

.sidebar-list li a.active {
    font-weight: 600;
}

.sidebar-list li:not(:last-child) {
    margin-bottom: 30px;
}

.sidebar-list svg path {
    stroke-width: 1;
}

.sidebar-list svg {
    vertical-align: bottom;
    margin-right: 10px;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

/* Apply the gradient on hover */
a:not(.active,.btn-icon) svg path[stroke] {
    stroke: var(--primary-color);
}

/*a:not(.active,.btn-icon) svg path[fill] {*/
/*    fill: var(--primary-color);*/
/*}*/

a.active svg path:nth-child(1), a:hover svg path:nth-child(1) {
    stroke: url(#paint0_linear_12_335);
    stroke-linecap: round;
    stroke-linejoin: round;
}

a.active svg path:nth-child(2), a:hover svg path:nth-child(2) {
    stroke: url(#paint1_linear_12_335);
}

a.active svg path:nth-child(3), a:hover svg path:nth-child(3) {
    stroke: url(#paint2_linear_12_335);
}

.main {
    margin-left: 15%;
}

.sidebar {
    position: fixed;
    width: 15%;
    height: 100%;
    overflow-y: auto;
    box-shadow: var(--primary-box-shadow);
}

.top-header {
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-header h1 {
    margin-bottom: 0;
}

.top-header ul li:not(:last-child) {
    border-right: solid 1px rgba(0, 0, 0, .3);
}

.top-header ul {
    display: flex;
    align-items: center;
}

.top-header ul li {
    padding: 0 20px;
}

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

.gradient-svg {
    position: absolute;
    z-index: -1;
}

.promotion-banner {
    background: var(--primary-color-hover);
    position: relative;
}

.promotion-banner h2 {
    color: #fff;
}

.promotion-banner p {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 0;
}

.promotion-banner img {
    position: absolute;
    right: 0;
    top: -55px;
    max-width: 38%;
}

.activity-card h6 {
    /*color: var(--primary-color);*/
}

.activity-card h6 {
    margin-bottom: 0;
}

.btn-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
}

.activities strong {
    font-size: var(--primary-font-size);
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.font-weight-600 {
    font-weight: 600;
}

.activities {
    min-height: 410px;
}

.activities > div {
    cursor: pointer;
}

.dropdown-menu .activities {
    min-height: auto;
}

#monthly-line-chart {
    height: 410px;
    width: 100%;
}

.notifications {
    width: 25rem;
    overflow-y: auto;
    height: 410px;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    display: block;
    background-color: rgba(0, 0, 0, .1);
}

.dataTables_wrapper select {
    border-radius: 5px;
}

.dataTables_paginate .paginate_button:not(:last-child), .dataTables_paginate .paginate_button.current {
    margin-right: 15px;
}

.dataTables_info {
    /*display: none;*/
}

.dataTables_filter .form-group, .dataTables_length .form-group {
    /*margin-bottom: 0;*/
}

.dataTables_filter label, .dataTables_length label {
    font-size: var(--tertiary-font-size);
}

.dataTables_length label {
    /*margin-bottom: -30px !important;*/
}

.dataTables_filter label {
    /*margin-bottom: var(--secondary-margin-bottom) !important;*/
}

.dataTables_filter label input {
    font-size: var(--primary-font-size);
}

.dataTables_wrapper .filters input {
    padding: 15px;
    height: 45px;
}

.dataTables_wrapper .custom-select {
    height: 35px;
}

.dataTables_wrapper .btn-icon {
    padding: 7px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.dataTables_wrapper .table td, .table th {
    vertical-align: middle;
    text-align: center;
}

.label-16 label {
    font-size: var(--primary-font-size);
    font-weight: 500;
}

.action-btns {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    align-items: flex-start;
}

.action-btns div {
    display: flex;
}

.action-btns a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.action-btns a:first-child,
.action-btns a.view-btn {
    border: 1px solid #13477C;
    border-radius: 50%;
}

.action-btns a.edit-btn {
    border: 1px solid rgba(36, 148, 210, 1);
    border-radius: 50%;
}

.action-btns a.delete-btn {
    border: 1px solid rgba(220, 0, 0, 1);
    border-radius: 50%;
}

.action-btns a:hover {
    border-color: transparent;
    background: var(--primary-color-hover);
}

.action-btns a:hover svg path {
    stroke: #fff;
}

.action-btns a.delete-btn:hover svg path {
    fill: #fff;
}

.grey {
    color: var(--primary-color)
}

.c-card-gradient {
    background: var(--primary-color-hover);
}

.height-auto {
    height: auto !important;
}

.input-add {
    padding: 10px 25px !important;
}

.payment-form {
    display: none;
}

[aria-expanded="true"] + svg .vertical-line {
    fill: transparent;
}

#accordion h6 {
    cursor: pointer;
}

#accordion h5 {
    line-height: var(--tertiary-font-line-height);
}

.gradient-svg-hover:hover {
    background: var(--primary-color-hover);
    cursor: pointer;
}

.gradient-svg-hover:hover svg stop,
.btn-icon.c-btn.c-btn-transparent.c-btn-border:hover svg stop {
    stop-color: #fff;
}

.btn-icon.c-btn.c-btn-transparent.c-btn-border:hover svg path {
    fill: #fff;
}

p.font-14, .font-14 strong {
    font-size: 14px;
}

.font-16 strong {
    font-size: 16px;
}

.working {
    color: #00D749;
}

.working svg circle {
    fill: #00D749;
}

.offline {
    color: #B0B0B0;
}

.offline svg circle {
    fill: #B0B0B0;
}

.error {
    color: #F00;
}

.error svg circle {
    fill: #F00;
}

/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background: url("../images/vertical-line.png") repeat-y;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

/* Container around content */
.timeline-container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.timeline-container::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -10px;
    background: var(--primary-color-hover);
    border: 0px solid #FF9F55;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 1;
}

/* Place the container to the left */
.left {
    left: 0;
    padding-left: 0;
}

/* Place the container to the right */
.right {
    left: 50%;
    padding-right: 0;
}

/* Add arrows to the left container (pointing right) */
.left::before {
    /*content: " ";*/
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
    /*content: " ";*/
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
    left: -16px;
}

/* The actual content */
.timeline-container .content {
    position: relative;
}

.timeline-container .content div + p {
    margin-bottom: 0;
}

.table-bordered {
    border-collapse: separate;
    -webkit-border-vertical-spacing: 30px
    /*border-spacing: 30px;*/
}

.table-bordered thead td, .table-bordered thead th,
.table-bordered tbody td, .table-bordered tbody th {
    border: 0;
    border-right: solid 1px rgba(0, 0, 0, .1);
    text-align: left;
    vertical-align: initial;
}

.table-bordered tbody tr {
    position: relative;
}

.table-bordered tbody tr:before {
    content: '';
    border-bottom: solid 1px rgba(0, 0, 0, .1);
    left: 0;
    position: absolute;
    right: 0;
    bottom: -15px;
}

.table-bordered tbody tr:last-child:before {
    border-color: transparent;
}

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child {
    border-right: 0;
}

.table-bordered input, .table-bordered select {
    height: 40px;
}

.video-banner {
    position: relative;
}

.video-banner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.video-banner svg {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--primary-color-hover);
}

.table-tickets tr td:first-child, .table-tickets tr th:first-child {
    width: 5%;
}

.table-tickets tr td:nth-child(2), .table-tickets tr th:nth-child(2),
.table-tickets tr td:nth-child(3), .table-tickets tr th:nth-child(3),
.table-tickets tr td:nth-child(4), .table-tickets tr th:nth-child(4),
.table-tickets tr td:nth-child(5), .table-tickets tr th:nth-child(5),
.table-tickets tr td:nth-child(6), .table-tickets tr th:nth-child(6) {
    width: 20%;
}

.table-logs tr td:first-child, .table-logs tr th:first-child {
    width: 5%;
}

.table-logs tr td:nth-child(2), .table-logs tr th:nth-child(2) {
    width: 15%;
}

.table-logs tr td:nth-child(3), .table-logs tr th:nth-child(3) {
    width: 20%;
}

.table-logs tr td:nth-child(4), .table-logs tr th:nth-child(4) {
    width: 30%;
}

.table-logs tr td:nth-child(5), .table-logs tr th:nth-child(5) {
    width: 30%;
}

.table-devices tr td:first-child, .table-devices tr th:first-child {
    width: 5%;
}

.table-devices tr td:nth-child(2), .table-devices tr th:nth-child(2) {
    width: 15%;
}

.table-devices tr td:nth-child(3), .table-devices tr th:nth-child(3) {
    width: 20%;
}

.table-devices tr td:nth-child(4), .table-devices tr th:nth-child(4) {
    width: 10%;
}

.table-devices tr td:nth-child(5), .table-devices tr th:nth-child(5) {
    width: 7%;
}

.table-devices tr td:nth-child(6), .table-devices tr th:nth-child(6) {
    width: 9%;
}

.table-devices tr td:nth-child(7), .table-devices tr th:nth-child(7) {
    width: 17%;
}

.table-devices tr td:nth-child(8), .table-devices tr th:nth-child(8) {
    width: 17%;
}
/* Custom styles for tooltips and popovers */
.popover {
    box-shadow: var(--primary-box-shadow);
    background-color: var(--primary-card-bg-color);
    font-style: italic;
    font-family: var(--primary-font-family);
    font-size: var(--quinary-font-size);
    font-weight: 400;
    border: 0;
    border-radius: var(--primary-border-radius);
}

.popover-header {
    background-color: var(--primary-card-bg-color);
    font-weight: 400;
    font-family: var(--primary-font-family);
    color: var(--primary-color);
    padding-bottom: 0;
    border-bottom: 0;
    font-size: var(--quinary-font-size);
    border-top-left-radius: var(--primary-border-radius);
    border-top-right-radius: var(--primary-border-radius);
}

.popover-body {
    padding-top: 0;
    font-family: var(--primary-font-family);
    color: var(--primary-color);
    font-size: var(--quinary-font-size);
}

.bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before {
    border-left-color: #fff;
}