.collection-points-page-container {
    display: flex;
    flex-flow: row;
}

    .collection-points-page-container .container-map {
        width: 70%;
    }

    .collection-points-page-container .conntainer-points {
        width: 30%;
        display: flex;
        flex-flow: column;
    }

        .collection-points-page-container .conntainer-points .header-lising {
            padding: 10px 10px 10px 30px;
            background-color: #809bbb;
        }

            .collection-points-page-container .conntainer-points .header-lising label {
                font-family: Montserrat;
                font-size: 16px;
                font-weight: 600;
                color: #ffffff;
            }


        .collection-points-page-container .conntainer-points .container-listing {
            display: flex;
            flex-flow: column;
            padding-left: 30px;
            max-height: 510px;
            overflow-y: auto;
            overflow-x: hidden;
            padding-right: 10px;
        }

            .collection-points-page-container .conntainer-points .container-listing .container-point-item {
                display: flex;
                flex-flow: row;
                justify-content: space-between;
                padding-top: 20px;
                padding-bottom: 20px;
                border-bottom: solid 1px #cbd3ea;
            }

                .collection-points-page-container .conntainer-points .container-listing .container-point-item .details-item {
                    display: flex;
                    flex-flow: column;
                }


                    .collection-points-page-container .conntainer-points .container-listing .container-point-item .details-item .item-name {
                        font-family: Montserrat;
                        font-size: 15px;
                        font-weight: 500;
                        font-weight: bold;
                        letter-spacing: -0.4px;
                        color: #1d3e5b;
                        margin-bottom: 5px;
                    }

                    .collection-points-page-container .conntainer-points .container-listing .container-point-item .details-item .item-name-location {
                        font-family: Montserrat;
                        font-size: 15px;
                        font-weight: 500;
                        letter-spacing: -0.4px;
                        color: #1d3e5b;
                        margin-bottom: 5px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        width: 300px;
                    }

                    .collection-points-page-container .conntainer-points .container-listing .container-point-item .details-item .document-name {
                        font-family: Montserrat;
                        font-size: 15px;
                        font-weight: 500;
                        letter-spacing: -0.4px;
                        color: #0c86f1;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        width: 300px;
                    }

        .collection-points-page-container .conntainer-points .actions-item {
            display: flex;
            flex-flow: row;
            align-items: center;
        }

            .collection-points-page-container .conntainer-points .actions-item div:first-child {
                margin-right: 15px;
            }

#SaveCollectionPointModal .modal-dialog {
    top: 80px;
    height: calc(100% - 80px) !important;
    width: 31.5%;
    min-width: 31.5%;
}

#SaveCollectionPointModal .edit-modal {
    top: 170px;
    height: calc(100% - 170px) !important;
}

#SaveCollectionPointModal .button-upload-pdf {
    box-shadow: -2px -2px 10px 0 rgba(255, 255, 255, 0.55), 2px 2px 14px 0 rgba(31, 50, 89, 0.08);
    border: solid 1px #6bc043;
    background-color: #ffffff;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.43px;
    color: #6bc043;
    margin-top: 20px;
    cursor: pointer !important;
}

    #SaveCollectionPointModal .button-upload-pdf:hover {
        background-color: #6bc043;
        color: #ffffff;
    }

.modal-footer > * {
    width: 100%;
}

.modal-footer .buttons .primary-button {
    background-color: #034ea3 !important;
}


.modal-footer [type=button] {
    width: 100%;
}


#SaveCollectionPointModal .modal {
    width: 0px !important;
}


.flyout .container-column #name-pdf {
    color: #0c86f1;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer !important;
}


#SaveCollectionPointModal .legend-location {
    display: flex;
    flex-flow: row;
    margin-top: 20px;
    align-items: center;
}

    #SaveCollectionPointModal .legend-location img {
        margin-right: 7px;
    }

    #SaveCollectionPointModal .legend-location img {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.43px;
        color: #8b99b8;
    }

.collection-points-page-container .conntainer-points .pagination-actions {
    padding-left: 30px;
    margin-top: 20px;
}


.flyout .d-tabs-header > .d-tab {
    padding-bottom: 3px;
    cursor: pointer !important;
}


    .flyout .d-tabs-header > .d-tab[data-d-tab-active="true"] {
        box-shadow: none !important;
        border-bottom: solid 3px #64b649;
        border-top: none !important;
        border-radius: 0px;
    }

.flyout .d-tab-body {
    margin-top: 20px;
}

#CollectionPointDocumentsModal .modal-dialog {
    top: 80px;
    height: calc(100% - 80px) !important;
    max-width: 100%;
}

.collection-point-item-listing .container-document {
    position: relative;
}

.collection-point-item-listing .button-view-arhive {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.430233px;
    color: #6BC043;
    position: absolute;
    right: 0px;
    cursor: pointer !important;
    z-index: 3 !important;
}

.collection-points-page-container .search-filter {
    box-shadow: none;
    background-color: transparent;
    padding: 20px;
    margin-bottom: 0px;
    align-items: end;
    padding-top: 0px;
}

    .collection-points-page-container .search-filter .search-input input {
        border: solid 1px #cbd3ea;
        background-color: transparent;
    }


    .collection-points-page-container .search-filter .search-input {
        margin: 0px;
    }

.collection-points-page-container .filter-actions .button-tertiary {
    background-color: transparent;
    border: solid 1px #cbd3ea;
    padding: 10px 26px;
    border-radius: 4px;
}


.button-tertiary-add-doc {
    background-color: transparent;
    border: solid 1px #cbd3ea;
    padding: 10px 26px;
    border-radius: 4px;
    margin-left: 15px;
}


.user-type-container .email-list-container {
    width: 100%;
}

    .user-type-container .email-list-container .entry-title {
        font-weight: 500;
    }

    .user-type-container .email-list-container .email-input {
        border: solid 1px #d9d5c9;
    }

    .user-type-container .email-list-container .email-list {
        border-radius: 4px;
        background-color: #edf0f5;
        display: flex;
        flex-flow: wrap;
        padding: 8px;
        min-height: 44px;
        padding-bottom: 3px;
    }

    .user-type-container .email-list-container .email {
        display: flex;
        border-radius: 4px;
        background-color: #858dd5;
        height: 28px;
        padding: 5px;
        justify-content: space-between;
        align-items: center;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .user-type-container .email-list-container .email-text {
        font-family: BaseFont-Regular;
        font-size: 10px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0px;
        text-align: justify;
        color: #ffffff;
        margin-right: 5px;
    }

    .user-type-container .email-list-container .remove-email {
        color: #ffffff;
        font-size: 20px;
    }