/*-
 * ============LICENSE_START==========================================
 * ONAP Portal
 * ===================================================================
 * Copyright (C) 2017 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============================================
 *
 * 
 */
 .new-catalog-modal {
  height: 430px;

  .user-catalog-roles{
    .title{
      //.n18r;
      .dGray18r;  //Dark Gray
      border-bottom: @portalDBlue 3px solid;
    }
    
       input:not([type="button"]) {
    height: 13px;
} 
    .display-userApp-Catalog-Roles
    {
    padding-left: 16px;
    padding-top: 10px;
    font-family: Omnes-ECOMP-W02,Arial;
    font-size: 18px;
    color: #5a5a5a;
    }
	
	#pending-checkbox{	
	font-family: Omnes-ECOMP-W02,Arial;
	font-size: 15px; 
	color: #5a5a5a;
	}
    .app-catalog-roles-list{
      height: 286px;
      
      
      .app-catalog-item{
        border: 1px solid @portalLGray;
        border-radius: 2px;
        background-color: @funcBkgGray;

        padding: 10px;
        margin-top: 8px;
        //margin-right: 6px;
        //margin-left: 6px;

        .app-catalog-item-left{
          padding-top: 0;
          line-height: 30px;
          height: 30px;
          vertical-align: middle;
          display:inline-block;
          width: 45%;
          border-radius: 2px;
          border: 1px solid @portalLGray;
          margin-right: 10px;
          padding-left: 4px;
          background: @portalWhite;
          white-space: nowrap;

        }
        .app-catalog-item-right{
          display:inline-block;
          width: 45%;
          border-radius: 2px;
          border: 1px solid @portalLGray;
          background: @portalWhite;
          vertical-align: middle;
        }

        .app-catalog-item-right-error{
          .portalRed;
          padding: 7px 7px 7px 7px;
          display:inline-block;
          width: 45%;
          border-radius: 2px;
          border: 1px solid @portalLGray;
          background: @portalWhite;
          vertical-align: middle;
        }

        .app-catalog-item-right-contacting{
          .portalGreen;
          padding: 7px 7px 7px 7px;
          display:inline-block;
          width: 45%;
          border-radius: 2px;
          border: 1px solid @portalLGray;
          background: @portalWhite;
          vertical-align: middle;
        }

        .app-select-left{
          width: 45%;
          margin-right: 10px;
          vertical-align: middle;


          .select-field{
            padding-top: 0;
            line-height: 30px;
            height: 30px;
            vertical-align: middle;
            border-radius: 2px;
            border: 1px solid @portalLGray;
            margin-right: 10px;
            padding-left: 4px;
            background: @portalWhite;
            display:inline-block;
          }
        }


        .app-item-delete{
          .ico_trash_default;
          display: inline-block;
          vertical-align: 2px;
          cursor: pointer;
          position: relative;
          top: 6px;
          color: transparent;
          margin-left: 8px;

        }

      }
    }

  }
  
 .userApp-Catalog-Roles-value {
 	height: 150px; 
 	width: 200px; 
 	overflow-y: auto;
 }
 
}