@import './variables.scss';
.ui.label.MethodIcon {
    background-color:inherit;
    color:$orange1;
    font-size:10px;

}
body {
    overflow-y:hidden;
}

.floatRight {
    margin-left:auto;
}
.rowFlexBox{
    display:flex;
    flex-direction:row;
}
.columnFlexBox{
    display:flex;
    flex-direction:column;
}
.flexAll50{
    flex:1 1 50%;
}
.flexAll{
    flex:1 1 auto;
}
.flexShrink {
    flex:0 1 auto;
}
.flexWrap{
    flex-wrap:wrap;
}
.flexGrow
{
    flex:1 0 auto;
}
.flexStayAuto {
    flex:0 0 auto;
}
.flexStay{
    flex:0 0 auto;
}
.flexStay10{
    flex:0 0 20%;
}
.flexStay20{
    flex:0 0 20%;
}
.flexStay30{
    flex:0 0 30%;
}
.flexShrink50{
    flex:0 1 50%;
}
.flexStay90 {
    flex:0 1 90%;

}
.flexGrow33{
    flex:1 0 33%;
}
.flexStay50{
    flex:0 0 50%;

}
.flexStay20{
    flex:0 0 20%;

}
.flexStay60{
    flex:0 0 60%;

}
.flexStay40{
    flex:0 0 40%;

}
.flexStay45{
    flex:0 0 45%;
}
.flexStay15px{
    flex: 0 0 15px;
}
.flexStay50px{
    flex:0 0 50px;
}
.flexStay100px{
    flex:0 0 100px;

}
.flexStay200px {
    flex: 0 0 200px;

}

.flexStay300px {
    flex: 0 0 300px;

}

.flexStay400px {
    flex: 0 0 400px;

}

.flexStay500px {
    flex: 0 0 500px;
}
.flexStay550px {
    flex: 0 0 550px;
}

.paddingSides5 {
    padding-left: 5px;
    padding-right: 5px;
}
.padding5px {
    padding:5px;
}
.margin5px {
    margin:5px;
}
.padding1{
    padding:10px 5px;
}

.marginLeft5px, .marginLeft5{
    margin-left:5px;
}
.marginRight5{
    margin-right:5px;
}
.marginRight10{
    margin-right:10px;
}
.marginRight20px{
    margin-right:20px;
}
.marginRight30px{
    margin-right:20px;
}
.marginRight40px{
    margin-right:40px;
}
.marginLeft100px{
    margin-left:100px;
}
.marginRight100px{
    margin-right:100px;
}
.padding2px {
    padding:2px;
}
.padding20px {
    padding:20px;
}
.overflowHidden{
    overflow:hidden
}
.overflowYScroll{
    overflow-y:scroll;
}
.overflowYAuto{
    overflow-y:auto;
}


.justifyFlexStart{
    justify-content:flex-start;
}
.justifyContentCenter{
    justify-content:center;
}
.justifyCenter{
    justify-content:center;
}
.height100Percent{
    height:100%;
}
.alignSelfStart{
    align-self:flex-start;
}
.alignSelfStart{
    align-self:center;
}
.alignItemsCenter{
    align-items:center;
}
.alignItemsStretch{
    align-items:stretch;
}
.wordWrapBreakWord{
    word-wrap:break-word;
}
.width150px {
    width:150px;
}
.width200px {
    width:200px;
}
.width225px{
    width:225px;
}
.width100Percent {
    width:100%;
}
.minHeightZero{
    min-height:0px;
}
.justifyContentFlexEnd {
    justify-content:flex-end;
}
.alignItemsFlexEnd {
    align-items:flex-end;
}
.alignItemFlexStart {
    align-items:flex-start
}
.alignSelfCenter{
    align-self:center;
}
.positionAbsolute{
    position:absolute;
}
.positionRelative{
    position:relative;
}
.marginLeftNone {
    margin-left:0px;
}
.textAlignRight {
    text-align:right;
}
.colorGrey1 {
    color:$grey1;
}
.wordBreakBreakWord{
    word-break:break-word;
}
    
