/* Minification failed. Returning unminified contents.
(1791,15): run-time error CSS1030: Expected identifier, found '.'
(1791,32): run-time error CSS1031: Expected selector, found ')'
(1791,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1795,15): run-time error CSS1030: Expected identifier, found '.'
(1795,32): run-time error CSS1031: Expected selector, found ')'
(1795,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1799,15): run-time error CSS1030: Expected identifier, found '.'
(1799,32): run-time error CSS1031: Expected selector, found ')'
(1799,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1805,15): run-time error CSS1030: Expected identifier, found '.'
(1805,32): run-time error CSS1031: Expected selector, found ')'
(1805,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1809,15): run-time error CSS1030: Expected identifier, found '.'
(1809,32): run-time error CSS1031: Expected selector, found ')'
(1809,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1813,15): run-time error CSS1030: Expected identifier, found '.'
(1813,32): run-time error CSS1031: Expected selector, found ')'
(1813,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2115,15): run-time error CSS1030: Expected identifier, found '.'
(2115,32): run-time error CSS1031: Expected selector, found ')'
(2115,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2124,15): run-time error CSS1030: Expected identifier, found '.'
(2124,32): run-time error CSS1031: Expected selector, found ')'
(2124,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2128,15): run-time error CSS1030: Expected identifier, found '.'
(2128,32): run-time error CSS1031: Expected selector, found ')'
(2128,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2793,1): run-time error CSS1019: Unexpected token, found '@import'
(2793,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Open+Sans')'
(3553,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3563,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3583,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* Minification failed. Returning unminified contents.
(1754,15): run-time error CSS1030: Expected identifier, found '.'
(1754,32): run-time error CSS1031: Expected selector, found ')'
(1754,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1758,15): run-time error CSS1030: Expected identifier, found '.'
(1758,32): run-time error CSS1031: Expected selector, found ')'
(1758,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1762,15): run-time error CSS1030: Expected identifier, found '.'
(1762,32): run-time error CSS1031: Expected selector, found ')'
(1762,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1768,15): run-time error CSS1030: Expected identifier, found '.'
(1768,32): run-time error CSS1031: Expected selector, found ')'
(1768,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1772,15): run-time error CSS1030: Expected identifier, found '.'
(1772,32): run-time error CSS1031: Expected selector, found ')'
(1772,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1776,15): run-time error CSS1030: Expected identifier, found '.'
(1776,32): run-time error CSS1031: Expected selector, found ')'
(1776,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2078,15): run-time error CSS1030: Expected identifier, found '.'
(2078,32): run-time error CSS1031: Expected selector, found ')'
(2078,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2087,15): run-time error CSS1030: Expected identifier, found '.'
(2087,32): run-time error CSS1031: Expected selector, found ')'
(2087,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2091,15): run-time error CSS1030: Expected identifier, found '.'
(2091,32): run-time error CSS1031: Expected selector, found ')'
(2091,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2756,1): run-time error CSS1019: Unexpected token, found '@import'
(2756,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Open+Sans')'
(3516,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3526,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3546,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xJwNa6kgmw9HIHjUBPkzL2f3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xKdGPpWTn2kPFru4k7T0T-v3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xN9i7v7U2vZkHC55NWxtqfn3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xK1ueDcgZDcfV3TWANvdPLj3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xC3qj1XlvLGj0jktnJzWu233rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xC8hAQ4ocbp44gFQt8tMfcH3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBrT1lp9IdZ6Q20XTtjH6Zv3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xIS898UBCVj0FEntoasBk6P3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBkraXwpsr1uSZUhAAol_4_3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xKTAHfCyYjmaKhz-jw4dXo73rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xP1CsDU87ma3di2VmaZcPSr3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBztfhWvsElVqpbWxzFHK633rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xIF8zhZCJ7x9Pr62cRgaVUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/*Alerts page css */
.bluecolor {
    color: deepskyblue !important;
}


.marginLeft {
    margin-left: 10px !important;
}

.marginLeftFix {
    margin-left: 0px !important;
}

.paddingleftclear {
    padding-left: 0px;
}

.paddingTopClear {
    padding-top: 0px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.marginBottonClear {
    margin-bottom: 0px;
    float: right;
}

.fontsizeLarge {
    font-size: 18px;
}

.fontsizeMedium {
    font-size: 11px;
}

.fontsizeExmedium {
    font-size: 13px;
}

.marginBotton {
    margin-bottom: 5px !important;
}

.borderbackgroundClear {
    background-color: #EAEAEA;
}

.margin-custom {
    margin-left: 25px !important;
    margin-right: 25px !important;
    padding-bottom: 40px !important;
    background-color: #EAEAEA;
}

.background-none-box {
    margin-left: 25px !important;
    margin-right: 25px !important;
    background-color: #EAEAEA;
}

.button-full {
    width: 100%;
}

.margin-top {
    margin-top: 20px;
    margin-bottom: 10px;
}

.margin-top-medium {
    margin-top: 20px;
}

.margin-top-less {
    margin-top: 10px;
}

.margin-top-small {
    margin-top: 5px;
}

.green-color {
    color: #00AA3E;
}

.para-bold {
    font-weight: bold;
    margin-bottom: 0px;
}

.header-inner {
    font-size: 15px;
    padding-top: 10px;
}

.confirmation-txt {
    font-size: 13px !important;
    /*padding-top:20px;*/
}

.confirmation-header {
    font-size: 13px;
    padding-bottom: 20px;
}

/*To be commented when updated style hosted*/
.table-comparison {
    table-layout: fixed;
}

    .table-comparison > thead > tr > th,
    .table-comparison > thead > tr > td {
        background: #00aa3e;
        border-color: #00aa3e;
        color: white;
        padding: 1em 25px;
    }

        .table-comparison > thead > tr > td:first-child,
        .table-comparison > thead > tr > td:first-child,
        .table-comparison > thead > tr > th:first-child,
        .table-comparison > thead > tr > td:first-child {
            border-right: 15px solid white;
        }

        .table-comparison > thead > tr > th + th,
        .table-comparison > thead > tr > td + th,
        .table-comparison > thead > tr > th + td,
        .table-comparison > thead > tr > td + td {
            border-left: 15px solid white;
        }

    .table-comparison > tbody > tr > th,
    .table-comparison > tbody > tr > td {
        background: #ebebeb;
        border-color: #ebebeb;
        color: #666666;
        padding: 1em 25px;
    }

        .table-comparison > tbody > tr > td:first-child,
        .table-comparison > tbody > tr > td:first-child,
        .table-comparison > tbody > tr > th:first-child,
        .table-comparison > tbody > tr > td:first-child {
            border-right: 15px solid white;
        }

        .table-comparison > tbody > tr > th + th,
        .table-comparison > tbody > tr > td + th,
        .table-comparison > tbody > tr > th + td,
        .table-comparison > tbody > tr > td + td {
            border-left: 15px solid white;
        }

    .table-comparison > tbody > tr > th {
        font-weight: normal;
    }

        .table-comparison > tbody > tr > th > span,
        .table-comparison > tbody > tr > td > span {
            text-align: center;
        }

.model-content-custom {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.custom_link {
    text-decoration: underline;
    cursor: pointer;
}
/*schedule*/
.notificationText {
    font-size: 11px;
    text-align: left;
    margin: 0;
    font-weight: bold;
    color: #000000;
}

input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: none;
    padding: 0;
    max-width: 170px;
}

.dateTextbox {
    /*width:150px;*/
    height: 35px;
}

.dateControlSize {
    height: 35px;
    /*width: 130px;
    padding-right: 8px;
    padding-left: 5px;*/
    font-size: 14px;
}

.table-cell-center {
    /*margin: auto;*/
    vertical-align: middle !important;
    text-align: center;
    /*padding: 20px 15px !important;
    font-size: 16px;*/
}

.table-comparison.table tr.isdue > td {
    background-color: #fed1b1;
}

tr.isdue > .table-cell-center {
    color: #E47E43;
}

#inpDate {
    width: 100%;
}

.btn-table {
    white-space: normal;
    min-width: 60px;
}

.custom-label {
    font-size: 16px !important;
    font-weight: 500 !important
}

.paddingRight {
    padding-right: 20px;
}

.custom-monthly-payment {
    color: #00aa3e;
    font-weight: 700;
}

.custom-blue-title:before {
    content: "\f0a8";
    font-family: "FontAwesome";
    color: #109de8;
    margin: 0 5px 0 0;
}

.custom-blue-title {
    font-size: 14px;
    font-weight: 700;
    color: #109de8;
    display: inline-block;
}

.icon-left {
    display: table-cell !important;
    color: #00aa3e;
    font-size: 3em;
    padding-right: 15px;
    vertical-align: middle;
}

.icon-left-container {
    display: table;
}

.row-error {
    padding-left: .5em;
}

.padding-bottom-large-error {
    padding-bottom: 300px;
}

.padding-bottom-small-error {
    padding-bottom: 15px;
}

.margin-right-small-error {
    margin-right: 10px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

#dd_numberofmonths {
    width: 100%;
}

.ev-caret-down {
}

.bootstrap-select > .dropdown-toggle {
    padding-right: 35px;
}

.ev-dropdown {
    position: relative;
    display: inline-block;
    z-index: 10;
    background-color: white;
}

    .ev-dropdown:after {
        position: absolute;
        content: '\f0d7';
        font-family: FontAwesome;
        margin-top: -10px;
        right: 20px;
        top: 50%;
        vertical-align: middle;
        /* width: 20px; */
        font-size: 14px;
        z-index: -1;
    }


.left-inner-addon {
    position: relative;
}

    .left-inner-addon input {
        padding-left: 22px;
        padding-right: initial;
    }

    .left-inner-addon span {
        position: absolute;
        padding: 8px 15px;
        pointer-events: none;
    }


.btn.btn-select {
    background: #fff;
}

.bootstrap-select.btn-group .dropdown-toggle .caret:after {
    content: '\f0d7';
    display: block;
    font-family: "FontAwesome";
    margin-top: 6px;
    text-align: center;
    color: #000;
}

.custom-es-datepicker {
    background: none;
    box-shadow: none;
    border: 1px solid #ccc;
}

