/* 
    Created on : 12 nov 2024, 22:44:55
    Author     : Hannibal
*/
[data-bs-theme=dark] {
    --bs-link-color: #5e8d5e;
    --bs-link-hover-color: #6fa66f;
        --bs-link-color-rgb: 94, 141, 94;
    --bs-link-hover-color-rgb: 111, 166, 111;
}

.table {
    --bs-table-striped-bg: #a3a3a31f;
}

table.dataTable {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

#tableTasksHome {
    margin-top: 10px !important;
    margin-bottom: 40px !important;
}

#tableHoursHome {
    margin-top: 10px !important;
    margin-bottom: 40px !important;
}

.btn-modify {
    background: none;
    border: none;
}

.option-columns {
    text-align: right;
}

.index-logo {
    text-align: center;
}

.index-error {
    text-align: center;
    color: #AA4A44;
    font-weight: 600;
}

.phpinfo {
    overflow: auto !important;
}

.phpinfo h1 {
    display: none;
}

.phpinfo h2 {
    display: none;
}

.password-icon {
    font-size: 1.5rem !important;
}

.modal-title {
    color: #FFFFFF;
}

.modal-content .primaery-menu-close {
    color: #FFFFFF;
}

.modal-content {
    border: none;
}

[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection {
    min-height: calc(1.5em + .75rem + 2px);
    padding: 0.5rem !important;
    background-color: transparent !important;
    border: 1px solid #495057;
}

[data-bs-theme=dark] .select2-selection__choice__display {
    color: #FFFFFF !important;
    
}

[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-dropdown {
    background-color: #212529 !important;
    color: #dee2e6 !important;
}

.controlPanel {
    font-size: 40px!important;
   /* color: #dee2e6 !important; */
}

.controlPanelColor {
   /* color: #dee2e6 !important; */
}

.tableRowButton {
    color: #5e8d5e !important;
    font-size: 18px;
}

.tableRowButtonNoColor {
    font-size: 18px !important;
}

.dataTables_length {
    float: left;
    margin-right: 2em;
    margin-top: 4px;
}

.table-responsive {
    overflow-x: hidden;
}

.progress, .progress-stacked {
    --bs-progress-height: 2rem;
}

.paymentTab {
    --bs-progress-height: 1.1rem !important;
}

.dropdown-toggle-split {
    border: 1px solid #6c757d !important;
    color: #FFFFFF;
    background-color: #6c757d !important;
}

tr {
    vertical-align: baseline !important;
}

button.registriesFilterSelected,
a.red {
    color: #FFFFFF !important;
    background-color: #6c757d !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
    right: 3.25rem;
}

 #select-button {
            display: none;
 }
 
 #duplicate-button {
            display: block;
 }
 
 .modalXL {
         --bs-modal-width: 60% !important;
 }
 
 .modalXXL {
         --bs-modal-width: 85% !important;
 }
 
 .modalML {
         --bs-modal-width: 40% !important;
 }
 
.rate {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 1em;
        }
        
.resultRateForm {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 1em;
    margin-left: 20px;
    width: 46%;
}

.displayFlex {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1em;
}

.scorequote {
    margin-top: 0.75rem;
    margin-right: 0.25em;
    font-size: .875em !important;
    color: #6c757d;
}

.scoreQuoteSuccess {
    font-weight: bold !important;
    color: #5e8d5e !important;
}

.dropdownDeselect {
    color: #cacaca;
}

.dropdownDeselect:hover {
    color: #cacaca;
}

.goToLink {
    color: #5e8d5e;
    cursor: pointer;
}

#selectContainer {
    position: relative;
}

#selectContainerDuplicate {
    position: relative;
}

#selectContainerProduct {
    position: relative;
}

#selectOptions {
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #ccc;
    display: none;
    background-color: white;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

#selectOptionsDuplicate {
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #ccc;
    display: none;
    background-color: white;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

#selectOptionsProduct {
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #ccc;
    display: none;
    background-color: white;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

#selectOptions div {
    padding: 8px;
    cursor: pointer;
}

#selectOptionsDuplicate div {
    padding: 8px;
    cursor: pointer;
}

#selectOptionsProduct div {
    padding: 8px;
    cursor: pointer;
}