.backgroundGrey6 {
    background-color:$grey6;
}
.fontFamily2{
    font-family:$fontfamily2;
}
.fontFamily3{
    font-family:$fontfamily3;
}
.fontFamily4{
    font-family:$fontfamily4;
}
.fontFamily5{
    font-family:$fontfamily5;
}
.fontFamily6{
    font-family:$fontfamily6;
}
.fontFamily7{
    font-family:$fontfamily7;
}
.fontFamily8{
    font-family:$fontfamily8;
}
.letterSpacing2px{
    letter-spacing:2px;
}
.font1{
    font-size:$font1;
}
.font2{
    font-size:$font2;
}
.font3{
    font-size:$font3;
}
.font4{
    font-size:$font4;
}
.font5{
    font-size:$font5;
}
.font6{
    font-size:$font6;
}
.font7{
    font-size:$font7;
}
.font9{
    font-size:$font9;
}
.flexWrapWrap{
    flex-wrap:wrap;
}
.gutter{
    background-color:$grey3;
}
.paddingLeft10px{
    padding-left:10px;
}
//new
//fonts 
$roboto:Roboto;
//colors
$structureColor:#7f878c;
$buttonBlue:#0E71CC;
$detailFontColor:#848484;
$hintColor:#e3e3e3;
$accentColor:#5ab363;

.accentColor{
   color: $accentColor
}


//borders
$gutterBorder:1px solid black;
$inputBoxBorder:1px solid rgb(112, 104, 104);
$hintFontSize: 8px;
$topBarHeight:60px;
$inputBorder: 1px solid $grey5;

//left
$leftBackgroundColor:#D8D8D8;
$environmentFontColor:white;

