:root {
    --cyberblue: #0c5cc4;
    --cyberlighblue:rgba(12, 92, 196, 0.15);
    --cyberwhite: #ffffff;
    --cybericonbg:rgba(12, 92, 196, .3);
    --bluegradient:linear-gradient(90deg, rgba(12,92,196,1) 0%, rgb(11, 91, 196) 35%, rgba(0,212,255,1) 100%); 
    --cyberbtngd:linear-gradient(90deg, rgba(12,92,196,1) 0%,  rgba(0,212,255,1) 100%);
    --cyberbtnhovergd:linear-gradient(90deg,  rgba(0,212,255,1) 0%, rgba(12,92,196,1) 100%);
    --cyberbtnhover:#1675F1; 
    --cyberblack:#222222;
    --cb-star-color: #ef7420;
    --cb-dark-gray: #5A5A5A;
    --bs-primary-rgb: 12, 92, 196;

  }
.headtopbar {
    background: #000;
    color: #fff;
    padding: 8px;
    font-size: 16px;
}
.logo {
    text-align: left;
}
span.logo-lg {
    display: flex;
    align-items: center;
}
span.logo-lg span {
    color: var(--cyberwhite);
    font-size: 20px;
    font-weight: 600;
    margin-left: 0px;
}
/*button#vertical-menu-btn {
    background: var(--cyberblue);
    color: #fff;
    font-size: 30px !important;
}*/
button#vertical-menu-btn {
    background: var(--cyberblue);
    color: var(--cyberwhite);
    font-size: 30px !important;
    border: 2px solid var(
    --cyberblue);
    border-radius: 0;
}
table.table-bordered.dataTable td:last-child a, table.table-bordered.dataTable td:last-child a {
    color: #222;
    font-size: 16px;
    margin-right: 10px;
    padding: 6px;
}
.space-between {
    justify-content: space-between;
}
.bg-violet-soft {
    background: var(--cybericonbg);
}
.bg-violet {
    background: #6126DA;
    color: #ffffff;
}
.text-violet {
    color: var(--cyberblue);
}
.font-size-30 {
    font-size: 30px;
}
.text-mute {
    color: #777;
}
.bg-pink-soft {
    background: rgb(187 74 214 / 30%);
}
.text-pink {
    color: #BB4AD6;
}
.bg-blue-soft {
    background: rgb(0 102 204 / 30%);
}
.text-blue {
    color: #0066CC;
}
.align-center {
    align-items: center;
}
.nav-pills-color a.nav-link {
    font-size: 16px;
    color: #555;
    padding: 0 10px;
}
.nav-pills-color a.nav-link.active {
    color: var(--cyberblue);
}
.card-title {
    font-size: 18px;
    color: #222;
    margin: 0;
}
.apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series, .apexcharts-legend.apx-legend-position-top .apexcharts-legend-series {
    margin: 5px 15px 0 !important;
}
.apexcharts-legend-marker {
    border-radius: 50% !important;
}
#revenueGrowth_box h5 {
    color: #222;
    font-size: 18px;
}
#revenueGrowth_box h5 + small {
    color: #555;
    font-size: 14px;
    font-weight: 400;
}
.verti-timeline .event-list {
    font-size: 14px;
}
.chart-statistics > span {
    padding: 2px 5px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 3px;
}
.table_heading h2 {
    font-size: 18px;
    margin: 8px 0 0;
}
.dataTables_filter {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
}
.dataTables_filter > label {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 3px 35px 3px 15px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 210px;
    margin: 0;
}
.dataTables_filter > label > i {
    position: absolute;
    right: 0;
    width: 35px;
    height: 33px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}
