﻿.edit-popout .form-flex-col {
    width: 100%;
    /*height: 100%;*/
    min-height: 100%;
    display: flex;
    flex-direction: column;
    /*padding: 20px 0;*/
}

    .edit-popout .form-flex-col .form-group {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 15px;
        background: none;
        flex: none;
    }

        .edit-popout .form-flex-col .form-group .svg-container,
        .edit-popout .form-flex-col .form-group .img.ident {
            width: 50px;
            height: 50px;
            flex: 0 0 auto;
            border-radius: 50%;
            background-color: #00207a;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }

        .edit-popout .form-flex-col .form-group .img {
            width: 50px;
            height: 50px;
            background: #00207a;
            object-fit: cover;
        }

            .edit-popout .form-flex-col .form-group .img.img-circle {
                border-radius: 50%;
            }

            .edit-popout .form-flex-col .form-group .img.svg {
                width: 30px;
                height: 30px;
                margin: auto;
                background: none;
                object-fit: contain;
                filter: invert(100%);
            }

                .edit-popout .form-flex-col .form-group .img.svg.replaced-svg {
                    fill: #fff;
                    filter: none;
                }

        .edit-popout .form-flex-col .form-group:first-of-type h4 {
            margin-top: auto;
            margin-bottom: auto;
            margin-right: auto;
        }

        .edit-popout .form-flex-col .form-group.selectSidebar {
            height: 60px;
            display: flex;
            flex-direction: row;
            align-items: center;
            border-bottom: 1px solid #707070;
            transition: 0.3s;
            cursor: pointer;
        }

            .edit-popout .form-flex-col .form-group.selectSidebar.disabled {
                cursor: auto;
            }

/*.edit-popout .form-flex-col .form-group.selectSidebar .img.stackImg,
            .edit-popout .form-flex-col .form-group.selectSidebar .svg-container.stackImg {
                width: 16.67px;
                height: 16.67px;
                margin-right: 0;
                margin-left: -6.75px;
            }

                .edit-popout .form-flex-col .form-group.selectSidebar .svg-container.stackImg .img.svg{
                    width: 10px;
                    height: 10px;
                }

                .edit-popout .form-flex-col .form-group.selectSidebar .stackImg:first-of-type {
                    margin-left: 16px;
                }*/

.edit-popout .form-group input[type=button] {
    margin-left: 10px;
    min-width: 70px;
    height: 30px;
    border-radius: 2px;
    border: 0.5px solid #b4b4b4;
    background-color: #fff;
    padding: 6px 0;
    text-align: center;
    font-size: 14px;
    color: #00207a;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.16);
    transition: 0.3s;
    cursor: pointer;
}

    .edit-popout .form-group input[type=button].delete {
        margin-left: 0;
        background-color: #d80000;
        color: #fff;
    }

.edit-popout .form-group.first {
    margin-bottom: 54.5px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

/*.edit-popout .form-group.first .img,
    .edit-popout .form-group.flex-row .img {
        background-color: #00207a;
        margin-right: 8.5px;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: none;
        box-shadow: 2px 3px 6px rgba(0,0,0,0.16);
        object-fit: cover;
    }*/

.edit-popout .form-group .img.ident text {
    flex: 1;
    align-content: center;
    text-align: center;
    color: #fff;
}

.edit-popout .form-group .img.ident .svg-filter {
    width: 20px;
    height: 20px;
    max-width: 100%;
    max-height: 100%;
    background: none;
    border-radius: 0;
    filter: invert(100%);
    margin: auto;
    box-shadow: none;
    object-fit: contain;
}

.edit-popout .form-group.first input[type=text] {
    flex: 1 1 auto;
    font-size: 16px;
    color: #00207a;
}

.edit-popout .form-group.first input[type=button] {
    margin-left: 10px;
    min-width: 70px;
    height: 30px;
    border-radius: 2px;
    border: 0.5px solid #b4b4b4;
    background-color: #ececec;
    padding: 6px 0;
    text-align: center;
    font-size: 14px;
    color: #434343;
    box-shadow: none;
    transition: 0.3s;
    cursor: auto;
}

    .edit-popout .form-group.first input[type=button].first {
        margin-left: 44px;
    }

    .edit-popout .form-group.first input[type=button].enabled {
        background-color: #fff;
        color: #00207a;
        box-shadow: 0px 1px 1px rgba(0,0,0,0.16);
        cursor: pointer;
    }

        .edit-popout .form-group.first input[type=button].enabled.button-blue {
            background-color: #3b6fff;
            color: #fff;
        }

.edit-popout .form-group label {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: 500;
    color: #00207a;
}

.edit-popout .form-group input {
    font-family: roboto-light;
}

    .edit-popout .form-group input[type=text],
    .edit-popout .form-group input[type=number],
    .edit-popout .form-group select,
    .edit-popout .form-group textarea {
        width: 100%;
        height: 30px;
        border-radius: 5px;
        border: 0.5px solid #b4b4b4;
        background-color: #fff !important;
        text-align: left;
        box-shadow: 0px 1px 1px rgba(0,0,0,0.16);
    }

    .edit-popout .form-group input[type=text],
    .edit-popout .form-group input[type=number],
    .edit-popout .form-group textarea {
        padding: 6px 12px;
        font-size: 14px;
        color: #00207a;
    }

.edit-popout .form-group textarea {
    height: 80px;
}

.edit-popout .form-group select {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    color: #003bdd;
}

    .edit-popout .form-group input[type=text][disabled],
    .edit-popout .form-group input[type=number][disabled],
    .edit-popout .form-group select[disabled] {
        background-color: #ececec !important;
        color: #434343;
        box-shadow: none;
    }

.edit-popout .form-group.last {
    align-content: flex-end;
    margin-top: auto;
    margin-bottom: 0;
    padding: 0 13px;
    display: flex;
    flex-direction: row;
}

    .edit-popout .form-group.last span {
        align-content: flex-end;
        font-family: roboto-light;
        font-size: 14px;
        color: #434343;
    }

    .edit-popout .form-group.last a {
        align-content: flex-end;
        margin: 54.4px 0 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-family: roboto-light;
        font-size: 14px;
        text-decoration: none;
        color: #434343;
        cursor: pointer;
    }

        .edit-popout .form-group.last a:hover {
            color: #d80000;
        }

        .edit-popout .form-group.last a text {
            margin-left: 25px;
        }



.edit-popout #btnSelectIconToggle {
    margin: 0;
    min-width: 99px;
    height: 30px;
    border-radius: 3px;
    border: none;
    background-color: #002fb0;
    font-family: roboto-light;
    font-size: 14px;
    color: #fff;
    flex: 0;
    transition: 0.3s;
}

    .edit-popout #btnSelectIconToggle:hover {
        background-color: #3B6FFF;
        color: #fff;
    }

