.bas-info-text {
    font-size: 14px;
    margin-left: 12px;
}

.license-key-file-chooser > div:first-of-type {
    display: flex;
    flex-flow: row-reverse;
}

.license-key-file-chooser div cgm-button {
    float: none !important;
    min-width: auto !important;
    max-width: none !important;
}

.license-key-file-chooser div .tooltip-wrapper {
    width: 100%;
}

.license-key-file-chooser div .tooltip-wrapper input {
    float: none !important;
    min-width: auto !important;
    max-width: none !important;
}

.license-key-line {
    width: 100%;
    border-bottom: 1px #d3d3d3 solid;
}

.certificate-badge {
    font-size: 0.88rem;
}

.certificate-align-text {
    vertical-align: super;
    font-size: 0.88rem;
}

.layers-parameters .save-on-layer {
    pointer-events: none;
    display: block;
    margin-left: 0;
}

.layers-parameters .save-on-layer .cgm-search-field {
    width: 100% !important;
}

.layers-parameters .save-on-layer .cgm-search-field .select2-container {
    width: 100% !important;
    background-color: transparent;
}

.layers-parameters .save-on-layer .cgm-search-field .select2-choice {
    background-color: transparent;
    border-color: transparent;
}

.layers-parameters .save-on-layer .cgm-search-field .select2-arrow {
    display: none;
}

.layers-parameters .save-on-layer .cgm-search-field .select2-chosen {
    margin-right: 0.75rem;
}

.layers-parameters .cgm-text-field {
    pointer-events: none;
}

.layers-parameters {
    position: absolute;
    left: 0;
    right: 0;
}

.date-field-long .cgm-date-field {
    max-width: none;
}

.extension-item .cgm-row {
    display: flex;
    align-items: center;
}

.certificate-toolbar-text {
    width: 100px !important;
    height: 55px !important;
    background-color: white !important;
    border: none !important;
}
.export-roles-permissions-button {
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 290px;
}
.export-roles-permissions-button .cgm-popup-button-container .cgm-popup-button.cgm-button button {
    padding: 3px;
}
.roles-wrapper{
    position: relative;
}

.roles-wrapper .cgm-wrapper.list-header{
    max-width: 298px;
    border-right: 0px;
}
.role-form {
    max-height: 400px;
}

.role-form-dialog-new {
    width: 700px !important;
    top: calc((100% - 600px) / 2) !important;
}

.grey-background {
    background-color: #f4f4f4;
}

.role-form-dialog-new .cgm-tab-container .tab-content.selected {
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.rule-separator {
    border-bottom: 1px solid lightgrey;
}