:root {
    --placeholder-color: #6c757d;
    --dp-primary-color: #8cc63f;
    --dp-hoverprimary-color: #6cba07;
    --dp-secondary-color: #eff7e4;
    --dp-tertiary-color-1: #b1d0ac;
    --dp-tertiary-color-2: #e5f7e9;
    --dp-success-color: #4CAF50;
    --dp-danger-color: #FF5722;
    --dp-warning-color: #FFC107;
    --dp-dark-color: #333333;
    --dp-master_icon-color: #0f3154;
}

* {
    font-family: 'Poppins',FontAwesome !important;
    font-size: 12px;
}
label {
    font-weight: bold;
}
input, select, textarea {
    font-size: 12px ; 
}
h1,h2,h3,h4,h5,h6{
    font-weight:bold;
}
.form-control {
    font-size: 12px !important;
}


.dp-bg-primary {
    background-color: var(--dp-primary-color);
}
.dp-bg-secondary{
    background-color: var(--dp-secondary-color);
}
.dp-bg-tertiary-1{
    background-color: var(--dp-tertiary-color-1);
}
.dp-bg-tertiary-2{
    background-color: var(--dp-tertiary-color-2);
}

.dp-txt-primary{
    color: var(--dp-primary-color);
}
.dp-txt-secondary{
   color: var(--dp-secondary-color);
}
.dp-txt-tertiary-1{
    color: var(--dp-tertiary-color-1);
}
.dp-txt-tertiary-2{
    color: var(--dp-tertiary-color-2);
}

.dp-btn-primary {
    --bs-btn-color:var(--dp-secondary-color);
    --bs-btn-bg:var(--dp-primary-color);
    --bs-btn-border-color: var(--dp-primary-color);
    --bs-btn-hover-color: var(--dp-secondary-color);
    --bs-btn-hover-bg: var(--dp-hoverprimary-color);
    --bs-btn-hover-border-color:var(--dp-hoverprimary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--dp-secondary-color);
    --bs-btn-active-bg:var(--dp-primary-color);
    --bs-btn-active-border-color: var(--dp-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:var(--dp-secondary-color);
    --bs-btn-disabled-bg: var(--dp-primary-color);
    --bs-btn-disabled-border-color: var(--dp-primary-color);
  }

/* Autocomplete UI */
.ui-autocomplete .ui-menu-item {
    font-family: Arial, Helvetica, sans-serif;
    background-color: lightgray;
}

  .ui-menu-item-wrapper.ui-state-active {
      background: var(--dp-primary-color) !important;
      font-weight: bold !important;
      color: #ffffff !important;
      border-color: white !important;
  }
  /* Date Picker UI */
.ui-datepicker-calendar a {
    color: black !important;
    background-color: white !important;
    border-color: black !important;
}

.ui-datepicker-current-day .ui-state-active {
    background: var(--dp-primary-color) !important;
    color: white !important;
    border-color: black !important;
    font-weight: bold;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    color: var(--dp-primary-color) !important;
    font-weight: bold;
}


#tblWorkflowList > tbody > tr > td > a {
    color: darkblue !important;
}

.card-body > h3{
    font-size:14px;
}

input[readonly], textarea[readonly] {
    background-color: #f6f6f6 !important;
}



.tooltipRight {
    position: relative;
    display: inline-block;
}
.tooltipRight .tooltiptextRight {
    visibility: hidden;
    width: 100px;
    background-color: #415F7C;
    color: #fff;
    font-size: 11px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 150%;
}

.tooltipRight:hover .tooltiptextRight {
    visibility: visible;
    opacity: 1;
}


.tooltipLeft {
    position: relative;
    display: inline-block;
}
.tooltipLeft .tooltiptextLeft {
    visibility: hidden;
    width: 90px;
    background-color: #415F7C;
    color: #fff;
    font-size: 11px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 150%;
}

.tooltipLeft:hover .tooltiptextLeft {
    visibility: visible;
    opacity: 1;
}



.truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px; /* Adjust as per your table cell width */
    display: inline-block;
}
/*button Colors*/

/*.dp_btn_create {
    background: #8cc63f;
    color:white;
}
.dp_btn_save {
    background: #8cc63f;
    color: white;
}
.dp_btn_update {
    background: #8cc63f;
    color: white;
}
.dp_btn_edit {
    background: #73C2E6;
    color: white;
}
.dp_btn_upload {
    background: #17A2B8;
    color: white;
}
.dp_btn_submit {
    background: #8cc63f;
    color: white;
}
.dp_btn_active {
    background: #00B050;
    color: white;
}
.dp_btn_deactive {
    background: #BF0D3E;
    color: white;
}
.dp_btn_close {
    background: #A6A6A6;
    color: white;
}
.dp_btn_fetch {
    background: #8cc63f;
    color: white;
}
.dp_btn_reset {
    background: #BF0D3E;
    color: white;
}
.dp_btn_addnew {
    background: #17A2B8;
    color: white;
}
.dp_btn_back {
    background: #A6A6A6;
    color: white;
}

.dp_btn_validate {
    background: #FFFF99;
    color: white;
}
.dp_btn_display {
    background: #FF99FF;
    color: white;
}*/


