/*-
 * ============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============================================
 *
 * ECOMP is a trademark and service mark of AT&T Intellectual Property.
 */
 .account-add-details-modal{
	height: 550px;
	
	overflow-y: auto;

	.account-details-title {
	    color: #191919;
	    font-family: "Omnes-ECOMP-W02", Arial;;
	    font-size: 24px;
	    padding-bottom: 15px;
	    padding-top:30px;
	    margin-left: 25px;
	}
	.account-properties-main {
	    padding-top: 20px;
	    padding-left: 20px;
	    padding-right: 20px;
	    margin-bottom: 50px;
	    
	    height: 100%;
	    width:100%;
	    
	    .account-property{
	      margin-top: 10px;
	      position: relative;
	      .property-label{
	        .dGray14r;
	      }
	      .checkbox-label{
	        display: inline-block;
	        padding-left: 3px;
	      }
	      .checkbox-field{
	        padding: 0;
	        margin: 0;
	        vertical-align: middle;
	        position: relative;
	        top: -1px;
	      }
	      .checkbox .skin {
  				left: 0px;
  				top: 0px;
			}  
	    }
		.add-endpoint-item{
			position: relative;
	        .add-label-left{
	  	  	  line-height: 25px;
	          height: 30px;
	          vertical-align: middle;
	          display:inline-block;
	          margin-right: 10px;
			  .dGray14r;
	  	   }
	  	   .add-label-right{
	  	   	  height: 14px;
	  	   	  width: 14px;
	          display:inline-block;
	  	   }
		}
		.item{
	      position: relative;
	      margin-bottom: 15px;
	      width: 400px;
	      .service-select{
	 		  select{
	 		  	cursor: pointer;
			    position: relative;
			    border: 1px solid #5a5a5a;
			    white-space: nowrap;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    line-height: 15px;
			    height: 32px;
			    padding-left: 10px;
			    padding-right: 10px;
		      	border-radius: 0px;
	 		  }
	          display:inline-block;
	          width: 100%;
    	  }
    	  .error-container{
	        position: absolute;
	        width: 280px;
	        display: block;
	        height: 12px;
	        line-height: 12px;
	
	        .err-message{
	          color: @funcRed;
	          font-size: 9px;
	        }
	        .valid-message{
	          color: @funcGreen;
	          font-size: 9px;
	        }
	      }
	      .auth-item-left{
	          padding-top: 0;
	          line-height: 30px;
	          height: 30px;
	          vertical-align: middle;
	          display:inline-block;
	          width: 15%;
	          margin-right: 10px;
	          white-space: nowrap;
			  .dGray14r;
       	  }
          .auth-item-right{
	          display:inline-block;
	          width: 45%;
	          border-radius: 2px;
	          border: 1px solid;
	          vertical-align: middle;
          }
          
          .endpoint-item-left{
	          line-height: 30px;
	          height: 30px;
	          vertical-align: middle;
	          display:inline-block;
	          width: 80%;
	          //border-radius: 2px;
	          //border: 1px solid;
	          margin-right: 10px;
	          white-space: nowrap;
			  .dGray14r;
       	  }
       	  .endpoint-item-middle{
          	  margin-top: 10px;
	          height: 14px;
	          width: 14px;
	          display:inline-block;
          }
          
          .endpoint-item-right{
          	  margin-left: 5px; 
	          width: 15%;
	          height: 30px;
	          display:inline-block;
          }
          
          .endpoint-label-item-left{
	          line-height: 30px;
	          height: 30px;
	          vertical-align: middle;
	          display:inline-block;
	          width: 80%;
	          margin-right: 10px;
	          white-space: nowrap;
			  .dGray14r;
       	  }
          .endpoint-label-item-right{
	          line-height: 30px;
	          height: 30px;
	          display:inline-block;
	          width: 20%;
	          vertical-align: middle;
	          white-space: nowrap;
	          .dGray14r;
          }

	      
	       .textarea-field{
	      	position: relative;
	      	.custom-input-field;
	      	height:50px;
      	    }
	       .submit-button {
	       	 margin-top: 25px;
	  	 	 position: relative;
	  	 	 float: right;
	  	 	 width: 20%;
	   		.btn-blue;
	  	  }
	  	  
	  	 
	  	  
	  	  .add-endpoint-button{
			height: 14px;
	  	  	width: 14px;
	  	  	float: right;
	  	  }
	  	  .item-label{
        	.dGray14r;
      	  }
	    }
	}
}
#account-scroll-end{
	height: 20px;
}