/*  Copyright (c) 2019 AT&T Intellectual Property.                             #
#                                                                              #
#   Licensed under the Apache License, Version 2.0 (the "License");            #
#   you may not use this file except in compliance with the License.           #
#   You may obtain a copy of the License at                                    #
#                                                                              #
#       http://www.apache.org/licenses/LICENSE-2.0                             #
#                                                                              #
#   Unless required by applicable law or agreed to in writing, software        #
#   distributed under the License is distributed on an "AS IS" BASIS,          #
#   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #
#   See the License for the specific language governing permissions and        #
#   limitations under the License.                                             #
##############################################################################*/


.COMPLETED-dash {
    background-color: #0d47a1;
    color: white;
}

.SUCCESS-dash {
    background-color: #199700;
    color: white;
}

.FAILURE-dash {
    background-color: #dd2c00 !important;
    color: white;
}

.fast-spin {
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}

.STOPPED-dash {
    background-color: #ff9100;
    color: white;
}

.UNAUTHORIZED-dash {
    background-color: #000000;
    color: white;
}

.UNKNOWN-dash {
    background-color: White;
}

table {
    width: 100%;
    table-layout:fixed; 
  }
  
  tr.example-detail-row {
    height: 0;
  }
  
  tr.example-element-row:not(.example-expanded-row):hover {
    background: #f5f5f5;
    cursor: pointer;
  }
  
  tr.example-element-row:not(.example-expanded-row):active {
    background: #efefef;
    cursor: pointer;
  }
  
  .example-element-row td {
    border-bottom-width: 0;
  }
  
  .example-element-detail {
    //overflow: hidden;
    //display: flex;
  }
  
  .example-element-diagram {
    min-width: 80px;
    border: 2px solid black;
    padding: 8px;
    font-weight: lighter;
    margin: 8px 0;
    height: 104px;
  }
  
  .example-element-symbol {
    font-weight: bold;
    font-size: 40px;
    line-height: normal;
  }
  
  .example-element-description {
    padding: 16px;
  }
  
  .example-element-description-attribution {
    opacity: 0.5;
  }


.active-testHead {
  background-color: #f8f9fa;
}

.pull-tab {
  height: 0px;
  width: 0px;
  border-top: 20px solid #007bff;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  -webkit-transform: rotate(-45deg);
  position: absolute;
  bottom: 0px;
  right: -15px;
  pointer-events: none;
  z-index: 1;
  margin-bottom: -4px;
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  right: -2px;
  bottom: 11px;
}