.EnvironmentContainer{
    //padding:2px 5px;
    //margin-top:5px;
    //background-color:black;
    //border-radius:20px;
    margin-top:1px;
}
.EnvironmentNameContainer {
    color:#d6d5d5;
    font-size:10px;
    //text-decoration:underline;
    letter-spacing:-.05em;
    line-height:13px;
    font-family:'roboto mono';
    position:relative;
    top:3px;
    //background-color:black;
    //border-radius:20px;
    //border:1px solid #7d7d7d
}
.EnvironmentDropdownContainer{
    color:#d6d5d5;
    position:relative;
    top:4px;
    font-size:16px;
    margin-right:1px;
}
.LeftBarIcon{
    color:white;
}
.LeftHeaderContainer{
    background-color:#3A3A3A;
    height:$topBarHeight;
}
.column-left{
    background-color:$leftBackgroundColor;
}
.TitleContainer{
	color:#888888;
	font-weight:600;
	font-size:15px;
	line-height:18px;
    letter-spacing:-.05em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.EnvironmentsContainer{
    margin-top:-10px;
}
.SLeftButtonText{
    color: #616161;
    font-size:12px;
    line-height:14px;
    font-weight:400;
    font-family:$roboto;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding:0px;
}

.SLeftButton{
    background-color:inherit;
    border:none;
    padding:12px 8px 12px 12px;
}

.SLeftButton.SLeftButtonActive{
    .SLeftButtonText{
        font-weight:600;
        //background-color:#c3c3c3;
        //border-radius:10px;
        color:$grey5;
    }
}

.LeftRequestsMenuSearch {
    height:20px;
    color:$grey45;
    .ant-input::placeholder {
        color:$grey3;
        padding-left:5px;
        //font-size:$font3;
    }
}
input.ant-input {
    height:auto;
    padding:0px;
    //border:$inputBorder;
    background-color:white;
}
.topLeftButtons{
    margin-bottom:-15px;
}

//main
.RestRequestContainer{
    background-color:#eeeeee;
    padding:0px;
    .RestMainContent{
        margin:00px 0px;
    }
}

.RestResponseContainer{
    margin:0px;
    //border-top:1px solid $grey5;
}
.RestRef{
    //border:2px solid gray;
}
.StepMenuContainer{
    background-color:$mainBackgroundColor;
    display:flex;
    flex-direction:column;
}

.ParamsContainer{
    margin:8px 0px;
}

.InputsURLPreviewContainer{
    margin:0px 15px 0px 15px;
    border-radius:0px 0px 5px 5px;
    background-color:$hintColor;
    //border:2px dashed #b6b6b6;
    padding:3px 10px;
    align-items:center;
    position:relative;
    top:-2px;
    span {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
}
.URLPreviewHeader{
    //text-decoration-line: underline;
    font-size:11px;
    color:#848484;
    padding:0px;
    font-weight:bold;
    position:relative;
    top:2px;
    //font-style:oblique;
}
.URLPreview {
    font-size:11px;
    margin:0px 5px;
    color:#848484;
    position:relative;
    top:2px;
}
.marginBottom10 {
    margin-bottom:10px;
}
.KeyboardHintContainer {
    font-size:9.25px;
    color:$detailFontColor;
    position:relative;
    top:2px;
}
.KeyboardHintBold {
    font-weight:bold;
    color:#797979;

}
.RestMainContent{
    padding:0px;
}
.StepDetailTabHeader{
    .item {
        //@extend %TabFontClass;
        //flex:1 1 auto;
        color:black;
        font-size:12px;
        line-height:12px;
        font-weight:200;
        margin:0px;
        //background-color:#007AFF;
        border:2px solid inherit; 
        font-family:$fontfamily5;
    }
    a.active.item {
        color:#616161;
        font-weight:400;
        border-radius:2px 2px 0px 0px;
        border:3px solid #5ab363;
    }
}

.ui.secondary.pointing.menu a.item  {
    margin:0px;
}

.StepTabContent{
    //background-color:white;
    //box-shadow:$boxshadow2;
    border-radius:2px;
    padding:5px 0px;
    background-color:white;
}

.RestMenuContainer .gutter{
    background-color:#d6d6d6;
}

.StepRibbonName{
    margin-left:20px;
}

.StepTabs{
    background-color:#dedede
}

.ui.tabular.menu a.active.item{
    border-radius:0px !important;
    background-color:#dedede!important;
    border-bottom:2px solid $accentColor;
    font-family:"Rubik", sans-serif;
    
}
.ui.tabular.menu .item div.item {
    color:$grey34;
}

.StepDetailTabHeader .ui.attached.tabular.menu{
    height:30px;
}

//right
.ResponseViewerContainer{
	display:flex;
	flex-direction:column;
	position:relative;
	overflow-y:auto;
    background-color:inherit;
}

.SecondaryTabHeader{
    //border-top:1px solid black;
    margin:0px 0px;
    .ui.pointing.secondary.menu {
        background-color:#dedede;
        border:none;
        margin-top:0px;
        margin:0px;
        .item, .item:hover{
            color:#333333;
            padding:10px 0px 6px 0px;
            border-bottom:3px solid transparent;
            //padding:5px 0px;
        }
        .item:hover {
            color:$grey12;
        }
        .active.item, .active.item:hover {
            color:$grey6;
            font-weight:800;
            border-bottom:3px solid #4083ff;
        }
        //border-top:2px solid gray;
    }
}

.JsonTreeContainer{
    background-color:inherit;
    margin:0px 00px;
    height:100%;
    width:100%;
}

.textAlignRight{
    text-align:right;
}

.minWidthZero{
    min-width:0;
}
.overflowAuto{
    overflow:auto;
}
.CurrentStep{
    background-color:$grey2;
    border:2px solid $grey5;
    border-radius:5px;
}
.NotCurrentStep {
    border:2px solid transparent;

}
path.Edge{
    stroke:$grey2;
    fill:transparent;
}
.pointerEventsNone{
    pointer-events:none;
}
.justifyContentSpaceEvenly {
    justify-content:space-evenly;

}
.justifyContentSpaceBetween {
    justify-content:space-between;
}
.fontBold{
    font-weight:600;
}
.margin20px{
    margin:20px;
}
.ui.button.BlueButton{
    background-color:rgb(29, 127, 156);
}
.width30Percent{
    width:30%;
}
.width200px{
    width:200px;
}
.width300px {
    width:300px;
}
.height150px {
    height:150px;
}
.height200px {
    height:200px;
}
.height300px {
    height:300px;
}

.height400px {
    height:400px;
}
.inputBorder{
    border:1px solid $grey1;;
    border-radius:4px;
}
.ant-list-sm li.ant-list-item.columnText, div.columnText, span.columnText{
    font-size:11px;
    padding:5px;
    color:$grey45;
    font-weight:400;
}

.selected{
    color:$grey5;
}
tr.ResultTableRow  {
    td{
        padding:2px !important;
        margin:0px !important;
    }

}
.bgGrey{
    background-color:$grey4;
}
.htCore{
   font-size:10px;
    
}
.padding80px {
    padding:80px;
}
.paddingRight10px {
    padding-right:10px;
}
.paddingRight20px {
    padding-right:20px;
}
.paddingRight100px {
    padding-right:100px;
}
.paddingRight30px {
    padding-right:30px;
}
.paddingLeft20px {
    padding-left:20px;
}
.borderRadius5px{
    border-radius:5px;
}
.backgroundLightGrey{
    background-color:$grey0;
}
.handsontable{
    background-color:#ececec;
}
.borderSlightGreyTop{
    border-top:2px solid $grey2;

}

.borderSlightGrey{
    border:2px solid $grey0;
}

.mainPadding{
}
.purpleFont{
    color:$purple2;
}
.font8{
    font-size:$font8;
}
.ant-list-split .ant-list-item{
    border:none;
}
.menuLabelFont{
    color:$grey4;
    font-family:$fontfamily7;
}
.columnHeader.columnText{
    font-weight:600;
}
.paddingLeft30px {
    padding-left:30px;
}
.width100px {
    width:100px;
}
.width150px{
    width:150px;
}
.padding10px{
    padding:10px;
}
.marginLeft10px {
    margin-left:10px;
}
.marginRight10px{
    margin-right:10px;
}
.paddingTopNone{
    padding-top:0px;
}
.paddingTop5px{
    padding-top:5px;
}
.marginBottom20px{
    margin-bottom:20px;
}
.marginBottom30px{
    margin-bottom:30px;
}
.marginBottom40px{
    margin-bottom:40px;
}
.marginTop5px{
    margin-top:5px;
}
.resultTable .ant-empty-normal{
    margin:0px 32px;
}
.marginRight10px{
    margin-right:10px;
}
.topBorderLightGray {
    border-top:1px solid $grey01;
}

.topBorderDarkGray {
    border:4px solid #cecece
}

.border2px {
    border:2px solid $grey5;
}

.BottomDataView .ant-tabs-bar {
    margin-bottom:0px;
}
.paddingRight10px{
    padding-right:10px;
}
.slackBackground{
    background-color:#4A154B;
}
.whiteBorder{
    border:1px solid $grey1;
}
.height500px {
    height:500px;
}
padding20px{
    padding:20px;
}
.marginRight200px{
    margin-right:200px;

}
body {
      overscroll-behavior-x: none;
}
.width34px{
    width:34px;
}
.nameBox, .nameSpan {
    position:relative;
    user-select:none;
    font-size:11px;
    background-color:inherit;
    padding:3px;
}

/*
.TabsParent > .ant-tabs-content {
    display:flex;
    flex-direction:column;
}
*/
.ant-tabs-content{
    flex:1 0 auto;
    background-color:white;
}
.isAddSqlActivatedTree .ant-tabs-content{
    z-index:5;
}
.emptyNameActivatedMainWindow .ant-tabs-content{
    flex:1 0 auto;
    z-index:0;
}
/*
.TabsParent div.ant-tabs-bar {
    margin:0px;
}
*/
.card-container p {
    margin: 0;
  }
  .card-container > .ant-tabs-card > .ant-tabs-content {
  }
  [data-theme='compact'] .card-container > .ant-tabs-card > .ant-tabs-content {
  }
  
  [data-theme='compact'] .card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane,
  .card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
    background: #fff;
    padding: 5px;
  }
  
  [data-theme='compact'] .card-container > .ant-tabs-card > .ant-tabs-bar,
  .card-container > .ant-tabs-card > .ant-tabs-bar {
    border-color: #fff;
  }
  
  [data-theme='compact'] .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab,
  .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  }
  
  [data-theme='compact'] .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active,
  .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  }

  .errorMessage{
      margin-bottom:5px;
      font-size:15px;
  }
  .paddingLeft5px {
      padding-left:5px;
  }