.ev-down-payment-inp {
    font-weight: bold;
    text-align: left;
    font-size: 18px !important;
    padding-left: 25px !important;
}

.hidden-div {
    /*display: none !important;*/
}

@media (min-width: 768px) {
    .plan-panel-heading {
        display: flex;
        padding: 5px 10px;
        height: 30px;
    }

    .bcpminpadding {
        margin-left: 180px !important;
        margin-right: 180px !important;
    }


    .plan-panel-wrapper {
        display: flex;
        height: 100%;
        flex-direction: column;
    }

    .plan-panel-body {
        /*  min-height: 150px !important; */
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .plan-wrapper {
        display: flex;
    }
}

@media (min-width: 1024px) {
    .plan-panel-heading {
        display: flex;
        padding: 10px 20px;
        height: 70px;
    }
}

@media screen and (min-width : 320px) and (max-width : 767px) {
    .plan-panel-heading {
        display: flex;
        padding: 5px 10px !important;
        height: 27px;
    }
}

.plan-panel-body p {
    margin-bottom: 50px;
}

.plan-col-wrapper {
    margin: 0 auto;
}
/*.right-inner-addon {
    position: relative;
}

    .right-inner-addon input {
        padding-right: 30px;
    }

    .right-inner-addon span {
        position: absolute;
        right: 0px;
        padding: 7px 12px;
        pointer-events: none;
    }*/
#divMonthlyFlat {
    /*float:none;*/
    /*margin:0 auto;*/
}

.Late td {
    background-color: #ECE3DE !important;
    /*#e2d2c9*/
}

#SelectButton2 {
    padding-left: 5px !important;
}

.padding_zero {
    padding: 0px !important;
}

.btn-container {
    text-align: center;
    margin: auto;
    margin-bottom: 0;
}

.diabled_btn .bs-caret {
    display: none;
}


.blockicon {
    /*background-image: url(https://cdn1.iconfinder.com/data/icons/ui-essentials/48/block-128.png) !important;*/
    /*background-position: 97% center !important;
	background-repeat: no-repeat !important;
	background-size:24px !important;
	background-color: #fff !important;*/
    box-shadow: none !important;
    border: none !important;
    background-color: #fff !important;
    background-position: 97% center !important;
    background-repeat: no-repeat !important;
    background-size: 15% !important;
    padding-left: 40px !important;
    -webkit-appearance: none;
    cursor: auto !important;
    outline: 0px !important;
    outline: none
}

/*IE11-dropdown block icon symbol instead of the arrow icon*/
select .blockicon::-ms-expand {
    display: none !important;
}

.blockicon .bs-caret {
    display: none;
}

.selectmethodtxt {
    display: block;
    margin: 20px auto;
    text-align: center;
}

#PayModal .modal-content {
    width: 400px !important;
    margin: auto;
    padding-bottom: 15px;
    border-top: 20px solid #007749 !important;
}

#PayModal #btnmodalClose {
    cursor: pointer;
    z-index: 1000000;
    position: absolute;
    right: 8px;
    top: -3px;
    font-size: 50px;
}

#NewstartPayModal #btnmodalClose {
    cursor: pointer;
    z-index: 1000000;
    position: absolute;
    right: 8px;
    top: -3px;
    font-size: 50px;
}

#NewstartPayModal .modal-content {
    width: 400px !important;
    margin: auto;
    padding-bottom: 15px;
    border-top: 20px solid #007749 !important;
}

@media only screen and (max-width: 992px ) and (min-width: 768px ) {
    #btnEditPaymentPlan2 {
        font-size: 13px !important;
    }

    #btnConfirmPayment {
        font-size: 13px !important;
    }

    #circle {
        font-size: 20px !important;
    }

    #latemsg {
        font-size: 13px !important;
    }

    .paddingup {
        position: absolute !important;
        padding: 6px 15px !important;
        pointer-events: none !important;
    }

    #msgRevision {
        font-size: 12px !important;
    }

    #msgt {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 992px ) and (min-width: 700px ) {
    #divNewStartPaymentDate.ev-dropdown:after {
        right: 3px !important;
    }

    #divNewStartPaymentDate {
        font-size: 10px !important;
    }
}

#SelectButton3 {
    padding-right: 10px;
}

@media only screen and (max-width: 2500px ) and (min-width: 768px ) {
    .fontsizeMedium {
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 700px ) and (min-width: 361px ) {
    .table-comparison > tbody > tr > th,
    .table-comparison > tbody > tr > td {
        background: #ebebeb;
        border-color: #ebebeb;
        color: #666666;
        padding: 1em 3px !important;
    }

    #notificationtext {
        font-size: 9px !important;
        padding: 5px 5px;
    }
}

@media only screen and (max-width: 360px ) and (min-width: 100px ) {

    #inpDate {
        font-size: 10px;
    }

    .table-comparison > tbody > tr > th,
    .table-comparison > tbody > tr > td {
        background: #ebebeb;
        border-color: #ebebeb;
        color: #666666;
        padding: 1em 3px !important;
    }

    .ev-dropdown:after {
        right: 15px;
    }

    #notificationtext {
        font-size: 9px !important;
        padding: 5px 5px;
    }
}

@media only screen and (min-width: 436px ) {
    .Newstartfontmsg {
        font-size: 15px !important;
    }
}



@media only screen and (max-width: 436px ) and (min-width: 50px ) {
    #circle {
        font-size: 14px !important;
    }

    #latemsg {
        font-size: 9px !important;
    }

    #msgRevision {
        font-size: 10px !important;
    }

    #msgt {
        font-size: 10px !important;
    }


    #tblNewstartReviewSchedule.table-comparison > thead > tr > th,
    #tblNewstartReviewSchedule.table-comparison > thead > tr > td {
        background: #00aa3e;
        color: white;
        padding: 1em 4px !important;
    }

    .Newstartfontmsg {
        font-size: 1.5vw !important;
    }

    #MsgConirmbtn {
        font-size: 1.5vw !important;
    }

    #NewstartactivePayment {
        font-size: 1.5vw !important;
    }

    #btnEditNewStart {
        font-size: 1.5vw !important;
    }

    #pNewstartNotificationText {
        font-size: 1.5vw !important;
    }

    .msglast {
        font-size: 1.5vw !important;
    }
}

@media only screen and (max-width: 768px ) and (min-width: 436px ) {
    #circle {
        font-size: 18px !important;
    }

    #latemsg {
        font-size: 13px !important;
    }

    #lblPaymentplan {
        font-size: 14px !important;
    }

    #lblNewStartPaymentplan {
        font-size: 14px !important;
    }

    #msgRevision {
        font-size: 11px !important;
    }

    #msgt {
        font-size: 11px !important;
    }

    #txt_downpayment {
        font-weight: 900 !important;
    }

    #pickerContainer {
        font-weight: 400 !important;
    }
}


#circle {
    font-size: 26px;
    color: #e89f19;
    float: left;
}

#latemsg {
    font-size: 14px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}


.blockicon:active {
    border: none !important;
    outline: none !important;
}

.paddingdoller {
    padding: 8px 14px;
    font-size: 18px;
}

/*Modified as part of AFP -Starts*/
#lblPaymentplan {
    margin-right: 10% !important;
}


.Newstarttablehead {
    font-size: 16px !important;
}

#msgusagefluctuate {
    margin-top: 7px;
}

#divNewStartCreate {
    margin-left: 22px !important;
}

@media only screen and (max-width: 764px ) and (min-width: 454px ) {
    #divmsgthnkyou {
        font-size: 16px !important;
        margin-left: -10% !important;
    }
}
/*NH New start Project Changes*/
.plan-message {
    border: none;
    display: inline-block;
    font-size: 16px;
    padding: 0px;
    width: 280px;
    padding-right: 10px;
    height: 380px;
}

@media only screen and (max-width: 920px ) {
    .plan-message {
        border: none;
        display: inline-block;
        float: none !important;
        font-size: 16px;
        padding: 0px;
        width: 300px;
        padding-right: 10px;
        height: 300px;
    }
}


/*Modified as part of AFP -Ends*/
@media only screen and (max-width: 4700px ) and (min-width: 992px ) {
    .alignment {
        padding-right: 48px !important;
        text-align: right;
    }

    #NewstartactivePayment {
        margin-left: -18px;
        width: 110px;
        font-size: 1.1vw;
    }

    .size1 {
        font-size: 16px !important;
    }

    #divNewStartPaymentDate.ev-dropdown:after {
        right: 15px !important;
    }
}

@media only screen and (max-width: 991px ) and (min-width: 768px ) {
    .alignment {
        padding-right: 27px !important;
        text-align: right;
    }
}

@media only screen and (max-width: 768px ) and (min-width: 50px ) {
    .widthnewstart {
        width: 100% !important;
    }
}

#Numberofmnths .blockicon:focus {
    outline: none !important;
}

@media only screen and (max-width: 1090px ) {
    #dollerup {
        font-size: 16px !important;
    }
}
/*Modified as part of CRX PCR LowIncome :Start*/
.hardishpmargin {
    margin-left: -50px;
}

.hardishpwidth {
    width: 110%;
}

@media only screen and (max-width: 992px ) and (min-width: 100px ) {
    .wrapperhardship {
        display: table-footer-group !important;
    }
}


@media only screen and (max-width: 410px ) and (min-width: 310px ) {
    .col-sm-8 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 450px ) and (min-width: 310px ) {
    .col-sm-8 {
        width: 100% !important;
    }
}
/*Modified as part of CRX PCR LowIncome :Ends*/

/*Modified aside part color-profile AFP :Starts*/
@media only screen and (max-width: 767px ) and (min-width: 50px ) {
    #dateborder {
        margin-left: 1px;
    }

    #txt_downpayment {
        font-weight: 900 !important;
    }

    #pickerContainer {
        font-weight: 400 !important;
    }

    #btnNstartBankPay {
        font-size: 1.6vw !important;
    }

    #btnNstartCdtCardPaymnt {
        font-size: 1.6vw !important;
    }

    #btnNUstartEditPP1 {
        font-size: 1.6vw !important;
    }

    #btnNUstartEditPP2 {
        font-size: 2.5vw !important;
    }

    #btnConfirmAFP {
        font-size: 2.5vw !important;
    }
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #txt_downpayment {
        font-weight: 900 !important;
    }

    #pickerContainer {
        font-weight: 400 !important;
    }
}

