#testcase-extension {
    position: fixed;
    width: 100%;
    height: 100%;
}

.oblig{
    background-color:lightgoldenrodyellow;
}

.help{
    background-color: #dce6f4;
    padding:2px;
}
#far-right-pane-pivot {
    display:none;
    width:150px;
}

.child-node-icon::before {
    position: relative;
    content: url('../img/Child-node-icon.png');
    
}


.test-outcome-node-icon::before {
    position: relative;
    content: url('../img/TestOutcome.png');
    
}

.icon-testplan::before{
    content: url('../img/testPlan.png');
}

#testmanagement-view-left-pane{
    margin-left:16px;
}
#treeview-pivot-Cbo-container {
    margin-left:12px;
    margin-right:10px;
    margin-top: -4px;
}


    #testcase-extension > .splitter > .leftPane {
        width: 10%;
        overflow: auto;
    }

    #testcase-extension > .splitter > .handleBar {
        left: 10%;
    }

    #testcase-extension > .splitter > .rightPane {
        left: 10%;
        overflow: auto;
    }
.paneWorkArea {
    margin-left:10px;
    margin-right:10px;
}
  .far-right-pane-list-container {
    top: 120px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    overflow: auto;
    margin: 0 0px;
}

    .testmanagement-suites-tree 
    {
    overflow: auto;
    position: absolute;
    bottom: 0px;
    left: 12px;
    right: 12px;
    top: 70px;
}
 #details-treeviewTestPlan
    {
    overflow: auto;
    position: absolute;
    bottom: 0px;
    left: 12px;
    right: 0px;
    top: 70px;
}

    .fill-grid{
       position:absolute; 
          top:45px;
       left:0px;
       right:0px; 
       bottom:0px
    }

    #detailPanels .fill-grid{
        top:45px;
    }
     .rightPane .hub-no-content-gutter {
    padding-left: 0px;
}
      .rightPane .rightPane .far-right-pane-pivot.hub-pivot {
    position: absolute;
    top: 40px;
}

 .pane-title {
    left: 0px;
    right: 0px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 12px;
    padding-bottom: 38px;
    font-family: Segoe UI Light,Segoe UI,Tahoma,Arial,Verdana;
    font-weight: lighter;
    font-size: 18px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

 .left-hub-content .hub-pivot-content {
    top:0px;
}



.testmanagement-details-grid{
    position: absolute;
    top: 0px;
    left: 6px;
    right: 6px;
    bottom: 0px;
    overflow: auto;
}

.drag-tile{
    background-color:whitesmoke;
    border: 1px solid black;
    vertical-align:middle;
    opacity: 0.7;
}

.drag-tile-item-count {
    font-size:large;
    font-weight:bold;
    text-align:center;
}

.drag-tile-title {
    text-align:center;
}

.drag-help {
  
    font-size:smaller;
    display:inline-block;
}


.drag-tile-head > .node-content{
    font-weight:bold;
    color:#007acc;
}

.drag-tile-drag-type {
    font-size:large;
    font-weight:bold;
    margin:6px;
    color:black;    
}

.drag-tile-head{
    float:left;
    height:100%;
}
.drag-tile-list{
    float:right;
   
}

#left-cboTestPlan-container{
    padding-top: 8px;
    display: flex;
    flex-direction: row;
    margin-left: 10px;
}


.drag-hover {
    background-color:#E0E9CC;
}

.drag-hover-invalid {
    background-color:red;
}

.droppable-hover {
    background-color:lightgreen;
}

.test-count{

}

.test-case-hub-test-case-count  {
    float: right;
    margin-right: 10px;
    position: relative;
}
.views {
    float: left;
    font-size: 12px;
    font-family: Segoe UI, Tahoma, Arial, Verdana;
    height: 34px;
}
.hub-pivot {
    font-size: 11px;
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    overflow: visible;
    height: 34px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#testCasePane .right-hub-content {
    top: 36px;
}

#leftMasterPivot .right-hub-content {
    top: 36px;
}

.right-hub-content .pivot-filter {
    padding: 0 5px 0 9px;
    border: 1px solid transparent;
    border-bottom: 0;
}

.list-container {
    position: absolute;
    left: 0px;
    top: 23px;
    right: 4em;
    bottom: 0px;
}
.columns .availble {
    position: absolute;
    left: 0px;
    right: 50%;
    top: 0px;
    bottom: 0px;
}


.columns .selected {
    position: absolute;
    left: 50%;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.column-options {
    position: relative;
    height: 100%;
}

.content {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

select {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
}
.buttons {
    position: absolute;
    right: 0px;
    width: 4em;
    top: 23px;
    bottom: 0px;
    text-align: center;
}

.width {
    width: 3em;
}
.width.disabled {
    cursor: default;
    background-color: #e6e6e6;
}

.clone-info {
    display: grid;
    -ms-grid-columns: auto auto auto auto auto;
    -ms-grid-rows: auto;
}

.description1 {
    -ms-grid-column: 1;
    float: left;
    padding-right: 5px;
}

.sourceSuite {
    -ms-grid-column: 2;
    font-weight: bold;
    padding-right: 5px;
    float: left;
}

.description2 {
    -ms-grid-column: 3;
    float: left;
    padding-right: 5px;
}

.targeSuite {
    -ms-grid-column: 4;
    font-weight: bold;
    float: left;
}

.description3 {
    -ms-grid-column: 5;
    float: left; 
}

.clone-test-plan-header-label {
    font-weight: bold;
}

.cellText
{
   display: block;
   width: 100%;
   height: 100%;
}