/*-
 * ================================================================================
 * 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.
 * ================================================================================
 */
 .sprite-base {
  background: url('../assets/images/sprite.png') top left no-repeat;
}

.ecomp-logo {
  background: url('../assets/images/ecomp_logo.png');
  width: 58px;
  height: 28px;
}

.ico_user {
  .sprite-base;
  width: 16px;
  height: 19px;
  background-position: -10px -48px;
}

.ico_add_user {
  .sprite-base;
  width: 19px;
  height: 19px;
  background-position: -10px -78px;
}

.ico_dropdown {
  .sprite-base;
  width: 12px;
  height: 7px;
  background-position: -10px -107px;
}

.ico_search {
  .sprite-base;
  width: 14px;
  height: 14px;
  background-position: -10px -124px;
}

.ico_trash_default {
  background: url('../assets/images/deleteicon.png') no-repeat;
  width: 15px;
  height: 20px;
}

.ico_trash_disabled {
  .sprite-base;
  width: 12px;
  height: 15px;
  background-position: -10px -173px;
}

.arrow_down {
  .sprite-base;
  width: 12px;
  height: 5px;
  background-position: -10px -198px;
}

.arrow_up {
  .sprite-base;
  width: 12px;
  height: 5px;
  background-position: -10px -213px;
}

.checkbox_checked {
  .sprite-base;
  width: 14px;
  height: 14px;
  background-position: -10px -228px;
}

.checkbox_disabled {
  .sprite-base;
  width: 14px;
  height: 14px;
  background-position: -10px -252px;
}

.checkbox_unchecked {
  .sprite-base;
  width: 14px;
  height: 14px;
  background-position: -10px -276px;
}

.checkbox_unchecked_hover {
  .sprite-base;
  width: 14px;
  height: 14px;
  background-position: -10px -300px;
}

.default_upload_image{
  .sprite-base;
  width:150px;
  height:100px;
  background-position:-10px -324px;
}