/*------------------------------------*  #ALERTS
\*------------------------------------*/
.c-alert--mid-large {
    display: flex;
    align-items: stretch;
    font-size: 13px;
    font-weight: 400;
    color: #9A4C10;
    border-radius: 3px;
    padding: 0;
    background-color: #fdf2ea;
}

    .c-alert--mid-large p {
        padding: 8px 8px 4px 16px;
    }

.c-alert__icon-large {
    display: flex;
    align-content: center;
    background-color: #f17718;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 8px;
    width: 30%;
}

@media (min-width: 768px) {
    .c-alert__icon-large {
        padding: 16px;
        width: 13%;
    }
}


/*Modified as part color-profile AFP :Ends*/


.error {
    color: #a94442 !important;
}

.message {
    border: 1px solid #ebebeb;
    display: inline-block;
    font-size: 12px;
    padding: 21px;
    width: 100%;
}

.enrolled {
    margin: 0px;
    border-radius: 6px;
    min-width: 100px;
    width: 100px;
    background: #007a50;
    color: white;
}

.paddingleftclear {
    padding-left: 0px;
}

.paddingrightclear {
    padding-right: 0px;
}

.paddingTopClear {
    padding-top: 0px;
}

.paddingBottomclear {
    padding-bottom: 0px;
}

.paddingleft {
    padding-left: 20px !important;
}

.padbottom {
    padding-bottom: 20px;
}

.marginBottomclear {
    margin-bottom: 0px;
}

.smallalign small {
    display: inline-block;
}

.margintop {
    margin-top: -4px;
}

.greencolor {
    color: #00ae42 !important;
}

.marginLeft {
    margin-left: 15px;
}

.panelBox {
    background: #DBDBDB;
    padding: 10px;
    margin-top: 5px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .mobileView {
        display: block !important;
    }

    .deskView {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .mobileView {
        display: block !important;
    }

    .deskView {
        display: none !important;
    }
}

a:hover, a:focus {
    cursor: pointer;
}

.normalfont {
    font-weight: normal;
}

.paddingTop {
    padding-top: 11px;
}

.field-validation-valid {
    display: none !important;
}

.input-validation-error {
    border-color: #007749;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.modal-button {
    margin-top: 0px;
    text-align: center;
}
.top0{
    margin-top: 0px;
}
.well{
   background-color:white;
}
.block .overlay {
    width: 100%;
    height: 100%;
    background-color: white;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; /* IE 8 */
    filter: alpha(opacity=55); /* IE 8 */
    -moz-opacity: 0.55; /* Netscape */
    -khtml-opacity: 0.55; /* Safari 1.x */
    opacity: 0.55; /* Good browsers */
}

.unblock{
    z-index :10;
    position: relative;    
}
.redColor{
    color:red;
}
.displayTable{
    display:table;
}

.blockui .overlay {
    width: 100%;
    height: 100%;
    background-color: #ebebeb;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /* IE 8 */
    filter: alpha(opacity=65); /* IE 8 */
    -moz-opacity: 0.65; /* Netscape */
    -khtml-opacity: 0.65; /* Safari 1.x */
    opacity: 0.65; /* Good browsers */
}

.blockui .loading-msg {
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    height: 100px;
    width: 250px;
    z-index: 2150;
    color: #555;
    font-size: 15px;
    line-height: 100px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: -125px;
    margin-top: -50px;
}

/*FIX New Loading Icon for BudgetBilling*/
.c-loader {
    display: none;
}

    .c-loader .c-loader-background {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: #ebebeb;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
        /* IE 8 */
        filter: alpha(opacity=65);
        /* IE 8 */
        -moz-opacity: 0.65;
        /* Netscape */
        -khtml-opacity: 0.65;
        /* Safari 1.x */
        opacity: 0.65;
        /* Good browsers */
    }

.c-loader-circle {
    display: block;
    z-index: 2150;
    color: #213848;
    text-align: center;
    border: 6px solid #dbdee0;
    border-radius: 50%;
    border-top: 6px solid #00b140;
    width: 71px;
    height: 71px;
    animation: spin 2s linear infinite;
    border-bottom: 6px solid #128ddd;
    border-right: 6px solid #00b140;
}
/*FIX New Loading Icon for BudgetBilling*/


.wrapEmail{
    word-wrap:break-word ;
}
    .loading {
        background-color: #ffffff;
        /*background-image: url("Images/loading.gif");*/
        background-size: 25px 25px;
        background-position: center;
        background-repeat: no-repeat;
        height: 100px;
    }

.fuel-donation img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
.columbia-gas-notification {
    color: #1F313D;
    font-family: 'Open Sans';
    font-size: 14px;
    letter-spacing: 0;
    line-height: 19px;
    background-color: #F2F2F2;
    padding: 15px;
    margin-bottom: 10px;
    margin-top:-2%;
}
.columbia-gas-notification a {
    color: #0E75C4 !important;
    font-weight:600;
}

.phonenumber {
    border: 1px solid #EBEBEB;
    font-size: 12px;
}

.resetdisable {
    color: white;
    /* opacity: 20; */
    /* text-decoration: none; */
    background: #ebebeb;
    border-color: #ebebeb;
    cursor: not-allowed;
}

.HideDelete {
    visibility: hidden;
}

.labelBold {
    font-weight: bold !important;
    color: #383838 !important;
}

.textUnderline{
    text-decoration: underline !important;
    color:green !important;
}


.confirm-content
    {
        width:350px;
        margin-left:530px;
    }


/*.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
.account-overview h1 {
    padding-top: 15px;
    
}

.account-overview .account-meta {
    padding: 15px 0 18px;
    font-size: 12px;
    text-align: right;
}

@media (max-width: 767px ) {
    .account-overview .account-meta {
        padding-top: 0;
        text-align: left;
    }
}

.account-overview .account-meta a .fa {
    color: #109de8;
}

.account-overview .account-totals {
    background: #007749;
    color: white;
    font-weight: 700;
    padding: 15px 20px;
    text-align: right;
}

    .account-overview .account-totals a {
        color: white;
        font-weight: 400;
        text-decoration: underline;
    }

@media (max-width: 767px ) {
    .account-overview .account-totals {
        text-align: left;
    }
}

.linkmore {
    cursor: pointer;
}

.account-overview .account-totals {
    background: #007749;
    color: white;
    font-weight: 700;
    padding: 15px 20px;
    text-align: right;
}

.account-overview .account-totals a {
    color: white;
    font-weight: 400;
    text-decoration: underline;
}

.account-overview .account-meta {
    padding: 25px 0 18px;
    font-size: 12px;
    text-align: right;
}
.breadcrumbao {
    padding: 8px 20px;
    margin-bottom: 0px !important;
    list-style: none;
    /*background-color: #f5f5f5;*/
    border-radius: 4px;
    font-size:12px !important;
}
.breadcrumbao > li {
        display: inline-block;
    }

        .breadcrumbao > li + li:before {
            padding: 0 5px;
            color: #1a0dab;
            content: "/\00a0";
        }

    .breadcrumbao > .active {
        color: #777;
    }
.amttext{
    margin-top:7px;
}
@media (min-width: 768px) {
    .amttext {
        left: 15%;
    }
}
.lastPayment {
    color: #000;
    font-size: 12px;
    font-family: "Open Sans", Arial, sans-serif !important;
}
.payment-details .small {
    font-size: 12px;
    color: #00AA3E;
    font-weight: bold;
    font-family: "Open Sans", Arial, sans-serif !important;
}
.account-panel .balance-details table td {
    vertical-align: top;
}
@media (max-width: 767px) {
    body.responsive h1 {
        font-size: 29px;
        padding-top: 10px;
    }
}
.panel .panel-body h1 {
    padding-top: 10px;
}
.account-panel a {
    text-decoration: none;
    color: #000;
}
#main_lstViewAccounts_rptMessage_1_lblMsg_1 a {
    text-decoration: none;
    color: #000;
}
.panel-body {
    padding: 20px 8px 10px 10px;
}

/*.accountdtls_no {
    text-decoration:none rgba(0, 0, 0, 0) !important;
}*/
.accountdtls_no {
    pointer-events: none;
}
    .accountdtls_no > a {
        text-decoration: none !important;
        color: inherit;
    }

/* Account Settings Page Overrides August 2023 */

/* Hide the Side Navigation only on page with account-settings */
#mainbody:has(.account-settings) #SideNavigation {
    display: none !important;
}

#mainbody:has(.account-settings) .col-sm-9 {
    width: 100% !important;
}

#mainbody:has(.account-settings) div.shadow-border {
    display: none;
}


/* Hide the Side Navigation only on page with account-settings */
#mainbody:has(.account-settings) #SideNavigation {
    display: none !important;
}

#mainbody:has(.account-settings) .col-sm-9 {
    width: 100% !important;
}

#mainbody:has(.account-settings) div.shadow-border {
    display: none;
}

.account-settings .panel-body {
    padding: 20px 16px 10px;
}

.account-settings .panel-body h1 {
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    color: #000000;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 32px;
    padding-top: 0;
    margin-top: 0;
    text-transform: capitalize;
}

.account-settings .account-settings__select-header {
    color: #2F4656;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.37px;
    margin-bottom: 8px;
}

/* Select an account dropdown */
.account-settings .btn-group>.btn:first-child {
    border-radius: 6px;
    color: #2F4656;
    padding-top: 14px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 14px;
    border: 1px solid #687782;
    box-shadow: inset 0 4px 0 0 #ebebeb !important;
    background-color: #fff;
    font-size: 16px;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}

/* Select an account Caret */
.account-settings .bootstrap-select.btn-group .dropdown-toggle .caret {
    border-left: none;
}

/* Edit Account Btn */
.account-settings #btnEditAccount {
    border-radius: 6px;
    padding: 14px;
    color: #0E75C4;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.16px;
    background-color: #ffffff;
    width: 100%;
    outline: 2px solid #128DDD;
    color: #0E75C4;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    text-shadow: none;
    border: none;
    text-shadow: none;
}