.dataTables_filter > label > input.form-control {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    border: none !important;
    font-size: 12px;
    line-height: 1.4;
}
a.table_head_btn {
    background: var(--cyberblue);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 8px 20px;
    border-radius: 4px;
    transition: 0.3s;
    gap: 8px;
}
a.table_head_btn:hover {
    background:var(--cyberbtnhover);
    color: var(--cyberwhite);
    transition: 0.3s;
}
#datatable-inline_wrapper .row:first-child {
    margin-bottom: 15px;
}
#datatable-inline_wrapper .row:last-child {
    margin-top: 15px;
}
.table th {
    font-weight: 500;
    background: #FAFAFA;
    color: #222;
}

.btn-primary-soft{
    background: var(--cybericonbg);
    color: var(--cyberblue);
    transition: 0.3s;
}
.btn-primary-soft:hover {
    background: var(--cyberblue);
    color: var(--cyberwhite);
    transition: 0.3s;
}
.btn-warning-soft {
    background: rgba(240,153,122,0.3);
    color: #f18058;
    transition: 0.3s;
}
.btn-warning-soft:hover {
    background: #f18058;
    color: #fff;
    transition: 0.3s;
}
.btn-danger-soft {
    background: rgb(236 43 36 / 30%);
    color: #EC2B24;
    transition: 0.3s;
}
.btn-danger-soft:hover {
    background: #EC2B24;
    color: #fff;
    transition: 0.3s;
}
.btn-set {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.profile-card .btn-set a {
    width: 100%;
    padding: 7px 7px;
}
table td:last-child a {
    color: #222;
    font-size: 18px;
    margin-right: 5px;
}
.profile-gallary .col {
    max-width: 20%;
    margin-bottom: 20px;
    width: 100%;
    flex: auto;
}
.profile-gallary .col:nth-child(1), .profile-gallary .col:nth-child(2), .profile-gallary .col:nth-child(3) {
    max-width: 33.33%;
}
.btn-transparent {
    background: transparent;
    color: #222;
    font-weight: 400;
}

.container-fluid > .table_heading, .container-fluid > .table_add_btn {
    display: none;
}
.date-row {
    margin: 10px auto 40px;
    display: flex;
    justify-content: space-around;
}
.date-data {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 5px;
    font-size: 16px;
}
span.date-content {
    font-weight: 600;
    color: #222;
}
.artical-image {
    margin-bottom: 30px;
}
.artical-image img {
    max-width: 100%;
}
thead.hide {
    display: none;
}
.swal2-modal {
    padding: 25px 25px 25px !important;
    width: calc(235px + 120px) !important;
    min-height: auto !important;
}
.swal2-icon {
    position: relative;
}
.swal2-icon {
    position: relative !important;
    background-image: url(../images/delete.png);
    border: none !important;
    color: transparent !important;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto !important;
    background-size: 24px;
    background-color: rgb(236 43 36 / 30%);
    color: #EC2B24;
    margin-bottom: 15px !important;
}
h2.swal2-title {
    color: #0B1018 !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
}
.swal2-content {
    font-size: 14px !important;
    color: #555 !important;
}
hr.swal2-spacer {
    margin: 7px 0 !important;
}
button.swal2-confirm.swal2-styled {
    border-radius: 45px;
    font-size: 14px;
    margin: 0;
    width: 48%;
    border: 2px solid rgb(236 43 36 / 30%) !important;
    padding: 10px 15px;
    margin-right: 2%;
    background-color: rgb(236 43 36 / 30%) !important;
    color: #EC2B24 !important;
}
button.swal2-confirm.swal2-styled:hover {
    color: var(--cyberwhite) !important;
    background: #EC2B24 !important;
    border: 2px solid #EC2B24 !important;
}
button.swal2-cancel.swal2-styled {
    background: var(--cybericonbg) !important;
    color: var(--cyberblue) !important;
    margin: 15px 0 0;
    width: 48%;
    border: 2px solid var(--cybericonbg) !important;
    border-radius: 45px;
    margin-left: 2%;
    font-size: 14px;
    padding: 10px 15px;
}
button.swal2-cancel.swal2-styled:hover {
    color: var(--cyberwhite) !important;
    background: var(--cyberblue) !important;
    border: 2px solid var(--cyberblue) !important;
}
.ticket-details {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 25px;
}
.ticket-content p {
    color: #555;
    padding: 0;
    margin: 10px 0;
}
.ticket-content p:last-child {
    margin-bottom: 0;
}
.ticket-description {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.ticket-description-box {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.ticket-desc-title-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.ticket-icon-box {
    width: 45px;
    height: 45px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.ticket-content-box h4 {
    font-size: 16px;
    margin: 0 0 0px;
    color: #222;
}
.ticket-content-box span.date {
    font-size: 12px;
    color: #555;
}
.ticket-description-box:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.ticket-description-box:last-child .ticket-desc-content-box p:last-child {
    margin-bottom: 0;
}
.border-radius {
    border-radius: 10px;
}

.overflow-hidden {
    overflow: hidden;
}
.ticket-info-row {
    margin-bottom: 20px;
}
.ticket-info-row .ticket-info-title {
    font-size: 16px;
    margin-bottom: 3px;
}
.ticket-info-row .text-violet {
    margin-bottom: 0;
}
.ticket-info-row:last-child {
    margin-bottom: 0;
}
.ticket-info-row .form-control {
    background: #faf4f4;
    border: none;
    margin-top: 5px;
    padding: 10px 15px; 
}
.ticket-info-row a.table_head_btn {
    padding: 12px 15px;
    justify-content: center;
}
.ticket-info-row .tox.tox-tinymce {
    border-color: #ececec !important;
    border-radius: 10px;
}
.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
    line-height: 15px;
    background-color:var(--cyberblue);
}
table.dataTable > tbody > tr.child ul.dtr-details {
    width: 100%;
}
.nav-tabs-custom .nav-item:first-child .nav-link {
    padding-left: 0 !important;
}
a.table_head_btn {
    white-space: nowrap;
}
span.status-text {
    align-items: center;
    display: flex;
}
span.status-text i {
    font-size: 40px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    overflow: hidden;
}

.gap-10 {
    gap: 10px;
}
.profile-card {
    position: relative;
}
.profile-card-status {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

input[switch] + label {
    border: 1px solid #ececec;
}
input[switch] + label:after {
    top: 1px;
}
input[switch]:checked + label {
    background-color: #ffffff;
}
input[switch]:checked + label:after {
    background-color: var(--cyberblue);
}
input[switch]:checked + label:before {
    color: var(--cyberblue);
}
.text-dark {
    --bs-text-opacity: 1;
    color: var(--cyberblack) !important;
}
.profile-card-top {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #ececec;
    padding-top: 15px;
}
.bg-primary-soft {
    background: var(--cyberlighblue);
}
.profile-card-bottom .row {
    --bs-gutter-x: 40px;
}
.justify-center {
    justify-content: center;
}
.bg-danger-soft {
    background: rgb(236 43 36 / 30%);
    color: #EC2B24;
}


.card-header.border-none {
    border-bottom: none;
}
.font-weight-600 {
    font-weight: 600;
}
ul.nav-pills {
    display: inline-block;
}
ul.nav-pills a.nav-link {
    padding: 10px 30px;
    background: #fff;
}
ul.nav-pills li.nav-item {
    margin-right: 5px;
}
.reviews-user-details {
    display: flex;
    align-items: center;
    gap: 20px;
}
.reviews-details {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}

.star-area {
    display: flex;
    gap: 3px;
    font-size: 18px;
    color: #d9d9d9;
    margin-bottom: 0;
}
.star-area .rating-symbol span.mdi.mdi-star.text-primary {
    color: var(--cb-star-color) !important;
}
.star-area  .rating-symbol-background, .star-area .rating-symbol-foreground {
    font-size: 20px;
}
.star-area  .badge {
    display: none !important;
}
.star-area .rated {
    color: var(--cb-star-color);
}

i.bx.bxs-star.text-warning {
    color: var(--cb-star-color) !important;
}


.comment-area p {
    font-size: 14px;
    color: var(--cb-dark-gray);
    margin: 0;
}
.review-card {
    max-height: 465px;
    overflow-y: scroll;
}
.button-group {
    display: flex;
    justify-content: flex-start;
}
.button-group a {
    border: 1px solid #dcdcdc;
    padding: 7px;
    line-height: 0;
    margin: 0px -0.5px !important;
    border-collapse: collapse;
}
.button-group a:first-child {
    border-radius: 4px 0px 0 4px;
}
.button-group a:last-child {
    border-radius: 0px 4px 4px 0px;
}
.long-text {
    display: inline-block;
    width: 300px;
    white-space: normal;
}
.top-head > i {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    margin-bottom: 15px;
}
.top-head > h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}
.top-head > p.msg {
    font-weight: 300;
}
.modal-sm {
    max-width: 350px;
}
.modal-content .text-center.d-flex .btn {
    padding: 10px 15px;
    font-size: 14px;
    width: 48%;
}
.modal-content .text-center.d-flex .btn.btn-danger-soft {
    border: 2px solid rgb(236 43 36 / 30%);
}
.modal-content .text-center.d-flex .btn.btn-primary-soft {
    border: 2px solid var(--cybericonbg);
}
.border-radius .card-header {
    border-radius: 10px 10px 0 0;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color:  var(--cyberwhite);
    background-color: var(--cyberblue);
}
div#datatable-inline_wrapper .row:first-child {
    justify-content: space-between;
}
div#datatable-inline_wrapper .row:first-child > .col-sm-12 {
    max-width: max-content;
}
.top-filter select#status {
    position: relative;
    display: block !important;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto;
    margin: 0 auto;
}
.top-filter {
    display: flex;
    gap: 15px;
}
.app-search .form-control {
    padding-right: 40px;
    padding-left: 20px;
    border-radius: 4px;
}
.app-search span {
    left: auto;
    right: 13px;
}
.gap-6 {
    gap: 6px;
}
.align-start {
    align-items: flex-start;
}
.align-end {
    align-items: flex-end;
}
span.ber-rad {
    padding: 2px 7px;
    border-radius: 3px;
    font-size: 12px;
}
@media only screen and (max-width: 1400px){
.btn-set {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.profile-card .btn-set a {
    padding: 7px 7px;
    font-size: 12px;
    overflow-x: scroll;
    overflow-y: hidden;
}
.dtr-control .d-flex > div {
    white-space: normal;
}
}
@media only screen and (max-width: 1200px){
    .ticket-description {
        margin-bottom: 25px;
    }
}
@media only screen and (max-width: 991px){
    #sidebar-menu a.waves-effect:hover svg {
        color: #fff !important;
    }
    #sidebar-menu a.waves-effect:hover svg path {
        fill: #fff !important;
        color: #fff !important;
        stroke: #fff !important;
    }
