@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

.clt-card-edit-item {
    border-radius: 10px;
    border: 3px solid #673AB7 !important;
    margin: 0;
    margin-bottom: 10px;
}

.clt-card-item {
    border-radius: 10px;
    border: 1px solid lightgray;
    background-color: #8080800a;
    margin: 0;
    margin-bottom: 5px;
    margin-left: 1%;
    margin-right: 1%;
}

    .clt-card-item:hover {
        background-color: #EDE7F6;
        box-shadow: 0 0 11px rgba(33,33,33,.2);
        border: 1px solid #8080807d;
        transition: box-shadow .3s;
        opacity: 1 !important;
    }

.clt-selected-card-item {
    border: 2px solid #673AB7 !important;
}

.clt-no-height {
    height: 0px !important;
}

.clt-modal-header {
    background-color: #766ae759;
}

.clt-config-modal {
    min-height: 300px;
    max-height: 400px;
    overflow-y: auto;
}

.clt-dark-border {
    border-color: #00000096;
}

.clt-grey-background {
    background-color: #f3f3f3;
}

.ctl-success-color {
    height: 25px;
}

.clt-widget {
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%);
    border-radius: 4px;
    min-height: 200px;
}

.clt-widget-body-pa {
    padding-top: 0px;
}

.ctl-background-body {
    background-color: #f1f1f1;
}

.clt-tabs-panel {
}


.ctl-tabs-panel.mud-tab {
    text-transform: initial;
    font-weight: bold;
}

.clt-tabs-toolbar {
}

    .clt-tabs-toolbar > .mud-tabs-toolbar {
        background-color: #f7f7f7;
    }

.clt-border {
    border: 1px solid #bebebe;
}

.clt-border-top {
    border-top: 1px solid #bebebe;
}

.clt-horiz-pa-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.clt-list-item.ant-list-item {
    background-color: #f7f7f7;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.clt-list-item:hover {
    background-color: #80808046;
    box-shadow: 0 0 11px #80808046;
}

.ant-list-item.clt-list-item.selected-test {
    background-color: #594ae22b;
}

.clt-appbar {
    height: 65px;
}

.clt-footer {
    height: 80px;
    z-index: auto;
}

.clt-full-size {
    min-height: 100%;
    min-width: 100%;
}

.clt-main-cont {
    min-height: calc(100vh - 80px);
}

.clt-container {
    min-height: calc(100vh - 145px);
}

.clt-main-min-width {
    min-width: 1280px;
}

.clt-project-item {
    height: 190px;
    width: 280px;
    background-color: #f3f3f3;
}

.clt-project-add-item {
    background-color: #f3f3f3;
}

.clt-project-item:hover {
    background-color: #80808046 !important;
    box-shadow: 0 0 11px #80808046;
}

.clt-project-item-title {
    max-width: 230px;
}

.clt-suite-item {
    height: 225px;
    width: 270px;
    background-color: #f3f3f3;
}

    .clt-suite-item:hover {
        background-color: #80808046 !important;
        box-shadow: 0 0 11px #80808046;
    }

.clt-dropzone {
    width: 100%;
}

.clt-add-test-item {
    height: 70px;
}

.clt-test-item {
    background-color: #f3f3f3;
}

    .clt-test-item:hover {
        background-color: #80808046 !important;
        box-shadow: 0 0 11px #80808046;
    }

.clt-step-item {
    border-radius: 10px;
    border: 1px solid lightgray;
    background-color: #8080800a;
    margin: 0;
    margin-bottom: 10px;
}

    .clt-step-item:hover {
        background-color: #EDE7F6;
        box-shadow: 0 0 11px rgba(33,33,33,.2);
        border: 1px solid #8080807d;
        transition: box-shadow .3s;
    }

.clt-step-skip label {
    margin: 0;
}

.clt-step-deleted {
    opacity: 0.5;
}
    .clt-step-deleted:hover {
        opacity: 1.0;
    }

.step-star {
    font-size: 20pt;
    width: 5px;
    float: left;
    min-height: 1px;
}

.clt-suite-add-item {
    background-color: #f3f3f3;
}