.account-settings #btnEditAccount:hover {
    background-color: #128DDD;
    color: #ffffff;
}

.account-settings #btnEditAccount:active {
    background-color: #1063A2;
    color: #ffffff;
}

.account-settings #btnEditAccount:focus {
    background-color: #0E75C4;
    color: #ffffff;
    outline: 2px #fff solid;
    outline-offset: -4px;
}

.account-settings #btnAddAccount {
    border-radius: 6px;
    padding: 14px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.16px;
    width: 100%;
    background-color: #1063A2;
    box-shadow: 0px -2px 0px 0px #144870 inset;
    color: #ffffff;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    text-transform: capitalize;
    text-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
}

.account-settings #btnAddAccount:hover {
    background-color: #144870;
}

.account-settings #btnAddAccount:active {
    background-color: #144870;
}

.account-settings #btnAddAccount:focus {
    outline: 2px #fff solid;
    outline-offset: -4px;
}

.account-settings .bootstrap-select.btn-group:not(.input-group-btn), 
.account-settings .bootstrap-select.btn-group[class*=col-] {
    margin-bottom: 24px;
    height: 52.85px;
}

/* accordion */
.account-settings .accordion .panel .panel-heading {
    background-color: #E9F6FC;
    border-radius: 8px;
}

.account-settings .panel .panel-heading .panel-title {
    color: #144870;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.account-settings .accordion .panel .panel-heading .panel-title a {
    color: #144870;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 12px;
}

.account-settings .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}


/* accordion links */
.account-settings .btn.btn-accordion {
    padding: 16px 12px;
    border-radius: 8px;
    border: 2px solid #92D2F4;
    background-color: #ffffff;
    color: #144870;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    width: 100%;
    justify-content: flex-start;
}

/* no account modal overlay */
.account-settings .block .overlay {
    opacity: 0.85;
}

.account-settings .btn {
    text-transform: capitalize;
    appearance: button;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    outline: none;
    overflow: visible;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    border: 0;
    border-radius: 8px;
    padding: 12px 16px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.16px;
    transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9) 0s, box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9) 0s, border-color 70ms cubic-bezier(0, 0, 0.38, 0.9) 0s, outline 70ms cubic-bezier(0, 0, 0.38, 0.9) 0s;
}

.account-settings .btn-primary {
    background-color: #109DE7;
    box-shadow: 0px -2px 0px 0px #0E75C4 inset;
    color: #ffffff;
}

.account-settings .btn-primary:hover {
    background-color: #128DDD;
}

.account-settings .btn-primary:active {
    background-color: #1063A2;
}

.account-settings .btn-primary:focus {
    background-color: #109DE7;
    box-shadow: 0px -2px 0px 0px #0E75C4 inset;
    color: #ffffff;
    outline: 2px #fff solid;
    outline-offset: -4px;
}

.account-settings .btn-primary:disabled,
.account-settings .btn.btn-primary[disabled] {
    background-color: #E6EBEF;
    color: #CED8DF;
    box-shadow: 0px -2px 0px 0px #DBDEE0 inset;
    text-shadow: none;
}

.account-settings .btn-default {
    background-color: #ffffff;
    color: #0E75C4;
  }

  .account-settings .btn-default:hover {
    background-color: #E6EBEF;
    color: #0E75C4;
  }

  .account-settings .btn-default:active {
    background-color: #CED8DF;
    color: #0E75C4;
  }


  .account-settings .btn-default:focus {
    outline: 2px #128DDD solid;
    outline-offset: -4px;
  }

  .account-settings .btn-default:disabled {
    color: #E6EBEF;
  }

/* input field form */
.account-settings .form-group input[type=email], 
.account-settings .form-group input[type=password], 
.account-settings .form-group input[type=search], 
.account-settings .form-group input[type=tel], 
.account-settings .form-group input[type=text], 
.account-settings .form-group select, 
.account-settings .form-group textarea {
    font-size: 16px;
    color: #56422f;
    font-weight: 400;
    padding: 16px;
    border-radius: 6px;
    border: 1px solid #687782;
    box-shadow: inset 0 4px 0 0 #ebebeb !important;
    background-color: #fff;
    letter-spacing: normal;
    width: 100%;
    height: 52px;
    padding: 0 12px;
}

.account-settings .form-group input[type=email]:focus, 
.account-settings .form-group input[type=password]:focus, 
.account-settings .form-group input[type=search]:focus, 
.account-settings .form-group input[type=tel]:focus, 
.account-settings .form-group input[type=text]:focus, 
.account-settings .form-group select:focus, 
.account-settings .form-group textarea:focus,
.account-settings .form-group input[type=email]:active, 
.account-settings .form-group input[type=password]:active, 
.account-settings .form-group input[type=search]:active, 
.account-settings .form-group input[type=tel]:active, 
.account-settings .form-group input[type=text]:active, 
.account-settings .form-group select:active, 
.account-settings .form-group textarea:active {
    box-shadow: inset 0 4px 0 0 #ebebeb, 0 0 0 1px #128ddd !important;
    border: 1px solid #128ddd;
    outline: 0;
}

/* add account 3 btn group */
.account-settings .account-settings__btn-group {
    width: 100%;
}

.account-settings .account-settings__btn-group .form-group {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 16px;
}

/* form error message */
#mainbody:has(.account-settings) .form-group .form-alert {
    font-size: 14px;
    color: #C1381B;
    padding: 12px;
    background-color: #ffffff;
    border: 1px solid #C1381B;
    border-radius: 4px;
}

#mainbody:has(.account-settings) .form-group .form-alert:after {
    border-top: 10px solid #C1381B;
}

#mainbody:has(.account-settings) .input-validation-error {
    border: 1px solid #C1381B !important;
}

.account-settings #dvAddAccount {
    padding: 24px 16px;
}

@media (max-width: 767px) {
    .account-settings #dvAddAccount {
        padding: 24px;
    }
}

.account-settings .form-group {
    margin-bottom: 24px;
}

/* Scale recaptcha down for mobile so it doesn't break */
@media only screen and (max-width: 500px) {
    .g-recaptcha {
        transform:scale(0.87);
        transform-origin:0 0;
    }
}
.account-panel {
    background: #ebebeb;
    border-bottom: 1px solid #007749;
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 20px;
}

@media (min-width: 768px ) and (max-width: 991px ) {
    .account-panel {
        font-size: 12px;
    }
}

.account-panel a {
    /*color: #007749;*/
    color: #000;
    text-decoration: underline;
}

.auto-pay a {
    color: #00aa3e !important;
    text-decoration: underline !important;
}

.account-panel a.btn-pay {
    min-width: 0;
    position: static;
    float: right;
    text-decoration: none;
    top: 0;
    z-index: 2;
    margin-top: -42px;
}

.account-panel .small {
    font-size: 12px;
}

@media (min-width: 768px ) and (max-width: 991px ) {
    .account-panel .small {
        font-size: 11px;
    }
}

.account-panel.no-accounts {
    padding: 10px;
}

    .account-panel.no-accounts p:last-child {
        margin: 0;
    }

.account-panel.panel-open .account-panel-top {
    /*border-bottom: 1px solid #007749;*/
}

