/*
 * ============LICENSE_START==========================================
 * ONAP Portal SDK
 * ===================================================================
 * Copyright © 2019 AT&T Intellectual Property. All rights reserved.
 * ===================================================================
 *
 * Unless otherwise specified, all software contained herein is licensed
 * under the Apache License, Version 2.0 (the "License");
 * you may not use this software 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.
 *
 * Unless otherwise specified, all documentation contained herein is licensed
 * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
 * you may not use this documentation except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *             https://creativecommons.org/licenses/by/4.0/
 *
 * Unless required by applicable law or agreed to in writing, documentation
 * 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.
 *
 * ============LICENSE_END============================================
 *
 * 
 */
 
.dashboard-card {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
}

.more-button {
  position: absolute;
  top: 5px;
  right: 10px;
}

.dashboard-card-content {
  text-align: center;
}




.dashboard-card {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
}

.more-button {
  position: absolute;
  top: 5px;
  right: 10px;
}

.dashboard-card-content {
  text-align: center;
}

.mat-card-header{
 background: #eceeef
}

.line {fill:none; stroke:black;stroke-width: 1.5;}
.line-0 {fill:none; stroke:#1f77b4;stroke-width: 1.5;stroke-dasharray:4,10;}
.line-1 {fill:none; stroke:#ff7f0e;stroke-width: 1.5;stroke-dasharray:2,5.10;}
.line-2 {fill:none; stroke:#2ca02c;stroke-width: 1.5;}
.line-3 {fill:none; stroke:#d62728;stroke-width: 1.5;}
.line-4 {fill:none; stroke:#9467bd;stroke-width: 1.5;}
.line-5 {fill:none; stroke:#8c564b;stroke-width: 1.5;}
.line-6 {fill:none; stroke:#e377c2;stroke-width: 1.5;}
.line-7 {fill:none; stroke:#7f7f7f;stroke-width: 1.5;}
.line-8 {fill:none; stroke:#bcbd22;stroke-width: 1.5;}
.line-9 {fill:none; stroke:b#17becf;stroke-width: 1.5;}

.bar { fill:#aaa; stroke:white;stroke-width: 1;}
.bar-value { fill:black;font-size: 8pt;}
.name { font-size: 10pt;text-anchor: middle}
path {fill:white;stroke:black;stroke-width:0.5;}
.axis text {
    font-family: sans-serif;
    font-size: 11px;
}
.axis path,
.axis line {
    fill: none;
    stroke: black;
}
.axis_x line {
    fill: none;
    stroke: black;
}
.chart-title { fill:red;font-size: 18pt;text-anchor: middle;}
.histogram-bar{fill:blue; stroke:white;stroke-width: 1;}
.axis-x-text{ fill:blue;font-size: 12pt;}
.treemap { stroke:black;fill:#777}		
.treemap-label { font-size: 10pt;text-anchor: middle}
.packlayout{ stroke:black;}
.packlayout-label{ font-size: 10pt;text-anchor: middle}
.pie-inner-title {font-size:9pt;text-anchor:middle;}
.pieNum {font-size:10pt;text-anchor:middle;}
.grid {stroke:gray;stroke-dasharray: 4,2;shape-rendering:crispEdges}

.tree-node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 3px;
}
.tree-node text { 
    font: 12px sans-serif; 
}
.tree-node-internal text {
    text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
}
.tree-node-link {
    fill: none;
    stroke: #ccc;
    stroke-width: 2px;
}
.force-links line {
stroke: #999;
stroke-opacity: 0.6;
}

.force-nodes circle {
stroke: #fff;
stroke-width: 1.5px;
}


.example-handle {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #ccc;
  cursor: move;
  width: 24px;
  height: 24px;
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 1px -1px rgba(0,0,0,1), 
              0 1px 1px 0 rgba(0,0,0,1), 
              0 1px 3px 0 rgba(0,0,0,1);
}


.mat-card-content, .mat-card-subtitle {
  font-size: 10px;
}

.mat-card-imp-links{
  font-size: 12px;
  text-align:left; 
}

.mat-card-feedback-enh{
  font-size: 18px;
  font-weight: 480;
  font-family: Roboto,"Helvetica Neue",sans-serif;
}


.app {
  overflow: auto;
  margin-bottom: 50px;
}
.toolbar {
  left: 0;
  bottom: 0;
  right: 0;
  height:55px;
  text-align: center;
  position: fixed;
  width: 100%;
  background-color: gold;
  border: 10px solid gray;
  border-bottom: 0;
  color: gray;
  font-size: -webkit-xxx-large;
  font-weight: bold;
}

button {
  cursor: pointer;
  background: transparent;
  border: none;
  font-size: xx-large;
  outline: none;
}
.record {
float: right;
}



/*
gridster-item div.button-holder {
  width: 100%;
  height: 100%;
 display: flex;
   flex-direction: column;
  justify-content: center;
  align-items: center;
}
*/
/*
gridster-item .item-buttons {
  position: absolute;
  top: 0;
  right: 0;
}*/

/*
gridster-item .gridster-item-content {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.gridster-item-content {
  background-color: yellow;
  height: 100%;
}

:host {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.destroy-button {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100;
}*/

/*
.icon-content-gridguide{
  cursor:move;
  font-size: 14px; 
  }
  .form-row {
    margin-top: -14px;
}

.appCatalogue-boarder{
  background-color: #eee;
  border: 1px dashed white;
  
  overflow-y: auto;
  overflow-x: hidden;
  }*/

 /* .gridster {
    height: calc(100vh - 600px); 
    width: 100%;
}*/
.appCatalogue-boarder{
  background-color: #eee;
  border: 1px dashed white;  
  overflow-y: auto;
  overflow-x: hidden;
  
  }

.gridster-box {
  height: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  transition: transform 0.5s ease-out;
}
.gridster-box-header {
  background-color: rgba(245, 245, 245, 0.767);
  padding: 0 0px 0 10px;
  border-bottom: 1px solid #ccc;
  position: relative;
  height: 50px !important;
}
.gridster-box-header h3 {
  
  margin-top: 15px;
  display: inline-block;
  font-size: medium;
  font-family: "Omnes-ECOMP-W02", Arial;
}
.gridster-box-content {
  padding: 59px;
}
/*
.gridster-box:hover{
  transform: scale(1.1);
}*/
.gridster-box-header-btns {
  top: 15px;
  right: 10px;
  position: absolute;
}

td {
  font-weight: normal;
  font-family: "Omnes-ECOMP-W02", Arial;
  border: 1px solid white;
  color: #1f77b4;
}
a{
  font-weight: normal;
  color: #1f77b4;
}