body[data-sidebar="dark"] .vertical-menu {
    background-color: var(--cyberblue);
    /* background: linear-gradient(90deg, rgba(97,38,218,1) 0%, rgba(187,74,214,1) 100%); */
}
body[data-sidebar="dark"] #sidebar-menu ul li a svg path {
    color: #fff;
}
body[data-sidebar="dark"] #sidebar-menu ul li a svg path {
    fill: #fff;
    color: #fff;
    stroke: #fff;
}
body[data-sidebar="dark"] .menu-title {
    color: #ffffff;
}
body[data-sidebar="dark"] #sidebar-menu ul li a {
    color: #ffffff;
}
body[data-sidebar="dark"] #sidebar-menu ul li a i {
    color: #ffffff !important;
}
body[data-sidebar="dark"] .mm-active > a i {
    color: #fff !important;
}
body[data-sidebar="dark"] .mm-active > a span {
    color: #fff;
}
body[data-sidebar="dark"] #sidebar-menu ul li a span {
    color: #fff;
}
body[data-sidebar="dark"] ul.metismenu > li.mm-active {
    background-color: transparent;
    background: transparent;
}
body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
    color: #ffffff;
}
.page-title-box h4 {
    font-size: 18px !important;
}
.table_heading h2 {
    font-size: 16px;
}
.dataTables_wrapper  .col-md-6 {
    width: 100% !important;
}
.table_heading {
    margin-bottom: 15px;
}
.dataTables_filter > label {
    width: calc(100% - 170px);
    max-width: inherit;
}
.table_add_btn {
    width: 170px;
    align-items: center;
}
.table_add_btn a.table_head_btn {
    justify-content: center;
    min-width: 170px;
}
.page-title-box {
    padding-bottom: 10px;
}
.nav-tabs-custom {
    margin-top: 0 !important;
}
.nav-tabs-custom .nav-item .nav-link {
    font-size: 16px !important;
    padding: 0.4rem 1.5rem !important;
    white-space: nowrap;
}
.nav-tabs-custom {
    margin-top: 0 !important;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

}
@media only screen and (max-width: 767px){
.page-title-box .breadcrumb {
    display: none;
}
.card-title {
    font-size: 16px;
}
.date-data {
    font-size: 14px;
}
.date-row {
    margin: 0px auto 30px;
}
div.dataTables_wrapper > div.row:nth-child(2) .col-sm-12 {
    overflow-x: scroll;
}
.dtr-control .d-flex > div:nth-child(2) {
    min-width: 200px;
}
}
@media only screen and (max-width: 575px){
    .app-search {
        margin-left: 0.25rem;
    }
    .app-search .form-control {
        padding-right: 32px;
        padding-left: 5px;
    }
    ul.nav.nav-pills-color {
        margin-top: 20px;
        justify-content: space-between;
    }
    .dataTables_filter > label {
        width: calc(100% - 0px);
        max-width: inherit;
    }
    .table_add_btn {
        width: 100%;
        align-items: center;
    }
    div.dataTables_wrapper div.dataTables_filter {
        flex-direction: column;
    }
    .profile-card .btn-set {
        flex-direction: column;
    }
    .profile-gallary .col:nth-child(1), .profile-gallary .col:nth-child(2) {
        max-width: 50%;
    }
    .profile-gallary .col, .profile-gallary .col:nth-child(3) {
        max-width: 33.33%;
    }
}