.account-panel .account-panel-alert {
    background: #cacaca;
    border: 1px solid #00aa3e;
    border-left-width: 30px;
    margin: 0 -15px;
    padding: 5px 10px 5px 10px;
    position: relative;
}

    .account-panel .account-panel-alert:before {
        color: white;
        content: '\f05a';
        font-family: FontAwesome;
        font-size: 20px;
        position: absolute;
        left: -23px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .account-panel .account-panel-alert.danger {
        border-color: #dd0a2b;
    }

    .account-panel .account-panel-alert.warning {
        border-color: #ff6300;
    }

    .account-panel .account-panel-alert.warning1 {
        border-color: #F7DC6F;
    }

    .account-panel .account-panel-alert.danger:before,
    .account-panel .account-panel-alert.warning:before {
        content: '\f06a';
    }

    .account-panel .account-panel-alert a {
        text-decoration: none;
    }

.account-panel .account-panel-top,
.account-panel .account-panel-bottom-inner {
    display: table;
    position: relative;
    padding: 10px 0;
    width: 100%;
}

@media (max-width: 767px ) {
    .account-panel .account-panel-top,
    .account-panel .account-panel-bottom-inner {
        display: block;
    }
}

.account-panel .account-panel-top > div,
.account-panel .account-panel-bottom-inner > div {
    display: table-cell;
    vertical-align: top;
}

@media (max-width: 767px ) {
    .account-panel .account-panel-top > div,
    .account-panel .account-panel-bottom-inner > div {
        display: block;
        width: 100%;
    }
}

.account-panel .account-panel-bottom {
    display: none;
}

.account-panel .account-address,
.account-panel .account-number {
    font-size: 12px;
    font-weight: 700;
}

.account-panel .account-address {
    margin-bottom: 20px;
}

.account-panel .account-details,
.account-panel .payment-details {
    width: 36%;
}

.account-panel .account-details {
    padding-right: 15px;
}

@media (max-width: 767px ) {
    .account-panel .account-details {
        margin: 20px 0 10px;
        padding-right: 0;
    }
}

.account-panel .payment-details {
    width: 64%;
    border-left: 1px solid #cccccc;
    padding-left: 15px;
}

@media (max-width: 767px ) {
    .account-panel .payment-details {
        border: none;
        padding-left: 0;
    }
}

.account-panel .amount-due {
    font-size: 28px;
    font-weight: 700;
    line-height: 18px;
}

@media (min-width: 768px ) and (max-width: 991px ) {
    .account-panel .amount-due {
        font-size: 18px;
    }
}

.account-panel .show-more,
.account-panel .show-less {
    bottom: 0;
    font-size: 12px;
    position: absolute;
    right: 0;
    text-decoration: none;
}

@media (min-width: 768px ) and (max-width: 991px ) {
    .account-panel .show-more,
    .account-panel .show-less {
        font-size: 11px;
    }
}

.account-panel .show-more:after,
.account-panel .show-less:after {
    background: #007749;
    color: white;
    content: '\f067';
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    margin-left: 10px;
    padding-right: 1px;
    text-align: center;
    width: 25px;
    height: 25px;
}

.account-panel .show-less:after {
    content: '\f068';
}

.account-panel .balance-details {
    width: 34%;
}

    .account-panel .balance-details table {
        width: 100%;
    }

        .account-panel .balance-details table th {
            font-weight: normal;
        }

        .account-panel .balance-details table td {
            text-align: right;
        }

        .account-panel .balance-details table .total {
            border-top: 1px solid black;
        }

        .account-panel .balance-details table + table {
            margin-top: 20px;
        }

.account-panel .usage-details {
    padding-left: 15px;
}

@media (max-width: 767px ) {
    .account-panel .usage-details {
        padding: 0;
        margin: 25px 0 10px;
    }
}

.account-panel .usage-details .annual-usage {
    font-size: 12px;
}

    .account-panel .usage-details .annual-usage table {
        width: 100%;
    }

        .account-panel .usage-details .annual-usage table th,
        .account-panel .usage-details .annual-usage table td {
            padding-bottom: 15px;
        }

        .account-panel .usage-details .annual-usage table th {
            padding-right: 5px;
            width: 70px;
        }

        .account-panel .usage-details .annual-usage table .prior-year,
        .account-panel .usage-details .annual-usage table .current-year {
            background: #929292;
            text-indent: -999em;
            width: 100%;
            height: 100%;
        }

        .account-panel .usage-details .annual-usage table .current-year {
            background: #00aa3e;
        }

.account-panel .usage-details .all-usage {
    font-size: 12px;
    margin-left: 70px;
}

@media (max-width: 767px ) {
    .account-panel .usage-details .all-usage {
        margin: 0;
        text-align: center;
    }
}

.account-panel .usage-details img {
    display: block;
    margin: 0 auto;
}

/*  NEW CSS ADDED SAS   */
.account-panel.panel-open .account-panel-bottom {
    border-top: 1px solid #007749;
}

.account-panel-top div:nth-child(3) {
    display: table-caption;
    caption-side: bottom;
    min-height: 26px;
}

.fullwidthclass {
    width: 100%;
    float: left;
}

.amttext {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .amttext {
        text-align: left;
    }

    .account-panel a.btn-pay {
        position: absolute;
        right: 0;
        top: 10px;
        z-index: 2;
        float: none;
        margin-top: 0;
    }

    .account-panel-top div:nth-child(3) {
        display: block;
        min-height: 0;
    }

    .account-panel .account-address, .account-panel .account-number {
        float: none;
        width: 100%;
        display: block;
    }
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: unset !important;
    color: #0E75C4;
    cursor: pointer;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 296px;
        display: none;
        background-color: #445968;
        color: #FFF;
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        text-align: left;
        padding: 32px 24px 32px 24px;
        border-radius: 8px;
        position: absolute;
        left: -185%;
        z-index: 1;
        box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.10), 0px 6px 14px -6px rgba(24, 39, 75, 0.12);
    }

        .tooltip .tooltiptext ul li::before {
            color: #FFF;
            width: 1em;
            margin-left: -45px;
            content: "\2022\0020";
        }

        .tooltip .tooltiptext ul li {
            text-align: left;
            margin-left: 5px;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        display: inline-block;
        position: absolute;
    }

.panel-body input, .panel-body .dropdown-toggle {
    border-radius: 6px;
}

/*# sourceMappingURL=AccountPanel.ascx.css.map */

.graph {
    height: 100px;
    min-width: 100px;
    position: relative;
    margin-top: -45px;
    margin-left: 0px;
    /*width: 105%;*/
    max-width: 182px;
}

.data-table th {
    font-size: 20px;
}

.graphDiv {
    width: 100%;
    float: right;
}

/*--- Y-Axis ---*/
.y-axis {
    color: #555;
    position: absolute;
    width: 100%;
    margin-top: 20px;
    font-size: 6pt;
}
    /*--- Y-Axis Lines ---*/
    .y-axis li {
        border-top: 1px solid #ccc;
        display: block;
        height: 20px;
        margin-left:-15px;
    }
        /*--- Y-Axis Labels ---*/
        .y-axis li span {
            display: block;
            margin: -15px 0 0 -25px;
            text-align: right;
            width: 10px;
            margin-left:-30px;
        }
/*--- X-Axis ---*/
.x-axis {
    bottom: 0;
    color: #555;
    list-style: none;
    position: absolute;
    text-align: center;
}
    /*--- X-Axis Labels ---*/
    .x-axis li {
        float: left;
        margin: 0 15px;
        width: 180px;
    }
/*--- Legend ---*/
.legend {
    /*background: #ebebeb;*/
    border-radius: 4px;
    float: left;
    text-align: left;
    /*margin-top: 320px;
		width: 840px;*/
    margin-top: 110px;
    width: 100%;
    margin-left:23px;
}

    .legend li {
        float: left;
        line-height: 20px;
        list-style-type: none;
        margin: 0;
        padding: 4px 6px;
        width: 180px;
    }
        /*--- Legend Icon ---*/
        .legend li span {
            background-position: 50% 0;
            border-radius: 2px;
            float: left;
            height: 16px;
            margin: 2px 4px 0 0;
            width: 6px;
        }
/*--- Graph Bars ---*/
.bars {
    /*height: 253px;*/
    margin-top: 20px;
    height: 85px;
    /*height: 100%;*/
    margin-left: 10px;
    position: absolute;
}

.bar-group {
    float: left;
    height: 100%;
    /*margin: 0 15px;*/
    position: relative;
    /*width: 180px;*/
    width: 27px;
    margin-left:15px;
}

.bar {
    border-radius: 2px 2px 0 0;
    bottom: 4px;
    cursor: pointer;
    position: absolute;
    width: 10px;
}
    /*--- Individual Bar Alignment ---*/
    .bar.bar0 {
        left: 0;
    }

    .bar.bar1 {
        left: 12px;
    }

    .bar.bar2 {
        left: 24px;
    }

    .bar.bar3 {
        left: 36px;
    }

    .bar.bar4 {
        left: 48px;
    }

    .bar.bar5 {
        left: 60px;
    }

    .bar.bar6 {
        left: 72px;
    }

    .bar.bar7 {
        left: 84px;
    }

    .bar.bar8 {
        left: 96px;
    }

    .bar.bar9 {
        left: 108px;
    }

    .bar.bar10 {
        left: 120px;
    }

    .bar.bar11 {
        left: 132px;
    }

    .bar.bar12 {
        left: 144px; /*13th bar*/
    }

    .bar.bar13 {
        left: 156px;
    }

    /*--- Bar Value ---*/
    .bar div {
        background: #fefefe 0 100% repeat-x;
        border-radius: 3px;
        box-shadow: rgba(0, 0, 0, 0.6) 0 1px 4px;
        display: none;
        left: -13px;
        padding: 0 5px;
        position: relative;
        text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
        width: auto;
        z-index: 500;
    }

    .bar:hover div {
        display: inline-block;
        margin-top: 25px !important;
    }

.bar0, .bar1, .bar2, .bar3, .bar4, .bar5, .bar6, .bar7, .bar8, .bar9, .bar10, .bar11 {
    background: #929292;
}

.activeIndicatorBox {
    background-color: #7296D6;
}

ul li {
    overflow: visible;
    list-style-type: none;
    vertical-align: middle;
}

.account-box {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-top: 10px;
    margin-right: 2px;
    padding: 2px 5px 0 0;
    line-height: 28px;
    font-size: 9pt;
    white-space: nowrap;
    width:90%;
}

    .account-box > span {
        position: static;
        display: inline-block;
        float: left;
        width: 18px;
        height: 16px;
        line-height: 16px;
        margin-top: 6px;
        margin-left: 7px;
        margin-right: 5px;
        border: none;
        background-repeat: no-repeat;
    }


.unitTextGraph {
    /* left: -25px;   */
    position: relative;
    top: -25px;
    font-size: 6pt !important;
    font-weight: bold;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.formcontainer{
    padding:0 80px;
}
#unit-type-id, #text-unit-id,#postal-code-id,#state-id {
    width: 50%;
    display: inline-block;
    padding: 0 10px;
}
#text-unit-id, #postal-code-id {
    float: right;
}
@media(max-width:320px){    
    .formcontainer{
        padding : 0 !important;
    }
   .custom-left-margin>.col-sm-12 {
        margin-left: 10px !important;
    }
}
@media(min-width:360px){
.formcontainer{
        padding : 0 20px !important;
    }
}
label.outer-border {
    border: 2px solid #109de8;
    color: #109de8;
    text-align: center;
    font-weight: bold;
    width: 55% !important;
}


label.outer-border.unselected {
    background-color: transparent;
    color: #109de8;
}

label.outer-border.selected {
    background-color: #109de8;
    color: white;
}

.panel-heading-custom {
    border: #eaeaea 1px solid !important;
    background: transparent !important;
    color: #5d5d5d !important;
}

.para-custom {
    font-size: 15px !important;
}

.panel-title-custom {
    font-size: 18px !important;
}

.margin-top-clear {
    margin-top: 0px !important;
}

.Calendar-text {
    font-size: 13px;
    color: #000000;
    font-weight: bold;
}

.warning-text {
    color: #ff0000;
}

#warning {
    padding-top: 20px;
}

#inlinePicker {
    padding-bottom: 20px;
}

.para-margin {
    padding-left: 20px;
}

#ProgressId {
    height: 13px;
    border-radius: 9px;
    font-size: 12px;
    border: 1px #4CAF50 solid;
    position: relative;
    width: 60px;
    margin-bottom: 0;
}

/*Added form MoveOut modal popup*/
#btnmodalClose {
    font-size: 35px;
    padding-right: 5px;
}

@media (min-width: 768px) {
    #ProgressId {
        width: 100px;
    }
}

