.edit-items-container {
    display: flex;
    flex-flow:row;
    max-height:80%;
}

.items-container {
    flex: 1;
    width: 50%;
    height:100%;
    border-radius: 0px 10px 10px 0px;
    background-color:white;
    padding-bottom:10px;
}

.sel-item-container {
    border-color: lightgray;
    background: lightgrey;
    border-radius: 0px 10px 10px 0px;
    width: 50%;
    height: 36rem;
    margin-top: 12px;
    margin-bottom: 12px;
}

@media(max-width:720px){
    .edit-items-container {
        display: flex;
        flex-flow: column;
    }
    .items-container {
        flex: 1;
        width: 100%;
        height: 100%;
        border-radius: 0px 0px 10px 10px;
        background-color: white;
        padding-bottom: 10px;
    }
    .sel-item-container {
        border-color: lightgray;
        background: lightgray;
        border-radius: 0px 0px 10px 10px;
        width: 96%;
        height: 36rem;
        margin-left: 12px;
        margin-right: 12px;
        margin-top: 0px;
    }
}

.edit-items-container .e-lib.e-grid .e-groupcaption,
.e-lib.e-grid .e-indentcell,
.e-lib.e-grid .e-recordplusexpand,
.e-lib.e-grid .e-recordpluscollapse {
    background-color: var(--grid-group-header-color-items);
    color: #495057;
}

.details-items {
    margin: 8px;
    display: flex;
    justify-content: flex-end !important;
}

    .details-items > * {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 90%;
    }

.edit-items-container.e-grid .e-toolbar .e-tbar-btn .e-icons,
.e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn {
    background: #d1d3d4;
    color: white;
}
.edit-items-container .e-grid .e-toolbar .e-tbar-btn .e-icons,
.edit-items-container .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn {
    background: #1B65A7;
    color: white;
    border-radius: 3px;
    padding: 5px;
}

    .edit-items-container .e-grid .e-toolbar .e-tbar-btn .e-icons:hover,
    .edit-items-container .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover {
        background: #3A97DE;
    }

    .edit-items-container .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text{
        color:white;
    }

    .e-grid .e-toolbar .e-tbar-btn .e-icons {
        background: none;
    }

.edit-items-container .e-tab .e-tab-header {
    /*background: #FFFFFF !important;*/
    border-bottom: 2px solid #1B65A7;
    display: flex;
    justify-content: end;
    align-items: end;
    align-self: end;
}
    .edit-items-container .e-tab-header:not(.e-vertical)::before {
        border-width: 0px 0 0px;
    }

    .edit-items-container .e-tab-header .e-toolbar-item {
        border-width: 1px 1px 0px 0px;
        border-style: solid;
        border-radius: 8px 8px 0px 0px;
        background: white;
    }

.edit-items-container .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
    text-decoration: underline;
    color:blue;
}

.edit-items-container .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
    color: blue;
}

.edit-items-container .e-tab-header .e-toolbar-item.e-active {
    background: #1B65A7;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    border-radius: 8px 8px 0px 0px;
    color: white;
    margin: 0;
    border-width: 0 !important;
}

.edit-items-container .e-tab .e-tab-header .e-toolbar-item:hover {
    background: #F1F1F1;
    border-width: 1px 1px 0px 0px !important;
    border-radius: 8px 8px 0px 0px !important;
}

.edit-items-container .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
    color: blue !important;
}

.edit-items-container .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    color: blue !important;
}
.edit-items-container .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:hover {
    color: blue !important;
}

.edit-items-container .e-tab .e-tab-header .e-toolbar-items {
    border-radius: 20px;
    justify-content: end;
    align-items: end;
    align-self: end;
}

.edit-items-container .e-tab .e-content {
    padding: 10px;
    overflow-y: auto;
    scrollbar-width:none;
    overflow-x: auto;
}

.edit-items-container .container-item {
    background-color: white;
    padding: 15px;
    overflow: auto;
    overflow-y: auto;
    max-height: 28rem;
    min-height: 28rem;
}

.edit-items-container .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text {
    color: white;
}

.edit-items-container .section-tabs .nav-tabs {
    background-color: lightgray;
}

.edit-items-container .e-grid {
    border-width:0;
    border-right-color: #d3d3d3;
}

.edit-items-container .e-grid td.e-active {
    background-color: #d3d3d3;
}

    .edit-items-container .e-grid .e-altrow {
        background-color: #ffffff
    }

.items-container .e-grid .treegrid-level-0 {
    background-color: #f0f0f0;
    color: white;
}

    .items-container .e-grid .treegrid-level-0.e-altrow {
        background-color: #f0f0f0;
        color: white;
    }


.form-label-table {
    margin-top:5px;
    margin-bottom: 0px;
}

.combo-pck-cov {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom:10px;
}

.tooltip-items {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 8px;
    padding: 3px;
}




[aria-label="Importar"]:after {
    font-family: 'FontAwesome';
    content: "\f093";
    margin-right: 5px;
    vertical-align: middle;
}

#file .e-empty-inner-content {
    display: none;
}

.button-uploader-items .DropArea {
    width: 98%;
    padding: 1%;
}

.button-uploader-items .e-file-select,
.button-uploader-items .e-file-drop {
    display: none;
}

.button-uploader-items .e-upload .e-file-select-wrap,
.button-uploader-items .e-bigger.e-small .e-upload .e-file-select-wrap {
    padding: 0;
    text-align: right;
    margin-left: 0;
    margin-top: 26px;
    float: left;
}

.button-uploader-items .e-upload {
    border: 0;
}

.button-uploader-items .e-btn, .button-uploader-items .e-css.e-btn {
    background: #1B65A7;
    border-color: #1B65A7;
    color: white;
}

    .button-uploader-items .e-btn, .button-uploader-items .e-css.e-btn:hover {
        background: #278BE4;
    }

    .button-uploader-items .e-btn, .button-uploader-items .e-css.e-btn:after {
        font-family: 'FontAwesome';
        content: "\f093";
        margin-left: 8px;
    }