.clt-project-item-title {
    max-width: 230px;
}

.clt-wrap-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.clt-wrap-multiline-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
}

.clt-var-tag {
    border-color: #91d5ff !important;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background: #e6f7ff;
    color: #096dd9;
    font-weight: bold;
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0;
}

.clt-error-color {
    color: red !important;
    background: #ffe6e6 !important;
    border-color: #ff9191 !important;
}

.clt-header-label {
    margin: auto;
}

.clt-config-os-unselect {
    opacity: 0.3;
}

.clt-config-os-row {
    height: 100px;
}
    .clt-config-os-row:hover {
        opacity: 1;
        box-shadow: 0 0 11px #80808046;
    }

.clt-config-env-cell-header {
    width: 110px;
    height: 70px;
    overflow-y: auto;
}

.clt-config-env-cell-body {
    width: 110px;
    overflow-y: auto;
}

.clt-config-env-os-cell {
    width: 70px;
}

.clt-config-env-cell-empty {
    width: 70px;
    height: 70px;
}

.clt-config-os {
}

.clt-config-os-item {
}

    .clt-config-os-item:hover {
        box-shadow: 0 0 11px #80808046;
    }

.clt-bold {
    font-weight: bold;
}

.clt-table-header {
    background-color: #f7f7f7;
}

.clt-divider {
    position: relative;
    overflow: hidden;
    display: block;
}

    .clt-divider::before {
        width: 5%;
        border-top: 2px solid #673AB7;
        top: 50%;
        content: '';
        position: absolute;
    }

.clt-divider-inner-text {
    vertical-align: baseline;
    display: block;
    position: relative;
    padding-left: 5%;
    margin-left: 10px;
    font-size: 17px;
}

    .clt-divider-inner-text::after {
        width: 100%;
        margin-left: 10px;
        border-top: 2px solid #673AB7;
        top: 50%;
        content: '';
        position: absolute;
    }

.clt-divider-end-element {
    vertical-align: baseline;
    display: block;
    position: relative;
    margin-left: 10px;
    font-size: 17px;
}

.clt-divider-tooltip {
    max-width: 90%;
    vertical-align: text-top;
}

.clt-suiteconfig-modal-card {
    min-height: 300px;
}

.clt-pom-filter {
    width: 250px;
}

.clt-pom-dialog {
    max-width: 850px;
}

.clt-pom-dialog-card {
    min-height: 300px;
    min-width: 750px;
}

.clt-pom-el-table {
    width: 800px;
}

.clt-empty {
    margin: 32px 8px;
    color: rgba(0,0,0,.25);
    font-size: 14px;
    line-height: 1.5715;
    text-align: center;
}

.clt-empty-image {
    height: 40px;
    margin-bottom: 8px;
}

.clt-empty-img-simple-g {
    stroke: #d9d9d9;
}

.clt-empty-img-simple-path {
    fill: #fafafa;
}

.mud-paper.clt-result-row {
    border: 1px solid #bebebe;
    background-color: #80808014;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
}

    .mud-paper.clt-result-row:hover {
        box-shadow: 0 0 11px #9087e6;
        transition: box-shadow .3s;
    }

.clt-result-row > .mud-card-header {
    border-bottom: 0;
    border-radius: 3px;
    background: #80808014;
}

.clt-result-row-details {
    background-color: white;
}

    .clt-result-row-details.mud-card-content {
        padding: 5px;
        border-radius: 3px;
    }

.clt-result-row-label {
    align-items: center;
    display: flex;
    height: 100%;
}

    .clt-result-row-label > b {
        margin-left: 5px;
    }

.clt-suite-no-group-color {
    background: rgba(133,135,145,1);
    color: #fff;
}

.clt-suite-unknown-group-color {
    background: rgba(196, 112, 31, 1);
    color: #fff;
}