.edit-popout #select-item-edit {
    flex: 0 0 auto;
    margin-top: 8px;
    width: 100%;
    height: auto;
    max-height: 0;
    transition: 0.3s;
    overflow: hidden;
}

    .edit-popout #select-item-edit ul {
        margin: 0;
        padding: 5px;
        width: 100%;
        max-height: 0;
        border: 0.5px solid rgba(0, 32, 122, 0.4);
        border-radius: 2px;
        display: flex;
        flex-wrap: wrap;
        float: left;
        overflow-y: scroll;
        transition: 0.3s;
    }

        .edit-popout #select-item-edit ul li {
            margin: 5px;
            width: 45px;
            height: 45px;
            cursor: pointer;
            list-style-type: none;
        }

            .edit-popout #select-item-edit ul li .img {
                width: 45px;
                height: 45px;
            }

            .edit-popout #select-item-edit ul li.svg-container {
                background-color: #00207a;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .edit-popout #select-item-edit ul li.svg-container .img.svg {
                    width: 27px;
                    height: 27px;
                }

    .edit-popout #select-item-edit.dropdown-open,
    .edit-popout #select-item-edit.dropdown-open ul {
        max-height: 114px;
    }

.edit-popout .form-flex-col .form-group.selectSidebar.selected,
.edit-popout .form-flex-col .form-group.selectSidebar:not(.disabled):hover {
    margin-left: 0;
    margin-right: 0;
    background: #dee7ff;
    padding: 0 20px;
}