#selectOptions div:hover {
    background-color: #f0f0f0;
}

#selectOptionsDuplicate div:hover {
    background-color: #f0f0f0;
}

#selectOptionsProduct div:hover {
    background-color: #f0f0f0;
}

.registriesPaymentTab {
    width: 20%;
    float: inline-end;
    margin-right: 2em;
}

.registriesPaymentRow {
    width: 100%;
}

#selectContainer .btn:disabled {
    border-color: transparent;
}

#selectContainerDuplicate .btn:disabled {
    border-color: transparent;
}

#selectContainerProduct .btn:disabled {
    border-color: transparent;
}

.iconFontSize-10 {
    font-size: 10px !important;
}

#tbCustomTask {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.fw100 {
    font-weight: 100 !important;
}

.fw200 {
    font-weight: 200 !important;
}

.fw300 {
    font-weight: 300 !important;
}

.fw400 {
    font-weight: 400 !important;
}

#submit-message {
  color: red;
  font-weight: bold;
  margin-top: 10px;
}

.btn-document-progress {
    padding: 0px;
    width: 100%;
}

.confirmFlagSwitch {
    width: 2.8em !important;
    height: 1.2em !important;
}

.chip {
    width: 100%;
    padding: 0 12px;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    background-color: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    box-shadow: none;
    text-align: end;
}

.registryMarketing {
    background-color: #f6f6f6;
    padding: 20px;
}

.buttons-collection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.buttons-collection:first-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.buttons-collection:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}



.buttons-collection:hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.buttons-collection:onclick {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.buttons-collection:first-child:hover {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.buttons-collection:first-child:onclick {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.buttons-collection:last-child:hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.buttons-collection:last-child:onclick {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.apexcharts-toolbar {
    z-index: 1 !important;
}

.input-group-text {
    border: var(--bs-border-width) solid #6c757d !important;
}

.taskDateFromFilter {
    border: var(--bs-border-width) solid #6c757d !important;
}

.taskDateToFilter {
    border: var(--bs-border-width) solid #6c757d !important;
}

.projectDateFromFilter {
    border: var(--bs-border-width) solid #6c757d !important;
}

.projectDateToFilter {
    border: var(--bs-border-width) solid #6c757d !important;
}

.hourDateFromFilter {
    border: var(--bs-border-width) solid #6c757d !important;
}

.hourDateToFilter {
    border: var(--bs-border-width) solid #6c757d !important;
}

.documentDateFromFilter {
    border: var(--bs-border-width) solid #6c757d !important;
}

.documentDateToFilter {
    border: var(--bs-border-width) solid #6c757d !important;
}

.extimateDateFromFilter {
    border: var(--bs-border-width) solid #6c757d !important;
}

.extimateDateToFilter {
    border: var(--bs-border-width) solid #6c757d !important;
}

.chat-wrapper {
    box-shadow: none !important;
}

.chat-content-rightside .chat-right-msg {
    background-image: none !important;
    background-color: #AAA !important;
}

.chat-content-leftside .chat-left-msg {
    background-image: none !important;
    background-color: #696969 !important;
}

.chat-content {
    padding: 15px 15px 15px 15px !important;
}

.form-telemarketing {
    padding-right: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--bs-border-color-translucent);
}

.form-telemarketing-data {
    padding-right: 20px;
    padding-bottom: 10px;
}

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

.chat-content {
    margin-left: auto !important;
    padding: 85px 15px 15px 15px;
    position: relative;
    width: auto;
    height: 520px;
    overflow-y: scroll !important;
}

.chat-footer {
    position: static !important;
}

.chat-border-left {
    border-left: 1px solid var(--bs-border-color-translucent);
}

.chat-border-top {
    border-top: 1px solid var(--bs-border-color-translucent);
}

.chat-footer {
    border-top: none;
}

.nav-pills .nav-link {
    color: var(--bs-body-color);
    border: 1px solid var(--bs-border-color-translucent);
}

.align-end {
    align-self: end !important;
}


.cardRegistry .tab-pane { display: none !important; }
.cardRegistry .tab-pane.active { display: block !important; }

.cardRegistry table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.dataFieldEvidence {
    border: var(--bs-border-width) solid #000;
}
 
.tableRowDropdown {
   font-size: 12px !important;
 }