.portia-textbox {
}

    .portia-textbox.validation-warning input {
        background-color: yellow;
    }

    .portia-textbox.validation-error input {
        background-color: #FFB0B0;
    }

    .portia-textbox.validation-inputerror input {
        background-color: #FF8080;
    }

.portia-recaptcha {
}

    .portia-recaptcha.validation-error {
        border: 1px solid #FFB0B0;
    }

.portia-textpresenter {
}

.portia-textpresenter-textdiv {
    overflow-y: auto;
    height: 100%;
}

.portia-richtextbox {
    width: 100%;
}

    .portia-richtextbox.validation-error iframe {
        background-color: #FFB0B0;
    }

    .portia-richtextbox.validation-inputerror iframe {
        background-color: #FF8080;
    }

.portia-richtextbox-iframe {
    width: 100%;
    border: 1px solid black;
    box-sizing: border-box;
}

.portia-googlelogin {
    position: relative;
}

.portia-googlelogin-icon {
    background-image: url("Images/google_sign_in.png");
    background-position-y: center;
    background-repeat: no-repeat;
    width: 32px;
    height: 100%;
    float: left;
    margin-left: 6px;
    position: absolute;
}

.portia-collisionstatus {
    border-color: black;
    border-width: 1px;
    border-style: solid;
}

    .portia-collisionstatus > div {
        width: 100%;
        height: 100%;
        align-items: center;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .portia-collisionstatus.portia-collisionstatus-missing > div {
        background-color: #FFA0A0;
    }

    .portia-collisionstatus.portia-collisionstatus-disconnected > div {
        background-color: #A0A0A0;
    }

    .portia-collisionstatus.portia-collisionstatus-readonlymode > div {
        background-color: #FFFF80;
    }

    .portia-collisionstatus.portia-collisionstatus-readonlymodeinvalidated > div {
        background-color: #FFA0A0;
    }

    .portia-collisionstatus.portia-collisionstatus-editmodealone > div {
        background-color: #A0FFA0;
    }

    .portia-collisionstatus.portia-collisionstatus-editmodeinparty > div {
        background-color: #FFFF80;
    }

    .portia-collisionstatus.portia-collisionstatus-editmodeinvalidated > div {
        background-color: #FFA0A0;
    }

.portiabutton {
    border: none;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: cover;
    transform: scale(1,1);
    transition: transform 0.12s;
}

    .portiabutton:disabled {
        cursor: default;
    }

    .portiabutton:hover:enabled {
        transform: scale(1.15,1.15);
        transition: transform 0.12s;
    }

body.edge .pb-bold {
    list-style-image: url('images/bold_disabled.svg');
}

    body.edge .pb-bold:disabled {
        list-style-image: url('images/bold.svg');
    }

.pb-bold {
    background-image: url('images/bold.svg');
}

    .pb-bold:disabled {
        background-image: url('images/bold_disabled.svg');
    }

body.edge .pb-italic {
    list-style-image: url('images/italic_disabled.svg');
}

    body.edge .pb-italic:disabled {
        list-style-image: url('images/italic.svg');
    }

.pb-italic {
    background-image: url('images/italic.svg');
}

    .pb-italic:disabled {
        background-image: url('images/italic_disabled.svg');
    }

body.edge .pb-underline {
    list-style-image: url('images/underline_disabled.svg');
}

    body.edge .pb-underline:disabled {
        list-style-image: url('images/underline.svg');
    }

.pb-underline {
    background-image: url('images/underline.svg');
}

    .pb-underline:disabled {
        background-image: url('images/underline_disabled.svg');
    }

body.edge .pb-fontcolor {
    list-style-image: url('images/text_color_disabled.svg');
}

    body.edge .pb-fontcolor:disabled {
        list-style-image: url('images/text_color.svg');
    }

.pb-fontcolor {
    background-image: url('images/text_color.svg');
}

    .pb-fontcolor:disabled {
        background-image: url('images/text_color_disabled.svg');
    }

body.edge .pb-clearallformatting {
    list-style-image: url('images/erase_disabled.svg');
}

    body.edge .pb-clearallformatting:disabled {
        list-style-image: url('images/erase.svg');
    }

.pb-clearallformatting {
    background-image: url('images/erase.svg');
}

    .pb-clearallformatting:disabled {
        background-image: url('images/erase_disabled.svg');
    }

.portiaselect-colorPicker:focus > option:checked {
    background: inherit !important;
}

body.edge .pb-next {
    list-style-image: url('Images/next_disabled.svg');
}

    body.edge .pb-next:disabled {
        list-style-image: url('Images/next.svg');
    }

.pb-next {
    background-image: url('Images/next.svg');
}

    .pb-next:disabled {
        background-image: url('Images/next_disabled.svg');
    }

body.edge .pb-sort_up {
    list-style-image: url('Images/sort_up_disabled.svg');
}

    body.edge .pb-sort_up:disabled {
        list-style-image: url('Images/sort_up.svg');
    }

.pb-sort_up {
    background-image: url('Images/sort_up.svg');
}

    .pb-sort_up:disabled {
        background-image: url('Images/sort_up_disabled.svg');
    }

body.edge .pb-sort_down {
    list-style-image: url('Images/sort_down_disabled.svg');
}

    body.edge .pb-sort_down:disabled {
        list-style-image: url('Images/sort_down.svg');
    }

.pb-sort_down {
    background-image: url('Images/sort_down.svg');
}

    .pb-sort_down:disabled {
        background-image: url('Images/sort_down_disabled.svg');
    }

body.edge .pb-back {
    list-style-image: url('Images/back_disabled.svg');
}

    body.edge .pb-back:disabled {
        list-style-image: url('Images/back.svg');
    }

.pb-back {
    background-image: url('Images/back.svg');
}

    .pb-back:disabled {
        background-image: url('Images/back_disabled.svg');
    }

body.edge .pb-save {
    list-style-image: url('Images/save_disabled.svg');
}

    body.edge .pb-save:disabled {
        list-style-image: url('Images/save.svg');
    }

.pb-save {
    background-image: url('Images/save.svg');
}

    .pb-save:disabled {
        background-image: url('Images/save_disabled.svg');
    }

body.edge .pb-add {
    list-style-image: url('Images/add_disabled.svg');
}

    body.edge .pb-add:disabled {
        list-style-image: url('Images/add.svg');
    }

.pb-add {
    background-image: url('Images/add.svg');
}

    .pb-add:disabled {
        background-image: url('Images/add_disabled.svg');
    }

body.edge .pb-comments {
    list-style-image: url('Images/comments_disabled.svg');
}

    body.edge .pb-comments:disabled {
        list-style-image: url('Images/comments.svg');
    }

.pb-comments {
    background-image: url('Images/comments.svg');
}

    .pb-comments:disabled {
        background-image: url('Images/comments_disabled.svg');
    }

body.edge .pb-comments-add {
    list-style-image: url('Images/comments-add_disabled.svg');
}

    body.edge .pb-comments-add:disabled {
        list-style-image: url('Images/comments-add.svg');
    }

.pb-comments-add {
    background-image: url('Images/comments-add.svg');
}

    .pb-comments-add:disabled {
        background-image: url('Images/comments-add_disabled.svg');
    }

body.edge .pb-remove {
    list-style-image: url('Images/remove_disabled.svg');
}

    body.edge .pb-remove:disabled {
        list-style-image: url('Images/remove.svg');
    }

.pb-remove {
    background-image: url('Images/remove.svg');
}

    .pb-remove:disabled {
        background-image: url('Images/remove_disabled.svg');
    }

.pb-info {
    background-image: url('Images/info.svg');
}

    .pb-info:disabled {
        background-image: url('Images/info_disabled.svg');
    }


body.edge .pb-edit {
    list-style-image: url('Images/edit_disabled.svg')
}

    body.edge .pb-edit:disabled {
        list-style-image: url('Images/edit.svg');
    }

.pb-edit {
    background-image: url('Images/edit.svg');
}

    .pb-edit:disabled {
        background-image: url('Images/edit_disabled.svg');
    }

body.edge .pb-refresh {
    list-style-image: url('Images/refresh_disabled.svg');
}

    body.edge .pb-refresh:disabled {
        list-style-image: url('Images/refresh.svg');
    }

.pb-refresh {
    background-image: url('Images/refresh.svg');
}

    .pb-refresh:disabled {
        background-image: url('Images/refresh_disabled.svg');
    }

body.edge .pb-play, body.edge .pb-start {
    list-style-image: url('Images/play_disabled.svg');
}

    body.edge .pb-play:disabled, body.edge .pb-start:disabled {
        list-style-image: url('Images/play.svg');
    }

.pb-play, .pb-start {
    background-image: url('Images/play.svg');
}

    .pb-play:disabled, .pb-start:disabled {
        background-image: url('Images/play_disabled.svg');
    }

body.edge .pb-stop {
    list-style-image: url('Images/stop_disabled.svg');
}

    body.edge .pb-stop:disabled {
        list-style-image: url('Images/stop.svg');
    }

.pb-stop {
    background-image: url('Images/stop.svg');
}

    .pb-stop:disabled {
        background-image: url('Images/stop_disabled.svg');
    }

body.edge .pb-menu {
    list-style-image: url('Images/menu_disabled.svg');
}

    body.edge .pb-menu:disabled {
        list-style-image: url('Images/menu.svg');
    }

.pb-menu {
    background-image: url('Images/menu.svg');
}

    .pb-menu:disabled {
        background-image: url('Images/menu_disabled.svg');
    }

body.edge .pb-message {
    list-style-image: url('Images/message_disabled.svg');
}

    body.edge .pb-message:disabled {
        list-style-image: url('Images/message.svg');
    }

.pb-message {
    background-image: url('Images/message.svg');
}

    .pb-message:disabled {
        background-image: url('Images/message_disabled.svg');
    }

body.edge .pb-import {
    list-style-image: url('Images/import_disabled.svg');
}

    body.edge .pb-import:disabled {
        list-style-image: url('Images/import.svg');
    }

.pb-import {
    background-image: url('Images/import.svg');
}

    .pb-import:disabled {
        background-image: url('Images/import_disabled.svg');
    }

body.edge .pb-run {
    list-style-image: url('Images/run_disabled.svg');
}

    body.edge .pb-run:disabled {
        list-style-image: url('Images/run.svg');
    }

.pb-run {
    background-image: url('Images/run.svg');
}

    .pb-run:disabled {
        background-image: url('Images/run_disabled.svg');
    }

body.edge .pb-excel {
    list-style-image: url('Images/excel_disabled.svg');
}

    body.edge .pb-excel:disabled {
        list-style-image: url('Images/excel.svg');
    }

.pb-excel {
    background-image: url('Images/excel.svg');
}

    .pb-excel:disabled {
        background-image: url('Images/excel_disabled.svg');
    }

body.edge .pb-paper_clip {
    list-style-image: url('Images/paper_clip_disabled.svg');
}

    body.edge .pb-paper_clip:disabled {
        list-style-image: url('Images/paper_clip.svg');
    }

.pb-paper_clip {
    background-image: url('Images/paper_clip.svg');
}

    .pb-paper_clip:disabled {
        background-image: url('Images/paper_clip_disabled.svg');
    }

body.edge .pb-link {
    list-style-image: url('images/link_disabled.svg');
}

    body.edge .pb-link:disabled {
        list-style-image: url('images/link.svg');
    }

.pb-link {
    background-image: url('images/link.svg');
}

    .pb-link:disabled {
        background-image: url('images/link_disabled.svg');
    }

body.edge .pb-unlink {
    list-style-image: url('images/unlink_disabled.svg');
}

    body.edge .pb-unlink:disabled {
        list-style-image: url('images/unlink.svg');
    }

.pb-unlink {
    background-image: url('images/unlink.svg');
}

    .pb-unlink:disabled {
        background-image: url('images/unlink_disabled.svg');
    }

.pb-accept {
    background-image: url('images/accept.svg');
}

.pb-reject {
    background-image: url('images/reject.svg');
}

body.edge .pb-data-transfer {
    list-style-image: url('Images/data_transfer_disabled.svg');
}

    body.edge .pb-data-transfer:disabled {
        list-style-image: url('Images/data_transfer.svg');
    }

.pb-data-transfer {
    background-image: url('Images/data_transfer.svg');
}

    .pb-data-transfer:disabled {
        background-image: url('Images/data_transfer_disabled.svg');
    }

.pb-arrow-down {
    background-image: url('Images/arrow_down.svg');
}

    .pb-arrow-down:disabled {
        background-image: url('Images/arrow_down_disabled.svg');
    }

.pb-arrow-up {
    background-image: url('Images/arrow_up.svg');
}

    .pb-arrow-up:disabled {
        background-image: url('Images/arrow_up_disabled.svg');
    }

.pb-close {
    background-image: url('Images/close.svg');
}

    .pb-close:disabled {
        background-image: url('Images/close_disabled.svg');
    }

body.edge .pb-expand {
    list-style-image: url('Images/expand.svg');
}


.pb-expand {
    background-image: url('Images/expand.svg');
}

body.edge .pb-collapse {
    list-style-image: url('Images/collapse.svg');
}

.pb-collapse {
    background-image: url('Images/collapse.svg');
}

body.edge .pb-recycle {
    list-style-image: url('Images/recycle.svg');
}

    body.edge .pb-recycle:disabled {
        list-style-image: url('Images/recycle_disabled.svg');
    }

.pb-recycle {
    background-image: url('Images/recycle.svg');
}

    .pb-recycle:disabled {
        background-image: url('Images/recycle_disabled.svg');
    }

.portia-validation-tooltip {
    visibility: hidden;
    width: 360px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
}

.portia-validation-tooltip-right {
    top: -5px;
    left: 113%;
}

.portia-validation-tooltip-left {
    top: -5px;
    right: 113%;
}

.portia-validation-tooltip-top {
    bottom: 113%;
    left: 50%;
    margin-left: -180px;
}

.portia-validation-tooltip-selectcontrol-top {
    bottom: 100%;
    margin-bottom: 5px;
}

.portia-validation-tooltip-sbcheckbox-top {
    bottom: 100%;
    margin-bottom: 5px;
}

.portia-validation-tooltip-bottom {
    top: 113%;
    left: 50%;
    margin-left: -180px;
}

.portia-validation-tooltip-selectcontrol-bottom {
    top: 100%;
    margin-top: 5px;
}

.portia-validation-tooltip-sbcheckbox-bottom {
    top: 100%;
    margin-top: 5px;
}

.portia-validation-tooltip-top-arrow::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.portia-validation-tooltip-bottom-arrow::after {
    content: " ";
    position: absolute;
    bottom: 100%; /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.portia-validation-tooltip-left-arrow::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}

.portia-validation-tooltip-right-arrow::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

.portia-validation-tooltip-trigger:hover .portia-validation-tooltip {
    visibility: visible;
    opacity: 1;
}

.portia-validation-tooltip-trigger {
    position: relative;
}

.portia-combobox {
    display: inline-flex;
    -ms-flex-flow: row;
    flex-flow: row;
    border: 1px solid #a9a9a9;
    padding: 1px;
    box-sizing: border-box;
    align-items: center;
    cursor: default;
    min-height: 20px;
    background-color: white;
}

    .portia-combobox[disabled] {
        background-color: #dddddd;
    }

    .portia-combobox.validation-error {
        border: 1px solid #FFB0B0;
    }

    .portia-combobox:not([disabled]):hover {
        outline: #2988FB solid 1px;
    }

        .portia-combobox:not([disabled]):hover .portia-combobox-open-button {
            transform: scale(1.15,1.15);
            transition: transform 0.12s;
        }

.portia-combobox-selected-item {
    min-width: 20px;
    min-height: 20px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.portia-combobox-open-button {
    width: 18px;
    height: 18px;
    outline: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: inherit;
    padding: 1px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.portia-combobox.state-focused {
    outline: #2988FB solid 1px;
}

.portia-combobox.state-expanded .portia-combobox-open-button {
    background-image: url('Images/arrow_up.svg');
}

.portia-combobox.state-collapsed .portia-combobox-open-button {
    background-image: url('Images/arrow_down.svg');
}

.portia-combobox.state-loading .portia-combobox-open-button {
    background-image: url("Images/refresh.svg");
    animation: spin 2s linear infinite;
    border: 0px;
}

.portia-combobox-overlay {
    display: flex;
    max-height: 260px;
}

.portia-combobox-selectionbox {
    display: flex;
    max-height: inherit; /*it is necessary to have it because of IE11*/
    box-sizing: border-box;
    -ms-flex-flow: column;
    flex-flow: column;
    border: 1px solid black;
    background-color: white;
    padding: 2px;
    width: 100%;
    min-width: 140px;
}

    .portia-combobox-selectionbox.state-opened {
    }

.portia-combobox-selectionbox-searchbox {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.portia-combobox-selectionbox-itemsbox {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.portia-combobox-selectionbox-show-more-button {
    width: 100%;
    cursor: pointer;
    border: 1px solid #a9a9a9;
}

    .portia-combobox-selectionbox-show-more-button:hover {
        border: 1px solid gray;
    }

.portia-combobox-selectionbox-item {
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    cursor: default;
    border: 1px solid transparent; /*Used to prevent resizing of items box when mouse is hover or marked. See: .portia-combobox-selectionbox-item.state-marked, .portia-combobox-selectionbox-item:hover*/
}

/*class for div, that displays text in selection box when no available item is found*/
portia-combobox-selectionbox-info {
}

.portia-combobox-selectionbox-item.state-selected {
    background-color: #2988FB;
}

.portia-combobox-selectionbox-item.state-marked, .portia-combobox-selectionbox-item:hover {
    border: 1px solid blue;
}

.portia-combobox-selectionbox-item.state-favorite {
}

.portia-combobox-selectionbox-item-favorite-button {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 0px 2px 0px 2px;
    background-image: url('Images/star.svg');
}

    .portia-combobox-selectionbox-item-favorite-button:hover {
        background-image: url('Images/star-yellow.svg');
    }

.portia-combobox-selectionbox-item.state-favorite .portia-combobox-selectionbox-item-favorite-button {
    background-image: url('Images/star_filled_yellow.svg');
}

    .portia-combobox-selectionbox-item.state-favorite .portia-combobox-selectionbox-item-favorite-button:hover {
        background-image: url('Images/star_filled_yellow_with_border.svg');
    }

.portia-combobox-selectionbox-item-value {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.portia-tabscontrol {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    height: 100%;
}

.portia-tabscontrol-headers {
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    align-items: flex-end;
}

.portia-tabscontrol-headers-header {
    box-sizing: border-box;
    flex: 1;
    -ms-flex: 1;
    min-width: 100px;
    max-width: 200px;
    border: 1px solid lightgrey;
    background-color: #E6E6E6;
    cursor: pointer;
    margin-right: 2px;
    height: 40px;
}

    .portia-tabscontrol-headers-header.state-selected {
        background-color: white;
        border-bottom: 0px;
        position: relative;
        top: 1px;
        height: 42px;
    }

.portia-tabscontrol-tabs {
    border: 1px solid lightgrey;
    flex: 1 1 auto;
    -ms-flex: 1 1 auto;
}

.portia-tabscontrol-tabs-tab {
    box-sizing: border-box;
    display: none;
    height: 100%;
}

    .portia-tabscontrol-tabs-tab.state-selected {
        display: flex;
    }

.portia-tabscontrol-header-withstripe {
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    height: 100%;
}

.portia-tabscontrol-header-withstripe-content {
    flex: 1;
    -ms-flex: 1;
    min-width: 0;
}

.portia-tabscontrol-header-withstripe-stripe {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex: 0 0 auto;
    padding: 1px;
}

.portia-tabscontrol-header-withstripe.state-loading .loadingindicator {
    background-image: url("Images/refresh.svg");
    animation: spin 2s linear infinite;
    border: 0px;
    background-size: cover;
}

.portia-tabscontrol-header-withstripe-stripe > * {
    cursor: default;
}

.portia-tabscontrol-headers-header-simple {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

    .portia-tabscontrol-headers-header-simple > label {
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer;
    }

.portia-tabscontrol-tabs-tab-iframe-iframe {
    flex: 1 1 auto;
    height: 100%;
    width: 100%;
}

.portia-tabscontrol-tabs-tab-iframe-div {
    flex: 1 1 auto;
    width: 100%;
    position: relative;
}

.portia-tabscontrol-header-withstripe.state-validation-error {
    background-color: #ffb0b0;
}

.portia-colorPicker {
}

    .portia-colorpicker.validation-error input {
        background-color: #FFB0B0;
    }

.portia-colorpicker-basediv {
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    align-items: center;
    position: relative;
}

.portia-colorpicker-colorbox {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0px;
    min-height: 0px;
}

.portia-colorpicker-browsebox {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 25px;
    margin-left: 5px;
    text-align: center;
    cursor: pointer;
}

.portia-colorpicker.state-readonly .portia-colorpicker-browsebox {
    cursor: default;
}

.portia-colorpicker-browsebox.darkbackground {
    color: white;
}

.portia-colorpicker-browsebox.lightbackground {
    color: black;
}

.standard-menu-item {
    display: block;
}

.standard-menu-item-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.standard-menu-item-container {
    text-decoration: none;
}

.portia-treepresenter {
    width: 100%;
    height: 100%;
    user-select: none;
    -webkit-user-select: none;
}

.portia-treepresenter-tree {
    width: 100%;
    height: 100%;
    cursor: grab;
}

    .portia-treepresenter-tree.state-pannable {
        cursor: all-scroll;
    }

.portia-treepresenter-tree-node {
    cursor: pointer;
}

.portia-treepresenter-tree-node-border {
    fill: none;
    stroke: black;
    stroke-width: 1px;
}

.portia-treepresenter-tree-node-collapsebutton-container {
    display: flex;
    height: 100%;
    align-items: center;
}

.portia-treepresenter-tree-node-collapsebutton {
    width: 20px;
    height: 20px;
    padding: 5px;
}

    .portia-treepresenter-tree-node-collapsebutton.state-collapsed {
        background-image: url('Images/expand.svg');
    }

    .portia-treepresenter-tree-node-collapsebutton.state-expanded {
        background-image: url('Images/collapse.svg');
    }

    .portia-treepresenter-tree-node-collapsebutton:focus {
        outline: 0px;
    }

.portia-treepresenter-contentelement {
    padding: 5px;
    white-space: nowrap;
    display: flex;
}

.portia-treepresenter-tree-node.groupnode {
    padding: 3px;
}

.portia-treepresenter-tree-groupnode-container {
    padding: 5px;
    display: flex;
    flex-flow: row wrap;
}

    .portia-treepresenter-tree-groupnode-container .portia-treepresenter-contentelement {
        margin: 2px;
        border: 1px solid black;
        flex-grow: 1;
    }

.portia-treepresenter-connectorpoint {
    fill: black;
}

.portia-treepresenter-connector {
    cursor: pointer;
    stroke-width: 2px;
}

    .portia-treepresenter-connector.connector-direct {
        stroke: black;
    }

    .portia-treepresenter-connector.connector-indirecttodirectlevel {
        stroke: green;
    }

    .portia-treepresenter-connector.connector-indirectwithoutchildren {
        stroke: blue;
    }

    .portia-treepresenter-connector.connector-indirect {
        stroke: brown;
    }

    .portia-treepresenter-connector.state-selected {
        stroke: purple !important;
        stroke-width: 6px !important;
    }

.portia-treepresenter-tree-node.state-selected .timelined-label {
    background-color: #1eb5ff !important;
    color: white !important;
}

.portia-treepresenter-tree-node.groupnode .portia-treepresenter-contentelement.state-selected .timelined-label {
    background-color: #1eb5ff !important;
    color: white !important;
}

.swift-context-help-icon input {
    width: 22px;
    height: 22px;
    background-image: url(Images/info.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    border: 0px;
    display: block;
}

.swift-context-help-icon.kind-show-icon-on-hover:not(.active) {
    display: none;
}

.dataTables_scrollHead th .swift-context-help-icon {
    margin-left: 5px;
}

    .dataTables_scrollHead th .swift-context-help-icon input {
        width: 20px;
        height: 20px;
    }

.swift-context-help-activator-icon input {
    width: 22px;
    height: 22px;
    background-image: url(Images/info.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    border: 0px;
}

.standard-menu-item .swift-context-help-icon {
    margin-left: 10px;
}

.portia-editdialog-layouter-row .swift-context-help-icon {
    margin-right: 5px;
}

.portia-radiobuttons .button.selected {
    background-color: white;
}

.portia-imagepicker {
    border: 1px solid #0f0f0f;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    min-height: 32px;
    min-width: 32px;
}

    .portia-imagepicker .portia-imagepicker-preview {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .portia-imagepicker .portia-imagepicker-preview.portia-imagepicker-empty {
            border: none;
            padding: 0;
            background-color: transparent;
            cursor: pointer;
            background-repeat: no-repeat;
            background-origin: content-box;
            background-size: 32px;
            transform: scale(1,1);
            transition: transform 0.12s;
            background-image: url('Images/add.svg');
            opacity: 0.7;
        }

            .portia-imagepicker .portia-imagepicker-preview.portia-imagepicker-empty:hover {
                transform: scale(1.15,1.15);
                transition: transform 0.12s;
            }

        .portia-imagepicker .portia-imagepicker-preview .portia-imagepicker-clear {
            transition: visibility 0.3s, opacity 0.3s;
            visibility: collapse;
            background-color: white;
            opacity: 0;
            border-radius: 4px;
            float: right;
            width: 20px;
            height: 20px;
        }

        .portia-imagepicker .portia-imagepicker-preview:hover:not(.portia-imagepicker-empty) .portia-imagepicker-clear {
            visibility: visible;
            opacity: 0.7;
        }

        .portia-imagepicker .portia-imagepicker-preview:not(.portia-imagepicker-empty) .portia-imagepicker-clear:hover {
            transform: scale(1.15,1.15);
            transition: transform 0.12s;
        }