/*
 * ============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============================================
 *
 * 
 */



 :host {  .toolbar {
  height: 100px;
  display: flex;
}  gridster {
  display: flex;
  height: calc(100vh - 115px);
  flex-direction: column;
}}
.icon-content-gridguide{
  cursor:move;
  font-size: 14px; 
  }
  .form-row {
    margin-top: -14px;
}
.griditem-header{
  
  
    border-bottom: 1px;
    border-bottom-color: solid gray;
    
  
  
}

.checkbox, .radio {
min-height: 10px; 
padding-left: 0px; 
}

.simulateCatGridHeader{
	position: relative;
    height: 70px !important;
    border: 1px solid #d3d3d3;
    border-bottom: 0;
    background-color: #E5E5E5;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 1;
}

.simulateCatGridHeaderTitle{
	line-height: 20px;
	margin-top: 10px;
	 margin-left: 26px;
    font-family: "Omnes-ECOMP-W02", Arial;
    font-size: 18px; 
    color: #444444;
    float: left;
}

.simulateCatGridHeaderRadio{
    line-height: 20px;
    margin-top: 10px; 
    margin-left: 10px;
    font-family: "Omnes-ECOMP-W02", Arial;
    font-size: 12px;
    color: #444444;
    float: left; 
}

.simulateCatGridHeaderDetails{
	line-height: 20px;
    margin-left: 10px;
    font-family: "Omnes-ECOMP-W02", Arial;
    font-size: 12px; 
    color: #444444;
    float: left;
}

.simulateGridHeaderHandle{
	cursor: move;
    margin: 12px;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    display: block;
}

.catalog-radio-div{ 
	display:inline-block; 
	margin-right:5px; 
} 

.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: #fff;
    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: 70%;
    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;
}
.checkbox input{
 margin: 6px;
    left: 112px;
    top: -20px;
    }
.checkbox .skin {
    left: 125px;
    top: -18px;
}