@media (max-width: 991px) {
    .custom-modal-dimension {
        width: 724px !important;
    }
}
@media (max-width: 767px) {
    #divErrorPopup .modal-btn-wrapper {
    padding: 0;
}
    .margin-50 {
        margin-left: auto !important;
        margin-right: auto!important;
    }
    .margin-30{
        margin-left:30px;
    }
    .custom-modal-dimension {
        width: auto !important;
    }
    .custom-panel-body-padding{

        padding-left: 0  !important;
    }
    .custom-left-margin{
         margin-left:auto !important;

    }
    #ModalContent {
        margin: auto!important;
    }
    .icone_margin {
        margin-left: -8px !important;

    }
    .custom-table-width tr>td
    {
        font-size:8pt !important;
    }
    .custom-table-width .fa-check
    {
        font-size:12pt !important;
    }

}

@media (max-width: 991px) and (min-width: 768px) {
    .icone_margin {
        margin-left: -11px !important;
    }
    .margin-pencil {
        margin-left: 3px !important;
    }
}




#progressbarId {
    height: 100%;
    background-color: #4CAF50;
    border-radius: 9px;
    font-size: 12px;
    width: 0px;
}

#progress-bar-container {
    /*position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 5px;*/
        padding: 0 10px 20px;
    float: right;
    margin-bottom: 10px;
}

#datepicker-button-container {
    position: relative;
}
.progressbar-class{

}
.progress-bar {
    line-height: 11px !important;
}

.progressBarCalendar {
    width: 28% !important;
}

.progressBarFinalBill {
    width: 42% !important;
}

.progressBarForwardingMail {
    width: 56% !important;
}

.progressBarTextAlert {
    width: 71% !important;
}

.progressBarSummary {
    width: 85% !important;
}

#Main_main_RadioButtonList1 {
    margin-left: 140px;
}

#main_ddselect {
    width: 20px;
}

#Main_main_txtText {
    width: 250px;
}

#terms_and_conditions {
    margin-left: 120px;
}

#terms_and_conditions {
    margin-right: 30px;
}

.ImpMsg-text {
    font-size: 13px !important;
}

.rad-lbl-txt{
    margin-left: 23px;
    float: right;
}

.rad-inp{
    width: 0;
}
.rad-lbl{
    padding-left: 0 !important;
}
.rad-lbl:before{
    left: -1px !important;
}
.no-side-padding{
    padding : 10px 0 !important;
}
.tnc-wrapper{
    border: 1px solid #dddddd;
    padding: 5px;
}
.modal-btn-wrapper{
    padding: 0 10px;
    display: inline-block;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;

    /*horizontal alignment*/
     margin: 30px auto;
     /* Fullscreen Pop-Up*/
    /*margin: 40px auto;*/
    pointer-events: all;
}

/* Fullscreen Pop-Up */
/*@media (min-width: 992px) {
    .custom-modal-dialog {
        width: 100%;
    }
    .modal-content-wrapper{
        width: 75%;
        
    }
}
@media (min-width: 768px) {
    .custom-modal-dialog {
        width: 100%;
        margin: 240px auto 30px auto;
        padding: 0 20px;
    }
    .modal-content-wrapper{
        width: 60%;
        padding-bottom: 40px;
        margin: 0 auto;
    }
}*/
/**Remove the following css snippet for green label in selected radio or checkbox**/
.form-group .checkbox input[type="checkbox"]:checked + label, .form-group .radio input[type="checkbox"]:checked + label {
    color: #000 !important;
}
.btn.btn-primary[disabled] {
    background-color: #cccccc;
    border-color: #cccccc;
    color: #000000;
    text-shadow: 0 2px 0 rgba(255, 255, 255, 0.52);
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #929292;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #929292;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #929292;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #929292;
}
.bootstrap-select > .dropdown-toggle {
    padding-right: 35px; 
}
.safty-note-li{
    list-style-type: disc;
    color: green;
}
.safty-note-li p{
    color: #000;
}
.safty-note-li small{
    color: #000;
}
.pb-0{
    padding-bottom: 0 !important;
}
.pt-0{
padding-top: 0 !important;
}
/* Summary Page styles*/
.td-center-elem{
     vertical-align: middle !important;
     padding: 0 !important;
     text-align: center;
}
.td-center-txt{
     vertical-align: middle !important;
     /*padding: 0 !important;
     text-align: center;*/
}
.icon-tick-wrapper{
    text-align: center;
    width: 100%;
    margin: 0 !important;
}
.custom-table-border tr>td:not(:last-child){
    border-left: none !important;
}
.custom-table-border tr>td{
    border-right: none !important;
}
.custom-table-border>tbody>tr>td{
    border: 2px solid #cccccc;
}
.custom-table-border>tbody>tr:first-child>td{
    border-top: 1px solid #cccccc;
}
.custom-table-border>tbody>tr:last-child>td{
    border-bottom: 1px solid #cccccc;
}
@media (min-width: 768px) {
    .custom-table-border {
        padding: 0 20px;
    }
}
.f-25 {
    font-size: 22px;
}
/*.no-right-border{
    border-right: none !important;
    border-top-color:  #ddd !important;
}*/
.accordion .panel .panel-heading .panel-title a.blue-ico.collapsed:after{
    color: #109de8;
}
input[type=checkbox].custom-checkbox + label {
            font-size: 30px;
            color: #109be8;
            padding-right: 30px;
        }
input[type=checkbox].custom-checkbox:focus + label::before {
            opacity: 0.7;
        }
        /*You would need only the below css. Ignore css above this comment. This would be already set */
        /*Remove custom-checkbox class from css and from html if this is to be applied to all checkboxes sitewide*/

        input[type=checkbox].custom-checkbox {
            /*display: none;*/
            opacity: 0;
        }

            input[type=checkbox].custom-checkbox + label::before {
                font-family: FontAwesome;
                font-size: 50px;
                vertical-align: middle;
                display: inline-block;
                color: #cccccc;
                content: "\f096";
                letter-spacing: 10px;
            }

        input[type=checkbox]:checked.custom-checkbox + label::before {
            content: "\f046";
            letter-spacing: 4px;
            /*Tweak this value to avoid jitter when selecting a checkbox. This would depend on the font size selected for the label in the current site*/
            color: #00aa3e;
        }
        input.custom-checkbox[disabled] + label:before, input.custom-checkbox[disabled] + label>span {
            color: #eaeaea;
         }
        .addr-lbl{
            border: 1px solid #109de8 !important;
            border-bottom: 2px solid #109de8 !important;
            border-top: 2px solid #109de8 !important;
            padding: 10px !important;
            font-size: 14px !important;
            min-width: 200px;
        }
@media (min-width: 768px) {
     .addr-lbl{
            min-width: 300px;
        }
}
        .faq-title{
            font-family:'OpenSans-CondensedBold';
            font-size: 18px;
        }
@media (max-width: 767px) {
     .mobile-rad-grp{
         padding-left: 20px;
     }
     .mobile-rad-grp>li{
         width: 100%;
         text-align:left;
     }
     #unit-type-id,#state-id {
         width: 80%;
         display: block;
     }
     #text-unit-id, #postal-code-id {
         float: left !important;
         width: 100%;
         display: block;
          }
}
        /*@media (min-width: 768px) {
    .checkboxenabled {
    color: #109de8;
    font-size: 37px ;
    line-height: 1.25;
}
}*/

.fl-right{
    float:right;
}
.fl-left{
    float:left;
}
@media (min-width:320px) {
    .col-sm-6 {
        width: 50%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }
}
@media (min-width:320px) and (max-width: 767px){
    .xs-full-width{
         width: 100% !important;
     }
}

.margin-50{
   margin-left:50px;
    margin-right:50px;
}
.margin-10{
     margin-left:10px;
    margin-right:10px;
}
.custom-left-margin{
    margin-left:-35px !important;
}
.custom-panel-body-padding{
    padding-left:25px !important;
}
.custom-modal-dimension{
    width:980px;
    min-height:487px;
    /*overflow-y:auto;*/
}
.custom-modal-margin{
    margin:0 15% !important;
}
.font-14{
    font-size:14px;
}
.padding-65 {
    padding: 0 65px;
}

.end-service-info{
    font-size: 16px;
    font-weight: bold;
    font-family: 'Open Sans Condensed', sans-serif;
    text-align: left;
}
@media (max-width:359px) {
    .txt-alert-msg-small{
        margin-left:10px;
        font-size: 14px !important;
        text-align: left !important;
        font-weight:normal !important;
        /*font-family: 'Open Sans', sans-serif !important;*/
    }
    .test-alert-radio{
    margin-left:-40px !important;
    }
    
}

@media (min-width:768px) {
    .end-service-info{
    font-size: 22px;
    text-align: center;
    
    }
    .fwrd-mail-info{
     font-weight:bold;
     font-family: 'Open Sans Condensed', sans-serif;
     font-size: 22px !important;
     text-align:center !important;
     }
     .txt-alert-info{
     font-size: 22px !important;
     text-align: center !important;
     font-family: 'Open Sans Condensed', sans-serif !important;
     }
     .txt-alert-msg {
     font-size: 15px !important;
     text-align: center !important;
     font-weight: normal!important;
     /*font-family: 'Open Sans', sans-serif !important;*/
     }
    .test-alert-radio{
    margin-left:auto!important;
    }
    .FwrdMail-Msg
    {
    font-size: 18px !important ;
    text-align: left ;
    font-weight: normal!important;
    font-family: 'Open Sans', sans-serif;
    }
}
.test-alert-radio{
    margin-left:-50px;
}
.txt-alert-info {
    font-size: 16px ;
    text-align: left;
    margin-left:16px;
   
    font-family: 'Open Sans Condensed', sans-serif;
}
.txt-alert-msg {
    font-size: 14px ;
    text-align: left ;
    font-weight: normal!important;
    /*font-family: 'Open Sans', sans-serif;*/
}
.FwrdMail-Msg
{
    font-size: 14px ;
    text-align: left ;
    font-weight: normal!important;
    font-family: 'Open Sans', sans-serif;
}
.fwrd-mail-info{
     font-weight:bold;
     font-family: 'Open Sans Condensed', sans-serif;
     font-size: 16px ;
     text-align:left;
}
.modal-body{
    padding-top: 0;
}
@media (max-width: 767px) {
    .modal-head{
        text-align: left !important;
   
    }
}


.panel-title.faq a::after {
    color:#109DE8 !important;
}