/* Common Button Style */
.dp_btn_common {
    color: white;
    transition: background-color 0.3s ease; /* Smooth transition effect */
}

/* Specific Button Backgrounds and Hover */
.dp_btn_create, .dp_btn_save, .dp_btn_update, .dp_btn_submit, .dp_btn_fetch {
    background: #8cc63f;
}

    .dp_btn_create:hover, .dp_btn_save:hover, .dp_btn_update:hover,
    .dp_btn_submit:hover, .dp_btn_fetch:hover {
        background: #8cc63f;
        color: white;
    }

    .dp_btn_create:disabled, .dp_btn_save:disabled, .dp_btn_update:disabled,
    .dp_btn_submit:disabled, .dp_btn_fetch:disabled {
        background: #8cc63f;
        opacity: 0.6;
        cursor: not-allowed;
    }

.dp_btn_edit {
    background: #73C2E6;
}

    .dp_btn_edit:hover {
        background: #73C2E6;
        color: white;
    }

    .dp_btn_edit:disabled {
        background: #73C2E6;
        opacity: 0.6;
        cursor: not-allowed;
    }

.dp_btn_upload, .dp_btn_addnew, .dp_btn_draft {
    background: #17A2B8;
}

    .dp_btn_upload:hover, .dp_btn_addnew:hover, .dp_btn_draft:hover {
        background: #17A2B8;
        color: white;
    }

    .dp_btn_upload:disabled, .dp_btn_addnew:disabled, .dp_btn_draft:disabled {
        background: #17A2B8;
        opacity: 0.6;
        cursor: not-allowed;
    }

.dp_btn_active {
    background: #00B050;
}

    .dp_btn_active:hover {
        background: #00B050;
        color: white;
    }

    .dp_btn_active:disabled {
        background: #00B050;
        opacity: 0.6;
        cursor: not-allowed;
    }

.dp_btn_deactive, .dp_btn_reset {
    background: #BF0D3E;
}

    .dp_btn_deactive:hover, .dp_btn_reset:hover {
        background: #BF0D3E;
        color: white;
    }

    .dp_btn_deactive:disabled, .dp_btn_reset:disabled {
        background: #BF0D3E;
        opacity: 0.6;
        cursor: not-allowed;
    }

.dp_btn_close, .dp_btn_back {
    background: #A6A6A6;
}

    .dp_btn_close:hover, .dp_btn_back:hover {
        background: #A6A6A6;
        color: white;
    }

    .dp_btn_close:disabled, .dp_btn_back:disabled {
        background: #A6A6A6;
        opacity: 0.6;
        cursor: not-allowed;
    }

.dp_btn_validate {
    background: #FFFF99;
}

    .dp_btn_validate:hover {
        background: #FFFF99;
        color: white;
    }

    .dp_btn_validate:disabled {
        background: #FFFF99;
        opacity: 0.6;
        cursor: not-allowed;
    }

.dp_btn_display, .dp_btn_status {
    background: #9966FF;
}

    .dp_btn_display:hover {
        background: #9966FF;
        color: white;
    }

    .dp_btn_display:disabled {
        background: #9966FF;
        opacity: 0.6;
        cursor: not-allowed;
    }

.dp_btn_tracking {
    background: #FFC000;
}

    .dp_btn_tracking:hover {
        background: #FFC000;
        color: white;
    }

    .dp_btn_tracking:disabled {
        background: #FFC000;
        opacity: 0.6;
        cursor: not-allowed;
    }

/* Applying Common Styles */
.dp_btn_create, .dp_btn_save, .dp_btn_update, .dp_btn_submit, .dp_btn_fetch,
.dp_btn_edit, .dp_btn_upload, .dp_btn_active, .dp_btn_deactive,
.dp_btn_close, .dp_btn_reset, .dp_btn_addnew, .dp_btn_back, .dp_btn_draft, .dp_btn_tracking, .dp_btn_status,
.dp_btn_validate, .dp_btn_display {
    color: white; /* Common style */
    transition: background-color 0.3s ease; /* Smooth transition */
}

.master-icon-color {
    color: var(--dp-master_icon-color);
}