/*-
 * ================================================================================
 * 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.
 * ================================================================================
 */
 /*------------------------------- Backgrounds -------------------------------*/
.bg_a  {background-color:  @a;}
.bg_b  {background-color:  @b;}
.bg_c  {background-color:  @c;}
.bg_d  {background-color:  @d;}
.bg_e  {background-color:  @e;}
.bg_f  {background-color:  @f;}
.bg_g  {background-color:  @g;}
.bg_h  {background-color:  @h;}
.bg_i  {background-color:  @i;}
.bg_j  {background-color:  @j;}
.bg_k  {background-color:  @k;}
.bg_l  {background-color:  @l;}
.bg_m  {background-color:  @m;}
.bg_n  {background-color:  @n;}
.bg_o  {background-color:  @o;}
.bg_p  {background-color:  @p;}
.bg_q  {background-color:  @q;}
.bg_r  {background-color:  @r;}
.bg_s  {background-color:  @s;}
.bg_t  {background-color:  @t;}
.bg_u  {background-color:  @u;}
.bg_v  {background-color:  @v;}
.bg_w  {background-color:  @bg;}

/*------------------------------- Fonts -------------------------------*/

/* font family */
.omnes {
    .regular {
        font-family: @font-clearview-regular;
    }
    .medium {
      font-family: @font-omnes-medium;
    }
    .light {
        font-family: @font-clearview-light;
    }
    .regular-italic {
        font-family: @font-omnes-regular-italic;
    }
    .bold {
        font-family: @font-clearview-bold;
    }
}
.clearview {
  .regular {
    font-family: @font-omnes-regular;
  }
  .medium {
    font-family: @font-omnes-medium;
  }
  .light {
    font-family: @font-omnes-light;
  }
  .regular-italic {
    font-family: @font-omnes-regular-italic;
  }
  .bold {
    font-family: @font-omnes-bold;
  }
}

.a {color:  @a;}
.b {color:  @b;}
.c {color:  @c;}
.d {color:  @d;}
.e {color:  @e;}
.f {color:  @f;}
.g {color:  @g;}
.h {color:  @h;}
.i {color:  @i;}
.j {color:  @j;}
.k {color:  @k;}
.l {color:  @l;}
.m {color:  @m;}
.n {color:  @n;}
.o {color:  @o;}
.p {color:  @p;}
.q {color: @q;}
.r {color: @r;}
.s {color: @s;}
.t {color: @t;}
.u {color: @u;}
.v {color: @v;}
.z {color: @z;}

._14rc {
  .clearview > .regular;
  font-size: 14px;
}
._12ic {
  .clearview > .regular-italic;
  font-size: 12px;
}
._16rc {
  .clearview > .regular;
  font-size: 16px;
}
._18rc {
  .clearview > .regular;
  font-size: 18px;
}
._18bc {
  .clearview > .bold;
  font-size: 18px;
}
._12r{
    .omnes > .regular;
    font-size: 12px;
}
._12r{
    .omnes > .regular;
    font-size: 12px;
}
._14m {
    .omnes > .medium;
    font-size: 14px;
}
._14r{
    .omnes > .regular;
    font-size: 14px;
}
._16r{
    .omnes > .regular;
    font-size: 16px;
}
._21r{
    .omnes > .regular;
    font-size: 21px;
}
._24r{
    .omnes > .regular;
    font-size: 24px;
}
._40r{
    .omnes > .regular;
    font-size: 40px;
}
._16m{
    .omnes > .medium;
    font-size: 16px;
}
._18r{
    .omnes > .regular;
    font-size: 18px;
}
._13r{
    .omnes > .regular;
    font-size: 13px;
}

.a14m{
    .a;
    ._14m;
}
.b14r{
    .b;
    ._14r;
}
.d14m{
    .d;
    ._14m;
}
.a14r{
    .a;
    ._14r;
}
.b14m{
    .b;
    ._14m;
}
.c16r{
    .c;
    ._16r;
}
.c18b{
  .c;
  ._18bc;
}
.a24r{
    .a;
    ._24r;
}
.d40r{
    .d;
    ._40r;
}
.d16r{
    .d;
    ._16r;
}
.b16r{
    .b;
    ._16m;
}
.u21r{
    .u;
    ._21r;
}
.u40r{
    .u;
    ._40r;
}
.u16r{
    .u;
    ._16r;
}
.u16m{
    .u;
    ._16m;
}
.u18r{
    .u;
    ._18r;
}
.o12r{
    .o;
    ._12r;
}
.o14r{
    .o;
    ._14r;
}
.o16m{
  .o;
  ._16m;
}
.o12i{
  .o;
  ._12ic
}
.u14m{
    .u;
    ._14m;
}
.u13r{
    .u;
    ._13r;
}
.n18r{
    .n;
    ._18r;
}
.n14r{
    .n;
    ._14r;
}
.n16r{
    .n;
    ._16r;
}
.n16m{
    .n;
    ._16m;
}
.n14r{
    .n;
    ._14r;
}
.n14m{
    .n;
    ._14m;
}
.n16m{
  .n;
  ._16m;
}
.p13r{
    .p;
    ._13r;
}

.content_justify {
    margin: 0 auto;
    width: 1170px;
}