.clt-suite-variant-result {
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 3px;
    font-size: .93em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.clt-success-result {
    background-color: #00800014 !important;
    border: 1px solid #00800014 !important;
}

    .clt-success-result:hover {
        background-color: #00800045 !important;
        box-shadow: 0 0 11px #00800045 !important;
        border: 1px solid #00800045 !important;
    }

.clt-fail-result {
    background-color: #ff000014 !important;
    border: 1px solid #ff000014 !important;
}

    .clt-fail-result:hover {
        background-color: #ff000045 !important;
        box-shadow: 0 0 11px #ff000045 !important;
        border: 1px solid #ff000045 !important;
    }

.clt-canceled-result {
    background-color: #80808026;
    border: 1px solid #80808026;
}

    .clt-canceled-result:hover {
        background-color: #80808055;
        box-shadow: 0 0 11px #80808055;
        border: 1px solid #80808045;
    }

.clt-running-result {
    background-color: #40a9ff21;
    border: 1px solid #40a9ff21;
}

    .clt-running-result:hover {
        background-color: #40a9ff5e;
        box-shadow: 0 0 11px #40a9ff5e;
        border: 1px solid #40a9ff5e;
    }

.clt-result-list-scroll {
    max-height: 500px;
    overflow-y: auto;
}

.clt-video-box {
    width: 300px;
    height: 165px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.clt-result-error-list {
    overflow-y: auto;
    max-height: 350px;
    border-radius: 3px;
}

.clt-selected-list-item {
    border-right: 4px solid #594ae2 !important;
    background-color: #594ae236 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.clt-result-list-item {
    background-color: #f7f7f7 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

    .clt-result-list-item:hover {
        background-color: #c4c4c4 !important;
        box-shadow: 0 0 11px #c4c4c4;
    }

.clt-default-chip-color {
    color: rgba(133,135,145,1);
}

.clt-default-chip-color-selected {
    background: rgba(133,135,145,1);
}

.clt-opacity {
    opacity: 0.5;
}
.clt-opacity-8 {
    opacity: 0.8;
}
.clt-merge-item-adv {
    border-radius: 10px;
    border: 1px solid lightgray;
    background-color: #8080800a;
    margin: 0;
    margin-bottom: 5px;
    margin-left: 1%;
    margin-right: 1%;
}
    .clt-merge-item-adv:hover {
        box-shadow: 0 0 11px rgba(33,33,33,.2);
        border: 1px solid #8080807d;
        transition: box-shadow .3s;
        opacity: 1 !important;
    }
.clt-merge-item {
    border-radius: 10px;
    border: 1px solid lightgray;
    background-color: #8080800a;
    margin: 0;
    margin-bottom: 5px;
    margin-left: 1%;
    margin-right: 1%;
}
    .clt-merge-item:hover {
        background-color: #EDE7F6;
        box-shadow: 0 0 11px rgba(33,33,33,.2);
        border: 1px solid #8080807d;
        transition: box-shadow .3s;
        opacity: 1 !important;
    }
.clt-new-merge-item-color {
    background-color: #22bd0663 !important;
}
.clt-new-merge-item {
    background-color: #22bd062e!important;
}
    .clt-new-merge-item:hover {
        background-color: #22bd0663 !important;
    }
.clt-updated-merge-item-color {
    background-color: lightblue !important;
}
.clt-conflict-merge-item-color {
    background-color: #ffb545d9 !important;
}
.clt-deleted-merge-item-color {
    background-color: lightpink !important;
}
.clt-updated-merge-item {
    background-color: #daf3fb !important;
}
    .clt-updated-merge-item:hover {
        background-color: lightblue !important;
    }
.clt-deleted-merge-item {
    background-color: pink !important;
}
    .clt-deleted-merge-item:hover {
        background-color: lightpink !important;
    }
.clt-conflict-merge-item {
    background-color: #ffc670 !important;
}
    .clt-conflict-merge-item:hover {
        background-color: #ffb545d9 !important;
    }
.no-hover {
    pointer-events: none;
}
.clt-pull-item {
    border-radius: 10px;
    border: 1px solid lightgray;
    margin: 0;
    margin-bottom: 5px;
}
.clt-pull-item-hover {
        background-color: #EDE7F6;
        box-shadow: 0 0 11px rgba(33,33,33,.2);
        border: 1px solid #8080807d;
        transition: box-shadow .3s;
        opacity: 1 !important;
    }