.header-primary {
    padding: 8px;
}

.btn-secondary:hover.collapse-plus, .btn-ghost-secondary:hover.collapse-plus {
    svg path {
        stroke: #FFFFFF;
    }
}

.title {
    font-weight: bold;
    white-space: nowrap;
    color: white !important;
    font-size: 1rem;
}

#tabs.theme2 {
    border: none !important;
}

#tblCustInfo {
    border-spacing: 0;
    div {
        padding: 2px 10px;
    }
}

.theme2.project-tabs {
    table.dataTable>tfoot>tr>th, table.dataTable>tfoot>tr>td {
        border-top: none;
    }
    table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
        border-bottom: none;
        text-align: center;
    }

    table {
        font-size: 1em !important;
    }

    .ui-tabs-nav {
        display: flex;
        background: none;
        color: inherit;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid var(--grey-40-borders);
        border-radius: 0;
    }

    .projectName-container {
        width: 100%;
        padding-top: 5px;
        color: #343A40;
        text-wrap: wrap;
    }
}

.theme2.project-tabs, .theme2.installquote {
    .btn-outline-secondary {
        --bs-btn-bg: var(--white);
    }
}

.theme2.project-tabs .odd {
    background-color: #F3F4F8;
}

.theme2.project-tabs .even {
    background-color: #FFFFFF;
}

.theme2 table.altstripe tr:nth-child(even) {
    vertical-align: middle;
}


.theme2 .ck-editor {

    .cke_top {
        background-color: #FFFFFF !important;
        background-image:   none !important;
        border-color: #CBCCCE !important;
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
    }
    .cke_bottom {
        background-color: #FFFFFF !important;
        background-image:   none !important;
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }
    .cke_chrome {
        border-radius: 8px !important;
        border:  1px solid #CBCCCE !important;
        box-shadow: none !important;
    }
    .cke_inner {
        border-radius: 8px !important;
    }
}

.project-notes-dis {

    a {
        color: var(--bs-secondary) !important;
    }

    span {
        color: inherit;
    }
}

a.btn-secondary {
    color: var(--bs-secondary) !important;
}

a.btn-secondary:hover {
    color: var(--white) !important;
}

.theme2 .ui-tabs-tab  {
    display: flex;
    align-items: center;
}

.theme2 .ui-tab {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.dialog-custom-modal {
    border-radius: 16px !important;
    min-width: 600px !important;

    .ui-dialog-titlebar {
        border: none;
        background-color: white;
        color: var(--grey-100);
        font-size: 1.3rem;
        border-radius: 16px;
        padding: .4rem 1rem !important;
        background: none;
    }

    .ui-button .ui-icon  {
        background-image: none !important;
    }


    .styleone {
        font-family: inherit;
        color: var(--grey-100);
    }

    .ui-dialog .ui-dialog-content {
        padding: .4rem 1rem !important;
    }

    .attachment-item:hover {
        background-color: var(--bs-secondary-subtle) !important;
    }

    .ui-button.ui-dialog-titlebar-close {
        border: 0;
        content: '';
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-image: var(--close-icon-secondary);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
        background-color: white;
    }

    .ui-button.ui-dialog-titlebar-close:hover {
        content: '';
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-image: var(--close-icon-secondary-hover);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
        background-color: var(--bs-secondary);
      }
}

td.stripe1 {
    background-color: var(--grey-20-sidebar-disable-inputs) !important;
}

.theme2 .styleone {
    font-family: inherit;
}

#projadmin input, #projadmin select,
#projadmin textarea, #projadmin button {
    font-size: 1em;
}

.theme2 #frmEditBilling .total_cost_input {
    background: none;
    border: 0;
}

.theme2 .serviceProviderTable {
    color: inherit;
    border: 0 !important;
    font-size: 14px !important;
    th, td {
        border: 0 !important;
        text-align: center;
    }

    th {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    tr {
        border: 0 !important;
        vertical-align: middle !important;
    }
}

.collapse-plus  {
    img{
        content: url('data:image/svg+xml,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M%203%2010%20L%2017%2010%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke%3D%27%23f77e23%27%3E%3C/path%3E%3C/svg%3E');
    }
}

.collapse-plus.collapsed{
    img{
        content: url('data:image/svg+xml,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M%203%2010%20L%2017%2010%20M%2010%203%20L%2010%2017%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke%3D%27%23f77e23%27%3E%3C/path%3E%3C/svg%3E') !important;
    }
}

.collapse-plus:hover {
    img {
        filter: brightness(0) invert(1);
    }
}

.theme2 {

    .ag-root-wrapper {
        border-radius: 8px;
        border: solid 1px #DDDEE3;
    }

    .ag-advanced-filter-header, .ag-header {
        background-color: var(--dark-blue-20);
    }

    .ag-cell-value {
        display: flex;
        align-items: center;
    }

    .ag-row, .ag-floating-bottom, .ag-advanced-filter-header, .ag-header {
        border: none;
    }
}

.project-field-label:hover {
    color: var(--bs-secondary) !important;
}

.project-field-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 3px;
}

.project-field-input:checked {
    background-color: var(--bs-primary-dark);
    --bs-border-color: var(--bs-primary-dark) !important;
	--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.project-field-input:checked + label {
    color: var(--bs-primary-dark);
}