#sidebar-menu a.waves-effect {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
}
/* #sidebar-menu a.waves-effect.active svg path {
    fill: #0c5cc4;
} */
#sidebar-menu a.waves-effect:hover svg path {
    fill: #0c5cc4;
    color: #0c5cc4;
    stroke: #0c5cc4;
}
#sidebar-menu a.waves-effect:hover svg  {
    color: #0c5cc4;
}
#sidebar-menu ul li a i {
    min-width: auto !important;
}
.btn-group .custom-btn {
    display: flex;
    align-items: center;
    padding: 5px 5px;
}
.btn-group .dropdown-menu {
    padding: 6px;
}
i.bx.bx-cloud-download.me-1 {
    font-size: 22px;
}
.text-mute {
    display: flex;
    align-items: center;
    gap: 3px;
}
.chef-management {
    color: #0c5bc3;
}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a svg {
    width: 24px !important;
    height: 24px !important;
    margin-left: 4px;
}
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a svg path {
    color: #fff;
    fill: #fff;
    stroke: #fff;
}
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
    color: #fff !important;
}
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul li a {
    color: #fff !important;
}
#sidebar-menu ul li a.has-arrow::after {
    position: absolute;
    right: 5px;
}

@media only screen and (max-width: 1024px){
    .profile-card-bottom .col-12 .d-flex {
        flex-wrap: wrap;
    }
}