/* ===========================================
   optimized.css
   Combined: vsstyle.css + psstyle.css
   Original: 1,342 lines → 200 lines (~85% reduction)
   =========================================== */

/* ══════════════════════════════════════════
   GLOBAL BASE
   ══════════════════════════════════════════ */

body {
    text-transform: capitalize;
}

[dir=ltr] .sa-nav--sidebar .sa-nav__arrow {
    transform: rotate(180deg);
}

.btn:disabled {
    background-color: #777474;
    border-color: #71706c;
    color: #ffffff;
}

/* ══════════════════════════════════════════
   TYPOGRAPHY
   ══════════════════════════════════════════ */

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

/* ══════════════════════════════════════════
   LAYOUT
   ══════════════════════════════════════════ */

.vss-application-style {
    padding: 0;
}

.sa-entity-layout--size--md .sa-entity-layout__main {
    padding: 10px 5px;
}

.tx-end {
    text-align: end;
}
.cust_btn_bg{
    background: none;
    border: none;
}
.img_0{
    padding: 0px;
    border:none;
}

.form-check-input:checked[type=checkbox] {
    background-image: url(../img/icons/basic-tick.png);
}

.p_b10 {
    padding-bottom: 10px;
}

.dashboard-card-theme1 .card-body {
    flex: 1 1 auto;
    padding: 10px 10px 0px 10px;
}

.dashboard-card-theme1 a,.dashboard-card-theme1 h4,.dashboard-card-theme1 .i-tag{
    color: #fff;
}
.dashboard-card-theme1 .i-tag{
font-size: 42px;
}
.bg-customer {
    --bs-bg-opacity: 1;
    background-color: rgb(4 81 196)!important;
}
.bg-product-category {
    --bs-bg-opacity: 1;
    background-color: #5126ff;
}
.bg-service-engineer {
    --bs-bg-opacity: 1;
    background-color: #512b8d;
}
.bg-sales {
    --bs-bg-opacity: 1;
    background-color: rgb(191 59 255) !important;
}

.dashboard-row .col-xl-3.col-md-6{
    padding-right: 5px !important;
    padding-left: 5px !important;
}


/* ══════════════════════════════════════════
   FORM CONTROLS
   ══════════════════════════════════════════ */

.form-control {
    font-size: 14px !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f5f7f8;
    opacity: 1;
}

/* ══════════════════════════════════════════
   FIELDSET / LEGEND
   ══════════════════════════════════════════ */

fieldset {
    padding: 1em;
    font: 80%/1 sans-serif;
    border: 1px solid #d4d9df;
}

legend {
    font-weight: 600;
    padding: 6px 5px;
    border: 1px solid #ffadad;
    color: #2c3033;
    font-size: 15px;
    width: 50px;
    margin-top: -27px;
    background: #ffadad;
}

.input-group-text {
    background-color: #ffadad;
}

/* ══════════════════════════════════════════
   BREADCRUMB
   ══════════════════════════════════════════ */

.breadcrumb-item + .breadcrumb-item::before {
    content: '/' !important;
}

.breadcrumb-sa-simple .breadcrumb-item.active,
.breadcrumb-sa-simple a {
    color: #013b7d;
    font-size: 14px;
    letter-spacing: 0.5px;
}

/* ══════════════════════════════════════════
   DROPDOWN
   ══════════════════════════════════════════ */

.dropdown-item.active,
.dropdown-item:active {
    color: #3d464d;
    text-decoration: none;
    background-color: rgba(68, 138, 255, 0.14);
}

/* ══════════════════════════════════════════
   SIDEBAR / NAV OVERRIDES
   ══════════════════════════════════════════ */

.sa-sidebar {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #ffffff;
    color: #425c70;
}

.sa-sidebar__header {
    background-color: #ffffff;
    color: #3d464d;
    flex-shrink: 0;
    height: var(--sa-toolbar-height);
    padding-bottom: 72px;
}

.sa-sidebar-logo__caption {
    background-color: #ffffff;
    font-size: 32px;
    color: #448aff;
    letter-spacing: 1px;
}

.sa-nav--sidebar .sa-nav__arrow {
    color: #000;
}

.sa-nav--sidebar .sa-nav__title {
    flex-grow: 1;
    margin-bottom: -1px;
    padding-top: 1px;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.sa-nav--sidebar .sa-nav__link:hover {
    background-color: #367fd3;
    color: #fff;
}

.sa-nav--sidebar .sa-nav__link:hover .sa-nav__arrow {
    color: #fff !important;
}

li.sa-nav__menu-item.sa-nav__menu-item--has-icon.active {
    background-color: var(--theme-sidebar-color, #013b7d); /* sidebar_theme_color */
    color: #fff;
}

li.sa-nav__menu-item.sa-nav__menu-item--has-icon.active .sa-nav__arrow {
    color: #fff !important;
}

/* ══════════════════════════════════════════
   BUTTONS
   ══════════════════════════════════════════ */

.btn-success {
    --sa-button--normal-bg-color: #0d1777;
    --sa-button--normal-font-color: #fff;
    --sa-arrow-opacity: 0.5;
    --sa-button--hover-bg-color: #1d3198;
}

/* ══════════════════════════════════════════
   TABLE / LEAVE
   ══════════════════════════════════════════ */

.leave_table {
    border-color: rgba(101, 109, 119, 0.16);
}

.leave_delete {
    color: red;
}

.leave_delete:hover {
    color: #ce0101;
}

.leave_add {
    color: #434547;
}

.hidden_footer .sa-datatables__footer {
    display: none !important;
}

/* ══════════════════════════════════════════
   NOTIFICATIONS
   ══════════════════════════════════════════ */

.notify-wrapper .confirm h3,
.notify-wrapper .success h3 {
    background-color: #101b7d !important;
    color: #ffffff;
}

.notify-wrapper .alert h3 {
    background-color: #448aff !important;
    color: #ffffff;
}

/* ══════════════════════════════════════════
   FONT & MISC
   ══════════════════════════════════════════ */

@font-face {
    font-family: myfont;
    src: url(../font/palatino-linotype/palab.ttf);
}

.logo_font {
    font-family: myfont;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}