.AddSqlTree{
    width:90%;
    height:50vh;
}
.dropdownPrompt {
    position:relative;
    top:18px;
    cursor:pointer

}
.displayNone{
    display:none;
}
.isAddSqlActivated{
    position:absolute;
    width:100%;
    height:100%;
    background-color:gray;
    top:0px;
}
.emptyNameActivated{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(128, 128, 128, 0.418);
    top:0px;
    left:0px;
    z-index:1;
}

.ace_hidpi .ace_text-layer, .ace_hidpi .ace_gutter-layer, .ace_hidpi .ace_content, .ace_hidpi .ace_gutter {
    will-change: auto !important;
}
.ant-card-body{
}

.AllNodeContainer{
    display:flex;
    flex-direction:row;
    cursor:pointer;
}

.ResultsWidgetContainer {
        display:flex;
        flex-direction:column;
        position:relative;
}
.ResultsWidgetContainer .ResultDiv {
    flex:1 0 auto;
    font-size:11px;
    position:absolute;
    bottom:-4px;
    left:-3px;
}

.Node {
    position:relative;
    border-radius: 5px;
    font-family: sans-serif;
    color: black;
    border: solid 5px black;
    overflow: visible;
    font-size: 10px;
    //border: solid 2px ${p => (p.selected ? 'rgb(0,192,255)' : 'black')};
        
}
.LinkCanvas{
        width:100%;
        height:100%;
        overflow:visible;
}
.NodeContainer {
    pointer-events:auto;
    display:flex;
    flex-direction:row;
    align-items:center;
}
.NodeUnselected{
    border:3px solid black
}
.NodeSelected{
    border: 3px solid hsla(195, 52%, 40%, 1);
}
.Node{
    border-radius: 5px;
    font-family: sans-serif;
    color: black;
    overflow: visible;
    font-size: 10px;
    transition:all 0.3s cubic-bezier(.25,.8,.25,1);
    display:flex;
    flex-direction:column;
    align-items:center;
}

