/*-
 * ============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.
 */
.microservice-add-details-model{
	//height: 550px;
	//overflow-y: auto;
	.title {
		.dGray18r; 
		//border-bottom: @blue-active 3px solid;
	}
	.microservice-details-title {
	    color: #191919;
	    font-family: "Omnes-ECOMP-W02", Arial;;
	    font-size: 24px;
	    padding-bottom: 15px;
	    padding-top:30px;
	    margin-left: 25px;
	}
	.textAreaDesc{
		padding:10px;
	}
	.microservice-properties-main {
	    padding-top: 20px;
	    padding-left: 20px;
	    padding-right: 20px;
	    margin-bottom: 50px;
	    
	    height: 100%;
	    width:100%;
	    
	    .microservice-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-para-item{
			position: relative;
	        .add-label-left{
	  	  	  line-height: 25px;
	          height: 30px;
	          vertical-align: middle;
	          display:inline-block;
	         
	          margin-right: 10px;
	          background: @portalWhite;
			  .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%;
	          //border-radius: 2px;
	          //border: 1px solid @portalLGray;
	          margin-right: 10px;
	          background: @portalWhite;
	          white-space: nowrap;
			  .dGray14r;
       	  }
          .auth-item-right{
	          display:inline-block;
	          width: 45%;
	          border-radius: 2px;
	          border: 1px solid @portalLGray;
	          background: @portalWhite;
	          vertical-align: middle;
          }
          .para-label-item-left{
	          line-height: 30px;
	          height: 30px;
	          vertical-align: middle;
	          display:inline-block;
	          width: 45%;
	          margin-right: 10px;
	          background: @portalWhite;
	          white-space: nowrap;
			  .dGray14r;
       	  }
          .para-label-item-right{
				margin-left: 248px !important;
			    position: absolute !important;
			    margin-top: -19px !important;
			    width: 50% !important;
          }
          
       .table-search-fields{   
         	 margin-left: 248px;
		    position: absolute;
		    margin-top: -36px;
    
    		}
           .para-item-left{
	          line-height: 30px;
	          height: 36px;
	          margin:3px;
	          vertical-align: middle;
	          display:inline-block;
	          width: 43%;
	          border-radius: 2px;
	          border: 1px solid @portalLGray;
	          margin-right: 10px;
	          background: @portalWhite;
	          white-space: nowrap;
			  .dGray14r;
       	  }
          .para-item-middle{
	          line-height: 30px;
	          height: 36px;
	          margin:3px;
	          display:inline-block;
	          width: 43%;
	          border-radius: 2px;
	          border: 1px solid @portalLGray;
	          background: @portalWhite;
	          vertical-align: middle;
	          white-space: nowrap;
	          .dGray14r;
          }
          .json-field{
		  	position: relative;
	      	.custom-input-field;
	      	height:80px;
		  }
           .left-test-item{
	        display: inline-block;
	        width: 85%;
	        background: @portalWhite;
	      }
          
          .right-test-item{
	        position: relative;
	        display: inline-block;
	        width: 15%;
	        float: right;
	      }
	      
          .test-button {
   			  .btn-blue;
  	  	  }
          .para-item-right{
		    margin-top: -27px;
		    position: absolute;
		    margin-left: 500px;
          }
	      .input-field{
	        .custom-input-field;
	        width: 100%; 
	       }
	       .textarea-field{
	      	position: relative;
	      	.custom-input-field;
	      	height:50px;
      	    }
	       .submit-button {
	       	 margin-top: 25px;
	  	 	 position: relative;
	  	 	 float: right;
	  	 	 width: 20%;
	   		.btn-blue;
	  	  }
	  	  
	  	 .modal.fade.in{
	  	 overflow:hidden;
	  	 }
	  	  
	  	  .add-para-button{
			height: 14px;
	  	  	width: 14px;
	  	  	float: right;
	  	  }
	  	  .item-label{
        	.dGray14r;
      	  }
	    }
	}
}
.microservice-scrolling-table{
//	width: 548px;
    margin-left: 16px;
    height: 450px;
    overflow: auto;
    margin-right: -29px;
}
#microservice-scroll-end{
	height: 20px;
} 

#microservice-details-input-endpoint-url{
	width:400px !important;
}