.break-word{
 /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  word-break: break-word;
}
.break-the-word{
    word-wrap:break-word;
}
.moveout-form .form-group .checkbox input[type="checkbox"]:focus + label:before,
 .moveout-form .form-group .radio input[type="checkbox"]:focus + label:before,
 .moveout-form .form-group .checkbox input[type="radio"]:focus + label:before,
 .moveout-form .form-group .radio input[type="radio"]:focus + label:before{
    outline: 1px dotted #00aa3e;
}

.moveout-form .form-group .checkbox input[type="checkbox"] + label:before,
.moveout-form .form-group .radio input[type="checkbox"] + label:before {    
    width: 18px;
    height: 19px;
}
.moveout-form .form-group .checkbox input[type="radio"] + label:before,
.moveout-form .form-group .radio input[type="radio"] + label:before {
    width: 18px;
    height: 18px;
}
.moveout-form .form-group .checkbox input[type="radio"]:checked + label:before, 
.moveout-form .form-group .radio input[type="radio"]:checked + label:before {
    background-position: -104px -3px;
}
.disable-user-selection
{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     /*-khtml-user-select: none;*/ /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url('/content/WebsiteTemplates/NU/App_Themes/NU/fonts/fontawesome-webfont.eot?v=4.1.0');
    src: url('/content/WebsiteTemplates/NU/App_Themes/NU/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('/content/WebsiteTemplates/NU/App_Themes/NU/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('/content/WebsiteTemplates/NU/App_Themes/NU/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('/content/WebsiteTemplates/NU/App_Themes/NU/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center;
}

    .fa-li.fa-lg {
        left: -1.85714286em;
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before, .fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before, .fa-users:before {
    content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before, .fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158";
}

.fa-won:before, .fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper-square:before, .fa-pied-piper:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.status-bar {
    color: #cccccc;
    display: table;
    font-size: 0;
    text-transform: uppercase;
}

@media (max-width: 767px ) {
    .status-bar {
        margin-top: 5px;
    }
}

.status-bar > li {
    border-top: 1px solid #cccccc;
    display: table-cell;
    font-size: 12px;
    min-width: 90px;
    margin: 0;
    padding: 5px 0 0 0;
    position: relative;
    text-align: center;
}

    .status-bar > li.complete,
    .status-bar > li.current {
        border-color: #00aa3e;
        color: #00aa3e;
    }

    .status-bar > li.complete {
        color: rgba(0, 176, 59, 0.6);
    }

    .status-bar > li.current {
        font-weight: 700;
    }

        .status-bar > li.current:before {
            background: #00aa3e;
            border-radius: 50px;
            color: white;
            content: '\f00c';
            display: inline-block;
            font-family: "FontAwesome";
            font-size: 8px;
            font-weight: 400;
            left: 50%;
            line-height: 12px;
            margin-left: -6px;
            margin-top: -6px;
            padding-right: 1px;
            position: absolute;
            text-align: center;
            top: 0;
            width: 12px;
            height: 12px;
        }

    .status-bar > li:last-child:after {
        content: '';
        border-right: 1px solid #cccccc;
        display: block;
        height: 10px;
        margin-top: -5px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .status-bar > li:last-child.current:after,
    .status-bar > li:last-child.complete:after {
        border-color: #00aa3e;
    }
/*# sourceMappingURL=StatusBar.css.map */


.enrollmentVerify {
}

    .enrollmentVerify .enrollmentVerifyDisplayNone {
        display: none;
    }

    .enrollmentVerify .enrollmentVerifyBlock {
        display: block;
    }



.budget-billing h1 {
    padding-top: 15px;
}

.budget-billing .account-meta {
    padding: 15px 0 18px;
    font-size: 12px;
    text-align: right;
}

.displaynone {
    display: none;
}

.Budget-Billing-PrintImage-Position {
    margin-left: 20px;
}

@media (max-width: 767px ) {
    .budget-billing .account-meta {
        padding-top: 0;
        text-align: left;
    }

    .budget-Confirm-text {
        font-size: 15px !important;
        font-weight: bold;
    }
}

/* ----------- iPhone 6, 6S, 7 and 8 and Galaxy S5 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 350px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .budget-Confirm-text {
        font-size: 15px !important;
        font-weight: bold;
    }

    .Budget-Billing-MonthlyBudgetAmount {
        font-size: 9px !important;
        text-align: left;
    }

    .Budget-Billing-PrintImage-Position {
        /*margin-left: 40px;*/
    }

    .budget-printbutton-hide {
        color: forestgreen;
        font-size: 10px;
        display: block;
        cursor: pointer;
        float: right;
        text-align: left;
        margin-right: 8px !important;
        position: absolute;
        visibility: hidden;
    }

    /*.budgetBilling-EnrollNowButton {
        margin-left: 20px !important;
    }*/

    .budget-printbutton-show {
        color: forestgreen;
        font-size: 10px;
        display: block;
        cursor: pointer;
        float: right;
        text-align: left;
        margin-right: 8px !important;
    }
}


/* ----------- Galaxy s8/S9----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 360px) and (max-device-width: 840px) and (-webkit-min-device-pixel-ratio: 2) {

    .budgetBilling-EnrollNowButton {
        margin-left: 20px !important;
    }

    .budget-Confirm-text {
        font-size: 15px !important;
        font-weight: bold;
    }

    .budget-printbutton-show {
        color: forestgreen;
        font-size: 10px;
        display: block;
        cursor: pointer;
        float: right;
        text-align: left;
        margin-right: 0px !important;
    }

    .Budget-Billing-MonthlyBudgetAmount {
        font-size: 10px !important;
        text-align: left;
    }

    .Budget-Billing-PrintImage-Position {
        margin-left: 20px;
    }
}


/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) {

    .budget-printbutton-hide {
        color: forestgreen;
        font-size: 10px;
        display: block;
        cursor: pointer;
        float: right;
        text-align: left;
        margin-right: 0px;
        position: absolute;
        visibility: hidden;
    }

    .budgetBilling-EnrollNowButton {
        margin-left: 20px !important;
    }

    #submitEnrollment {
        margin-left: -15px !important;
    }
}

/* ----------- iPhone 6,7 Plus ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) {

    .budget-printbutton-hide {
        color: forestgreen;
        font-size: 10px;
        display: block;
        cursor: pointer;
        float: right;
        text-align: left;
        margin-right: 45px;
        position: absolute;
        visibility: hidden;
    }

    .budget-printbutton-show {
        color: forestgreen;
        font-size: 10px;
        display: block;
        cursor: pointer;
        float: right;
        text-align: left;
        margin-right: 45px;
    }

    .Budget-Billing-PrintImage-Position {
        margin-left: 20px;
    }

    .budgetBilling-EnrollNowButton {
        margin-left: 20px !important;
    }

    /*#submitEnrollment {
            margin-left: 5px !important;
        }*/
}




.budget-billing .account-meta a .fa {
    color: #109de8;
}

.budget-billing .account-totals {
    background: #007749;
    color: white;
    font-weight: 700;
    padding: 15px 20px;
    text-align: right;
}

    .budget-billing .account-totals a {
        color: white;
        font-weight: 400;
        text-decoration: underline;
    }

@media (max-width: 767px ) {
    .budget-billing .account-totals {
        text-align: left;
    }
}

@media (min-device-width: 870px ) {

    .budget-printbutton-show {
        color: forestgreen;
        font-size: 10px;
        display: block;
        cursor: pointer;
        float: right;
        text-align: left;
        margin-right: 50px;
    }
}

.linkmore {
    cursor: pointer;
}

.budget-billing .account-totals {
    background: #007749;
    color: white;
    font-weight: 700;
    padding: 15px 20px;
    text-align: right;
}

    .budget-billing .account-totals a {
        color: white;
        font-weight: 400;
        text-decoration: underline;
    }

.budget-billing .account-meta {
    padding: 25px 0 18px;
    font-size: 12px;
    text-align: right;
}


.budget-panel .balance-details table td {
    vertical-align: top;
}

@media (max-width: 767px) {
    body.responsive h1 {
        font-size: 29px;
        padding-top: 10px;
    }

    .budget-printbutton-show {
        color: forestgreen;
        font-size: 10px;
        display: block;
        cursor: pointer;
        float: right;
        text-align: left;
        margin-right: 0px;
    }

    /*.budgetBilling-EnrollNowButton {
            margin-left: 20px !important;
        }*/
}

.panel .panel-body h1 {
    padding-top: 10px;
}

.budget-panel {
    background: #ebebeb;
    border-bottom: 1px solid #007749;
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 20px;
}

    .budget-panel a {
        text-decoration: none;
        color: #000;
    }

    .budget-panel .budget-panel-alert {
        background: #cacaca;
        border: 1px solid #00aa3e;
        border-left-width: 30px;
        margin: 0 -15px;
        padding: 5px 10px 5px 10px;
        position: relative;
    }

        .budget-panel .budget-panel-alert:before {
            color: white;
            content: '\f05a';
            font-family: FontAwesome;
            font-size: 20px;
            position: absolute;
            left: -23px;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .budget-panel .budget-panel-alert.danger {
            border-color: #dd0a2b;
        }

        .budget-panel .budget-panel-alert.warning {
            border-color: #ff6300;
        }

        .budget-panel .budget-panel-alert.warning1 {
            border-color: #F7DC6F;
        }

        .budget-panel .budget-panel-alert.danger:before,
        .budget-panel .budget-panel-alert.warning:before {
            content: '\f06a';
        }

        .budget-panel .budget-panel-alert a {
            text-decoration: none;
        }

    .budget-panel .budget-panel-top,
    .budget-panel .budget-panel-bottom-inner {
        display: table;
        position: relative;
        padding: 10px 0;
        width: 100%;
    }

@media (max-width: 767px ) {
    .budget-panel .budget-panel-top,
    .budget-panel .budget-panel-bottom-inner {
        display: block;
    }
}

.budget-panel .budget-panel-top > div,
.budget-panel .budget-panel-bottom-inner > div {
    /*display: table-cell;*/
    vertical-align: top;
}

@media (max-width: 767px ) {
    .budget-panel .budget-panel-top > div,
    .budget-panel .budget-panel-bottom-inner > div {
        display: block;
        width: 100%;
    }
}

.budget-panel .budget-address {
    margin-bottom: 10px;
    font-size: 13px;
}

.budget-margin-Button-top {
    margin-top: 15px;
}

.budget-panel .budget-panel-bottom {
    display: none;
}

#main_lstViewAccounts_rptMessage_1_lblMsg_1 a {
    text-decoration: none;
    color: #000;
}

.panel-body {
    padding: 20px 8px 10px 10px;
}

.budget-fix {
    position: fixed;
}

.alligntxtRight {
    text-align: right;
    font-size: 13px;
}

.budget-Confirm-text {
    /* text-align: right; */
    font-size: 15px;
    font-weight: bold;
}

/*.accountdtls_no {
    text-decoration:none rgba(0, 0, 0, 0) !important;
}*/
.accountdtls_no {
    pointer-events: none;
}

    .accountdtls_no > a {
        text-decoration: none !important;
        color: inherit;
    }

.budget-enrollButton {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 30px;
}

.budget-printbutton-hide {
    color: forestgreen;
    font-size: 10px;
    display: block;
    cursor: pointer;
    float: right;
    text-align: left;
    margin-right: 50px;
    position: absolute;
    visibility: hidden;
}

.budget-printbutton-show {
    color: forestgreen;
    font-size: 10px;
    display: block;
    cursor: pointer;
    float: right;
    text-align: left;
    /*margin-right: 50px;*/
}

@media print {
    body * {
        visibility: hidden;
        -webkit-print-color-adjust: exact !important;
        height: 10% !important;
    }

    html, body {
        border: 1px solid white;
        height: 99%;
        page-break-after: avoid;
        page-break-before: avoid;
    }

    #section-to-print:last-child {
        page-break-after: auto;
    }


    #section-to-print h1 {
        color: forestgreen !important;
        font-family: "Open Sans Condensed", Arial, sans-serif;
        /*font-weight: 700;*/
        margin: 0 0 6px;
        padding-top: 5px;
        text-transform: uppercase;
    }

    #section-to-print {
        align-content: center;
        margin-left: 100px;
        /*page-break-before: always;*/
        height: auto !important;
    }

        #section-to-print h1, .h1 {
            font-size: 46px;
        }

    .btn.btn-blue {
        background: #109de8;
        color: white;
    }

    #section-to-print btn.btn-blue:active {
        background: #009dd6;
        border-color: #009dd6;
    }

    #section-to-print, #section-to-print * {
        visibility: visible;
        color: white;
        -webkit-print-color-adjust: exact !important;
    }

    #section-to-print {
        position: absolute;
        left: 0;
        top: 0 !important;
        -webkit-print-color-adjust: exact !important;
    }
}