.emptyNameActivatedTextField{
    z-index:6;
    position:relative;
    background-color:white;
}
.BackdropActivated,.loadSourceTableModal{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
  background-color:#4d4d4d9c;
}
.stepMenuFocusActivated{
    z-index:1;
    background-color:white;
}
.topCard{
    height:87.78px;
    .ant-typography{margin-bottom:0px;}
}
.ModelViewerCard > .ant-card-body {
    display:flex;
    flex:1 0 auto;

}
.zIndexZero{
    z-index:0;

}

.RunPanelContainer{
    padding:5px 10px 10px 10px;
}

.ActiveRunResult{
    font-weight:800;
    background-color:$accentColor;
}
.MainContentContainer{
    background-color:#9699c7;

}
.backgroundWhite {
    background-color:white;
}
.topBorderBlack {
    border-top:4px solid rgb(226, 226, 226);
}
.borderRightBlack{
    border-right:2px solid rgb(226, 226, 226);
}


.RunListTab :focus{
        outline:none;
}
.height220px{
    height:220px;
}
.DataTabs.ant-tabs .ant-tabs-tabpane{
    padding-left:0px;
}
.VerticalDivider{
    border-left:1px solid black;
    width:2px;
    height:20px;
    border-left:1px solid #aaaaaa
}

.ant-tabs-top.TabsParent > .ant-tabs-content-holder,  .ant-tabs-content-holder{
    background-color:white;
    display:flex;
    flex-direction:row;
    flex:1 0 auto;

}
.TabsParent.ant-tabs > .ant-tabs-content{
    background-color:white
}
.ant-tabs-content{
    background-color:white;
}
.nameBox.CurrentStep{
    background-color:#ffad8d
}
.Successor .NotCurrentStep,.Predecessor .NotCurrentStep{
    border:2px solid $grey6;
    //background-color:white;
}