.edit-popout .form-flex-col .form-group.selectSidebar text {
    padding-left: 16px;
    font-family: roboto-light;
    font-size: 12px;
    color: #003bdd;
}

.edit-popout .form-flex-col .form-group.selectSidebar i.arrow {
    width: 15.5px;
    height: 15.5px;
    border-width: 1.55px;
}

.edit-popout .form-group .svg-container,
.edit-popout .form-group .img-circle,
.edit-popout .form-group .img.ident {
    cursor: auto;
    margin-right: 8.5px;
}

.edit-popout .action-item {
    width: 100%;
    height: 60px;
    border: 0.5px solid #b4b4b4;
    border-radius: 5px;
    background-color: #fff;
    padding: 13px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    transition: 0.3s;
}

    .edit-popout .action-item .svg {
        width: 35px;
        height: 35px;
        flex: 0 0 auto;
        filter: invert(10%) sepia(95%) saturate(4029%) hue-rotate(221deg) brightness(105%) contrast(114%);
    }

        .edit-popout .action-item .svg:not(:last-child) {
            margin-right: 10px;
        }

        .edit-popout .action-item .svg.replaced-svg {
            fill: #002fb0;
            filter: none;
        }

    .edit-popout .action-item img,
    .edit-popout .action-item .svg-container {
        width: 35px;
        height: 35px;
        flex: 0 0 auto;
        border-radius: 50%;
        box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.16);
        background-color: #00207a;
        object-fit: cover;
    }

        .edit-popout .action-item img:not(:last-child),
        .edit-popout .action-item .svg-container:not(:last-child) {
            margin-right: 10px;
        }

    .edit-popout .action-item .svg-container {
        display: flex;
        align-content: center;
        justify-content: center;
    }

        .edit-popout .action-item .svg-container .svg {
            margin: auto;
            width: 21px;
            height: 21px;
            flex: 0 0 auto;
            object-fit: contain;
            filter: invert(100%);
        }

            .edit-popout .action-item .svg-container .svg.replaced-svg {
                fill: #fff;
                filter: none;
            }

    .edit-popout .action-item h4 {
        font-family: roboto-light;
        font-size: 14px;
        color: #434343;
        margin: 0;
    }

    .edit-popout .action-item text {
        font-family: roboto-light;
        font-size: 12px;
        color: #3b6fff;
    }

    .edit-popout .action-item .settings-icon-container {
        margin-left: auto;
        width: 35px;
        height: 35px;
        flex: 0 0 auto;
        border-left: 1px solid #ddd;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        .edit-popout .action-item .settings-icon-container .settings-icon {
            width: 15px;
            height: 15px;
            flex: 0 0 auto;
            margin-right: 7px;
            cursor: pointer;
        }

        .edit-popout .action-item .settings-icon-container .close-icon {
            width: 10px;
            height: 10px;
            flex: 0 0 auto;
            margin-right: 9.5px;
            fill: #d80000;
            cursor: pointer;
        }

        .edit-popout .action-item .settings-icon-container.no-margin {
            margin-left: 0;
        }

        .edit-popout .action-item .settings-icon-container:not(:last-child) {
            width: 41px;
            justify-content: center;
        }

            .edit-popout .action-item .settings-icon-container:not(:last-child) .settings-icon,
            .edit-popout .action-item .settings-icon-container:not(:last-child) .close-icon {
                margin-right: 0;
            }

    .edit-popout .action-item:hover {
        background: #edf6ff;
    }