.clickGreen {
    color: green;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background: inherit;
}

    .clickGreen a:hover {
        color: green;
        text-transform: uppercase;
        font-weight: bold;
        text-decoration: none;
        background: inherit;
    }

.clickGreenValidation a:hover {
    color: green;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background: inherit;
}

.clickGreenValidation a {
    color: green;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background: inherit;
}

.budgetBillingErrorMessage a {
    text-transform:none !important;
}

.clickGreenAnchor a {
    color: green;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background: inherit;
}

    .clickGreenAnchor a:hover {
        color: green;
        text-transform: uppercase;
        font-weight: bold;
        text-decoration: none;
        background: inherit;
    }

/* On screens that are 768px or less 
    --> 768 pixels for small device
    -- medium device width (> 992 pixels)
*/
@media (max-width: 768px ) {
    .budget-Confirm-text {
        font-size: 15px;
        font-weight: bold;
    }

    .btn {
        min-width: fit-content;
    }
}

.noborder {
    border: none;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
    .Budget-Billing-MonthlyBudgetAmount {
        font-size: 13px !important;
        text-align: left;
    }
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
    .Budget-Billing-MonthlyBudgetAmount {
        font-size: 13px !important;
        text-align: left;
    }
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .Budget-Billing-MonthlyBudgetAmount {
        font-size: 12px !important;
        text-align: left;
    }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    .Budget-Billing-MonthlyBudgetAmount {
        font-size: 12px !important;
        text-align: left;
    }
}

.ev-datepicker.ui-widget, .ev-datepicker .ui-widget {
    font-family: "Open Sans",Arial,sans-serif;
}

.ev-datepicker .ui-state-default {
    font-weight: normal;
    color: #00aa3e;
    border-color: #00aa3e;
    border-width: 1px;
    border-style: solid;
    background: #ffffff;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .ev-datepicker .ui-state-default:hover {
        color: #ffffff;
        border-color: #00aa3e;
        background: #00633c;
    }

.ev-datepicker .ui-state-highlight {
    color: #109be8;
    border-color: #109be8;
    background: #ffffff;
}

    .ev-datepicker .ui-state-highlight::after {
        content: "\2022";
        font-size: 1em;
        position: absolute;
        width: 100%;
        height: 15%;
        left: 0;
        text-align: center;
        line-height: 0;
        bottom: 0;
        box-sizing: border-box;
    }

.ev-datepicker .ui-state-active {
    color: #ffffff !important;
    border-color: #00aa3e !important;
    background: #00633c !important;
}

.ev-datepicker .ui-datepicker-unselectable .ui-state-default {
    color: #ffffff;
    background: #cccccc;
    border-color: #cccccc;
}

.ev-datepicker th {
    font-size: 10px;
}

.ev-datepicker .ui-datepicker-title {
    color: #00aa3e;
}

.ev-datepicker .ui-datepicker-header {
    background: #ffffff;
    border: none;
}

.ev-datepicker.ui-datepicker, .ev-datepicker .ui-datepicker {
    background: #ffffff;
    width: 17.5em;
}

    .ev-datepicker.ui-datepicker td, .ev-datepicker .ui-datepicker td {
        height: 2.5em;
        width: 2.5em;
    }

        .ev-datepicker.ui-datepicker td .ui-state-default, .ev-datepicker .ui-datepicker td .ui-state-default {
            display: inline-block;
            height: 2.5em;
            text-align: center;
            line-height: 2em;
            position: relative;
        }

.ev-datepicker#ui-datepicker-div {
    border: 1px solid #c5c5c5;
    border-radius: 3px;
}

    .ev-datepicker#ui-datepicker-div.ui-datepicker {
        width: 17.5em;
    }

        .ev-datepicker#ui-datepicker-div.ui-datepicker td {
            height: 2.5em;
            width: 2.5em;
        }

            .ev-datepicker#ui-datepicker-div.ui-datepicker td .ui-state-default {
                height: 2.5em;
                line-height: 2em;
            }

    .ev-datepicker#ui-datepicker-div .ui-state-default {
        font-weight: normal;
    }

.ev-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ev-datepicker .ui-datepicker-header .ui-datepicker-next {
    text-decoration: none;
    font: normal normal normal 0.8em FontAwesome;
    color: #acacac;
    position: absolute;
    line-height: 1.75em;
}

    .ev-datepicker .ui-datepicker-header .ui-datepicker-prev span,
    .ev-datepicker .ui-datepicker-header .ui-datepicker-next span {
        background: none;
        display: none;
    }

    .ev-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover, .ev-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-next-hover,
    .ev-datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-prev-hover,
    .ev-datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover {
        border: none;
        background: none;
        top: 2px;
    }

    .ev-datepicker .ui-datepicker-header .ui-datepicker-prev::before,
    .ev-datepicker .ui-datepicker-header .ui-datepicker-next::before {
        font-size: 1.5em;
    }

    .ev-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
        content: "\f190";
    }

    .ev-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover {
        left: 2px;
    }

    .ev-datepicker .ui-datepicker-header .ui-datepicker-next::before {
        content: "\f18e";
    }

    .ev-datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover {
        right: 2px;
    }

.ev-datepicker .ui-datepicker-inline {
    border: none;
    position: relative;
    margin: auto;
}

    .ev-datepicker .ui-datepicker-inline .ui-datepicker-header {
        position: static;
    }

        .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev,
        .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next {
            text-decoration: none;
            position: absolute;
            top: 50%;
        }

            .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover, .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-next-hover,
            .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next.ui-datepicker-prev-hover,
            .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover {
                top: 50%;
            }

            .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev::before,
            .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next::before {
                font-size: 2em;
            }

        .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev {
            left: -40px;
            text-align: left;
        }

            .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover {
                left: -40px;
            }

        .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next {
            right: -40px;
            text-align: right;
        }

            .ev-datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover {
                right: -40px;
            }

@media (min-width: 768px) {
    .ev-datepicker.ui-datepicker, .ev-datepicker .ui-datepicker {
        width: 17.5em;
    }

        .ev-datepicker.ui-datepicker td, .ev-datepicker .ui-datepicker td {
            height: 2.5em;
            width: 2.5em;
        }

            .ev-datepicker.ui-datepicker td .ui-state-default, .ev-datepicker .ui-datepicker td .ui-state-default {
                height: 2.5em;
                line-height: 2em;
            }

    .ev-datepicker .ui-state-default {
        font-weight: bold;
    }

    .ev-datepicker .ui-state-highlight::after {
        height: 18%;
    }
}

@media (min-width: 992px) {
    .ev-datepicker.ui-datepicker, .ev-datepicker .ui-datepicker {
        width: 21em;
    }

        .ev-datepicker.ui-datepicker td, .ev-datepicker .ui-datepicker td {
            height: 3em;
            width: 3em;
        }

            .ev-datepicker.ui-datepicker td .ui-state-default, .ev-datepicker .ui-datepicker td .ui-state-default {
                height: 3em;
                line-height: 2.5em;
            }

    .ev-datepicker .ui-state-highlight::after {
        height: 18%;
    }
}

@media (min-width: 1200px) {
    .ev-datepicker.ui-datepicker, .ev-datepicker .ui-datepicker {
        width: 21em;
    }

        .ev-datepicker.ui-datepicker td, .ev-datepicker .ui-datepicker td {
            height: 3em;
            width: 3em;
        }

            .ev-datepicker.ui-datepicker td .ui-state-default, .ev-datepicker .ui-datepicker td .ui-state-default {
                height: 3em;
                line-height: 2.5em;
            }

    .ev-datepicker .ui-state-highlight::after {
        height: 20%;
    }
}