.LinkLine.SuccessorLink,.LinkLine.PredecessorLink{
    stroke-width:1.5px;
    stroke:black;
}
.SQLStepMenuTabs .ant-tabs-content{
    display:flex;
    flex:1 0 auto;
}
.ModelViewerTabs .ant-card-body{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    min-height:0;

}

.ant-tabs-top.TabsParent > .ant-tabs-nav, .ant-tabs-top.ModelViewerTabs > .ant-tabs-nav{
    margin:0px;
}
.ModelViewerTabs.ant-card-small > .ant-card-body{
    padding:0px;
}

.JobResultsTable{
    .ant-table-body{
        position:relative
    }
    .ant-table-body > table {
        position:absolute;
    }
    .ant-table-container,.ant-table-body,.ant-spin-container,.ant-table,.ant-spin-nested-loading{
        display:flex;
        flex-direction:column;
        flex:1 0 auto;
    }
    .ant-pagination {
        align-self:flex-end;
        margin-right:20px;
    }
}
.DataView .ant-tabs-nav-list {
    width:100%;
}
.ant-tabs-top.DataTabs >.ant-tabs-nav{
        margin:0px;
}
.backgroundGrey1{
    background-color:$grey2;
}
.AppArea.ant-menu.ant-menu-dark .ant-menu-item-selected{
    background-color:#3b6d9a
}
.TabsParent{
    /*
    .ant-tabs-nav-list{
        width:100%;
        display:flex;
        flex-direction:row;
        #rc-tabs-0-tab-browser{
            margin-left:auto;

        }
    }
    */
}
.TabsParent.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations{
    /*
            display:none;
            */

}

.ModelViewerTree{
    border-left:1px solid $grey1;
    .ant-tree{
    font-size:11.5px;
    }
    .ant-tree .ant-tree-node-content-wrapper{
        //height:20px;
        align-self:center;

    }
    .ant-tree .ant-tree-indent {
        display:none;
    }
    .ant-tree .ant-tree-switcher-noop{
        display:none;
    }
    .ant-tree .ant-tree-node-content-wrapper{
        //height:18px;
        min-height:18px;

    }
    .ant-tree-title {
        //min-height:18px;
        height:18px;
    }
}

.StepMenuParent .ant-tabs-top > .ant-tabs-nav
{
    margin:0px;
}
.StepMenuParent .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab
{
    padding:8px;
    font-size:11.5px;

}
.StepMenuParent .ant-tabs-nav-list{
    //background-color:$grey2;
}

.ModelViewerTree .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before,
.ModelViewerTree .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before, .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before
{
    background-color:#dadada;
    bottom:0px;

}
.ModelViewerTree .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected{
    color:#7749ff

}
.ColumnSelector {
    flex:.2 1 50px;
}
.zIndex1{
    z-index:1;
}
.mainWindow .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab{
font-size:12px;
}
.ant-card-contain-tabs>.ant-card-head .ant-card-head-title {
    min-height: 16px;
    padding-bottom: 0;
    color: #696969;
}
.mainWindow .ant-card-head-title{
    padding:8px 0px;
    font-size:15px;
}
.ant-card-head{
    font-size:13px;
}
.mainWindow .ant-layout-sider-zero-width-trigger{
    top:74px;

}

.ModelViewerTree .ant-tree .ant-tree-treenode{
    padding:0px;
}
.ModelViewerTree .ant-tree .ant-tree-node-content-wrapper{
    //height:18px;
}
.ModelViewerTree .ant-tree .ant-tree-node-content-wrapper{
    //height:18px;
    //line-height:18px;
    min-height:18px;
}
.StepNodeContainer.NodeOut {
    background-color:white;
    border:2px solid rgb(228, 228, 228);
    .nameBox{
        color:$grey2;
    }
}
.StepNodeContainer{
    background-color:#e2e2e2;
}

.resultContainer .viewThisResult {
    display: none;
}
.resultContainer:hover .viewThisResult {
    display: inline;
}
.buttonBoxShadow {
    padding: 0 2px 0 2px;
    background: white;
    border: 1px solid grey;
}
.overflowXHidden{
    overflow-x:hidden;

}
.columnName{
    height:18px;
}
.textGreen{
    color:'green'
}