/*Write your custom css in this file.*/
.pdf-creator-modal-blocks {
    text-align: center;
    margin: 20px;
}

.pdf-creator-modal-blocks .btn {
    color: #fff;
    background-color: #000;
}

.pdf-creator-modal-blocks .btn:hover {
    background-color: #feeb14;
    color: #000;
}

#pdf-creator-modal-hidden-buttons,
.pdf-creator-modal-hidden-search,
.pdf-creator-modal-hidden-item-form,
.pdf-creator-modal-hidden-service-form {
    display: none;
}

#pdf-creator-modal-table-item {
    width: 100%;
}

#pdf-creator-modal-table-item input,
#pdf-creator-modal-table-item select {
    width: 100%;
}

#pdf-creator-modal-table-item tr:nth-of-type(1) td:nth-of-type(1) {
    width: 10%;
}

#pdf-creator-modal-table-item tr:nth-of-type(1) td:nth-of-type(2) {
    width: 20%;
}

#estimate-item-form #product_image,
#estimate-service-form #service_image,
#search-item-form #search_image {
    display: none;
}

#estimate-item-form #label_product_image {
    cursor: pointer;
}

.kanban-item .avatar {
    float: right;
}

#project-overview-section .card-header {
    background-color: #000;
}

#project-overview-section .card-header h6 {
    font-style: italic;
    color: #c8c8c8;
}

#project-overview-section .card-header .btn-outline-light {
    color: #fff !important;
}

#project-overview-section .card-header .btn-outline-light:hover,
#project-overview-section .card-header .btn-outline-light:active {
    color: #000 !important;
}

#open-tasks-container,
#my-clients-container {
    color: #747474;
}

.member-card-footer {
    background-color: #c8c8c8;
}

.yellow-button {
    background-color: #feeb14;
}

#map {
    height: 60vh;
    width: 100%;
}

.circle-border {
    aspect-ratio : 1 / 1;
    border: 5px solid #feeb14;
    border-radius: 50%;
    text-align: center;
    padding-top: 25%;
}

.grey-circle {
    border-color: #747474;
}

.blue-circle {
    border-color: #6690F4;
}

.red-circle {
    border-color: #f5325c;
}

.orange-circle {
    border-color: #ffc107;
}

.green-circle {
    border-color: #83c340;
}

.statistics-text {
    padding-top: 5%;
}

.blue-text {
    color: #6690F4;
}

.red-text {
    color: #f5325c;
}

.orange-text {
    color: #ffc107;
}

.green-text {
    color: #83c340;
}

.date-select {
    padding: 0;
    text-align: right;
}

.w35p{
    width:35%;
}

.w40p{
    width:40%;
}

.filter-multi-select .dropdown-menu {
    max-height: 250px;
    overflow: scroll;
}

#projected_ca {
    text-align: center;
    margin-bottom: 20px;
}

#projected_ca th,
#projected_ca td {
    border: 1px solid #4e5e6a;
}

#no_dispatch_date {
    color: red;
    font-weight: bold;
}

.ca-title-bold {
    font-weight: bold;
}

#estimates-terms-button {
    position: absolute;
    right: 0;
}

.map-caption {
    height: 80px;
}

@media all and (min-width: 991px) {
    .phone-hidden {
        display: none;
    }
}

@media all and (max-width: 990px) {
    #client-table .child,
    #contact-table .child {
        white-space: unset;
    }
}

@media all and (max-width: 500px) {
    .scrollable-tabs {
        flex-wrap: wrap;
        width: auto;
        height: auto;
    }

    #contact-name-phone {
        margin-left: 10px;
    }

    #primary-contact-badge {
        display: none;
    }

    #primary-contact-block > * {
        width: unset;
    }

    #project-table .dtr-control > a,
    #lead-table_wrapper #lead-table .dtr-control > a,
    #actions-table .dtr-control div,
    #actions-table .dtr-control span,
    #client-groups-table .dtr-control span,
    #estimate-table .dtr-control a,
    #milestone-table .dtr-control div,
    #projects-bin-table .dtr-control a,
    #item-table .dtr-control img,
    #gpo-item-table .dtr-control span,
    #monthly-estimate-table .dtr-control a,
    #yearly-estimate-table .dtr-control a,
    #estimate-item-table .dtr-control div,
    #estimate-file-permanent-table .dtr-control svg,
    #estimate-file-table .dtr-control svg,
    #rdv-table .dtr-control div {
        margin-left: 10px;
    }

    #note-table_wrapper #note-table .dtr-control {
        padding-left: 25px !important;
    }

    .kanban-col {
        width: 92.5% !important;
        margin: 15px;
    }

    .kanban-item {
        width: 100% !important;
    }

    #task-dropzone footer button {
        float: unset !important;
        margin: 5px;
    }

    #project-table_wrapper .navbar-collapse {
        overflow-y: unset;
    }

    #site-client-contacts-table td {
        white-space: normal;
    }

    #site-client-contacts-table .d-flex {
        display: block !important;
    }

    #site-client-contacts-table .p-2 {
        width: 100% !important;
    }

    #site-project-table td.dtr-control:before {
        display: none;
    }

    #site-project-form #s2id_project_id,
    #site-member-form #s2id_user_id,
    #project-member-form #s2id_user_id{
        width: 100%;
    }

    .btn.btn-outline-light.float-end.add-member-button.yellow-button {
        padding: 0.375rem 0.75rem !important;
    }

    #item_search_table .titles {
        width: 70% !important;
    }

    #item_search_table .rates {
        width: 30% !important;
    }

    ul#kanban-container {
        width: 100% !important;
    }

    #download-pdf {
        display: none;
    }

    #projected_ca thead,
    #projected_ca tbody {
        width: 50%;
        display: inline-block;
    }

    #projected_ca th,
    #projected_ca td {
        width: 100%;
        display: inline-block;
    }

    tr.child ul.dtr-details > li {
        display: block;
    }

    .dtr-data {
        text-align: left;
        white-space: pre-wrap;
    }

    .dtr-title svg {
        display: none;
    }

    li.option,
    li.option span {
        padding: 0 !important;
    }

    .header-style td {
        display: inline-block;
        max-width: 100%;
    }

    tr.invoice-preview-header-row td.invoice-info-container {
        width: 100% !important;
    }

    #estimate-total-section tr td {
        text-align: left;
        display: block;

    }


    #estimate-total-section tr td:nth-of-type(1) {
        text-align: left;
        display: block;
        max-width: 50%;
    }

    page[size="A4"] {
        zoom: 50%;
    }

    #item_prices_table h4 {
        font-size: 12px;
    }

    .map-caption {
        height: initial;
    }
}