/*-
 * ================================================================================
 * eCOMP Portal
 * ================================================================================
 * Copyright (C) 2017 AT&T Intellectual Property
 * ================================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file 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.
 * ================================================================================
 */
 .search-users-directive{
  .title {
    //.n18r;
    .dGray18r; 
    border-bottom: @blue-active 3px solid;

  }
  
  .user:focus {
	    outline: -webkit-focus-ring-color auto 5px;
	    background-color:white !important;
	}
  .add-user-section{
      margin-top:0px;
      margin-left:10px;
  }
  
  .input-text-new-user {
	  font-style: italic;
	  padding: 7px 10px;
	  width: 200px !important;
	  display: inline-block;
	  position: relative;
	  margin-bottom: 10px;
	  border-radius: 6px;
	  border: 1px solid #d8d8d8;
	  height: 32px;
	  border-color: slategrey !important;
  }
  
  .input-new-user-div{
	display:inline-block;
    width: 240px;
	margin-left:10px;
  }
  
  .add-user-button {
	  cursor: pointer;
	  float:right;
	  width: 120px;
	 
	  margin-left : 5px;
    
	  .btn-blue;
	
	  line-height: 32px;
	  height: 29px;
    text-align: center;
    vertical-align: middle;
    line-height: 28px;
	
	  &::before {
	    .ico_add_user;
	    content: '\f211';
	    font-family: "Ionicons";
	    vertical-align: middle;
	    display: inline-block;
	    margin-right: 8px;
      line-height: 16px;
	  }
  }

  .main {
    margin: 16px;
    .search-instructions {
      .dGray14r;
      margin-bottom: 8px;
    }
    .search {
      .input-field {
        display: inline-block;
        width: 250px;
        height: 30px;
      }
      .search-button {
        .btn-blue;
        width: 90px;
        display: inline-block;
        float: right;
      }
    }

    .search-results {
      margin-top: 10px;
      .results-title {
        .dGray14r;
        margin-bottom: 8px;
      }

      .results-container {
        height: 170px;
        overflow-y: auto;
        .user {
          padding-left: 10px;
          padding-top: 6px;
          height: 48px;

          border-top: 1px solid @portalGray;
          border-right: 1px solid @portalGray;
          border-left: 1px solid @portalGray;

          &:last-child {
            border-bottom: 1px solid @portalGray;
          }

          cursor: pointer;
          &:hover {
            background-color: @funcBkgGray;
          }

          &.selected {
            background-color: @funcBkgGray;
          }

          .main-name {
            .dGray14r;

          }
          .sub-job-title {
            .gray13r;

          }
        }

      }

    }
    .error-text {
      margin-top: 25px;
      font-weight: 400;
      font-size: 16px;
      text-align: left;
      color: @err;
    }

    .no-user-found {
      margin-top: 16px;
      .dGray14r;
    }
    .add-new-user-btn{
    	margin-top:10px;
    }
  }
}