@import url(/82/639f3863_tooltip.css);
@import url(/ab/9d2f528c_jquery.ui.css);

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/a9/e9bafe64_Poppins-Light.woff2) format('woff2'),
        url(/e2/47a92158_Poppins-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/ac/6d71b4d5_Poppins-Regular.woff2) format('woff2'),
        url(/fd/d3002e7d_Poppins-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/d7/0e2c70b2_Poppins-Italic.woff2) format('woff2'),
        url(/e2/bfcd5601_Poppins-Italic.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/0d/a2d17e73_Poppins-Medium.woff2) format('woff2'),
        url(/28/3f21b44e_Poppins-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/a9/9a6d5843_Poppins-MediumItalic.woff2) format('woff2'),
        url(/b5/92c62fdf_Poppins-MediumItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/17/9f97ec02_Poppins-Semibold.woff2) format('woff2'),
        url(/8a/4ace9392_Poppins-SemiBold.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/cb/726212d5_Poppins-Bold.woff2) format('woff2'),
        url(/87/5cf0cecd_Poppins-Bold.ttf) format('truetype');
}



/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*============= FONT FACE ==============*/
@font-face {
    font-family: "LatoThin";
    src: url(/0b/7eff7d6c_lato-thin-webfont.eot?#iefix) format('embedded-opentype'),
        url(/31/f4545880_lato-thin-webfont.woff2) format('woff2'),
        url(/db/2012ef3b_lato-thin-webfont.woff) format('woff'),
        url(/ee/b939c99b_lato-thin-webfont.ttf)  format('truetype');
}

@font-face {
    font-family: 'LatoLight';
    src: url(/00/5bcd6313_lato-light-webfont.eot?#iefix) format('embedded-opentype'),
        url(/fe/929b2884_lato-light-webfont.woff2) format('woff2'),
        url(/b7/89a47368_lato-light-webfont.woff) format('woff'),
        url(/e8/96130278_lato-light-webfont.ttf)  format('truetype');
}

@font-face {
    font-family: 'LatoReg';
    src: url(/5a/36c95ae3_lato-regular-webfont.eot?#iefix) format('embedded-opentype'),
        url(/23/edb20dc7_lato-regular-webfont.woff2) format('woff2'),
        url(/22/10360502_lato-regular-webfont.woff) format('woff'),
        url(/38/13c54e18_lato-regular-webfont.ttf)  format('truetype');
}

@font-face {
    font-family: 'LatoItalic';
    src: url(/28/2c0f8782_lato-italic.eot?#iefix) format('embedded-opentype'),
    url(/f3/a1248269_lato-italic.woff2) format('woff2'),
    url(/79/0708b69d_lato-italic.woff) format('woff'),
    url(/45/3d137583_lato-italic.ttf)  format('truetype');
}

@font-face {
    font-family: 'LatoSemibold';
    src: url(/23/fef374a3_lato-semibold-webfont.woff2) format('woff2'),
    url('/stylesheets/font/lato/lato-semibold-webfont.woff') format('woff'),
    url('/stylesheets/font/lato/lato-semibold-webfont.ttf')  format('truetype');
}

@font-face {
    font-family: 'LatoMed';
    src: url(/3b/0d52da50_lato-medium-webfont.eot?#iefix) format('embedded-opentype'),
        url(/35/5045d850_lato-medium-webfont.woff2) format('woff2'),
        url(/83/84f7e1f9_lato-medium-webfont.woff) format('woff'),
        url(/29/83ead2e6_lato-medium-webfont.ttf)  format('truetype');
}

@font-face {
    font-family: 'LatoMed-Italic';
    src: url(/78/ea5d9e59_lato-medium-italic.ttf)  format('truetype');
}

@font-face {
    font-family: 'LatoBold';
    src: url(/bb/109dc0e4_lato-bold-webfont.eot?#iefix) format('embedded-opentype'),
        url(/37/f111900a_lato-bold-webfont.woff2) format('woff2'),
        url(/b1/054cf394_lato-bold-webfont.woff) format('woff'),
        url(/a4/55f070db_lato-bold-webfont.ttf)  format('truetype');
}

@font-face {
    font-family: 'LatoHeavy';
    src: url(/91/f9a3d907_lato-heavy.eot?#iefix) format('embedded-opentype'),
    url(/a1/8babb2f3_lato-heavy.woff2) format('woff2'),
    url(/f7/58ce3f47_lato-heavy.woff) format('woff'),
    url(/eb/f783600f_lato-heavy.ttf)  format('truetype');
}

@font-face {
    font-family: 'BebasNeue';
    src: url(/d9/a33ec7f0_bebasneue_bold-webfont.eot?#iefix) format('embedded-opentype'),
        url(/08/e7441596_bebasneue_bold-webfont.woff2) format('woff2'),
        url(/c0/dcfe2668_bebasneue_bold-webfont.woff) format('woff'),
        url(/95/7f0b9669_bebasneue_bold-webfont.ttf)  format('truetype');
}

@font-face {
    font-family: 'Bariol';
    src: url(/db/30ccb2cf_bariol_regular_italic.eot?#iefix) format('embedded-opentype'),
        url(/a5/d3f67193_bariol_regular_italic.woff2) format('woff2'),
        url(/26/151ab976_bariol_regular_italic.woff) format('woff'),
        url(/5f/80a8cd8c_bariol_regular_italic.ttf)  format('truetype');
}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url(/27/a120d020_proximanova-light.eot?#iefix) format('embedded-opentype'),
        url(/97/7b71729e_proximanova-light.woff2) format('woff2'),
        url(/e4/973dd054_proximanova-light.woff) format('woff'),
        url(/6e/803f90cc_proximanova-light.ttf)  format('truetype');
}

@font-face {
    font-family: 'ProximaNova';
    src: url('/stylesheets/font/proxima-nova/proximanova-regular.ttf')  format('truetype');
}

@font-face {
    font-family: 'ProximaNovaLightIt';
    src: url('/stylesheets/font/proxima-nova/proximanova-lightitalic.eot?#iefix') format('embedded-opentype'),
    url('/stylesheets/font/proxima-nova/proximanova-lightitalic.woff2') format('woff2'),
    url('/stylesheets/font/proxima-nova/proximanova-lightitalic.woff') format('woff'),
    url('/stylesheets/font/proxima-nova/proximanova-lightitalic.ttf')  format('truetype');
}

@font-face {
    font-family: 'ProximaNovaSemibold';
    src: url('/stylesheets/font/proxima-nova/proximanova-semibold.ttf')  format('truetype');
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('/stylesheets/font/proxima-nova/proximanova-bold.eot?#iefix') format('embedded-opentype'),
    url('/stylesheets/font/proxima-nova/proximanova-bold.woff2') format('woff2'),
    url('/stylesheets/font/proxima-nova/proximanova-bold.woff') format('woff'),
    url('/stylesheets/font/proxima-nova/proximanova-bold.ttf')  format('truetype');
}

@font-face {
    font-family: 'ProximaNovaExtrabold';
    src: url(/0a/76e1f6fa_proximanova-extrabold.eot?#iefix) format('embedded-opentype'),
        url(/f6/241b8fdd_proximanova-extrabold.woff2) format('woff2'),
        url(/59/a1d027ac_proximanova-extrabold.woff) format('woff'),
        url(/c7/ca223245_proximanova-extrabold.ttf)  format('truetype');
}

@font-face {
    font-family: 'ProximaNovaBlack';
    src: url(/ed/82b0e198_proximanova-black.eot?#iefix) format('embedded-opentype'),
        url(/cc/faabd4f5_proximanova-black.woff2) format('woff2'),
        url(/59/4b64a131_proximanova-black.woff) format('woff'),
        url(/fb/340652bf_proximanova-black.ttf)  format('truetype');
}

@font-face {
    font-family: 'OswaldLight';
    src: url(/4a/f39bd827_oswald-light.ttf) format("truetype");
}

@font-face {
    font-family: 'OswaldReg';
    src: url(/cf/5adbf5c5_oswald-regular.ttf) format("truetype");
}

@font-face {
    font-family: 'Bradley';
    src: url('/stylesheets/font/bradley/BradleyHandBold.ttf') format('truetype');
}

/*============= GENERAL STYLES ==============*/
html {
    position: relative;
    min-height: 100%;
    height: 100%;
}

body {
    color: #666666;
    font-size: 18px;
    font-family: 'LatoReg', sans-serif;
    margin: 0 0 30px;
    height: 100%;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    margin: 0 0 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #384450;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 100%;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

b, strong {
    font-family: "LatoBold";
}

i {
    font-style: italic;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 1.035em;
}

ul, ol {
    margin: 0;
    padding: 0;
}

a {
    color: #008DCE;
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

label.cblabel,
label.cblabel input[type='checkbox']{
    cursor: pointer;
}

input[type='text'],
input[type='password'],
textarea{
    font-size: 18px;
    color: #000000;
    outline: none;
    font-family: 'LatoReg', sans-serif;
    border-radius: 8px;
    -webkit-appearance: none;
    border: 1px solid #969696;
    behavior: url(/01/f6ae411f_pie.htc);
}

input[type='button'],
input[type='submit']{
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    font-family: 'LatoLight', sans-serif;
    -webkit-appearance:none;
    behavior: url(/01/f6ae411f_pie.htc);
}

select {
    color: #000;
    width: 105px;
    height: 32px;
    padding: 0 20px 0 7px;
    padding-right: 0px\9;
    outline: 0;
    font-size: 1.0625em;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    font-family: "LatoReg", sans-serif;
    background: url(/6a/d89fccf2_arrow_down3.png) right 12px center no-repeat;
    background-size: 10px 6px;
    border: 1px solid #969696;
}

select::-ms-expand{
    display:none;
}

::-webkit-input-placeholder { color: #666666; font-family: "LatoLight", sans-serif; }
:-moz-placeholder { color: #666666; font-family: "LatoLight", sans-serif; }
::-moz-placeholder { color: #666666; font-family: "LatoLight", sans-serif; }
:-ms-input-placeholder { color: #666666; font-family: "LatoLight", sans-serif; }

.form-header {
    color: #008dce;
    margin: 5px 0 10px;
    font-family: "LatoBold", sans-serif;
}

.form-block {
    margin-bottom: 45px;
}

.fld-min {
    width: 50px;
    height: 26px;
    padding: 0 5px;
    line-height: 26px;
}

.fld-sml {
    height: 24px;
    width: 160px;
    padding: 0 7px;
    line-height: 24px;
    font-size: 13px !important;
    border-radius: 5px;
}

.fld-sml2 {
    height: 28px;
    width: 230px;
    padding: 0 7px;
    font-size: 0.935em !important;
    line-height: 1em;
    border-radius: 5px;
    border-color: #aeaeae !important;
}

.fld-mid {
    font-size: 15px !important;
    height: 32px;
    line-height: 32px;
    width: 180px;
    padding: 0 5px;
}

.fld-lrg {
    height: 44px;
    width: 250px;
    padding: 0 10px;
    font-size: 0.9em !important;
    border-radius: 10px !important;
    display: block;
}

.fld-search {
    width: 250px;
    height: 32px;
    line-height: 32px;
    padding: 0 24px 0 7px;
    background: url(/9a/61969a49_search-icn.png)right 6px center no-repeat;
    background-size: 14px 14px;
    behavior: url(/01/f6ae411f_pie.htc);
}

.rfld-lrg {
    height: 38px;
    width: 228px;
    padding: 0 10px;
    border-radius: 10px !important;
    display: block;
}

.btn-min {
    width: 80px;
    height: 18px;
    color: #ffffff;
    background: #FF542B;
    border-radius: 4px !important;
}

.btn-sml {
    height: 26px;
    width: 85px;
    font-size: 16px;
}

.btn-mid {
    height: 32px;
    width: 90px;
    padding-top: 2px\9;
    line-height: 32px\9;
    position:relative\9;
    top: 2px\9;
    font-size: 16px;
}

.btn-lrg {
    font-size: 1.625em;
    height: 44px;
    width: 250px;
    display: block;
    line-height: 1.5em;
    border-radius: 10px !important;
}

.btn-bordered {
    color: #666666;
    width: 180px;
    height: 46px;
    border: none;
    padding: 0 14px 0 7px;
    outline: 0;
    font-size: 1.1em;
    line-height: 45px;
    border-radius: 6px;
    text-align: center;
    border: 1px solid #969696;
    font-family: "LatoLight", sans-serif;
}

.btn-bordered.active {
    color: #fff;
    border: none;
    background: #FF5717;
}

.btn-orange {
    color: #FFFFFF;
    letter-spacing: 0.02em;
    background: #F55631;
}

.btn-blue {
    color: #FFFFFF;
    border: 1px solid #00558D !important;
    background: #F55631;
    background: -moz-linear-gradient(top, #2EA1D3 0%, #006BBA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2EA1D3), color-stop(100%, #006BBA));
    background: -webkit-linear-gradient(top, #2EA1D3 0%, #006BBA 100%);
    background: -o-linear-gradient(top, #2EA1D3 0%, #006BBA 100%);
    background: -ms-linear-gradient(top, #2EA1D3 0%, #006BBA 100%);
    background: linear-gradient(to bottom, #2EA1D3 0%, #006BBA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2EA1D3', endColorstr='#006BBA', GradientType=0); /* IE6-9 */
}

.btn-red {
    color: #FFFFFF;
    background: #FF0600;
}

.btn-green {
    color: #FFFFFF;
    background: #00C275;
}

.btn {
    height: 38px;
    min-width: 140px;
    padding: 0 20px;
    font-size: 18px;
}

.btn2 {
    width: 140px;
    height: 34px;
    border-radius: 8px;
    display: inline-block;
    font-size: 18px;
}

.btn3 {
    width: 120px;
    height: 34px;
    line-height: 30px;
    border-radius: 8px;
    display: inline-block;
    font-size: 18px;
}

.btn-pblue {
    color: #FFFFFF;
    border-top: 1px solid #FFF;
    background: #008DCE;
}

.select2 {
    width: 130px;
    height: 28px;
    padding: 0 10px 0 7px;
    padding-right: 0\9;
    font-size: 0.9375em;
    line-height: 1em;
    font-family: "LatoReg", sans-serif;
    background: url(/6a/d89fccf2_arrow_down3.png) right 7px center no-repeat;
}

.select3 {
    color: #00A241;
    width: 250px;
    height: 46px;
    height: 24px\9;
    padding: 0 28px 0 8px;
    padding-right: 0\9;
    font-size: 1.125em;
    line-height: 46px;
    border: 1px solid #969696;
    background: #fff url(/6a/d89fccf2_arrow_down3.png) right 10px center no-repeat;
}

.select4 {
    line-height: 32px;
    width: 250px;
}

.btn-grey {
    color: #FFFFFF;
    background: #adadad;
}

.center-pos {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.grey {
    color: #999999;
}

.talign {
    text-align: center;
}

.inline {
    display: inline-block;
}

.content-section {
    border-bottom: 1px solid #999999;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    float: left;
    z-index: 3;
    top: 0px;
    left: 0;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.overlay.dark {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.ol2 {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.overlay-head {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    float: left;
    z-index: 3;
    top: 0px;
    left: 0;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.overlay-partial-wrapper {
    position: relative;
}

.overlay-partial-wrapper .overlay {
    position: absolute;
}

.popup-window {
    background: #ffffff;
    top: 50%;
    position: fixed;
    z-index: 3;
    left: 0;
    right: 0;
    color: #000000;
    margin: -150px auto 0;
    border-radius: 10px;
}

.popup-window2 {
    background: #ffffff;
    top: 72px;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    color: #000000;
    margin: 0 auto;
    width: 830px;
}

.popup-window .btn-blue,
.popup-window .btn-pblue,
.popup-window .btn-orange {
    height: 42px;
    line-height: 40px;
    font-size: 1.05em;
    cursor: pointer;
    font-family: "LatoLight", sans-serif;
}

.popup-window .btn-pblue:last-child,
.popup-window .btn-blue:last-child,
.popup-window .btn-orange:last-child {
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

.popup-header {
    color: #fff;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 1.65em;
    background: #FF542B;
    position: relative;
    font-weight: "LatoMed", sans-serif;
}

.popup-close {
    top: 0;
    bottom: 0;
    right: 20px;
    width: 15px;
    height: 15px;
    display: block;
    cursor: pointer;
    margin: auto;
    position: absolute;
    background: url(/b2/58c4e904_xwhite.png);
}

.section_heading {
    width: 99%;
    float: left;
    font-size: 26px;
    font-weight: bold;
    color: #4596B7;
    padding-bottom: 10px;
}

.center-win {
    width: 335px;
    font-size: 1.2em;
    line-height: 1.3em;
    text-align: center;
}

div.label-mid {
    display: table;
    height: 60px;
    width: 100%;
}

div.label-lrg {
    height: 110px;
    display: table;
    width: 100%;
}

div.label-mid p,
div.label-lrg p {
    display: table-cell;
    vertical-align: middle;
}

.module-header {
    color: #0094CC;
    font-size: 32px;
    line-height: 1em;
    cursor: pointer;
    padding-bottom: 4px;
    padding-left: 2px;
    font-family: "LatoBold", sans-serif;
    border-bottom: none;
}

.module-header.no-border {
    border-bottom: none !important;
}

.module-header.page-head {
    height: 70px;
    line-height: 75px;
    border-bottom: none;
}

.module-content {
    margin-top: 10px;
}

.module-msg {
    font-size: 16px;
    line-height: 1.4em;
    color: #A8A8A8;
    text-align: left;
    padding: 12px 0 15px;
    font-family: "LatoLight", sans-serif;
}

.module-msg.bordered {
    border-top: 1px solid #969696;
}

.module-msg h2 {
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 5px;
}

.md-time {
    font-size: 0.85em;
}

.pagination-block {
    padding-top: 10px;
    border-top: 1px solid #d2d2d2;
}

ul.pagination {
    display: table;
}

ul.pagination li {
    color: #969696;
    font-size: 14px;
    padding: 0 2px;
    letter-spacing: 0.02em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

ul.pagination li .arrowleft,
ul.pagination li .arrowright {
    margin-top: 4px;
}

ul.pagination li .arrowright {
    margin-left: 3px;
}

ul.pagination li a {
  padding: 4px 3px;
}

ul.pagination li.first a {
  margin-left: 0.5em;
}

ul.pagination li a.page-selected {
    color: #fff !important;
    background: #008DCE;
    border-radius: 3px;
    text-decoration: none;
    behavior: url(/01/f6ae411f_pie.htc);
}

ul.navlinks li {
    padding: 0 4px;
    display: inline-block;
}

ul.navlinks li a.nl-active{
    color: #000;
}

ul.navlinks li:first-child {
    padding-left: 0;
}

ul.navlinks li:last-child {
    padding-right: 0;
}

ul.navlinks li a,
ul.pagination li a{
    color: #969696;
    font-size: 14px;
    font-family: "LatoReg", sans-serif;
}

.cal-container {
    position: relative;
    display: inline-block;
}

.cal-window {
    width: 270px;
    top: 42px;
    right: -3px;
    z-index: 2;
    position: absolute;
    background: #fff;
    text-align: center;
    padding: 10px;
    border: 1px solid #969696;
    font-family: "LatoLight", sans-serif;
}

.cal-head {
    width: 100%;
    height: 25px;
    line-height: 25px;
    position: relative;
    font-size: 14px;
    margin-bottom: 5px;
}

.cal-table {
    margin: 5px auto 0;
}

.cal-table tr th,
.cal-table tr td {
    vertical-align: middle;
    width: 35px !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 2px 0;
    color: #000 !important;
    background: none !important;
}

.cal-table tr th {
    padding: 5px 0;
    font-size: 12px !important;
}

.cal-table tr td {
    cursor: pointer;
    font-size: 14px !important;
}

.cal-table tr td span {
    display:block;
}

.cal-table.monthly tr td:hover,
.cal-table.weekly tr:hover td {
    background: #f1f1f1 !important;
}

.cal-table.monthly tr td.selected,
.cal-table tr.selected td,
.cal-table.weekly tr.selected:hover td{
    color: #FFF !important;
    background: #666666 !important;
}

.cal-table tr td span {
    width: 25px;
    margin: auto;
    padding: 2px 0;
    border-radius: 25px;
}

.cal-table tr td.selected span,
.cal-table tr:hover td.selected:hover span {
    color: #FFF !important;
    background: #666666 !important;
}

.cal-table.daily tr td:hover span {
    background: #f1f1f1 !important;
}

.cal-table.monthly {
    width: 100%;
}

.cal-table.monthly tr td {
    height: 50px !important;
}

.cal-table tr td.disable {
    color: #969696 !important;
}

.cal-table tr td.disable:hover span {
    background-color: #fff !important;
}

.cal-left-arrow,
.cal-right-arrow {
    position: absolute;
    top: 5px;
    cursor: pointer;
}

.cal-left-arrow {
    left: 60px;
}

.cal-right-arrow {
    right: 60px;
}

.module-popup {
    background: #ffffff;
    position: fixed;
    z-index: 3;
    left: 0;
    right: 0;
    color: #000000;
    margin: auto;
    border-radius: 7px;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
    -webkit-font-smoothing: subpixel-antialiased;
    behavior: url(/01/f6ae411f_pie.htc);
}

.module-popup input {
    -webkit-font-smoothing: subpixel-antialiased;
}

.module-popup .content-group {
    height: 375px;
    overflow: auto;
}

.section-group {
    display: table-cell;
}

.section-group input[type=checkbox] {
    vertical-align: top;
    margin-right: 10px;
}

.content-group .section-group .sbHead {
    color: #000 !important;
    font-size: 20px;
}

.content-group .fa-section {
    padding: 15px !important;
}

.content-group .fa-section.highlight {
    padding: 0 15px !important;
}

.popup1 {
    top: 10%;
    padding: 25px 30px 20px;
    width: 800px;
}

.popup2 {
    top: 12%;
    width: 500px;
}

.popup3 {
    top: 60px;
    width: 850px;
    padding: 12px 15px;
}

.popup4 {
    top: 20%;
    width: 570px;
    z-index: 10;
    padding: 15px 20px;
    border-radius: 10px;
}

.popup5 {
    top: 20%;
    left: 754px;
    z-index: 9999;
    width: 180px;
    padding: 18px 12px 10px;
    border-radius: 10px;
}

.popup6 {
    top: 30%;
    width: 1000px;
    z-index: 10;
    border-radius: 10px;
}

.popup5 .phead {
    color: #008DCE;
    font-size: 14.2px;
}

.close-x {
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    position: absolute;
    background: url(/12/4897b097_xblue.png);
}

.popup1 .close-x {
    top: 30px;
    right: 30px;
}

.popup2 .close-x {
    top: 15px;
    right: 15px;
}

.mw-header {
    color: #008DCE;
    font-size: 26px;
    margin-right: 10px;
    margin-bottom: 20px;
}

input.fld2 {
    width: 100%;
    height: 36px;
    padding: 0 8px;
    border-radius: 7px;
    border: 1px solid #969696;
}

.fld3 {
    width: 500px;
    height: 40px;
    padding: 0 8px;
    border-radius: 7px !important;
    border: 1px solid #969696 !important;
}

.fld4 {
    width: 350px;
    padding: 0 8px;
    border-radius: 7px !important;
    border: 1px solid #969696 !important;
}

.fld6 {
    width: 260px;
    height: 32px;
    border-radius: 6px !important;
}

input.fld5 {
    width: 145px;
    padding: 0 8px;
    border-radius: 7px;
}

.tarea2 {
    width: 100%;
    height: 320px;
    padding: 10px;
    border: 1px solid #969696;
    border-radius: 7px;
    outline: 0;
    overflow-y: auto;
    behavior: url(/01/f6ae411f_pie.htc);
}

.input-block label,
.input-block input {
    display: block;
}

.input-block label {
    margin: 2px 0 !important;
}

.tarea {
    width: 100%;
    padding: 10px;
    font-size: 18px;
    border: 1px solid #969696;
    border-radius: 7px;
    outline: 0;
    overflow-y: auto;
}

.tarea.large {
    height: 320px;
}

.tarea.mid2 {
    height: 270px;
}

.tarea.mid {
    height: 180px;
}

.tarea.sml {
    height: 100px;
}

.tarea-wrapper {
    height: auto;
    font-size: 18px;
    margin: 0 0 15px;
    padding-bottom: 5px;
    border-radius: 7px;
    border: 1px solid #969696;
    behavior: url(/01/f6ae411f_pie.htc);
}

.tarea-wrapper .tarea {
    border: none;
}

.table {
    width: 100%;
}

.table-striped tr td {
    padding: 3px 0;
}

.table-striped tr:nth-child(odd) td {
    background: #f7f7f7;
}

.table-bordered tr th,
.table-bordered tr td {
    border-bottom: 1px solid #d2d2d2;
}

.table-box {
    border-collapse: inherit;
    border-radius: 10px;
    border: 1px solid #d2d2d2;
    behavior: url(/01/f6ae411f_pie.htc);
}

.table-box thead tr th {
    color: #008DCE;
    font-size: 21px;
    text-align: left;
    height: 60px;
    line-height: 60px;
    padding: 0 7px;
    border-top-left-radius: 10px;
}

.table-box tbody tr td {
    padding: 15px 7px;
}

.table-box thead tr th:first-child,
.table-box tbody tr td:first-child {
    padding-left: 10px;
}

.table-box tbody tr:last-child td:first-child {
    border-bottom-left-radius: 11px;
}

.table-box tbody tr:last-child td:last-child {
    border-bottom-right-radius: 11px;
}

.fixed-table-container {
    position: relative;
    padding-top: 50px;
    height: 100%;
}

.fixed-table-container .header-background {
    background-color: white;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
}

.fixed-table-container-inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.fixed-table-container-inner table.grid {
    width: 100%;
    margin-bottom: 0;
}

.fixed-table-container-inner table.grid tr:first-child th {
    padding: 0 5px;
    border: none;
}

.fixed-table-container-inner table.grid tr th:first-child,
.fixed-table-container-inner table.grid tr td:first-child {
    padding: 0 20px;
}

.fixed-table-container-inner table.grid tr > td {
    background-color: #EAF7FF;
    border: none;
    vertical-align: middle;
    cursor: pointer;
    padding: 0 5px;
    height: 32px;
    font-size: 15px;
}

.fixed-table-container-inner table.grid tr:nth-child(odd) > td {
    background-color: #FBFDFF;
}

.fixed-table-container-inner table.grid tr:hover td {
    color: #5ABAC8;
}

.fixed-table-container-inner table.grid tr:first-child th .th-inner {
    color: #008DCE;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    top: 0;
    line-height: 50px;
    text-align: left;
    padding-left: 5px;
    margin-left: -5px;
    font-family: "LatoMed", sans-serif;
}

.fixed-table-wrapper {
    height: 375px;
    overflow: auto;
    color: #323232;
}

.form-action {
    margin: 20px 0;
    text-align: right;
    padding-right: 20px;
}

.form-action.aleft {
    text-align: left;
}

.form-action input,
.form-action .action-select {
    display: inline-block;
}

.api-link {
    text-align: right;
    display: block;
    position: absolute;
    bottom: 30px;
    font-size: 12px;
    left: 0;
    right: 0;
    width: 80%;
    max-width: 1000px;
    margin: auto;
}

.cal-tbl tr th,
.cal-tbl tr td {
    width: 10%;
    padding: 3px 5px;
}

.cal-tbl tr th {
    font-size: 20px;
    color: #00A241;
    padding-top: 20px;
    height: 45px;
    font-family: "LatoLight", sans-serif;
    border-bottom: 1px solid #d2d2d2;
}

.cal-tbl tr td {
    font-size: 14px;
    height: 110px;
    position: relative;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.cal-tbl tr td:hover {
    cursor: pointer;
    background: #f1f1f1;
}

.cal-tbl tr td:last-child {
    border-right: none;
}

.cal-tbl tr:last-child td {
    border-bottom: none;
}

.cal-tbl p.inactive {
    color: #969696;
}

.cal-tbl tr td ul li {
    color: #00A241;
}

.cal-tbl tr td .mnedit {
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
}

.cal-tbl tr td:hover .mnedit {
    display: block;
}

.settings {
    width: 14px;
    height: 15px;
    display: inline-block;
    background: url(/69/a74c19e4_settings-icn.png);
}

.cal-window .settings {
    top: 15px;
    right: 20px;
    cursor: pointer;
    position: absolute;
}

.mndatesettings {
    right: 4px;
    color: #000;
    width: 100px;
    padding: 5px 10px;
    background: #fff;
    position: absolute;
    border-radius: 6px;
    text-align: left;
    font-size: 14px;
    line-height: 25px;
    margin-top: -4px;
    border: 1px solid #d2d2d2;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    font-family: "LatoReg", sans-serif;
}

.mndatesettings label {
    display: block;
}

.mndatesettings select {
    width: 90px;
    margin-left: 10px;
    height: 24px;
    border-radius: 5px !important;
}

.error {
    border: 1px solid #E22817;
}

.error-msg {
    color: #E22817;
    font-size: 13px;
    line-height: 15px;
    margin: 2px 0 0 4px !important;
}

.allergy {
    color: #FF542D !important;
}

.highlighted {
    background: #FFF9AF;
}

.form-group {
    margin-bottom: 15px;
}

.form-group .inline-label {
    width: 125px;
}

.form-group .bold {
    font-family: "LatoBold", sans-serif;
}

.form-group .bold span {
    margin-left: 10px;
    font-family: "LatoReg", sans-serif;
}

.form-group p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}

.form-group p .itemdesc {
    width: 100px;
    font-family: "LatoBold", sans-serif;
    display: inline-block;
}
.form-group ol {
    font-size: 18px;
    margin-left: 28px;
}

.form-group ol li {
    margin: 7px 0;
    list-style-type: decimal;
}

.form-group .checked {
    vertical-align: top;
    margin-right: 5px;
}

.form-group label {
    display: inline-block;
    margin-bottom: 10px;
}

.form-group label.label2 {
    width: 200px;
}

.form-group input[type=text],
.form-group select {
    font-size: 18px;
    height: 39px;
    line-height: 35px;
    font-family: "LatoReg", sans-serif;
}

.form-group input[type=checkbox] {
    vertical-align: bottom;
}

.form-group .gallery-slider {
    margin-bottom: 10px !important;
}

.form-data input[type=checkbox] {
    opacity: 0;
    width: 0;
    margin-top: 0;
    margin-left: -10px;
}

.form-data input[type=checkbox] + label {
    padding: 1px 0 4px 30px;
    cursor: pointer;
    display: inline-block;
    background: url(/84/6c5ba51c_radio-grey.png) no-repeat;
}

.form-data input[type=checkbox]:checked + label {
    background: url(/ea/b0272c01_radio-green.png) no-repeat;
}

.form-data input[type=checkbox].radio-gap1 + label {
    width: 110px;
}

.form-data input[type=checkbox].radio-gap2 + label {
    width: 100%;
}

.form-data input[type=checkbox].radio-gap3 + label {
    width: 60px;
}

.form-data input[type=checkbox].radio-gap4 + label {
    width: 200px;
}

.form-data {
    line-height: 23px;
    margin-bottom: 8px !important;
}

.form-data .data-title {
    float: left;
    width: 215px;
    margin-right: 5px;
}

.form-data .data-title.data-query1 {
    width: auto !important;
}

.form-data .data-title.data-query2 {
    float: none;
    width: auto !important;
    margin-right: 0;
}

.form-data .data-query-info {
    margin-bottom: 20px;
}

.form-data .data-query-info2 {
    margin-left: 15px;
    margin-bottom: 30px;
}

.form-data .data-query-info2 .data-selection {
    margin-left: 215px;
}

.form-data .data-info {
    font-family: "LatoBold", sans-serif;
}

.form-data .data-info.data-list {
    margin-left: 220px;
    font-family: "LatoReg", sans-serif;
}

.form-data .data-list input[type=checkbox] + label {
    margin-bottom: 2px;
}

.form-data .data-info.indented {
    margin-left: 220px;
    margin-top: 5px;
}

.form-data .data-info-desc {
    padding: 10px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #cbcbcb;
}

.form-data .data-selection {
    margin-left: 220px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.form-data .data-info-rating {
    margin-left: 3px;
}

.form-data .data-info-rating .rating-ttl {
    margin-right: 21px;
}

.cps-container .input-block {
    position: relative;
}

.input-helper {
    font-size: 13px;
    padding: 15px 20px;
    border-radius: 7px;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    box-shadow: 0 0 1px 0px rgba(0,0,0,.2);
}

.input-block .input-helper {
    top: 50%;
    bottom: 50%;
    margin: auto;
    width: 280px;
    height: 175px;
    top: 55px;
    margin-left: 300px;
}

.input-helper h5 {
    font-family: "LatoBold", sans-serif;
    margin-bottom: 7px;
}
ul.ih-list {
    margin-left: 16px;
    list-style-type: disc !important;
}
ul.ih-list li {
    margin: 1px 0;
}
.input-helper:after, .input-helper:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.input-helper:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #FFFFFF;
    border-width: 9px;
    margin-top: -9px;
}
.input-helper:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #e7e7e7;
    border-width: 10px;
    margin-top: -10px;
}

.ttl-underlined {
    margin-bottom: 10px !important;
    font-family: "LatoBold", sans-serif;
    text-decoration: underline;
}

.form-inline .form-group {
    min-height: 60px;
    display: table;
    width: 100%;
}

.form-inline .form-group .fi-info {
    display: table-cell;
    vertical-align: middle;
}

.form-inline .form-group .fi-info.label,
.form-inline .form-group label {
    color: #666666;
    width: 200px;
    line-height: 39px;
    vertical-align: top;
}

.form-group .fi-info label {
    color: #000;
}

.fi-info .input-group input {
    margin-bottom: 5px;
}

.fi-info .input-group input:last-child {
    margin-bottom: 0;
}

.form-simple .form-group {
    margin: 0;
    padding: 5px 0;
    min-height: 40px;
}

.form-simple .form-group input[type=text],
.form-simple .form-group select {
    font-size: 17px;
}

.form-bordered .form-group {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #949494;
}

.form-bordered .form-group:last-child {
    border-bottom: none;
}

.form-bordered .form-group label,
.form-bordered .form-group p {
    margin-bottom: 0;
    line-height: 20px;
}

.inner-form-group {
    margin-left: 24px;
}

.inner-form-group .form-group {
    margin-bottom: 3px !important;
}

.inner-form-group h5 {
    font-size: 18px;
    font-family: "LatoBold", sans-serif;
}

.inner-form-group ul li {
    font-size: 18px;
    margin: 8px 0;
}

.comment-group {
    font-size: 18px;
    padding: 15px 0;
    border-bottom: 1px solid #d2d2d2;
}

.comment-group.inner {
    padding-left: 30px;
}

.comment-group:nth-child(2) {
}

.comment-group:last-child {
}

.comment-group p {
    margin-bottom: 5px;
}

.comment-from {
    font-size: 18px;
    font-family: "LatoBold", sans-serif;
}

.comment-from p.comment-loc {
    display: inline-block;
    color: #949494;
    margin-left: 10px;
}

.comment-from p.comment-time {
    color: #949494;
    font-size: 16px;
    margin-left: 25px;
    display: inline-block;
    font-family: "LatoLight", sans-serif;
}

.addphoto {
    border-radius: 7px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.addphoto .add-circle {
    margin-top: 5px;
    margin-bottom: -10px;
}

.addphoto p {
    color: #d1d1d1;
    top: 15px;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    font-family: "LatoLight", sans-serif;
}

.addphoto p .add-icn {
    top: 3px;
    margin-right: 5px;
    position: relative;
}

.addphoto p.orange {
    color: #FF542D;
}

sup {
    font-size: 7px;
    vertical-align: super;
}

.fa-menu-time.sml {
    top: 0;
    width: 90px;
    right: 20px;
    margin-top: -1px;
    font-size: 0.915em;
    min-height: 22px;
    line-height: 22px;
}

.fa-menu-time.sml ul li a:hover {
    color: #fff;
    text-decoration: none;
    background: #008DCE;
}

.custom-date {
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    letter-spacing: 0.01em;
    margin: 8px auto 25px;
}

.custom-date .cal-container {
    margin: 0 5px 0 -2px;
}

.custom-date .menu-date,
.custom-date .dash,
.date-range .menu-date,
.date-range .dash {
    display: inline-block;
    vertical-align: bottom;
}

.custom-date .menu-date p {
    margin: 0 2px;
    font-size: 18px !important;
}

.custom-date .cal-icn {
    top: 8px;
    position: relative;
}

.md-ttl {
    font-family: "LatoReg", sans-serif !important;
}

.date-range {
    top: 6px;
    position: relative;
}

.date-range .cal-icn {
    top: -8px;
    position: relative;
}

.see-attach {
    color: #FF4A00;
    font-size: 11px;
    display: inline-block;
    margin: 0 0 0 5px;
    text-align: right;
    padding-left: 17px;
    background: url(/ef/1c188d80_attachment-sml.png) left center no-repeat;
}

.see-attach sup {
    font-size: 11px !important;
}

.meline-box {
    font-size: 14.2px;
    margin-bottom: 15px;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    position: relative;
}

.minHeader {
    color: #008DCE;
    font-size: 20px !important;
    font-weight: normal;
    letter-spacing: 0.01em;
}

.moduleLeftPanel {
    width: 224px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #d1d1d1;
}

.moduleLeftPanel .minHeader {
    margin: 25px 0 0 15px;
}

.moduleLeftPanel ul.moduleLinks {
    margin-top: 30px;
}

.moduleLeftPanel ul.moduleLinks li.active {
    color: #008DCE;
}

.moduleLeftPanel ul.moduleLinks li {
    padding: 10px 15px;
    border-bottom: 1px solid #d1d1d1;
}

.moduleRightPanel {
    margin-left: 224px;
    padding: 20px 30px;
}

.moduleRightPanel .nfw-footer {
    margin: 0 15px 5px;
}

.moduleRightPanel .tlp-heading {
    margin-top: 5px;
}

.moduleRightPanel .tlp-heading,
.moduleRightPanel .tlp-inputarea .tlp-editable {
    padding-left: 12px;
    padding-right: 12px;
}

.moduleRightPanel .tlp-inputarea .tlp-editable {
    line-height: 17px;
    min-height: 200px;
}

.moduleRightPanel .tlp-contrib {
    width: auto;
    float: right;
}

.moduleRightPanel .tlc-img {
    position: static;
    right: auto;
    margin: 0;
}

.moduleRightPanel .tlc-name {
    margin-top: 6px;
    margin-right: 10px;
}

.mc-rate {
    margin: 3px 0 0 0;
    position: absolute;
    right: 0;
}

.mc-rate ul.mc-select {
    width: 355px;
}

.mc-rate ul.mc-select li:first-child {
    padding-right: 10px;
}

.mc-rate ul.mc-select li {
    margin-top: 5px;
    font-size: 13px;
    line-height: 24px;
}

.mc-attachlist {
    background: #fff;
    padding: 8px 10px;
    position: absolute;
    width: 400px;
    left: 25px;
    z-index: 10;
    margin-top: 6px;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    min-height: 70px;
    overflow: auto;
}

.mc-attachlist sup {
    color: #FF4A00;
    font-size: 11px;
    margin-top: -2px;
    margin-left: -10px;
    position: absolute;
}

.mc-attachlist table.mc-attachtbl tr th {
    color: #000 !important;
    font-family: "LatoBold", sans-serif;
    border-bottom: 1px solid #d1d1d1;
}

.mc-attachlist table.mc-attachtbl tr th:last-child,
.mc-attachlist table.mc-attachtbl tr td:last-child {
    text-align: right;
    padding: 0 5px 0 0;
}

.mc-attachlist table.mc-attachtbl tr th,
.mc-attachlist table.mc-attachtbl tr td {
    height: 30px;
    line-height: 30px;
    font-size: 14.2px;
}

.mc-attachlist table.mc-attachtbl tr td {
    background: #fff;
}

.mc-attachlist table.mc-attachtbl tr th:first-child,
.mc-attachlist table.mc-attachtbl tr td:first-child {
    text-align: left;
    padding: 0 0 0 13px;
}

.sbHead {
    color: #008DCE;
    font-size: 18px;
    line-height: 20px;
}

.fa-section {
    cursor: pointer;
    padding: 15px 15px;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
}

.fa-section:first-child:hover {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.fa-section:last-child:hover {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.fa-modbox .highlight {
    background: #008DCE;
    font-family: "LatoLight", sans-serif;
}

.fa-section.highlight:hover {
    background: #008DCE;
}

.info-msg {
    font-size: 13px;
    color: #FFFFFF;
    margin: 0 auto;
    text-align: center;
    border-radius: 6px;
    width: 750px;
    padding: 6px 0;
    background: #008DCE;
}

.info-lrg {
    font-size: 18px;
    padding: 10px 0;
}

.educate-info {
    margin-top: 70px;
}

.container {
    height: 100%;
}

/*============== WEBSITE STYLES ================*/
.btn-signup {
    width: 363px;
    height: 81px;
    font-size: 36px;
    letter-spacing: -1px;
    margin: auto;
    left: 0;
    right: 0;
    color: #FFFFFF;
    bottom: 105px;
    position: absolute;
    font-family: "LatoBold", sans-serif !important;
    border-radius: 0 !important;
    background: rgba(255,83,35,0.9);
}
.landing-img {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(/b9/165f9962_landing-img2a.jpg) top 60px center no-repeat;
    background-size: cover;
}
.landing-img p {
    color: #FFFFFF;
    font-size: 100px;
    text-align: center;
    position: absolute;
    bottom: 225px;
    left: 0;
    right: 0;
    margin: auto;
    text-shadow: 0 2px 25px rgba(0,0,0,.8);
    font-family: "ProximaNovaBlack", sans-serif;
}
.ld-sec-text {
    padding: 90px 0;
}
.ld-sec-text p {
    color: #959595;
    text-align: center;
}
.ld-sec-text p.ls-par1 {
    font-size: 36px;
    line-height: 36px;
    font-family: "Bariol";
}
.ld-sec-text p.ls-par2 {
    color: #F55631;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -1px;
    margin: 5px 0;
    font-family: "BebasNeue";
}
.ld-sec-text p.ls-par3 {
    color: #555555;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: -1px;
    font-family: "ProximaNovaLight";
}
.ld-sec-text p.ls-par3 .eb {
    font-family: "ProximaNovaExtrabold";
}
.ld-links-container {
    width: 100%;
    height: 360px;
    display: table;
}
.ld-drawer {
    width: 16%;
    overflow: hidden;
    position: relative;
    display: table-cell;
    cursor: pointer;
    border: 1px solid #FFFFFF;
}

.ld-drawer p {
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    margin: 30px 0;
    font-family: "ProximaNovaExtrabold", sans-serif;
}

.ld-drawer .drawer {
    width: 104%;
    height: 105%;
    z-index: -1;
    position: absolute;
    margin: -5px -10px -10px -5px;
}

.ld-drawer .drawer-links {
    position: relative;
    top: 130px;
}

.ld-drawer .drawer-links ul {
    display: none;
}

.ld-drawer:hover .drawer {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}

.ld-drawer:hover .drawer-links {
    top: 0;
    transform: translate(0,10px);
    -webkit-transform: translate(0,10px);
    -o-transform: translate(0,10px);
    -moz-transform: translate(0,10px);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.2s ease-in-out; /** Firefox **/
    -o-transition: all 0.2s ease-in-out; /** Opera **/
}

.ld-drawer:hover .drawer-links ul {
    display:block;
}

.drawer.ld1 {
    background: url(/2d/d44b22de_drawer1.jpg) no-repeat;
    background-size: cover;
}

.drawer.ld2 {
    background: url(/97/b818c4c5_drawer2.jpg) no-repeat;
    background-size: cover;
}

.drawer.ld3 {
    background: url(/a1/c1afa96a_drawer3.jpg) no-repeat;
    background-size: cover;
}

.drawer.ld4 {
    background: url(/9b/b14ffa3b_drawer4.jpg) no-repeat;
    background-size: cover;
}

.drawer.ld5 {
    background: url(/ab/3b835eb4_drawer5.jpg) no-repeat;
    background-size: cover;
}

.drawer.ld6 {
    background: url(/a6/63e947b0_drawer6.jpg) no-repeat;
    background-size: cover;
}

.ld-services {
    color: #000;
    padding: 65px 0 80px;
    background: #008DCE;
}

.ld-services p {
    text-align: center;
}

.ld-serv-container {
    width: 775px;
    margin: 35px auto 0;
    text-align: center;
    position: relative;
    left: 15px;
}

.ld-serv-blk {
    height: 90px;
    width: 225px;
    color: #008DCE;
    text-align: center;
    background: #FFFFFF;
    margin-right: 30px;
    margin-bottom: 30px;
    font-size: 24px;
    display: inline-block;
    position: relative;
    font-family: "ProximaNovaLight", sans-serif;
}

.ld-serv-blk p {
    vertical-align: middle;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Safari */
    transform: translate(-50%,-50%);
    position: absolute;
}

.ld-footer {
    height: 120px;
    color: #FFF;
    font-size: 14px;
    background: #000;
    text-align: center;
}

.ld-footer p {
    margin-top: 50px;
    display: inline-block;
    font-size: 14px;
    font-family: "ProximaNovaLight", sans-serif;
}

.dwnarw {
    width: 23px;
    height: 17px;
    display: block;
    margin: 3px auto;
    background: url(/7f/6c561668_dwnarw.png) no-repeat;
    background-size: 23px 17px;
}

.ld-drawer ul {
    margin-left: 30px;
}

.ld-drawer ul li {
    margin: 12px 0;
}

.ld-drawer ul li a {
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: underline;
    font-family: "ProximaNovaLight", sans-serif;
}

.lds1, .lds3 {
    font-family: "ProximaNovaLight", sans-serif;
}

.lds1 {
    color: #FFFFFF;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -3px;
}

.lds1 .eb {
    font-family: "ProximaNovaExtrabold", sans-serif;
}

.lds2 {
    color: #FFFFFF;
    font-size: 26px;
    margin: -17px 0 26px 230px;
    font-family: "Bariol", sans-serif;
}

.lds3 {
    font-size: 18px;
    line-height: 21px;
    margin: 3px 0;
}

/*============== /IMAGES/HH-WEB AND LOGOS =================*/
.header-logo.hh-logo {
    height: 34px;
    width: 105px;
    background: url(/93/05e4a7f1_hh-logo2.png) no-repeat;
    background-size: 105px 34px;
}

.app-header .hh-logo {
    width: 92px;
    height: 26px;
    background: url(/2e/cbf6e7f5_hh-logo.png) no-repeat;
    background-size: 92px 26px;
}

.hh-logo-blue {
    width: 88px;
    height: 26px;
    background: url(/d8/d7c0e0f5_hh-logo-blue.png) no-repeat;
    background-size: 88px 26px;
}

.hh-logo-circle {
    width: 272px;
    height: 288px;
    background: url(/8b/6f8eb360_hh-logo-circle.png) no-repeat;
    background-size: 272px 288px;
}

.menu-icn {
    width: 7px;
    height: 27px;
    cursor: pointer;
    background: url(/e2/1bb977d6_menu-icn.png) no-repeat;
    background-size: 7px 27px;
}

.menu-icn-blue {
    width: 7px;
    height: 27px;
    cursor: pointer;
    background: url(/00/4475727c_menu-icn-blue.png) no-repeat;
    background-size: 7px 27px;
}

.heart-icn {
    width: 28px;
    height: 26px;
    display: block;
    cursor: pointer;
    background: url(/0a/bc49980d_heart-icn.png) center no-repeat;
    background-size: 28px 26px;
}

.heart-icn-blue {
    width: 28px;
    height: 26px;
    display: block;
    background: url(/a1/15a06c11_heart-icn-blue.png) center no-repeat;
    background-size: 28px 26px;
}

.home-icn {
    width: 28px;
    height: 26px;
    display: block;
    cursor: pointer;
    background: url(/7b/6faea2eb_home-icn.png) center no-repeat;
    background-size: 28px 26px;
}

.home-icn-blue {
    width: 28px;
    height: 30px;
    display: block;
    background: url(/2b/e666a743_home-icn-blue.png) center no-repeat;
    background-size: 28px 26px;
}

.alert-icn {
    width: 34px;
    height: 35px;
    display: block;
    top: 1px !important;
    background: url(/28/1e8cf511_alert-icn2.png) center no-repeat;
    background-size: 34px 35px;
}

.app-logo {
    width: 184px;
    height: 53px;
    transition: transform 300ms ease;
}

.appstore-logo {
    background: url(/63/a2d336b4_appstore-logo.png) no-repeat;
}

.playstore-logo {
    background: url(/4f/5751e6af_playstore-logo.png) no-repeat;
}

.feedAustralia-logo {
    width: 351px;
    height: 91px;
    background: url(/82/1451027c_feedAustralia-logo.png) no-repeat;
    background-size: 351px 91px;
}

.hubworks-logo {
    width: 162px;
    height: 35px;
    background: url(/56/249590c0_hw-logo.png) no-repeat;
    background-size: 162px 35px;
}

.brainchild-logo {
  width: 212px;
  height: 33px;
  display: inline-block;
  background: url(/02/5ba1e7d1_brain-child-logo.png) no-repeat;
  background-size: 212px 33px;
}

.starcare-logo {
    width: 145px;
    height: 45px;
    display: inline-block;
    background: url(/3c/2dcfe6a1_star-care-logo-transparent.png) no-repeat;
    background-size: 145px 45px;
}

.protect-logo {
    width: 162px;
    height: 35px;
    background: url(/50/8bbdf473_protect-logo.png) no-repeat;
    background-size: 162px 35px;
}

.educate-logo {
    width: 162px;
    height: 64px;

    background: url(/2f/9000e69c_educate-logo@2x.png);
    background: url(/2f/9000e69c_educate-logo.png)\9;
    background-repeat: no-repeat;
    background-size: 162px 64px;
}

.arrowleft {
    width: 11px;
    height: 18px;
    display: block;
    background: url(/31/842d898d_arrow-left2.png) no-repeat;
    background-size: 8px 13px;
}

.arrowright {
    width: 11px;
    height: 18px;
    display: block;
    background: url(/b0/8b24d45e_arrow-right2.png) no-repeat;
    background-size: 8px 13px;
}

.arrowright {
    width: 11px;
    height: 18px;
}

.arrowleft-white {
     width: 15px;
     height: 24px;
     display: block;
     background: url(/b9/8aecfad0_arrow-left-white.png) no-repeat;
     background-size: 15px 24px;
 }

.arrowright-white {
    width: 15px;
    height: 24px;
    display: block;
    background: url(/images/hh-web/monitor/arrow-right-white.png) no-repeat;
    background-size: 15px 24px;
}

.arrowleft-circle {
    width: 55px;
    height: 55px;
    background: url(/39/aab68d3b_arrow-left-circle.png) no-repeat;
    background-size: 55px 55px;
}

.arrowright-circle {
    width: 55px;
    height: 55px;
    background: url(/bc/0afa4690_arrow-right-circle.png) no-repeat;
    background-size: 55px 55px;
}

.close-white {
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url(/bb/2741aff4_close-white.png) no-repeat;
    background-size: 15px 15px;
}

.like-icn {
    width: 30px;
    height: 36px;
    cursor: pointer;
    background: url(/a2/b17dbd70_fa-icon-like2.png) no-repeat;
    background-size: 30px 36px;
}

.like-icn-tapped {
    width: 30px;
    height: 36px;
    cursor: pointer;
    background: url(/ee/2b511c27_fa-icon-like-tapped2.png) no-repeat;
    background-size: 30px 36px;
}

.bulb-negative {
    width: 20px;
    height: 20px;
    background: url(/c9/3b1e0d72_fa-meal-feedbulb-negative2.png) no-repeat;
    background-size: 20px 20px;
}

.bulb-positive {
    width: 20px;
    height: 20px;
    background: url(/54/9bf2c743_fa-meal-feedbulb-positive2.png) no-repeat;
    background-size: 20px 20px;
}

.fa-downarrow {
    width: 16px;
    height: 8px;
    background: url(/7f/c27faf35_btn-arrow-down.png) no-repeat;
    background-size: 16px 8px;
}

.fa-downarrow-grey {
    width: 11px;
    height: 6px;
    background: url(/d4/93f89c48_fa-downarw-grey2.png) no-repeat;
    background-size: 11px 6px;
}

.fa-downarrow-tapped {
    width: 8px;
    height: 16px;
    background: url(/c4/81e02e68_fa-downarw-tapped2.png) no-repeat;
    background-size: 8px 16px;
}

.cal-left-arrow {
    width: 9px;
    height: 16px;
    background: url(/e7/24ae0e34_arrow-left.png) no-repeat;
    background-size: 9px 16px;
}

.cal-right-arrow {
    width: 9px;
    height: 16px;
    background: url(/images/hh-web/monitor/arrow-right.png) no-repeat;
    background-size: 9px 16px;
}

.cal-left-arrow:hover,
.cal-right-arrow:hover {
    opacity: 0.7;
}

.spinner {
    width: 24px;
    height: 24px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(/76/0d7062d7_spinner.gif);
}

.icn-bold{
    background: url("/images/hh-web/nfBold_Neutral.png") center;
}

.icn-italic{
    background: url("/images/hh-web/nfItalic_neutral.png") center;
}

.icn-underline{
    background: url("/images/hh-web/nfUnderline_neutral.png") center;
}

.icn-textsize{
    background: url("/images/hh-web/nfTextSize_neutral.png") center;
}

.icn-numbered{
    background: url("/images/hh-web/nfNumbered_neutral.png") center;
}

.icn-bulletlist{
    background: url("/images/hh-web/nfBulletList_neutral.png") center;
}

.icn-attachment{
    background: url("/images/hh-web/nfAttachment_neutral.png") center;
}

.icn-lock{
    background: url("/images/hh-web/nfLink.png") center;
}

.icn-save {
    background: url("/images/hh-web/save2.png") no-repeat center;
}

.icn-alignment{
    height: 30px;
    width: 52px;
    float: left;
    cursor: pointer;
    position: relative;
    border-radius: 2px;
    background: url("/images/hh-web/nfAlign.png") center;
}

.icn-alignment .richtext-editor {
    background: #ffffff;
    border-radius: 5px;
    width: 70px;
    font-size: 0.9em;
    padding: 5px 7px;
    top: 30px;
    position: absolute;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
}
.icn-alignment .richtext-editor li {
    padding: 0 2px;
}

.icn-alignment .richtext-editor li:hover {
    background: #f1f1f1;
}

.icn-heading{
    height: 30px;
    width: 30px;
    float: left;
    cursor: pointer;
    border-radius: 2px;
    background: url("/images/hh-web/nfHeading.png") center;
}

.icn-image{
    background: url("/images/hh-web/nfImage.png") center;
}

.icn-video{
    background: url("/images/hh-web/nfVideo.png") center;
}

.icn-delete {
    width: 99px !important;
    float: right !important;
    background: url("/images/hh-web/nfDelete_neutral.png") center;
}

.tk-icn{
    float: left;
    cursor: pointer;
    border-radius: 2px;
    margin: 0 3px;
    height: 30px;
    width: 30px;
}

.tk-icn:hover,
.icn-alignment:hover,
.icn-heading:hover {
    box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
    background-color: #ffffff;
}

.tk-icn:active,
.icn-alignment:active,
.icn-heading:active {
    border: 1px solid #bdbdbd;
    background-color: #ffffff;
    -moz-box-shadow:    inset 0 0 5px #878787;
    -webkit-box-shadow: inset 0 0 5px #878787;
    box-shadow:         inset 0 0 5px #878787;
}

.tk-separator {
    width: 7px;
    height: 32px;
    float: left;
    margin: 0px 5px;
    background: url(/64/5369b1ca_nf-separator.png);
}

.arrow_up {
    background: url(/de/23448fea_arrow_up2.png) no-repeat;
}

.arrow_down {
    background: url(/be/706c82ea_arrow_down2.png) no-repeat;
}

.arrow_up,
.arrow_down {
    width: 9px;
    height: 6px;
    left: 7px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.edit-icn {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/34/fe1fef27_edit-icn.png) no-repeat;
    background-size: 16px 16px;
}

.trash-icn {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(/60/a03c6a38_trash-icn.png) no-repeat;
    background-size: 15px 15px;
}

.cal-icn {
    width: 37px;
    height: 35px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url(/images/hh-web/calendar-icn2.png) top left no-repeat;
    background-size: 28px 28px;
}

.info-icn {
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: inline-block;
    background: url(/86/7508615b_info-icn.png) no-repeat;
}

.redbulb2,
.greenbulb2 {
    width: 19px;
    height: 19px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.redbulb2 {
    background: url(/cb/3f8a82ee_red_token.png);
}

.greenbulb2 {
    background: url(/1e/ba33308a_green_token.png);
}

.redbulb,
.greenbulb {
    width: 27px;
    height: 27px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.redbulb {
    background: url(/1e/9634497f_bulb-red2.png) no-repeat;
    background-size: 27px 27px;
}

.greenbulb {
    background: url(/69/6adca778_bulb-green2.png) no-repeat;
    background-size: 27px 27px;
}

.checked {
    background: url(/d4/4fc3c50a_checkmark.png);
    width: 20px;
    height: 15px;
    display: inline-block;
    margin: 0;
}

.arrow-down-green,
.arrow-down-blue {
    width: 15px;
    height: 10px;
    cursor: pointer;
    display: inline-block;
    background-size: 15px 10px;
}

.arrow-down-green {
    background: url(/58/bb024f69_arrow-down-green.png) no-repeat;
}

.arrow-down-blue {
    background: url(/d8/f2bf9f84_arrow-down-blue.png) no-repeat;
}

.arrow-left-green,
.arrow-left-blue {
    width: 9px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    background-size: 9px 15px;
}

.arrow-left-green {
    background: url(/e1/207fc8a4_arrow-left-green.png) no-repeat;
}

.arrow-left-blue {
    background: url(/e0/58759e62_arrow-left-blue.png) no-repeat;
}

.plus-icn {
    width: 19px;
    height: 18px;
    display: inline-block;
    background: url(/16/07178bb1_plus-icn.png) no-repeat;
    background-size: 19px 18px;
}

.minus-icn {
    width: 19px;
    height: 18px;
    display: inline-block;
    background: url(/36/1fa5fbba_minus-icn.png) no-repeat;
    background-size: 19px 18px;
}

.add-circle {
    width: 70px;
    height: 70px;
    display: inline-block;
    background: url(/84/b069750e_add-circle.png) no-repeat;
    background-size: 70px 70px;
}

.add-icn {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(/0c/7f3bf161_add-icn.png) no-repeat;
    background-size: 18px 18px;
}

.print {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/4a/000518fe_print-icn.png) no-repeat;
    background-size: 20px 20px;
}

.export {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/03/da3961da_export-icn.png) no-repeat;
    background-size: 20px 20px;
}

.icn-actions {
    margin: 15px 0;
}

.icn-actions a {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
}

.pdf {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/c0/a0a84fcd_pdf-icn.png) no-repeat;
    background-size: 24px 24px;
}

.image {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/c8/b3292540_image-icn.png) no-repeat;
}

.alarm-icn {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    background: url(/01/d99d5ef9_alarm-icn.png) no-repeat;
}

.alarm-icn.selected {
    background: url(/37/ea03046f_alarm-icn-filled.png) no-repeat;
}

.filter {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    background: url(/2f/c3d21012_arrow_up4.png) no-repeat;
}

.mail-icn {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    background: url(/cd/7978e5ce_mail-icn.png) no-repeat;
}

.phone-icn {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    background: url(/47/5236474b_phone-icn.png) no-repeat;
}

.btn-redCross{
    width: 70px;
    height: 60px;
    border-left: 1px solid #cccccc;
    padding-top: 15px;
    text-align: center;
    float: left;
    background: #ffffff url("/images/hh-web/btn-redCross.png") no-repeat center 15px;
    background-size:31px 31px;
}

.btn-greyCross{
    width: 70px;
    height: 60px;
    border-left: 1px solid #cbcbcb;
    padding-top: 15px;
    text-align: center;
    float: left;
    background: #ffffff url("/images/hh-web/btn-greyCross.png") no-repeat center 15px;
    background-size:30px 30px;
}

.btn-grey-plus{
    background: url("/images/hh-web/plus-icn-grey.png") no-repeat 0px 0px;
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
}

.btn-grey-ex{
    background: url("/images/hh-web/remove.png") no-repeat 0px 0px;
    width: 11px;
    height: 11px;
    display: inline-block;
    cursor: pointer;
}

.btn-help{
    width: 16px;
    height: 16px;
    background: url('/images/hh-web/info-icn-orange.png') no-repeat 0px 0px;
    cursor: pointer;
    display:inline-block;
    vertical-align: middle;
    margin: 1px 0px 0px 10px;
}

.btn-outlineGreenCheck{
    width: 22px;
    height: 20px;
    background: url('/images/hh-web/verified-icn.png') no-repeat 0px 0px;
    cursor: pointer;
    display:inline-block;
    vertical-align: middle;
}

.btn-attach{
    width: 19px;
    height: 17px;
    background: url(/6e/1845b8f9_attachment-icn.png) no-repeat 0px 0px;
    cursor: pointer;
    display:inline-block;
    margin: 0px 0px 0px 6px;
}

.btn-arrow-dropdown{
    width: 12px;
    height: 6px;
    background: url('/images/hh-web/arrow-drop-down.png') no-repeat 0px 0px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.btn-x-red-icn{
    width: 19px;
    height: 19px;
    background: url('/images/hh-web/x-red-icn.png') no-repeat 0px 0px;
    cursor: pointer;
    display:inline-block;
    vertical-align: middle;
}

.btn-question-grey-icn{
    width: 19px;
    height: 19px;
    background: url('/images/hh-web/question-grey-icn.png') no-repeat 0px 0px;
    cursor: pointer;
    display:inline-block;
    vertical-align: middle;
}

.btn-tick-orange{
    width: 19px;
    height: 19px;
    background: url('/images/hh-web/tick-orange.png') no-repeat 0px 0px;
    cursor: pointer;
    display:inline-block;
    vertical-align: middle;
}

.btn-tick-green{
    width: 19px;
    height: 19px;
    background: url('/images/hh-web/tick-green.png') no-repeat 0px 0px;
    cursor: pointer;
    display:inline-block;
    vertical-align: middle;
}

/*============= HEADER STYLES ==============*/

.header {
    width: 100%;
    height: 60px;
    z-index: 10;
    top: 0;
    background: #008DCE;
    position: absolute;
}

.app-header {
    height: 50px;
}

.content {
    height: 100%;
}

.footer {
    background: #008DCE;
    margin-top: -6px;
    height: 6px;
    clear: both;
    position: relative;
}

.content-wrapper {
    max-width: 1000px;
    width: 80%;
    margin: 0 auto;
    padding-top: 60px;
}

.header .content-wrapper {
    padding-top: 0;
}

.app-header .content-wrapper {
    width: 1000px;
}

.content-wrapper2 {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    min-height: 100%;
    padding-bottom: 30px;
    padding-top: 50px;
}

.content-head {
    width: 100%;
    height: 125px;
    color: #008DCE;
    display: table;
    position: relative;
    margin-bottom: 25px;
    border-bottom: 4px solid #008DCE;
}

.content-name {
    font-size: 80px;
    text-align: center;
    letter-spacing: -0.03em;
    height: 125px;
    width: 500px;
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    font-family: "LatoLight", sans-serif;
}

.content-name.smlname {
    font-size: 60px;
}

.content-name small {
    display: block;
    letter-spacing: -0.02em !important;
    margin-top: 2px;
    margin-bottom: -5px;
    font-size: 24px !important;
    font-family: "LatoThin", sans-serif;
}

.content-name p {
    max-height: 125px;
    overflow: hidden;
    padding-bottom: 10px;
}

.header .menu-icn {
    float: left;
    margin-top: 12px;
    padding-right: 30px;
    padding-bottom: 37px;
}

.menu-programs {
    top: 2px;
    z-index: 1;
    width: 300px;
    margin-left: -25px;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}

.mp-head {
    height: 70px;
    border-bottom: 1px solid #969696;
}

.mp-head .menu-icn-blue {
    margin-top: 10px;
    margin-left: 25px;
    float: left;
    cursor: default;
}

.mp-head .mp-ttl {
    float: left;
    color: #008DCE;
    font-size: 26px;
    line-height: 45px;
    margin-left: 20px;
}

ul.menu-list li {
    height: 80px;
    border-bottom: 1px solid #969696;
}

ul.menu-list li a {
    height: 80px;
    width: 277px;
    padding-left: 23px;
    display: table-cell;
    vertical-align: middle;
}

ul.menu-list li a .protect-logo {
    width: 165px;
    height: 35px;
    background-size: 165px 35px;
}

ul.menu-list li:last-child {
    border-bottom: none;
}

.header-icons {
    width: 120px;
}

.header-logo {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    line-height: 60px;
    margin-top: 13px;
}

.app-header .hh-logo {
    margin-top: 12px;
}

.header-left .heart-icn {
    margin-left: 29px;
    float: left;
    margin-top: 12px;
}

.header-user .home-icn {
    margin-right: 23px;
    float: right;
    margin-top: 12px;
}

.header .arrowleft-white {
    margin-top: 18px;
    margin-right: 6px;
}

.header-module-name {
    color: #FFFFFF;
    font-size: 1.65em;
    line-height: 60px;
    float: left;
}

ul.hdr-icn-list {
    width: 120px;
    margin: 13px auto 0;
}

ul.hdr-icn-list li {
    padding: 0 15px;
    display: inline-block;
}

.header-user {
    float: right;
    color: #ffffff;
    position: relative;
}

a.save-btn {
    color: #fff;
    font-size: 1.35em;
    margin-top: 20px;
}

.user-pic,
.user-name {
    float: right;
}

.user-name {
    font-size: 14px;
    line-height: 50px;
    margin-right: 2px;
    font-family: "LatoLight", sans-serif;
}

.user-pic {
    width: 38px;
    height: 38px;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 6px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    behavior: url(/01/f6ae411f_pie.htc);
}

.user-pic img {
    max-width: 34px;
    max-height: 34px;
    border-radius: 50%;
    height: auto;
    behavior: url(/01/f6ae411f_pie.htc);
}

.dropdown-menu {
    top: 54px;
    right: -7px;
    width: 195px;
    color: #000;
    padding: 7px 0;
    border-radius: 8px;
    position: absolute;
    background: #fff;
    border: 1px solid #d0d0d0;
    box-shadow: 0 0 1px rgba(0,0,0,.2);
}

.dropdown-menu a {
    color: #000;
    height: 28px;
    line-height: 28px;
    display: block;
    font-size: 14px;
    padding-left: 45px;
    font-family: "LatoReg", sans-serif;
}

.dropdown-menu a:hover,
.dropdown-menu a.active {
    color: #fff;
    text-decoration: none;
}

.divider {
    height: 1px;
    margin: 7px 15px;
    overflow: hidden;
    background-color: #969696;
}

.profileView {
    background-image: url(/0a/c0b1c225_profile-blue.png);
    background-position: left 16px center;
    background-position-x: 16px\9;
    background-position-y: 4px\9;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.profileView:hover,
.profileView.active {
    background-color: #008DCE;
    background-image: url(/41/faf331d0_profile-white.png);
    background-position: left 16px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.settingsView {
    background-image: url(/a9/dfeb53eb_settings-blue.png);
    background-position: left 16px top 3px;
    background-repeat: no-repeat;
    background-position-x: 16px\9;
    background-position-y: 4px\9;
    background-size: 20px 20px;
}

.settingsView:hover,
.settingsView.active {
    background-color: #008DCE;
    background-image: url(/9f/2abbf710_settings-white.png);
    background-position: left 16px top 3px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.supportView {
    background-image: url(/1b/ae0b85cf_support-blue.png);
    background-position: left 16px top 3px;
    background-repeat: no-repeat;
    background-position-x: 16px\9;
    background-position-y: 3px\9;
    background-size: 20px 20px;
}

.supportView:hover,
.supportView.active {
    background-color: #008DCE;
    background-image: url(/82/c695aedc_support-white.png);
    background-position: left 16px top 3px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.citizenView {
    background-image: url(/b3/8d5f9b5b_citizen-blue.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-position-x: 16px\9;
    background-position-y: 3px\9;
    background-size: 20px 20px;
}

.citizenView:hover,
.citizenView.active {
    background-color: #008DCE;
    background-image: url(/2b/3a5da1f8_citizen-white.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.adminView {
    background-image: url(/3b/c8062424_admin-blue.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-position-x: 16px\9;
    background-position-y: 3px\9;
    background-size: 20px 20px;
}

.adminView:hover,
.adminView.active {
    background-color: #008DCE;
    background-image: url(/7c/a23d0362_admin-white.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.serviceView {
    background-image: url(/d8/28202516_service-blue.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-position-x: 16px\9;
    background-position-y: 3px\9;
    background-size: 20px 20px;
}

.serviceView:hover,
.serviceView.active {
    background-color: #008DCE;
    background-image: url(/32/64f7a8e9_service-white.png);
    background-position: left 15px center no-repeat;
    background-size: 20px 20px;
}

.enterpriseView {
    background-image: url(/a1/ac43e450_enterprise-blue.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-position-x: 16px\9;
    background-position-y: 3px\9;
    background-size: 20px 20px;
}

.enterpriseView:hover,
.enterpriseView.active {
    background-color: #008DCE;
    background-image: url(/80/765805af_enterprise-white.png);
    background-position: left 15px center no-repeat;
    background-size: 20px 20px;
}

.logout {
    background-image: url(/94/b8c70996_logout-blue.png);
    background-position: left 17px center;
    background-repeat: no-repeat;
    background-position-x: 16px\9;
    background-position-y: 3px\9;
    background-size: 20px 20px;
}

.logout:hover,
.logout.active {
    background-color: #008DCE;
    background-image: url(/57/bab3d984_logout-white.png);
    background-position: left 17px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.dropdown-menu:after, .dropdown-menu:before {
    bottom: 100%;
    left: 168px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.dropdown-menu:before {
    border-color: rgba(205, 205, 205, 0);
    border-bottom-color: #cdcdcd;
    border-width: 9px;
    margin-left: -9px;
}

a.login-link {
    font-size: 16px;
    color: #ffffff;
    line-height: 60px;
    text-decoration: none;
    font-family: "LatoLight", sans-serif;
}

a.fp-link {
    color: #ffffff;
    font-size: 11px;
    margin-left: 7px;
    position: relative;
    top: -4px;
}

a.login-link:hover,
a.fp-link:hover {
    text-decoration: underline;
}

.login-container {
    margin-top: 16px;
}

.login-container h3 {
    margin-bottom: 35px;
}

.header .fld-sml {
    border: none !important;
}

.content .login-container {
    display: none;
}

@media only screen and (max-width: 30em) {
    .content-area,
    .login .login-container {
        display: none;
    }

    .content .login-container {
        display: block;
    }
}

.content .login-container {
    margin-top: 60px;
}

.content .btn-lrg {
    margin-top: 20px;
}

.content .login-container .fld-lrg,
.content .login-container .btn-lrg,
.content .login-container .fp-link {
    margin: 5px auto;
}

.content .login-container .fp-link {
    width: 250px;
    display: block;
    padding-left: 20px;
}

.content .login-container .btn-lrg {
    margin-top: 15px;
}

.login-popup {
    z-index: 10;
    top: 30%;
    left: 0;
    right: 0;
    width: 400px;
    margin: auto;
    position: absolute;
    border-radius: 15px;
    background: #FFFFFF;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 1px rgba(0,0,0,.2);
}

.login-popup.errorContBullets {
    position: fixed;
    top: 35%;
    -webkit-font-smoothing: subpixel-antialiased;
}

.login-popup input {
    -webkit-font-smoothing: subpixel-antialiased;
}


.lp-header {
    color: #FFFFFF;
    height: 45px;
    font-size: 15px;
    line-height: 45px;
    text-align: center;
    background: #008DCE;
    position: relative;
    font-family: "LatoReg", sans-serif;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.lp-header .close-white {
    position: absolute;
    right: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.lp-content {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    padding: 20px 25px;
}

.lp-content p {
    margin-bottom: 15px;
}

.lp-content p:last-child {
    margin-bottom: 0;
}

.lp-content p.lp-em {
    font-family: "LatoBold", sans-serif;
}

.content a.fp-link {
    color: #666666;
    font-size: 0.8em;
    top: 0;
}

.cancel-link {
    margin-top: 15px;
    display: block;
    text-align: center;
}

.search-area h4 {
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 1.25em;
    font-family: "LatoLight", sans-serif;
}

.search-area .fld-lrg,
.search-area .btn-lrg {
    margin: 5px 0;
}

.content-logo {
    width: 70%;
    height: 300px;
    float: left;
    margin-top: 80px;
    text-align: center;
    position: relative;
}

.search-area {
    width: 30%;
    float: right;
    margin-top: 80px;
    padding-top: 150px;
    display: none;
}

.search-cont {
    width: 250px;
    float: right;
}

.search-content {
    width: 280px;
    float: left;
    font-family: "LatoLight", sans-serif;
}

.search-content-flds {
    position: relative;
}

.search-content-flds .fld-mid,
.search-content-flds .btn-mid {
    margin-top: 5px;
    margin-bottom: 10px;
}

.search-content-flds .fld-sml {
    width: 180px;
}

.search-content .inc-suburb {
    font-size: 12px;
    display: block;
    padding: 6px 0 10px;
}

.search-result .content-section {
    padding: 7px 2px;
    color: #000000;
    position: relative;
}

.search-result .search-res-num {
    display: inline-block;
    float: left;
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.content-section .search-res-ttl {
    margin-left: 28px;
    font-size: 14px;
    font-family: "LatoReg", sans-serif;
}

.content-section .search-res-address {
    font-size: 13px;
    padding: 8px 0 7px;
}

.search-res-num {
    color: #ffffff;
    font-weight: 400;
    min-width: 15px;
    padding: 2px;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
    background: #58AD54;
    behavior: url(/01/f6ae411f_pie.htc);
}

.content-section .search-ttl {
    padding: 20px 0;
}

.content-section .error-msg {
    margin-left: 100px !important;
}

.map-wrapper {
    margin-top: 30px;
    margin-left: 320px;
}

.map-container {
    width: 100%;
    height: 0;
    float: right;
    border: 1px solid #999999;
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.fp-container {
    width: 420px;
    margin-top: 80px;
    font-family: "LatoLight", sans-serif;
}

.fp-container h2 {
    color: #008FC8;
    margin: 20px 0 15px;
}

.fp-container p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 35px;
}

.fp-container .fld-mid {
    width: 220px;
}

.fp-container.block {
    width: 100%;
    line-height: 1.25em;
}

.fp-container.block input {
    margin: 3px 0;
    display: block;
}

.fp-container.block h2 {
    margin-bottom: 35px;
}

.fp-container.block .btn-mid {
    margin-top: 10px;
}

.app-container {
    width: 70%;
    margin: 30px 0 20px;
    position: relative;
    display: none;
}

ul.app-list {
    display: table;
    margin: 0 auto;
}

ul.app-list li {
    display: table-cell;
    padding: 10px;
}

ul.app-list li:first-child {
    margin-right: 10px;
}

.profile-container {
    width: 380px;
    margin: 30px auto 0;
    font-family: "LatoReg", sans-serif;
}

.profile-container .content-section {
    color: #999999;
    padding: 10px 20px;
    font-size: 15px;
    line-height: 35px;
    position: relative;
}

.content-profile {
    height: 170px !important;
    padding: 25px 20px !important;
}

.cp-label {
    width: 90px;
    display: inline-block;
}

.cp-desc {
    color: #000000;
    display: inline-block;
}

a.cp-changepass {
    color: #008FC8;
    top: 10px;
    right: 20px;
    font-size: 0.9em;
    position: absolute;
}

a.cp-signout {
    color: #008FC8;
    text-align: center;
    display: block;
    font-size: 0.9em;
    margin-top: 70px;
}

.cp-heading {
    height: 45px;
    margin: 60px 0 20px;
    padding: 5px 25px !important;
    color: #000000 !important;
    font-family: "LatoReg",sans-serif;
    font-size: 1.1em !important;
    line-height: 45px !important;
}

.profile-pass {
    color: #808080;
    padding: 0 25px;
    font-family: "LatoLight", sans-serif;
}

.profile-msg {
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 40px 0 50px;
    text-align: center;
    font-family: "LatoReg", sans-serif;
}

.profile-pass label {
    display: block;
    cursor: auto;
    margin: 12px 0 5px 10px;
}

.profile-pass .rfld-lrg {
    width: 330px;
    padding: 0 3%;
}

.profile-pass .btn-lrg {
    margin: 5px 0;
    width: 100%;
    height: 38px;
    font-size: 1.35em;
    line-height: 30px;
}

.profile-pass .hint {
    color: #808080;
    font-size: 0.8em;
    margin: 4px 0 20px 10px;
}

.profile-pic-cont {
    width: 115px;
    height: 115px;
    margin: 0 auto;
    border-radius: 100px;
}

.profile-pic-cont img {
    max-width: 115px;
    max-height: 115px;
    margin: 0 auto;
    border-radius: 100px;
    border: 3px solid #B4B5B5;
}

.profile-ftr {
    border-bottom: none;
    text-align: center;
    margin-top: 30px;
}

.profile-ftr .btn-lrg {
    display: inline;
}

ul.program-list {
    width: 100%;
    font-size: 2.15em;
    font-family: "LatoMed", sans-serif;
}

ul.program-list li {
    padding-left: 15px;
    border-bottom: 1px solid #999999;
}

a.program-sec {
    width: 100%;
    display: table;
    height: 80px;
    line-height: 80px;
    color: #FF542D;
}

a.program-sec:hover {
    text-decoration: none;
}

a.program-sec .feedAustralia-logo {
    width: 191px;
    height: 50px;
    display: table-cell;
    background-position: left 11px;
    background-size: 191px 50px;
}

a.program-sec .protect-logo {
    width: 190px;
    height: 40px;
    display: table-cell;
    background-position: left center;
    background-size: 190px 40px;
}

/*=============== CONTENT HEADER STYLES ===============*/
div.userNavWrapper {
    height: 70px;
    position: absolute;
    bottom: 34px;
}

.nav-right {
    width: 120px;
    right: 0;
    height: 125px;
    bottom: 0;
    display: table;
    position: absolute;
}

div.userNavWrapper div#family {
    max-width: 280px;
    width: auto;
    height: 60px;
    position: relative;
}

.pull-left {
    float: left !important;
}

.userNavWrapper .right-sml {
    right: -2px;
}

.userNavWrapper .serviceNavArrows {
    bottom: -8px;
}

.userNavIcon {
    float: left;
    width: 50px;
    height: 70px;
    margin-right: 12px;
    cursor: pointer;
    padding: 1px;
    margin-top: 12px;
}

.userNavIcon:hover {
    text-decoration: none;
}

.userNavIcon img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 1px;
    border: 1px solid #e9e9e9;
    behavior: url(/01/f6ae411f_pie.htc);
}

.userNavIcon .active {
    padding: 0 !important;
    height: 65px;
    padding: 10px 0;
    width: 65px;
    opacity: 1;
    margin: -1px -3px 0 5px;
}

.userNavIcon.active img, #members .active img{
    border:2px solid #008ccd;
    height:57px;
    width:57px;
    position:relative;
    top:0px;
    left:-3px;
}

#members .active{
    position:relative;
    top:-15px;
}

.nav-right .userNavIcon {
    float: right;
}

.userNavIcon.active .userNavImage {
    height: 65px;
    width: 65px;
    margin-top: 8px;
    border-radius: 50px;
}

.entserv-win {
    width: 420px;
    top: 90px;
    left: 50px;
    z-index: 10;
    position: absolute;
    min-height: 50px;
    color: #008FC9;
    background: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}

.entserv-head {
    padding: 20px 0 20px 12px;
    border-bottom: 1px solid #969696;
}

.entserv-head .fld-search {
    width: 395px;
}

.userNavTitle {
    font-size: 14px;
    margin-top: 2px;
    display: block;
    text-align: center;
    font-family: "LatoReg", sans-serif;
}

.serviceLogo {
    width: 120px;
    height: 75px;
    display: table-cell;
    text-align:right;
    padding-right: 10px;
    vertical-align: middle;
}

.serviceLogo img {
    max-width: 120px;
    max-height: 75px;
}

.hh-quicklinks,
.hh-services {
    position: relative;
}

.hdr-win {
    width: 300px;
    top: 2px;
    position: absolute;
    min-height: 50px;
    color: #008FC9;
    background: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}

.hdr-win-ttl {
    font-size: 26px;
    line-height: 45px;
}

.hh-quicklinks .hdr-win {
    left: 15px;
}

.hh-quicklinks .hdr-win-ttl {
    margin-left: 53px;
}

.hh-quicklinks .hdr-win-links li a {
    padding-left: 20px;
}

.head-popup {
    z-index: 10;
}

.head-popup .nfs-head .mw-header {
    top: 0 !important;
}

.head-popup .hdr-win-links {
    max-height: 450px;
    overflow: auto;
}

.head-popup .hdr-win-links li a {
    padding-left: 18px;
}

.head-popup .svc-logo {
    margin-right: 20px;
}

.head-popup .svc-name {
    width: 380px;
    display: block;
    float: left;
}

.hdr-win .heart-icn-blue {
    margin-top: 9px;
    margin-left: 14px;
}

.hh-services .hdr-win {
    right: 12px;
}

.hh-services .hdr-win-ttl {
    margin-left: 12px;
}

.hdr-win .home-icn-blue {
    float: right;
    margin-top: 7px;
    margin-right: 11px;
}

.hdr-head {
    height: 70px;
    border-bottom: 1px solid #969696;
}

.hdr-win-links li {
    border-bottom: 1px solid #969696;
}

.hdr-win-links li:last-child {
    border-bottom: none;
}

.hdr-win-links li a {
    height: 57px;
    font-size: 20px;
    line-height: 57px;
    display: block;
    cursor: pointer;
    padding-left: 12px;
}

.hdr-win-links li a.currentService {
    font-weight: bold;
}

.entserv-win .hdr-win-links li a.currentService {
    cursor: default;
}

.hdr-win-links li a:hover {
    text-decoration: none;
}

.svc-name {
    width: 350px;
    font-size: 16px;
    padding-right: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.svc-logo {
    width: 50px;
    height: 57px;
    text-align: right;
    margin-right: 8px;
    float: right;
    display: table-cell;
}

.svc-logo img {
    max-width: 50px;
    max-height: 30px;
    margin: -5px auto 0;
    display: inline-block;
    vertical-align: middle;
}

/*=============== LOGIN STYLES ===============*/
.app-login {
    width: 300px;
    position: relative;
    margin: 100px auto 0;
}

.app-login .hh-logo-circle {
    margin: 0 auto 70px;
    width: 160px;
    height: 170px;
    background-size: 160px 170px;
}

.app-fld-cont .fld-lrg {
    width: 240px;
    margin: 5px auto;
}

.app-fld-cont .btn-lrg {
    width: 260px;
    margin: 15px auto;
}

/*=============== COMMON STYLES ===============*/
.col1 {
    min-height: 45px;
    width: 630px;
    margin-bottom: 25px;
    margin-right: 30px;
}

.col2 {
    width: 335px;
    margin-bottom: 25px;
}

.col3 {
    width: 650px;
    margin-bottom: 25px;
    margin-right: 45px;
}

.col4 {
    width: 300px;
    margin-bottom: 25px;
}

.col1,
.col2,
.col3,
.col4 {
    display: inline-block;
    vertical-align: top;
}

.col1.bordered {
    border-radius: 10px;
    border: 1px solid #969696;
}

.content-box {
    color: #000;
    width: 100%;
    font-size: 0.95em;
    line-height: 1.25em;
}

.contentWrapper {
    position: relative\9;
}

.cb-header {
    color: #008DCE;
    font-size: 32px;
    cursor: pointer;
    display: inline-block;
    font-family: "LatoBold", sans-serif;
}

.cb-header small {
    font-family: "LatoReg", sans-serif;
}

/*=============== ALERTS STYLES ===============*/
.alert-cont {
    cursor: pointer;
    width: 630px;
    z-index: 2;
    min-height: 46px;
    background: #fff;
    border: 2px solid #FBA33F;
    border-radius: 10px;
    position: absolute;
    behavior: url(/01/f6ae411f_pie.htc);
}

.alert-cont .alert-icn {
    position: relative;
    top: 10px;
    left: 8px;
    float: left;
}

.alert-msg {
    color: #FB7D45;
    font-size: 20px;
    line-height: 43px;
    padding-left: 20px;
    font-family: "LatoBold", sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 44px;
    width: 83%;
}

.alert-msg.ttl {
    color: #008DCE;
}

.alert-count {
    position: absolute;
    right: 16px;
    top: 11px;
    color: #FB7D45;
    height: 24px;
    text-align: center;
    line-height: 21px;
    font-size: 20px;
    font-family: "LatoBold", sans-serif;
    behavior: url(/01/f6ae411f_pie.htc);
}

.alert-count.loading .spinner {
    position: initial;
}

.alert-count.loading {
    background: none;
}

.alert-count.none {
    background: none;
}

.alert-section {
    height: 50px;
    line-height: 50px;
    position: relative;
    border-bottom: 1px solid #999999;
}

.alert-section .alert-icn {
    position: absolute;
    top: 12px;
    left: 7px;
}

.alert-section .alert-msg {
    margin-left: 40px;
    color: #000;
    cursor: pointer;
}

.alert-list {
    max-height: 500px;
    overflow-y: auto;
}

.alert-list ul {
    margin-bottom: 8px;
}

.alert-list li p {
    display: inline;
}

.alert-list li {
    color: #000;
    width: 100%;
    line-height: 26px;
    display: table;
    list-style-type: circle;
    padding: 7px 15px 7px 15px;
}

.alert-list li li {
    padding-left: 0px;
}

.alert-list li:hover {
    font-family: "LatoBold", sans-serif;
}

.alert-time {
    color: #999999;
    font-size: 12px;
    margin-left: 15px;
    display: block;
    line-height: 20px;
}

.alert-msg-next {
    padding-right: 5px;
    position: relative;
    font-family: "LatoReg", sans-serif;
}

.alert-msg-next:before {
    content: "\2022";
    color: #999999;
    position: absolute;
    top: -2px;
    left: -3px;
}

.alert-msg-next .full-msg {
    width: 90%;
    line-height: 25px;
    margin-left: 15px;
}

.alert-logo {
    width: 45px;
    height: 30px;
    display: table-cell !important;
    vertical-align: top;
    padding-top: 5px;
}
.alert-logo img {
    max-width: 45px;
    max-height: 30px;
}


/*=============== SEARCH STYLES ===============*/
input.search-fld-lrg {
    height: 46px;
    width: 100%;
    padding: 0 20px 0 10px;
    font-size: 20px !important;
    line-height: 1.3em;
    border-radius: 10px !important;
    border: 1px solid #008dce;
    background: url(/c9/98015ac5_search-icn-blue.png) no-repeat right 7px center;
    background-size: 24px 24px;
}

.search-fld-lrg::-webkit-input-placeholder {
    color: #008DCE;
    font-family: "LatoReg", sans-serif;
}

.search-fld-lrg:-moz-placeholder {
    color: #008DCE;
    font-family: "LatoReg", sans-serif;
}

.search-fld-lrg::-moz-placeholder {
    color: #008DCE;
    font-family: "LatoReg", sans-serif;
}

.search-fld-lrg:-ms-input-placeholder {
    color: #008DCE;
    font-family: "LatoReg", sans-serif;
}

/*=============== MELINE STYLES ===============*/
.tl-post-top {
    padding: 0 7px;
    margin-top: 3px;
}

.tl-post-top .module-header {
    display: inline-block;
}

.tl-post-top .ttl {
    margin-left: 5px;
    font-size: 22px;
}

.tl-post-top .tlp-topic {
    line-height: 1em;
    display: inline-block;
    position: relative;
}

.tl-post-top .mc-ttl-select {
    left: 7px;
    padding: 7px;
    bottom: 27px;
    width: 115px;
    margin-top: -4px;
    border-radius: 4px;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
}

.tl-post-top .mc-ttl-select ul li {
    font-size: 14.2px;
    height: 22px;
    line-height: 22px;
    position: relative;
    cursor: pointer;
    padding-left: 23px;
}

.tl-post-top .checked,
.filter-options .checked {
    width: auto;
    background: none;
}

.checked .tlp-checked {
    visibility: visible;
}

.tlp-checked {
    left: 0;
    top: 4px;
    width: 15px;
    height: 11px;
    display: block;
    visibility: hidden;
    background: url(/d4/4fc3c50a_checkmark.png) no-repeat;
    background-size: 15px 11px;
    position: absolute;
}

.tlp-img {
    display: inline-block;
    margin: -2px 2px 0 7px;
    width: 33px;
    height: 33px;
}

.tlp-img img {
    width: 38px;
    height: 38px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.tl-post-top .tlp-name {
    cursor: pointer;
    top: 12px;
    font-size: 14.2px;
    letter-spacing: 0.02em;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.tlp-content {
    position: relative;
    padding-top: 6px;
    margin-top: 2px;
}

.tlp-date {
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 10.5px;
    letter-spacing: 0.02em;
    color: #949494;
    margin-top: 0;
}

.tlp-date .alarm-icn {
    top: 3px;
    position: relative;
}

.tlp-inputarea {
    border: 1px solid #959595;
    margin-top: 15px;
    background: #fff;
    border-radius: 7px;
}

.tlp-heading {
    width: 100%;
    color: #008DCE;
    font-size: 14px;
    line-height: 1.25em;
    border: none;
    border-radius: 4px;
    padding: 10px 10px 0 10px;
    margin-bottom: 0;
    min-height: 30px;
    outline: none;
    letter-spacing: 0.02em;
    font-family: "LatoBold", sans-serif;
}

.tlp-heading[contenteditable=true]:empty:not(:focus):before {
    content: attr(data-ph);
    color: #A9D3E9;
    text-transform: uppercase;
    font-family: "LatoLight", sans-serif;
}

.tlp-inputarea .tlp-editable {
    padding-top: 7px;
    min-height: 90px;
}

.tlp-inputarea .tlp-editable {
    border: none;
    width: 100%;
    min-height: 110px;
    max-height: 300px;
    font-size: 14.2px;
    font-family: "LatoReg", sans-serif;
    resize: none;
    outline: none;
    padding: 10px;
    overflow-y: auto;
    line-height: 19px;
    display: inline-block;
    min-width: 30px;
}

.tlp-ftr {
    margin: 14px 7px 0;
}

.tlp-ftr .minHeader {
    color: #008DCE;
    font-size: 22px;
    margin-top: 5px;
    top: 1px;
    position: relative;
    display: inline-block;
}

.tlp-ftr ul {
    display: inline-block;
}

.tlp-ftr ul li {
    display: inline;
}

.timelineWrapper .tl-add label {
    color: #666666;
    font-size: 1.035em;
    font-weight: normal;
    letter-spacing: 0.01em;
    display: inline-block;
    margin-top: 2px;
    margin-right: 2px;
}

ul.mc-select li {
    display: inline-block;
}

ul.mc-select input[type=radio],
ul.mc-select input[type=checkbox] {
    opacity: 0;
    width: 0;
    margin-top: 0;
}

ul.mc-select input[type=radio] + label,
ul.mc-select input[type=checkbox] + label {
    padding: 2px 0 4px 28px;
    cursor: pointer;
    font-size: 14.2px;
    background: url(/84/6c5ba51c_radio-grey.png) left top -1px no-repeat;
}

ul.mc-select input[type=radio]:checked + label,
ul.mc-select input[type=checkbox]:checked + label {
    background: url(/1e/ba33308a_green_token.png) 2px 1px no-repeat;
}

ul.mc-select input[type=radio]:checked.no + label,
ul.mc-select input[type=checkbox]:checked.no + label {
    background: url(/cb/3f8a82ee_red_token.png) 2px 1px no-repeat;
}

.tlp-contrib {
    width: 185px;
    text-align: right;
    display: inline-block;
}

.tlc-img {
    right: 26px;
    margin-top: -10px;
    position: absolute;
}

.tlc-img,
.tlc-name {
    float: right;
}

.tlc-img img {
    max-width: 38px;
    max-height: 38px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.tlc-name {
    top: 2px;
    position: relative;
    font-size: 14.2px;
    text-align: right;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 13px;
    letter-spacing: 0.01em;
}

.tlp-ftr .form-action {
    padding: 0;
    margin: 5px 0 0;
    min-height: 20px;
    position: relative;
}

.tlp-ftr .btn2 {
    width: 100px;
}

.tlp-ftr .close {
    left: 0;
    bottom: 2px;
    position: absolute;
}

.tlp-ftr ul.reply-action {
    margin-top: 7px;
}

.tlp-ftr ul.reply-action li {
    padding: 0 4px;
}

.tlp-ftr ul.reply-action li:last-child {
    padding-right: 0;
    padding-left: 10px;
    margin-left: 7px;
    border-left: 1px solid #e9e9e9;
}

.tlp-side-popup .filter {
    top: 16px;
    right: 10px;
    position: absolute;
}

.filter-options {
    top: 18px;
    right: 10px;
    padding: 7px;
    width: 115px;
    margin-top: -4px;
    border-radius: 4px;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
}

.filter-options ul li {
    font-size: 14.2px;
    line-height: 22px;
    padding-left: 22px;
    position: relative;
}

.tlp-side-popup {
    height: 346px;
    overflow: auto;
}

.tlp-side-list {
    margin-top: 9px;
    margin-bottom: 9px;
}

.tlp-side-list:last-child {
    margin-bottom: 0;
}

.tlp-side-list li {
    margin: 5px 0;
    font-size: 14.2px;
    vertical-align: middle;
}

.tlp-side-list li.selected {
    color: #00A341;
}

.tlp-side-list li img {
    max-width: 24px;
    max-height: 24px;
    margin-right: 6px;
    border-radius: 20px;
    vertical-align: middle;
}

.tlp-side-popup .divider {
    margin: -3px 0 10px;
    background-color: #d1d1d1;
}

.mc-attachment {
    margin: 30px 0 0 5px;
}

.mc-reports {
    margin: 8px 0 0 5px;
}

.moduleRightPanel .tlp-ftr input[type=submit] {
    float: right;
    margin: 0 0px 0 10px;
}

.meline-placeholder {
    width: 100%;
    height: 320px;
    border-radius: 8px;
    border: 1px solid #008dce;
    background: url(/25/0111723d_meline-placeholder.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    behavior: url(/01/f6ae411f_pie.htc);
}

/*=============== HUBWIKI HOME STYLES ===============*/

.hubwiki-home {
    width: 100%;
    bottom: 0;
    top: 175px;
    left: 0;
    position: absolute;
    border-top: 4px solid #008DCE;
    background: url(/6a/6f43a9f6_hubwiki-splash.jpg) center no-repeat;
    background-size: cover;
}

.hubwiki-home h1 {
    color: #fff;
    font-size: 4.2em;
    line-height: 2em;
    text-align: center;
    margin-top: 50px;
    letter-spacing: -0.05em;
}

.wk-feature {
    width: 410px;
    padding: 20px 20px 10px;
    margin: auto;
    bottom: 35px;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 12px;
    background: rgba(37,11,51,0.3);
    border: 1px solid rgba(0,0,0,.05);
}

.wk-feature .wk-topic {
    color: #000000;
    top: 10px;
    height: 27px;
    line-height: 27px;
    font-size: 18px;
    background: #fff;
    position: absolute;
    font-family: "LatoReg", sans-serif;
}

.wk-feature .wk-title {
    color: #fff;
    width: 100%;
    text-indent: 160px;
    display: block;
    font-size: 26px;
    padding-bottom: 7px;
    border-bottom: 1px solid #fff;
}

.wk-feature .wk-preview {
    color: #fff;
    margin-top: -13px;
    height: 195px;
    overflow-y: hidden;
}

#wk-search-box {
    float: right;
}

/*=============== IMAGE GALLERY STYLES ===============*/
#ig.col1 {
    margin-top: 0;
}

.gallery-slider {
    max-height: 395px;
    min-height: 135px;
    width: 630px;
    width: 631px\9;
    padding: 6px 7px 6px 8px;
    border-radius: 8px;
    border: 1px solid #008dce;
    float: left;
}

.gallery-slider .module-msg {
    padding: 5px;
}

.slider-imgbox {
    width: 300px;
    height: 182px;
    position: relative;
    margin: 3px;
    float: left;
    display: table;
    border-radius: 8px;
    background: #fcfcfc;
    margin: 2px 1px\9;
    border: 1px solid #BFE3F2;
    behavior: url(/01/f6ae411f_pie.htc);
}

.gallery-slider #upload-box {
    border: none;
}

.gallery-slider #upload-box .select-file {
    display: none;
}

.slider-icn {
    display: block;
    cursor: pointer;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s,opacity 0.3s linear;
}

.slider-imgbox .slider-icn {
    z-index: 2;
    right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.ig-imgbox .slider-icn {
    z-index: 10;
    right: 15px;
    width: 34px;
    height: 34px;
    border-radius: 30px;
}

.slider-imgbox:hover .slider-icn,
.ig-imgbox:hover .slider-icn {
    visibility: visible;
    opacity: 0.5;
    transition-delay: 0s;
}

.close-icn {
    top: 15px;
    background: #000000 url(/a0/362eeb6b_xwhite-lrg.png) center no-repeat;
}

.slider-imgbox .slider-icn.edit-icn {
    top: 7px;
    background: #000000 url(/40/9dce7915_edit-icn-white.png) center no-repeat;
}

.slider-imgbox .slider-icn.trash-icn {
    top: 29px;
    background: #000000 url(/14/ea8c0860_trash-icn-white.png) center no-repeat;
}

.ig-imgbox .slider-icn.edit-icn {
    top: 55px;
    background: #000000 url(/be/4c177909_edit-icn-lrg.png) top 3px left 4px no-repeat;
}

.ig-imgbox .slider-icn.trash-icn {
    top: 95px;
    background: #000000 url(/b8/33d611c7_trash-icn-lrg.png) center no-repeat;
}

.ig-actions {
    position: relative;
}

.ig-actions .tag-icn,
.ig-actions .tag-icn-blue {
    right: 8px;
    bottom: 10px;
    width: 24px;
    height: 24px;
    z-index: 2;
    position: absolute;
    border-radius: 24px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s,opacity 0.3s linear;
}

.tag-icn {
    background: #000000 url(/1c/1e05f285_tag-icn-white.png) center no-repeat;
}

.tag-icn-blue {
    background: #000000 url(/a0/3597c54f_tag-icn-blue.png) center no-repeat;
}

.tag-icn.active,
.tag-icn-blue.active {
    visibility: visible;
    opacity: 0.6;
}

.ig-imginfo .tag-icn,
.ig-imginfo .tag-icn-blue {
    width: 34px;
    height: 34px;
    z-index: 10;
    border-radius: 20px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s,opacity 0.3s linear;
}

.ig-imgcont:hover .tag-icn,
.ig-imgcont:hover .tag-icn-blue {
    visibility: visible;
    opacity: 0.6;
    transition-delay: 0s;
}

.ig-imginfo .tag-icn {
    right: 15px;
    bottom: 6px;
    position: absolute;
    background: #000000 url(/c3/1f4c29dd_tag-icn-lrg.png) no-repeat;
}

.ig-imginfo .tag-icn-blue {
    right: 15px;
    bottom: 6px;
    position: absolute;
    background: #000000 url(/7d/1c102482_tag-icn-lrg-blue.png) no-repeat;
}

.ig-imginfo .tag-icn,
.ig-imginfo .tag-icn-blue {
    background-position: top 5px left 3px;
}

.ig-imginfo .tag-icn.active,
.ig-imginfo .tag-icn-blue.active {
    visibility: visible;
    opacity: 0.6;
}

.ig-imginfo .addtext-box {
    width: 600px;
    left: 5px;
    bottom: 5px;
}

.ig-imginfo .addtext-box.full {
    width: 98.5%
}

.ig-actions .nfw-tags-more {
    top: 2px;
    opacity: 1;
    right: -15px;
    padding: 7px;
    z-index: 2;
    display: none;
}

.ig-actions .nfw-tags-more ul li {
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
}

.addtext-box {
    color: #000;
    width: 270px;
    height: 40px;
    overflow: auto;
    outline: 0;
    padding: 5px 7px;
    font-size: 14px;
    line-height: 15px;
    left: 3px;
    bottom: 3px;
    position: absolute;
    border-radius: 7px;
    background: #ffffff;
    border: 1px solid #d2d2d2 !important;
    z-index: 2;
}

.addtext-box.full {
    width: 98%;
}

.slider-img {
    height: 182px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.slider-img img,
.slider-img video {
    /*width: 300px;*/
    /*height: 182px;*/
    width: 100%;
    height: 100%;
    width: auto\0;
    height: auto\0;
    max-width: 100%\0;
    max-height: 182px\0;
    cursor: pointer;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    object-fit: cover;
}

.ig-container {
    width: 100%;
    height: 500px;
    cursor: pointer;
    position: relative;
    margin-bottom: 20px;
}

.ig-imgbox {
    width: 100%;
    height: 500px;
    display: table;
    background: #FAFAFA;
}

.ig-img {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.ig-imgbox img {
    max-width: 100%;
    max-height: 500px;
}

.ig-imgdesc {
    bottom: 0px;
    left: 0;
    padding-right: 30px;
    position: absolute;
    width: 100%;
    height: 46px;
    color: #FFFFFF;
    background: rgba(0,0,0,.6);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    opacity: 0.9;
    cursor: pointer;
    /*visibility: hidden;*/
    /*transition: visibility 0s linear 0.5s,opacity 0.3s linear;*/
}

.slider-imgbox:hover .ig-imgdesc,
.ig-imgpopup:hover .ig-imgdesc {
    visibility: visible;
    opacity: 0.9;
    transition-delay: 0s;
}

.slider-imgbox:hover .tag-icn,
.slider-imgbox:hover .tag-icn-blue {
    visibility: visible;
    opacity: 0.6;
    transition-delay: 0s;
}

.slider-imgbox .nfw-tags-more:after, .slider-imgbox .nfw-tags-more:before {
    right: 25px;
}

.ig-heading {
    height: auto;
    margin-top: 5px;
    line-height: 22px;
    font-family: "LatoReg", sans-serif;
}

.ig-imgdesc .ig-heading,
.ig-imgdesc .md-time {
    width: 95%;
    padding-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ig-imgdesc .md-time {
    font-size: 12px;
    line-height: 14px;
    margin-top: 1px;
    font-family: "LatoLight", sans-serif;
}

.ig-imgpopup {
    z-index: 10;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed;
    width: 800px;
}

.ig-imgpopup .ig-imgbox {
    height: 500px;
    background: #000;
    border-radius: 4px;
}

.ig-imgpopup .ig-imgbox img {
    max-width: 798px;
    max-height: 500px;
}

.ig-imgpopup .ig-popup {
    right: -300px;
    z-index: 10;
}

.ig-imgcont {
    position: relative;
}

.ig-imgcont .ig-heading,
.ig-imgcont .md-time {
    padding-left: 12px;
}

.ig-imgcont .nfw-tags-more {
    top: auto;
    right: -10px;
    bottom: 50px;
    display: none;
}

.ig-imgcont .nfw-tags-more:after,
.ig-imgcont .nfw-tags-more:before {
    top: 100%;
    bottom: auto;
    right: 35px;
}

.ig-imgcont .nfw-tags-more:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-bottom-color: none;
}

.ig-imgcont .nfw-tags-more:before {
    border-color: rgba(205, 205, 205, 0);
    border-top-color: #cdcdcd;
    border-bottom-color: none;
}

.ig-nav {
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 20px;
    line-height: 20px;
    color: #FFF;
    font-size: 0.9em;
    text-align: center;
}

.ig-nav p {
    margin-top: 10px;
}

.ig-prev:hover,
.ig-next:hover {
    opacity: 0.7;
}

.ig-prev {
    left: 15px;
    background: #000 url(/bd/62568af2_slider-arrow-left.png) center no-repeat;
}

.ig-next {
    right: 15px;
    background: #000 url(/30/7cdcfbd0_slider-arrow-right.png) center no-repeat;
}

.ig-prev,
.ig-next {
    top: -20px;
    bottom: 0;
    margin: auto;
    position: absolute;
    cursor: pointer;
    width: 34px;
    height: 34px;
    border-radius: 30px;
    background-size: 24px 24px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s,opacity 0.3s linear;
}

.ig-imgpopup:hover .ig-prev,
.ig-imgpopup:hover .ig-next {
    visibility: visible;
    opacity: 0.5;
    transition-delay: 0s;
}

.ig-nav-dashboard .ig-prev {
    left: 15px;
    background: url(/f7/6cae34c9_arrow-left-grey-circle.png) no-repeat;
}

.ig-nav-dashboard .ig-next {
    right: 15px;
    background: url(/1c/44cca10a_arrow-right-grey-circle.png) no-repeat;
}

.ig-nav-dashboard .ig-prev,
.ig-nav-dashboard .ig-next {
    display: none;
    top: 0px;
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
}

.go-to {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    background: url(/d3/daf9c4f0_go-to.png) no-repeat;
}

.reply {
    width: 25px;
    height: 20px;
    display: inline-block;
    background: url(/31/483bd3c1_reply.png) no-repeat;
}

.reply-all {
    width: 25px;
    height: 20px;
    display: inline-block;
    background: url(/b8/5fd60124_reply-all.png) no-repeat;
}

.forward {
    width: 25px;
    height: 20px;
    display: inline-block;
    background: url(/c0/020b05bb_forward.png) no-repeat;
}

.close {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: url(/c8/cbfbfc24_close.png) no-repeat;
}

/*=============== GALLERY FULL PAGE STYLES =================*/
.gallery-head {
    margin: 25px 0 17px;
}

.gallery-head .select4 {
    float: right;
    display: inline-block;
    vertical-align: bottom;
}

#ig-status, #ig-filter {
    float: right;
}

#ig-status {
    font-size: 17px !important;
    color: #969696;
    margin-right: 15px;
}

#ig-status.fullview {
    margin-top: 14px;
}

.gallery-head .cb-header small, #igStatus {
    font-size: 17px !important;
    color: #969696;
    margin-left: 15px;
}

.gallery-slider.fullview {
    padding: 0;
    height: auto;
    border: none;
    margin-bottom: 30px;
    float: none;
    max-height: none;
    width: 100%;
}

.gallery-slider.fullview .slider-imgbox {
    width: 32.8%;
    height: 200px;
    margin: 2px !important;
}

.gallery-slider.fullview .slider-imgbox .slider-img {
    height: 200px;
}

.gallery-slider.fullview .slider-imgbox.selected {
    margin: 1px !important;
}

.gallery-slider.fullview .slider-imgbox img {
    width: 328px;
    height: 200px;
}

/*=============== NEWS FEED STYLES ===============*/
#newsfeed-panel .nf-feed {
    border: 1px solid #008dce;
}

.nf-feed {
    padding: 15px;
    border-radius: 8px;
    min-height: 135px;
}

.nf-feed .module-msg {
    padding: 0;
}

.nf-list {
    padding: 0;
    margin-top: 16px;
    cursor: pointer;
    position: relative;
    font-family: "LatoReg", sans-serif;
}

#newsfeed-panel.col1 .nf-list:before {
    content: "\2022";
    color: #999999;
    position: absolute;
    top: -1px;
    left: -3px;
}

#newsfeed-panel.col1 .nf-heading {
    line-height: 20px;
    margin-left: 15px;
}

#newsfeed-panel.col1 .nf-time {
    margin-top: 3px;
    margin-left: 15px;
    line-height: 18px;
}

#newsfeed-panel.col1 .nf-list:first-child {
    margin-top: 2px;
}

.nf-list:first-child {
    margin-top: 0;
}

.nf-heading {
    color: #000;
    line-height: 24px;
    margin-right: 100px;
    font-family: "LatoReg", sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.nf-heading a {
    color: #008DCE;
}

.nf-list .edit-icn {
    margin-left: 10px;
    position: absolute;
    top: 18px;
    right: 135px;
    display: none;
}

.nf-fullpage .nf-list:hover .edit-icn {
    display: block;
}

.nf-fullpage .nf-list:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.nf-fullpage .nf-list:hover {
    background: #f7f7f7;
}

.nf-time {
    color: #999999;
    font-size: 12px;
    letter-spacing: 0.03em;
}

.nf-list .nf-logo {
    top: 5px;
    right: 0;
    width: 105px;
    position: absolute;
    margin-top: -5px;
    margin-left: 10px;
}

.nf-list .nf-logo img {
    display: block;
    float: right;
    max-width: 105px;
    max-height: 40px;
    border-radius: 5px;
}

.nf-fullpage {
    padding: 0;
    min-height: 350px;
    border-radius: 12px;
    border: 1px solid #d3d3d3;
    position: relative;
    overflow: hidden;
    behavior: url(/01/f6ae411f_pie.htc);
}

.nf-fullpage .nf-list {
    margin-top: 0;
    padding: 15px;
    border-bottom: 1px solid #d3d3d3;
}

.nf-fullpage .nf-list:first-child {
    margin-top: 0 !important;
}

.nf-fullpage .nf-list:last-child {
    border-bottom: none;
}

.nf-fullpage .nf-heading {
    margin-bottom: 2px;
    margin-right: 150px;
}

.nf-fullpage .nf-time {
    color: #666666;
}

.nf-fullpage .nf-logo {
    margin-top: 0;
    top: 0;
    bottom: 0;
    right: 15px;
}

.nf-fullpage .nf-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4px;
    margin: auto;
}

.nf-headsection {
    margin-bottom: 20px;
    position: relative;
}

.nf-headsection * {
    display: inline-block;
    vertical-align: middle;
}

.nf-headsection .cb-header {
    line-height: 26px;
    margin-right: 5px;
}

.nf-headsection input.fld-search {
    width: 230px;
    border-radius: 7px;
}

.nf-options .btn-mid {
    width: 140px;
    border-radius: 8px;
    font-size: 1.0625em;
}

.nf-options {
    right: 0;
    bottom: 0;
    position: absolute;
    display: inline-block;
}

.nf-sort select option {
    display: block;
}

.nf-pagination-ftr {
    height: 20px;
    margin: 8px 0 0;
}

.nf-content {
    padding-top: 25px;
    border-top: 1px solid #d2d2d2;
}

.nf-author {
    width: 170px;
    height: 100px;
    display: table-cell;
    text-align: center;
}

.nf-author img {
    max-width: 120px;
    max-height: 100px;
    border-radius: 10px;
    border: 1px solid #d3d3d3;
    behavior: url(/01/f6ae411f_pie.htc);
}

.nf-article {
    display: table-cell;
    vertical-align: top;
}

.nf-title {
    height: 100px;
}

.nf-title h2 {
    font-size: 20px;
    margin-bottom: 7px;
}

.nf-title p {
    color: #666666;
    font-size: 14px;
    line-height: 20px;
}

.nf-article-content {
    color: #424242;
    font-size: 16px;
    line-height: 24px;
}

.nf-block {
    margin: 14px 0 10px;
}

.nf-block h3 {
    color: #008DCE;
    margin-right: 10px;
    display: inline-block;
    font-size: 1.3125em;
    vertical-align: baseline;
}

.nf-block input,
.nf-block select {
    position: relative;
    top: -2px;
}

.nf-block .select2 {
    vertical-align: middle;
}

.nf-alert {
    color: #f05822;
}

.nfw-footer .btn2 {
    float: right;
    margin: -3px 0 0;
}

.richtextEditorLink input {
    display: none !important;
}

.nfs-head {
    min-height: 75px;
    padding: 25px 20px;
    border-bottom: 3px solid #008DCE;
}

.nfs-head.no-border {
    border-bottom: none;
}

.nfs-head select {
    width: 100px;
    font-size: 16px;
}

.nfs-select-wide {
    width: 200px;
    height: 34px;
    font-size: 16px;
    margin-right: 10px;
}

.nfs-head .mw-header {
    position: relative;
    top: 1px;
}

.nfs-head .fld-search {
    width: 170px;
    height: 28px;
    font-size: 16px;
    line-height: 28px;
}

.nfw-tags {
    color: #008DCE;
    top: 3px;
    position: relative;
    margin-left: 10px;
    display: inline-block;
}

.nfw-tags .continue {
    display: inline-block;
    cursor: pointer;
}

.nfw-tags #nfw-tags-main {
    display: inline-block;
}

.nfw-tags #nfw-tags-main ul {
    top: -5px;
    position: relative;
    vertical-align: middle;
}

.nfw-tags ul {
    display: inline-block;
    font-size: 15px;
    width: auto;
    max-width: 450px;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.nfw-tags ul li {
    display: inline;
}

.nfw-tags ul li:after {
    content: ",";
    margin-right: 5px;
}

.nfw-tags ul li:last-child:after {
    content: "";
}

.nfw-tags-more {
    color: #000;
    background: #fff;
    border: 1px solid #d5dade;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 5px;
    min-width: 150px;
    padding: 7px 0 2px 7px;
    position: absolute;
    z-index: 10;
    font-size: 14px;
    right: -50px;
    top: 30px;
    behavior: url(/01/f6ae411f_pie.htc);
}

.nfw-tags-more ul li {
    display: block;
    height: 20px;
    line-height: 20px;
}

.nfw-tags-more.ent-select {
    padding: 4px 0;
    display: block;
}

.nfw-tags-more.ent-select ul li {
    height: 24px;
    line-height: 24px;
}

.nfw-tags-more.ent-select ul li a {
    display: block;
    color: #000;
    height: 24px;
    padding: 0 7px;
    line-height: 24px;
    text-decoration: none;
}

.nfw-tags-more.ent-select ul li a:hover {
    color: #FFFFFF;
    background: #008DCE;
}

.nfw-tags-more ul li.tagged-head {
    font-weight: bold;
    color: #008DCE;
    margin: 2px 0;
}

.nfw-tags-more:after, .nfw-tags-more:before {
    bottom: 100%;
    right: 45px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.nfw-tags-more:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.nfw-tags-more:before {
    border-color: rgba(205, 205, 205, 0);
    border-bottom-color: #cdcdcd;
    border-width: 9px;
    margin-left: -9px;
}

.nfw-tags ul#nfw-tags-addition li {
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
}

.noteAlert {
    margin-left: 20px;
    color: #f05822;
    display: none;
}

.noteAlert.visible {
    display: inline-block;
}

#nf-searchForm {
    display: inline-block;
}

#nf-addArticleForm .editable-area h2, .nf-article-content h2 {
    color: #008DCE;
}

#nf-addArticleForm .editable-area ol, .nf-article-content ol, #nf-addArticleForm .editable-area ul, .nf-article-content ul {
    padding-left: 20px;
}

#nf-addArticleForm .editable-area ol li, .nf-article-content ol li {
    list-style-type: decimal;
}

#nf-addArticleForm .editable-area ul li, .nf-article-content ul li {
    list-style-type: square;
}

/*=============== MELINE STYLES ================*/
.meline-wrapper {
    min-height: 250px;
    border-radius: 10px;
    border: 1px solid #969696;
}

.meline-graph {
    min-height: 270px;
    position: relative;
}

.meline-graph .graph-info {
    display: table;
    margin: 15px 0 0 50px;
}

.meline-graph .gi-block {
    color: #939393;
    font-size: 15px;
    padding: 0 10px;
    display: table-cell;
    text-align: center;
}

.meline-graph .gi-block .total {
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 30px;
    line-height: 30px;
    margin: 0 auto 4px;
    border: 2px solid #eaeaea;
}

.meline-graph .fa-time-current {
    background: #008DCE;
}

.gi-block .total.green {
    border-color: #bceeaa;
}

.gi-block .total.red {
    border-color: #f3a586;
}

.meline-date {
    height: 25px;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    position: relative;
    background: #008DCE;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-family: "LatoLight", sans-serif;
}

.meline-date .minus-icn,
.meline-date .add-icn {
    top: 3px;
    opacity: 0.6;
    cursor: pointer;
    position: absolute;
}

.meline-date .minus-icn {
    left: 10px;
    background: url(/ca/7def1137_minus-icn-white.png) no-repeat;
}

.meline-date .add-icn {
    right: 10px;
    background: url(/b6/7b09217a_add-icn-white.png) no-repeat;
}

.meline-date .arrowleft-white,
.meline-date .arrowright-white {
    top: 6px;
    width: 9px;
    height: 14px;
    opacity: 0.6;
    cursor: pointer;
    position: absolute;
    background-size: 9px 14px;
}

.meline-date .arrowleft-white {
    left: 230px;
}

.meline-date .arrowright-white {
    right: 230px;
}

.ml-time {
    font-size: 0.275em !important;
    font-family: "LatoReg", sans-serif;
}

.ml-line {
    stroke: #f0f0f0;
    stroke-width: 0.3;
    shape-rendering:crispEdges;
}

.meline-graph svg text {
    font-size: 11px;
    fill: #939393;
    font-family: "LatoReg", sans-serif;
}

.meline-graph .circle1 {
    stroke: #D63A00;
    fill: #FE9166;
    stroke-width: 0.4;
}

.meline-graph .circle2 {
    stroke: #27863B;
    fill: #82E68C;
    stroke-width: 0.4;
}

.meline-graph .line1 {
    stroke: #D63A00;
    fill: none;
    stroke-width: 0.5;
}

.meline-graph .line2 {
    stroke: #27863B;
    fill: none;
    stroke-width: 0.5;
}

.meline-graph svg path {
    fill: none;
}

.meline-graph svg path.red {
    stroke: #F7D7D1;
}

.meline-graph svg path.green {
    stroke: #D1E7DA;
}

.meline-graph svg circle.red {
    stroke: #F1422D;
    fill: #FFA58B;
}

.meline-graph svg circle.green {
    stroke: #1A8545;
    fill: #9FEEAF;
}

.meline-graph svg circle.green.highlight {
    stroke-width: 1.5;
}

.meline-graph svg .xaxis path,
.meline-graph svg .xaxis g.tick line {
    stroke: #f0f0f0;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}

/*=============== HUBWIKI HOMEPAGE STYLES ================*/
.wk-wrapper {
    height: 320px;
    padding: 15px 13px 15px 12px;
    overflow: hidden;
    border: 1px solid #008dce;
    border-radius: 8px;
}

.wk-topic {
    color: #fff;
    height: 22px;
    line-height: 22px;
    padding: 0 6px;
    font-size: 0.915em;
    display: inline-block;
    background: #89229C;
    border-radius: 6px;
    font-family: "LatoLight", sans-serif;
}

.wk-title {
    width: 128px;
    color: #89229C;
    font-size: 20px;
    text-align: left;
    line-height: 1.25em;
    margin: 0 0 7px 0;
    cursor: pointer;
    font-family: "LatoReg", sans-serif;
}

.wk-logo {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 135px;
}

.wk-logo img {
    max-width: 100%;
    max-height: 100%;
}

.wk-preview {
    color: #000;
    height: 292px;
    line-height: 26px;
    text-align: left;
    overflow: hidden;
    position: relative;
    font-family: "LatoReg", sans-serif;
}

.wk-preview img.wk-preview-img {
    max-width: 140px;
    max-height: 120px;
    border-radius: 7px;
    float: right;
    margin-top: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
    object-fit: cover;
}

/*=============== HUBWIKI FULLPAGE STYLES ================*/
.wk-head {
    margin-bottom: 20px;
}

.wk-head .cb-header {
    color: #89229C;
    line-height: 1em;
    position: relative;
    top: 6px;
    margin-right: 7px;
}

.wk-search {
    width: 555px;
    height: 60px;
    margin: 0 auto;
    display: block;
    font-size: 1.6875em !important;
    line-height: 60px;
    padding: 0 45px 0 12px;
    border-radius: 20px !important;
    background: rgba(255,255,255,.9) url(/dd/353a8862_search-icn-purple.png) right 12px center no-repeat;
}

.wk-head .wk-search {
    width: 250px;
    height: 32px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em !important;
    line-height: 32px;
    border-radius: 7px !important;
    padding: 0 24px 0 7px;
    background: url(/9a/61969a49_search-icn.png)right 6px center no-repeat;
    background-size: 14px 14px;
}

.wk-box {
    margin-top: 15px;
}

.wk-box a,
.hwTags a {
    color: #89229C;
}

.wk-box .fa-section {
    color: #000;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
}

.wk-box .fa-section.head {
    height: 45px;
    line-height: 45px;
    color: #969696;
}

.wk-box .fa-section.highlight:hover {
    background: #89229C;
}

.wk-box .sbHead {
    color: #89229C;
}

.hwTags {
    color: #969696;
    font-size: 13px;
}

.hwSubhead {
    font-size: 14px;
    color: #969696;
}

.sbContent {
    font-size: 14px;
    line-height: 18px;
}

.wk-box .fa-section.head .search {
    color: #89229C;
    font-family: "LatoReg", sans-serif;
}

.wk-box .fa-section {
    padding: 12px 15px;
}

.wk-box .highlight {
    color: #FFFFFF;
    background: #89229C;
    font-family: "LatoLight", sans-serif;
}

.wk-pagination-ftr ul.pagination li a.page-selected {
    background-color: #89229C;
}

.wk-box .fa-section h3 {
    color: #89229C;
    font-size: 1.5em;
    margin: 2em 0 1em 0;
}

.wk-box .fa-section h5 {
    color: #89229C;
    font-size: 1.15em;
    margin: 0 0 3px 0;
}

.wk-box .fa-section p,
.wk-box .fa-section ul,
.wk-box .fa-section ol {
    margin: 0 0 1em 0;
}

.wk-box .fa-section ol li {
    list-style-type: decimal;
    margin-left: 20px;
}

.wk-box .fa-section ul li {
    list-style-type: disc;
    margin-left: 20px;
}

.wk-box .wk-media-main {
    margin: 5px 5px 10px 10px;
    border-radius: 10px;
    border: 1px solid #969696;
}

.wk-box .wk-media-caption {
    text-align: center;
}

.wk-box .wk-media {
    float: right;
}

.fa-section.article-head {
    padding: 15px;
}

.article-head .sbHead {
    font-size: 20px;
    line-height: 24px;
}

.article-head .hwSubhead {
    font-size: 14px;
}

.fa-modbox.wk-cont-list {
    width: 280px !important;
    margin-top: 35px;
}

.wk-cont-list .head {
    color: #000 !important;
    font-size: 18px !important;
    font-family: "LatoReg", sans-serif !important;
}

.wk-cont-list ol li {
    color: #89229C;
    font-size: 16px;
    margin: 0 0 10px 0;
}

#wk-list {
    min-height: 350px;
}

#wk-list .wk-box .fa-section:not(.head):not(.highlight) {
    cursor: pointer;
}

#wk-links a {
    color: initial;
}

/*=============== feedAustrlia SPLASH page ===============*/
.fa-splash {
    width: 100%;
    bottom: 0;
    top: 175px;
    left: 0;
    position: absolute;
    border-top: 4px solid #008DCE;
    background: url(/b1/0fa55de4_fa-splash1.png) center no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src='/images/hh-web/fa-splash1.png',
            sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='/images/hh-web/fa-splash1.png',
    sizingMethod='scale')";
}

.fa-splash .feedAustralia-logo {
    width: 1000px;
    top: 25px;
    position: relative;
    margin: 0 auto;
    height: 100px\9;
    background: url(/e2/6ca461ea_feedAu-logo@2x.png) no-repeat\9;
}

.fa-splash-info {
    width: 45%;
    right: 0;
    top: 40%;
    font-size: 0.95em;
    margin-top: -80px;
    position: absolute;
    padding: 20px 0 20px 95px;
    background: rgba(255,255,255,.5);
}

.fa-splash-info p {
    width: 257px;
    line-height: 1.5em;
}

.fa-splash-info .in1 {
    color: #FF542D;
    margin-bottom: 15px;
}

.fa-splash-info .in2 {
    color: #00A341;
    padding-right: 40px;
    position: relative;
}

.in2 img {
    width: 40px;
    height: 40px;
    top: 2px;
    right: 0;
    position: absolute;
}

.fa-splash-child {
    width: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    position: absolute;
    background: url(/98/3348f46d_fa-splash2.png) bottom center no-repeat;
    background-size: cover;
}

/*=============== feedAustralia HELLO PAGE STYLES ================*/
.feedAustralia-logo.fa-sml {
    margin-top: -11px;
    margin-bottom: 2px;
    margin-left: -2px;
    width: 206px;
    height: 41px;
    background: url(/13/0bdb638b_feedau-logo-no-logline.png) no-repeat;
    background-size: 206px 41px;
}

ul.menu-list li a .feedAustralia-logo {
    width: 182px;
    height: 50px;
    background: url(/76/74b4451b_feedAu-logo.png);
    background-size: 182px 50px;
}

ul.menu-list li a .feedAustralia-logo {
    margin-top: -2px;
}

.fa-placeholder {
    width: 335px;
    height: 200px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #D3D3D3;
    background: url(/b1/0fa55de4_fa-splash1.png) left -110px center no-repeat;
    background-size: cover;
    background: url(/bb/54ef50f8_fa-placeholder.jpg)\9;
    behavior: url(/01/f6ae411f_pie.htc);
}

.fa-placeholder:hover {
    cursor: pointer;
}

.fa-placeholder .fa-splash-child {
    bottom: -18px;
    background: url(/98/3348f46d_fa-splash2.png) top -25px right -7px no-repeat;
    background-size: auto 245px;
}

.fa-placeholder .fa-splash-info {
    width: 70%;
    top: 130px;
    font-size: 9px;
    padding: 10px 0 10px 33px;
}

.fa-placeholder .fa-splash-child,
.fa-placeholder .fa-splash-info {
    display: none\9;
}

.fa-placeholder .fa-splash-info p {
    width: 170px;
    line-height: 1.45em;
}

.fa-placeholder .fa-splash-info .in1 {
    margin-bottom: 5px;
}

.fa-placeholder .fa-splash-info .in2 img {
    width: 48px;
    height: 48px;
    right: -10px;
    top: -25px;
    background-size: 48px 48px;
}

.menu-group {
    position: relative;
    margin-top: 0;
    margin-bottom: 15px;
}

.menu-group:last-child {
    margin-bottom: 0;
}

.mn-time {
    color: #209924;
    font-size: 20px;
    margin-bottom: 5px;
    margin-left: 1px;
    font-family: "LatoBold", sans-serif;
}

.mn-group {
    margin-bottom: 10px;
}

.mn-group:last-child {
    margin-bottom: 0;
}

.mn-img {
    width: 85px;
    height: 85px;
    float: left;
}

.mn-img img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
    border: 1px solid #A0D348;
}

.mn-details {
    display: block;
    margin-top: -4px;
    margin-bottom: 2px;
}

.mn-name {
    color: #000;
    line-height: 24px;
    margin: 0 0 4px 2px;
    cursor: pointer;
    font-family: "LatoReg", sans-serif;
}

.mn-details .mn-name {
    display: inline;
}

.mn-serves {
    margin-left: 5px;
    position: relative;
    display: inline;
    line-height: 24px;
}

.mn-serves .mn-serves-count {
    width: 23px;
    font-size: 14px;
    text-align: center;
    height: 24px;
    display: inline-block;
    background: url(/7c/cd3cfff5_radio-lightgreen.png);
    background-size: 23px 24px;
}

.mn-class {
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    padding: 0 10px 0 8px;
    display: inline-block;
    margin: 2px;
    min-width: 50px;
    cursor: pointer;
    text-align: center;
    font-family: "LatoLight", sans-serif;
    behavior: url(/01/f6ae411f_pie.htc);
}

.mn-class-cont {
    margin: 10px 0 15px;
}

.mn-class.orange {
    background: #FA9B3D;
}

.mn-class.blue {
    background: #0073B6;
}

.mn-class.green {
    background: #009C4C;
}

.mn-class.light_green {
    background: #8CBD50;
}

.mn-class.grey {
    color: #000;
    font-family: "LatoReg", sans-serif;
    background: #DEDEDE;
}

.mn-class.purple {
    background: #89229C;
}

.mn-class .count {
    height: 17px;
    background: #fff;
    color: #454545;
    padding: 1px 2px;
    border-radius: 50%;
    margin: 0 -3px 0 5px;
    font-size: 11px;
    line-height: 15px;
    position: relative;
    top: -1px;
    min-width: 18px;
    display: inline-block;
    behavior: url(/01/f6ae411f_pie.htc);
}

.badge-window {
    font-size: 1.1em;
    position: absolute;
    max-width: 200px;
    margin-top: 7px;
    white-space: normal;
    text-align: left;
    padding: 7px;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    color: #454545;
    display: none;
    font-family: "LatoReg", sans-serif;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}

.mn-class:hover > .badge-window {
    display: block;
}

ul.allergylist {
    min-width: 150px;
    height: auto;
    line-height: 1.4em;
    font-size: 1.15em;
    color: #FE472E;
    background: #fff;
    padding: 5px 10px;
    border-radius: 6px;
    position: absolute;
    margin-top: -10px;
    z-index: 2;
    text-align: left;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
}

ul.allergylist li {
    margin: 3px 0;
    font-size: 15px;
}

.starRatingWrapper {
    position: relative;
    top: -3px;
    left: 2px;
    display: inline-block;
    vertical-align: middle;
}

.fa-ratings {
    position: relative;
    top: -21px;
    right: 3px;
}

.starRating {
    width: 22px;
    height: 21px;
    padding-right: 23px;
    display: table-cell;
    background-size: 22px 21px;
}

.star-red {
    background: url(/7a/5d25faf8_fa-star-red.png) no-repeat;
}
.star-orange {
    background: url(/f4/3ac7ea72_fa-star-orange.png) no-repeat;
}
.star-green {
    background: url(/97/58d04482_fa-star-green.png) no-repeat;
}
.star-neutral {
    background: url(/f3/ae46fca2_fa-star-neutral.png) no-repeat;
}

/*=============== MENU STYLES ================*/

.section-overlay {
    width: 100%;
    top: 80px;
    display: block;
    background: #fff;
    z-index: 5;
    opacity: 0.6;
    bottom: 0;
    position: absolute;
}

.splash-overlay {
    width: 100%;
    top: 0;
    display: block;
    background: rgba(50,50,50,0.3);
    background: rgba(50,50,50,0.9)\0;
    background: #353535\9;
    z-index: 5;
    bottom: 0;
    position: absolute;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .splash-overlay {
        background: rgba(50,50,50,0.9);
    }
}

.splash-overlay p {
    color: #fff;
    font-size: 52px;
    margin-top: 207px;
    text-align: center;
    letter-spacing: -0.04em;
    text-shadow: 1px 1px #989898;
}

.splash-overlay p .hubworks-logo {
    display: inline-block;
}

.section-box {
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -o-filter: blur(25px);
    -ms-filter: blur(25px);
    filter: blur(25px);
}

.splash-content {
    width: 1000px;
    margin: 0 auto;
}

.splash-content .hubworks-logo {
    width: 255px;
    height: 55px;
    position: relative;
    top: 16px;
    margin: 0 2px;
    background: url(/8a/3ac6499f_hubworks-logo.png) no-repeat;
    background-size: 255px 55px;
}

.splash-arrow {
    width: 238px;
    height: 206px;
    position: absolute;
    top: 53px;
    margin-left: -17px;
    background-size: 238px 206px;
    background: url(/b1/2db39166_splash-arrow.png) no-repeat;
}

.fa-section-overlay {
    width: 100%;
    background: #fff;
    z-index: 2;
    opacity: 0.6;
    top: 0;
    bottom: 75px;
    position: absolute;
}

.fa-section-overlay.full {
    bottom: 0;
}

.mc-link.menu {
    z-index: 5;
    position: absolute;
    left: 0;
    right: 0;
    width: 530px;
    cursor: pointer;
    margin-top: -10px;
    background: #ffffff;
}

.menu-tabs {
    width: 100%;
    display: table;
    border-spacing: 3px;
    margin-bottom: 30px;
    border-collapse: separate;
}

.menu-select {
    top: -67px;
    right: 0;
    position: absolute;
}

.menu-mod {
    width: 20%;
    height: 55px;
    color: #fff;
    font-size: 18px;
    line-height: 55px;
    background: #FF7751;
    display: table-cell;
    text-align: center;
    border-radius: 5px;
    behavior: url(/01/f6ae411f_pie.htc);
}

.menu-tabs.blue .menu-mod {
    background: #00ADDB;
}

.menu-tabs.yellow .menu-mod {
    background: #FFC76A;
}

.menu-mod.active {
    background: #FF542D;
}

.menu-tabs.blue .menu-mod.active {
    background: #0081BB;
}

.menu-tabs.yellow .menu-mod.active {
    background: #FBAA19;
}

.menu-mod:hover {
    text-decoration: none;
}

.fa-logo {
    width: 315px;
    z-index: 1;
    margin-top: -95px;
    margin-left: -12px;
    position: absolute;
}

.fa-content {
    margin-top: 100px;
    position: relative;
}

.fa-print {
    top: 5px;
    margin-left: 15px;
    position: relative;
}

.fa-content.serviceview .fa-modbox {
    margin-bottom: 25px;
}

.fa-logo.active {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.3);
}

.fa-logo.active .fa-links {
    display: block;
}

.fa-links {
    display: none;
    margin-bottom: 10px;
}

.fa-links li {
    margin: 7px 0;
}

.fa-links li a {
    font-size: 1.2em;
    color: #666666;
    height: 38px;
    display: block;
    cursor: pointer;
    line-height: 38px;
    padding-left: 35px;
    font-family: "LatoLight", sans-serif;
}

.fa-links li a:hover,
.fa-links li a.active {
    color: #fff;
    text-decoration: none;
    background: #FF5323;
}

.fa-box {
    position: relative;
    min-height: 394px;
    padding: 13px 0;
    border-radius: 8px;
    border: 1px solid #209924;
}

.fa-box-head {
    color: #000;
    height: 40px;
    line-height: 40px;
    font-size: 0.87em;
    padding: 0 10px;
    margin-top: -15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #209924;
}

.fa-box-head .starRatingWrapper {
    position: relative;
    top: 7px;
}

.fa-modbox {
    margin-bottom: 10px;
    border-radius: 12px;
    border: 1px solid #d3d3d3;
    behavior: url(/01/f6ae411f_pie.htc);
}

.fa-modbox.inner {
    margin-bottom: 0;
}

.fa-modbox .module-msg {
    padding: 15px;
}

.inner-head {
    margin: 15px;
}

.inner-head h3 {
    margin-bottom: 8px;
}

.fa-section.head {
    color: #666666;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    padding: 0 15px;
    border-bottom: 1px solid #d3d3d3;
    font-family: "LatoLight", sans-serif;
}

.fa-section.head p {
    color: #00A341;
    font-size: 1.175em;
}

.fa-ttl {
    color: #00A341;
    font-size: 1em;
    margin-left: 2px;
    margin-bottom: 5px;
    line-height: 50px;
    font-family: "LatoBold", sans-serif;
}

.fa-ttl:after {
    clear: both;
    content: "";
    display: table;
}

.fa-section.head .arrow-left-green,
.fa-section.head .arrow-down-green,
.fa-section.head .arrow-left-blue,
.fa-section.head .arrow-down-blue {
    float: right;
}

.fa-section.head .arrow-left-green,
.fa-section.head .arrow-left-blue {
    margin-top: 17px;
}

.fa-section.head .arrow-down-green,
.fa-section.head .arrow-down-blue {
    margin-top: 22px;
}

.section-head {
    color: #00A241;
    font-size: 22px;
    float: left;
    cursor: pointer;
    font-family: "LatoBold", sans-serif;
}

.section-headinfo {
    color: #008dce;
    position: absolute;
    right: 80px;
    text-align: left;
    font-family: "LatoReg", sans-serif;
}

.section-headinfo span {
    min-width: 120px;
    display: inline-block;
}

.section-head.center {
    float: none;
    text-align: center;
}

.menu-date p {
    color: #666666 !important;
    font-size: 18px !important;
    font-family: "LatoLight", sans-serif;
}

.menu-date p.selectedDate {
    font-size: 18px !important;
    color: #666666 !important;
    position: relative;
    top: 1px;
}

.menu-date p {
    display: inline-block;
    vertical-align: bottom;
}

.menu-date .cal-icn {
    display: inline-block;
    vertical-align: middle;
}

.fa-group {
    margin-bottom: 50px;
}

.fa-grouphead {
    font-size: 1.275em;
    color: #FF5717;
    padding-left: 15px;
    margin-bottom: 15px;
    font-family: "LatoBold", sans-serif;
}

.fa-msg {
    color: #666666;
    margin: 22px 15px;
    text-align: center;
}

.fa-box-cont {
    padding: 0 10px 0 15px;
    position: relative;
    top: -2px;
}

.fa-box-cont .module-msg {
    padding-top: 0;
}

.fa-room-nav {
    width: 100%;
    height: 15px;
    bottom: 1px;
    padding-right: 11px;
    position: absolute;
    text-align: right;
    display: table;
    font-family: "LatoReg", sans-serif;
}

.fa-room-nav .room-name,
.fa-room-nav .room-nav {
    display: table-cell;
}

.fa-room-nav .room-name {
    font-size: 13px;
    padding-right: 8px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #209924;
}

.fa-room-nav .room-nav {
    width: 25px;
    height: 7px;
    background: url(/35/5b6e2e0e_fa-room-nav.png) center center no-repeat;
    background-size: 100%;
}

.fa-section.padded {
    padding: 15px;
}

.fa-section.no-pad {
    padding: 0;
}

.fa-section.head {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}

.fa-section:last-child {
    border-bottom: none;
}

.mn-info {
    margin-left: 96px;
    padding-top: 3px;
    min-height: 85px;
    vertical-align: top;
}

.fa-section .mn-info {
    margin-left: 108px;
}

.fa-section .mn-time {
    display: table;
    vertical-align: bottom;
    color: #00A341;
    font-size: 1.525em;
    margin-bottom: 15px;
    padding: 0 15px;
}

.fa-section .mn-name {
    color: #42CD33;
    font-size: 1.5125em;
    line-height: 1.1em;
    letter-spacing: 0.03em;
    margin: 0 0 5px;
    cursor: pointer;
    font-family: "LatoMed", sans-serif;
}

.fa-section .mn-img {
    margin-left: 15px;
    display: inline-block;
}

.fa-section .mn-img img {
    border-radius: 0;
}

.fa-section ol li {
    list-style-type: decimal;
    margin-left: 20px;
}

.mi-info {
    margin-left: 2px;
    margin-bottom: 5px;
}

.mi-info .mn-name,
.mi-info .menu-bulb {
    display: table-cell;
}

.mi-info .menu-bulb {
    margin-left: 7px;
    position: relative;
    top: 5px;
    left: 7px;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
}

.fa-right-box {
    position: relative;
    top: -87px;
}

.fa-logo .feedAustralia-logo {
    width: 100%;
    height: 95px;
    left: 15px;
    display: block;
    position: relative;
    background: url(/ee/c4f2bbcc_feedAu-logo-head.png) left 10px no-repeat;
}

.fa-menu-time {
    width: 200px;
    min-height: 38px;
    margin-top: 10px;
    line-height: 38px;
    font-size: 18px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    right: 0;
    font-family: "LatoLight", sans-serif;
    behavior: url(/01/f6ae411f_pie.htc);
}

.fa-menu-time ul {
    z-index: 3;
    display: none;
    position: relative;
    background: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.fa-time-current {
    background: #FF5323;
    width: 100%;
    border-radius: 6px;
    behavior: url(/01/f6ae411f_pie.htc);
}

.fa-time-current p {
    display: inline;
}

.fa-menu-time.active {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.3);
}

.fa-menu-time.active .fa-time-current {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fa-menu-time.active ul {
    display: block;
}

.fa-menu-time ul li {
    border-bottom: 1px solid #d2d2d2;
}

.fa-menu-time ul li:last-child {
    border-bottom: none;
}

.fa-menu-time ul li a {
    color: #666666;
    display: block;
}

.fa-menu-time ul li a:hover {
    color: #fff;
    text-decoration: none;
    background: #FF5323;
}

.fa-menu-time ul li:last-child a:hover {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.fa-downarrow,
.fa-downarrow-grey,
.fa-downarrow-tapped {
    display: inline-block;
    margin-left: 5px;
    position: relative;
}

.fa-downarrow,
.fa-downarrow-grey{
    top: -2px;
}

.fa-downarrow-tapped {
    top: 1px;
}

.meal-info {
    font-size: 14px;
}

.meal-info .nr-table {
    font-size: 14px;
}

.meal-info h5 {
    color: #008DCE;
    font-size: 1.125em;
    margin: 20px 15px 3px;
}

.meal-info p {
    margin: 0 15px;
}

.meal-info img {
    max-width: 130px;
    max-height: 130px;
    border-radius: 5px;
    margin: 10px 0 7px 15px;
    float: right;
}

.fa-nutriinfo {
    color: #fff;
    width: 100%;
    height: 40px;
    font-size: 1.25em;
    cursor: pointer;
    letter-spacing: 0.01em;
    line-height: 40px;
    text-align: center;
    background: #FF5717;
    margin-bottom: 20px;
    font-family: "LatoLight", sans-serif;
}

.fa-nutriinfo p {
    display: inline-block;
}

.nr-table {
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
}

.nr-table tr td:first-child {
    padding-left: 15px;
}

.nr-table tr td {
    padding: 3px 0;
}

.mi-ddown {
    color: #666666;
    font-size: 1.175em;
    margin-bottom: 20px;
    padding-left: 5px;
}

.mi-ddown p {
    margin-right: 10px;
}

.mi-ddown * {
    display: inline-block;
}

.mi-ddown select {
    margin-left: 5px;
}

.fa-info-btm {
    padding-top: 5px;
    padding-left: 15px;
    margin-bottom: -12px;
    font-size: 0.835em;
    line-height: 1.25em;
}

.fa-info-btm a,
.mn-title {
    color: #00A341;
    font-size: 18px !important;
}

.mn-table tr th,
.mn-table tr td {
    height: 45px;
    line-height: 1.35em;
    font-size: 18px;
    position: relative;
}

.mn-table tr th {
    color: #00A341;
    text-align: left;
}

.mn-table tr td:first-child {
    width: 200px;
}

.mn-table tr:last-child td {
    border-bottom: none;
}

.mn-maininfo {
    margin-bottom: 20px;
}

.mn-maininfo .mn-table {
    width: 80%;
    float: left;
    margin-top: 10px;
}

.mn-maininfo .mn-table tr td:first-child {
    width: 185px;
    vertical-align: top;
}

.mn-moreinfo {
    color: #666666;
    font-size: 0.835em;
    text-align: center;
    margin-right: 35px;
    position: relative;
}

.mn-moreinfo h3 {
    margin: 10px 0;
    font-size: 16px;
    font-family: "LatoBold", sans-serif;
}

.nutritionalRatingContent {
    width: 115px;
    margin: 0 auto;
}

.mn-moreinfo .info-icn {
    bottom: 32px;
    right: -23px;
    position: absolute;
}

.info-details {
    color: #000;
    z-index: 2;
    width: 200px;
    padding: 10px;
    text-align: left;
    position: absolute;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
    border: 1px solid #d2d2d2\9;
}

.mn-moreinfo .info-details {
    right: 140px;
    top: 80px;
}

.mn-allergy {
    color: #00A341;
    font-size: 2.3em;
    margin-bottom: 25px;
}

.meal-section {
    margin: 10px 15px;
}

.mealwrapper {
    width: 100%;
    margin: 5px 0;
    display: table;
    position: relative;
}

.mealwrapper p {
    width: 195px;
    cursor: pointer;
    font-size: 18px;
    display: table-cell;
    vertical-align: top;
    padding-top: 9px;
}

.mealwrapper .meal_autocomplete_wrapper {
    padding: 3px;
    border-radius: 6px;
    position: relative;
    display: block;
    min-height: 39px;
    border: 1px solid #969696;
    behavior: url(/01/f6ae411f_pie.htc);
}

.meal_autocomplete_wrapper.collapse {
    height: 39px;
    overflow: hidden;
}

.mealwrapper .meal_autocomplete_wrapper .mealslist,
.mealwrapper .meals,
.mealwrapper .meals div {
    display: inline;
}

.mealwrapper .meal {
    color: #FFFFFF;
    border-radius: 6px;
    padding: 3px 5px;
    margin: 1px 0;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    background-color: #008DCE;
    border: 2px solid #fff;
    font-family: "LatoLight", sans-serif;
    behavior: url(/01/f6ae411f_pie.htc);
}

.mealwrapper .meal_autocomplete_wrapper.allergy {
    border: 1px solid #FF542D !important;
}

.mealwrapper .meals .meal.allergy {
    color: #fff !important;
    background: #FF7751 !important;
}

.mealwrapper .meals .meal.selected {
    border: 2px solid #2679C3;
}

.mealwrapper .meals .meal.allergy.selected {
    border: 2px solid #FF542D;
}

.meal_autocomplete_wrapper .addtomenu {
    color: #00A341;
    background: #fff;
    margin: 2px 0 2px 2px;
    height: 25px;
    line-height: 16px;
    padding: 2px 5px 3px;
    border: 1px solid #00A341;
}

.addtomenu .add-icn {
    width: 15px;
    height: 15px;
    top: 2px;
    position: relative;
    background: url(/29/25837baa_add-icn-green.png) no-repeat;
    background-size: 15px 15px;
}

.remove {
    width: 15px;
    height: 15px;
    top: 2px;
    margin: 0 2px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    background: url(/4e/de71bb4d_remove-white.png) no-repeat;
    background-size: 15px 15px;
}

.meal-fld {
    margin: 3px 2px;
    width: 380px;
    height: 25px;
    line-height: 25px;
    font-size: 14px !important;
    border: none !important;
}

.mealoptions {
    position: relative;
    margin: 0 15px -10px;
    padding-left: 200px;
    height: 23px;
}

.addmeal-wrapper,
.repeatmenu-wrapper {
    display: inline-block;
    position: relative;
}

.repeatmenu-wrapper.inline {
    font-size: 14px;
    right: 170px;
    margin-top: 12px;
    position: absolute;
}

.repeatmenu-wrapper.inline select {
    font-size: 14px;
    margin: 0 10px 0 7px;
    height: 24px;
    border-radius: 6px;
}

.addmeal-wrapper a,
.repeatmenu-wrapper a {
    color: #666666;
    font-size: 14px;
}

#repeat_alert_popup .popup2 {
    width: 470px;
}

#repeat_alert_popup .popup2 .menu-btn {
    line-height: 35px;
}

.mo-popup {
    top: 22px;
    right: 0;
    z-index: 2;
    position: absolute;
    background: #fff;
    border-radius: 5px;
    padding: 7px 10px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border: 1px solid #d2d2d2\9;
    behavior: url(/01/f6ae411f_pie.htc);
}

.mo-popup select {
    font-size: 0.975em;
    height: 24px;
    border-radius: 5px !important;
}

.addmeal-wrapper .mo-popup {
    width: 270px;
}

.repeatmenu-wrapper .mo-popup {
    width: 240px;
    font-size: 14px;
}

.mo-popup .btn-sml {
    width: 60px;
    height: 32px;
    font-size: 16px;
}

.mo-popup .fld-mid {
    margin-right: 3px;
    border: 1px solid #969696;
}

ul.repeatdate {
    display: inline-block;
    margin-top: 7px;
}

ul.repeatdate li {
    margin-right: 5px;
    display: inline;
}

ul.repeatdate li a{
    color: #00A341;
}

ul.repeatdate li a.selected {
    text-decoration: underline;
    font-family: "LatoBold", sans-serif;
}

ul.repeatdate li a.disabled {
    color: #b2b2b2;
    cursor: default;
}

ul.repeatdate li a.disabled:hover {
    text-decoration: none;
}

.autocomplete {
    z-index: 5;
    left: 0px;
    color: #000;
    margin-top: 2px;
    padding: 5px 0;
    position: absolute;
    background: #fff;
    width: 100%;
    max-height: 220px;
    overflow: auto;
    border: 1px solid #d2d2d2;
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.2);
}

.autocomplete ul li {
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
}

.autocomplete ul li.ac-desc {
    color: #929292;
}

.autocomplete ul li.ac-desc:hover {
    background: none;
}

.autocomplete ul li.ac-desc ul li {
    color: #000;
}

.autocomplete ul li .edit-icn {
    float: right;
    position: relative;
    top: 6px;
    display: none;
    color: #0080e9;
    text-decoration: none;
}

.autocomplete ul li:hover {
    background: #f1f1f1;
}

.autocomplete ul li:hover > .edit-icn {
    display: inline-block;
}

.module-popup .menu-tabs {
    width: auto;
    margin: 5px 0;
}

.module-popup .menu-mod {
    width: 140px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    cursor: pointer;
}

.wincontent {
    margin: 20px 15px 15px;
}

.wincontent table {
    font-size: 18px;
}

.wincontent .section-head {
    margin-bottom: 25px;
}

.wincontent .fld-min {
    font-size: 14px;
    border-radius: 5px;
    text-align: right;
}

.wincontent .form-action {
    margin-top: 15px;
    padding-right: 0;
    margin-bottom: 10px;
}

.wincontent .fld-mid {
    height: 42px;
    width: 100%;
    padding: 0 10px;
    font-size: 1em;
    line-height: 42px;
    border-radius: 6px;
}

.miinfotabcontent {
    border-radius: 10px;
    padding: 0 5px;
    margin-bottom: 15px;
    border: 1px solid #969696;
    behavior: url(/01/f6ae411f_pie.htc);
}

.miinfotabcontent textarea {
    width: 100%;
    height: 220px;
    padding: 5px;
    font-size: 0.9em;
    resize: none;
    border-radius: 4px;
    border: none;
    outline: 0;
    margin: 5px 0;
}

.ingredient_autocomplete_wrapper .ingredients {
    max-height: 200px;
    display: block;
    font-size: 0.9em;
    overflow-y: auto;
    overflow-x: hidden;
}

.ingredient_autocomplete_wrapper .ingredients.order {
    max-height: 350px;
}

.ingredient_autocomplete_wrapper span.ingredient {
    width: 100%;
    text-align: right;
    padding: 5px;
    color: #323232;
    margin: 2px 0;
    font-size: 0.9735em;
    display: inline-block;
}

.ingredient_autocomplete_wrapper .ingredient .ellipsis {
    position: relative;
    top: 10px;
    left: 0px;
}

.ingredient_autocomplete_wrapper .ingredient:nth-child(even) {
    background: #f1f1f1;
}

.ingredient_autocomplete_wrapper .ingredient .name {
    display: block;
    float: left;
    text-align: left;
    width: 210px;
    font-size: 14px;
    max-height: 32px;
    line-height: 16px;
    overflow: hidden;
    position: relative;
}

.ingredient_autocomplete_wrapper .subtract,
.ingredient_autocomplete_wrapper .add {
    margin: 0 1px;
    cursor: pointer;
}

.ingredient_autocomplete_wrapper .units select {
    font-size: 14px;
    width: 98px;
    padding-left: 2px;
    height: 26px;
    border-radius: 5px !important;
    font-family: "LatoReg", sans-serif;
    background-color: #fff;
}

.ingredient_autocomplete_wrapper .ingredient .remove {
    margin-left: 2px;
    margin-right: 5px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    top: 3px;
    display: inline-block;
    background: url(/da/24751fbc_remove-grey.png) no-repeat;
    background-size: 15px 15px;
}

.ingredient_autocomplete_wrapper .autocomplete {
    left: auto;
    width: 460px;
    font-size: 0.87em;
    margin-top: -5px;
}

.ingredient_autocomplete_wrapper .autocomplete ul li {
    line-height: 28px;
}

.nm-serv {
    font-size: 18px;
    text-align: right;
}

.nm-serv .fld-min {
    height: 35px;
}

.fld-noborder {
    width: 100%;
    height: 40px;
    margin-top: 2px;
    margin-bottom: 4px;
    padding: 0 5px;
    font-size: 0.9em !important;
    behavior: url(/01/f6ae411f_pie.htc);
}

.menu-btn {
    color: #FFF;
    height: 38px;
    font-size: 17px;
    line-height: 34px;
    min-width: 140px;
}

.fa-section .form-action {
    padding-right: 15px;
}

.fa-section .module-msg {
    padding: 0;
    margin-bottom: 40px;
}

.eh-box .fa-section .module-msg {
    margin-bottom: 15px;
}

.editmeal {
    position: absolute;
    right: 5px;
    bottom: 12px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/34/fe1fef27_edit-icn.png) no-repeat;
    background-size: 16px 16px;
}

.downarrow,
.uparrow {
    cursor: pointer;
    width: 12px;
    height: 7px;
    position: absolute;
    right: 7px;
    top: 17px;
    display: block;
}

.downarrow {
    background: url(/6a/d89fccf2_arrow_down3.png) no-repeat;
}

.uparrow {
    background: url(/1c/ea7a7e9c_arrow_up3.png) no-repeat;
}

.hidden {
    display: inline !important;
    visibility: hidden !important;
}

.mealtime-options {
    position: absolute;
    background: #fff;
    left: 0;
    z-index: 2;
    top: 35px;
    border-radius: 6px;
    padding: 7px;
    box-shadow: 0 0 2px rgba(0,0,0,.3);
    border: 1px solid #d2d2d2\9;
    behavior: url(/01/f6ae411f_pie.htc);
}

.mealtime-options a {
    margin: 0 7px;
    color: #666666;
    font-size: 14px;
}

.mealtime-options .btn-sml {
    width: 60px;
    height: 32px;
    font-size: 16px;
    margin-left: 2px;
}

.allergies-wrapper {
    color: #FE472E;
    position: absolute;
    left: 0;
    top: 32px;
    cursor: pointer;
}

ul.allergies-list {
    top: 23px;
    z-index: 2;
    position: absolute;
    background: #fff;
    min-width: 150px;
    padding: 5px;
    color: #666666;
    border-radius: 6px;
    margin-bottom: 10px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border: 1px solid #d2d2d2\9;
    behavior: url(/01/f6ae411f_pie.htc);
}

span.meal_autocomplete_wrapper ul.allergies-list {
    top: 35px;
}

ul.allergies-list li {
    margin: 3px 0;
    font-size: 14px;
}

.weeklyContainer {
    width: 100%;
    display: table;
}

.weeklyContainer div {
    display: table-cell;
}

ul.th-foodList,
ul.th-weekly {
    font-size: 18px;
    display: table-cell;
}

ul.th-foodList {
    width: 200px;
    color: #00A341;
}

ul.th-foodList li {
    padding-left: 15px;
    font-size: 18px !important;
}

ul.th-weekly {
    cursor: pointer;
    text-align: center;
}

ul.th-weekly li {
    width: 160px;
    font-size: 16px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.th-weekly li .name.empty {
    text-align: center;
    display: block;
}

ul.th-weekly .mn-title .edit-icn {
    margin-left: 10px;
    margin-top: 15px;
    position: absolute;
}

ul.th-foodList li,
ul.th-weekly li {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #d3d3d3;
}

ul.th-foodList li:last-child,
ul.th-weekly li:last-child {
    border-bottom: none;
}

.mn-maininfo .mn-table .meals {
    height: 22px;
    overflow: hidden;
    padding-right: 15px;
    display: inline-block;
}

.mn-maininfo .mn-table .meals.showall {
    height: 100%;
    overflow: visible;
}

.mn-maininfo .mn-table .meals .uparrow,
.mn-maininfo .mn-table .meals .downarrow {
    top: 10px;
    right: 0;
}

.mn-maininfo .mn-table .meal-group {
    cursor: pointer;
}

.mn-maininfo .mn-table .meal-group .name {
    font-size: 18px;
}

.today_ingredients {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 2;
    margin-top: 5px;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
    font-size: 14px;
    width: 220px;
    margin-left: -25px;
    color: #656565;
    line-height: 20px;
    padding: 5px 7px;
    border-radius: 4px;
    behavior: url(/01/f6ae411f_pie.htc);
}

.mncalendar {
    width: 100%;
}

.mncalchead:after,
.mncalc:after {
    content: "";
    display: table;
    clear: both;
}

.mncalchead .mncalr {
    width: 142px;
    font-size: 20px;
    color: #00A241;
    padding-top: 20px;
    height: 45px;
    float: left;
    text-align: center;
    font-family: "LatoLight", sans-serif;
    border-bottom: 1px solid #d2d2d2;
}

.mncalc .mncalr {
    width: 142px;
    padding: 3px 5px;
    height: 110px;
    position: relative;
    float: left;
    font-size: 14px;
    cursor: pointer;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.mncalc .mncalr:hover,
.mncalc .mncalr.selected {
    background: #F1F1F1;
}

.mnprev p, .mnnext p {
    color: #cbcbcb;
}

.mncalr:nth-child(7n+4),
.mncalr:nth-child(7n+5),
.mncalr:nth-child(7n+6),
.mncalr:nth-child(7n+7){
    width: 143px;
}

.mncalc .mncalr:nth-child(7n+7) {
    border-right: none;
}

.mncalc .mncalr:nth-last-child(-n+7) {
    border-bottom: none;
}

.mncalr ul {
    cursor: pointer;
    height: 100%;
}

.mncalr ul li {
    color: #00A241;
}

.mncalc .mncalr .mnedit {
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
    width: 16px;
    height: 16px;
    background: url(/34/fe1fef27_edit-icn.png) no-repeat;
    background-size: 16px 16px;
}

.mncalc .mncalr:hover .mnedit {
    display: block;
}

.mncalc .mncalr:last-child {
    border-bottom-right-radius: 11px;
}

.mncalc .mncalr:nth-last-child(7) {
    border-bottom-left-radius: 11px;
}

.mncalc .mncalr input.cal-inp {
    position: absolute;
    bottom: 10px;
    padding: 4px 6px;
    width: 130px;
    font-size: 14px;
    background: #F1F1F1;
}

.mncalc .mncalr input.cal-inp:focus {
    background: #FFFFFF;
}

.mncalc .mncalr .mnchild-count {
    position: absolute;
    bottom: 10px;
    padding: 2px 6px;
    width: 130px;
    font-size: 14px;
    background: #F1F1F1;
    border-radius: 8px;
    outline: 0;
    border: 1px solid #969696;
}

.mncalc .mncalr .cal-inp2 {
    border: none;
    width: 55px;
    font-size: 14px;
    background: #f1f1f1;
}

.fa-modbox .form-action {
    margin: 10px 0 12px;
    padding: 0 15px;
}

.fa-modbox .form-action p.purchase-ins {
    line-height: 38px;
}

/*=================== MENU IDEAS STYLES ===============*/
.mi-head {
    font-size: 18px;
    color: #666666;
    margin-bottom: 30px;
    margin-left: 5px;
    position: relative;
    display: table;
    width: 100%;
    font-family: "LatoLight", sans-serif;
}

.mi-select {
    margin-left: 10px;
    color: #00A341;
    width: 210px;
    height: 42px;
    height: 28px\9;
    border: none;
    padding: 0 25px 0 7px;
    padding-right: 0\9;
    outline: 0;
    font-size: 18px;
    line-height: 42px;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "LatoLight", sans-serif;
    background: #fff url(/6a/d89fccf2_arrow_down3.png) right 6px center no-repeat;
    background-size: 10px 6px;
    border: 1px solid #969696;
}

.mi-head .mi-filter {
    display: table-cell;
}

.mi-head .mi-filter:last-child {
    text-align: right;
    padding-right: 5px;
    margin-left: 15px;
}

#meals_groups .mi-select {
    width: 330px;
}

.menuIdeasContainer {
    margin: 20px 0 0;
    width: 100%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

.menuIdeasContainer .module-msg {
    font-size: 1em;
    margin-left: 5px;
}

.micontent {
    min-height: 40px;
    position: relative;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    margin-bottom: 5px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    behavior: url(/01/f6ae411f_pie.htc);
}

.micontent label {
    width: 100%;
    font-size: 17px;
    line-height: 40px;
    display: block;
    padding-left: 10px;
    font-weight: normal !important;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.micontent label.greyout {
    color: #d2d2d2;
}

.micontent label .arrow-down-green,
.micontent label .arrow-left-green {
    position: absolute;
    right: 10px;
    top: 17px;
}

.micontent label .arrow-left-green {
    top: 13px;
    right: 13px;
}

.micontent .fa-modbox {
    border: none;
    border-top: 1px solid #d3d3d3;
    border-radius: 0;
    margin: 0 !important;
}

.micontent .meal-info {
    padding: 10px 15px 0;
}

.micontent .meal-info h5 {
    margin: 0;
    line-height: 2em;
}

.micontent .meal-info p {
    margin: 0 0 10px 0;
    text-align: justify;
    overflow: auto;
    white-space: normal;
}

.micontent .nr-table tr:nth-child(odd) td {
    background: #FFF;
}

.micontent .nr-table tr td {
    padding: 1px 0;
    width: 40%;
    text-align: right;
}

.micontent .nr-table tr td:first-child {
    width: 20%;
    padding-left: 0;
    text-align: left;
}

.mishareinfo {
    height: 25px;
    text-align: right;
    position: absolute;
    padding: 2px 8px 2px 5px;
    left: 5px;
    bottom: 12px;
    display: none;
}

.mishareinfo ul {
    margin: 0 0 -3px 0;
    padding: 0;
}

.micontent .form-action {
    padding-right: 15px;
    margin: -3px 0 12px;
}

.mishareinfo ul li {
    margin: 0 5px 0;
    display: inline-block;
}

.share-icn-20 {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 2px;
}

.share-fb-grey {
    background: url(/4c/897a82b5_fb-20-grey.png); }
.share-fb-grey:hover {
    background: url(/e8/f8145752_fb-20.png); }
.share-twitter-grey {
    background: url(/1c/ce6a134a_twitter-20-grey.png); }
.share-twitter-grey:hover {
    background: url(/aa/557fde7a_twitter-20.png); }
.share-vk-grey {
    background: url(/1d/7ce22485_vk-20-grey.png); }
.share-vk-grey:hover {
    background: url(/35/a3ed4939_vk-20.png); }
.share-myspace-grey {
    background: url(/a1/ebdd3db5_myspace-20-grey.png); }
.share-myspace-grey:hover {
    background: url(/7d/903b8ba7_myspace-20.png); }
.share-email-grey {
    background: url(/7a/e8deff05_email-20.png); }
.share-email-grey:hover {
    background: url(/98/470b2be4_email-20-grey.png); }

.popup6 .fa-modbox {
    margin-bottom: 0 !important;
    border: none;
}

.popup6 .fa-section.head {
    padding: 0 15px !important;
    border-bottom: 1px solid #d3d3d3 !important;
}
/*=================== MENU CHECKLIST STYLES ===============*/
.fa-contentbox .fa-section.head {
    padding: 0 5px;
    border-bottom: none;
}

.head-info {
    padding: 0 5px;
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: justify;
}

.mpcleft {
    float: left;
    width: 360px;
    padding-left: 12px;
    font-family: "LatoBold", sans-serif;
}

.mpcdesc {
    font-family: "LatoReg", sans-serif;
    margin-top: 20px;
}

.mpcright .mpcdesc {
    margin-top: 45px;
}

.mpcright {
    margin-left: 375px;
    padding-right: 10px;
}

.mpcright p {
    margin-bottom: 15px;
}

.mpcwrapper {
    margin-top: 40px;
    font-size: 1.15em;
    padding: 0 0 20px 0;
    font-family: "LatoBold", sans-serif;
    border-bottom: 1px solid #8a8a8a;
}

.mpccontwrap {
    padding: 20px 0;
    color: #323232;
    line-height: 25px;
    border-top: 1px solid #8a8a8a;
}

.mpccontwrap.other {
    margin: 10px 0 20px;
    background: #FFEEEA;
    border-radius: 10px;
    border: 1px solid #de5714;
}

.mpccontwrap.other:before,
.mpccontwrap.other:after {
    content: " ";
    display: table;
    clear: both;
}

.mpccontwrap:first-child {
    border-top: none;
}

.mpcbtns {
    margin: 0;
}

.mpcbtns p {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
}

.mpcbtns .btn {
    width: 100px;
    min-width: 100px;
    padding: 0 5px;
    margin: 3px 1px;
    font-size: 17px;
}

.mpcright a {
    margin-top: 15px;
    display: block;
}

.spsection {
    font-size: 0.875em;
    margin-top: 10px;
    margin-bottom: 5px;
}

.spsection:first-child {
    margin-top: 5px;
}

.spsection .section-head {
    margin-bottom: 10px;
    float: none;
}

.spsection .close-x {
    top: 19px;
    right: 15px;
    position: absolute;
}

.spsection h5 {
    font-family: "LatoBold", sans-serif;
    margin-bottom: 3px;
}

.spsection .splink {
    font-size: 0.935em;
}

.sp-table {
    width: 100%;
    margin: 0 0 3px;
}

.sp-table tr th:first-child,
.sp-table tr td:first-child {
    width: 100px;
    text-align: left;
}

.sp-table thead tr th {
    font-weight: normal;
    font-size: 0.975em;
    color: #323232;
    padding: 5px;
    text-align: center;
    background: #f1f1f1;
    height: 20px;
    font-family: "LatoBold", sans-serif;
}

.sp-table tr th,
.sp-table tr td {
    padding: 4px 5px;
    min-width: 75px;
    max-width: 250px;
}

.sp-table tbody tr td {
    padding: 2px 10px;
    font-size: 0.95em;
    color: #323232;
    background: #fff;
    text-align: center;
}

.sp-table tbody tr:nth-child(even) td{
    background: #f3f3f3;
}

.sp-table tr td.sptbl-ttl {
    font-family: "LatoBold", sans-serif;
}

.spsection ul li {
    line-height: 1.65em;
    padding-left: 25px;
    background: url(/1c/8fba0102_spicon.png) left 1px no-repeat;
}

.mc-link {
    width: 500px;
    padding: 12px 10px;
    color: #00A341;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    text-align: center;
    border-radius: 7px;
    border: 1px solid #969696;
    behavior: url(/01/f6ae411f_pie.htc);
}

.mc-link:hover {
    background: #f7f7f7;
    text-decoration: none;
}

/*=================== EATING HABITS STYLES ===============*/

.eh-box {
    margin-top: -15px;
    margin-bottom: 30px;
}

.eh-box .fa-modbox {
    margin-bottom: 5px;
    overflow: hidden;
}

.eh-box .fa-section {
    border-top: 1px solid #d3d3d3;
    border-bottom: none;
}

.eh-box .fa-section.head {
    border-top: none;
    cursor: pointer;
}

.eh-box .fa-section.head:hover {
    background: #f7f7f7;
}

.eh-table thead tr th {
    color: #3f3f3f;
    padding: 20px 0;
    font-size: 17px;
    font-family: "LatoBold", sans-serif;
    border-bottom: 1px solid #d2d2d2;
}

.eh-table .checked {
    background: url(/d9/dc1734be_checkmark-orange.png);
    background-size: 20px 15px;
}

.eh-table thead tr th input[type=checkbox] {
    margin-left: 2px;
    vertical-align: bottom;
}

.eh-table tbody tr td {
    font-size: 17px;
    padding: 12px 0;
    text-align: center;
}

.eh-table thead tr th:last-child,
.eh-table tbody tr td:last-child {
    max-width: 150px;
}

.eh-box .eh-table tbody tr td {
    padding: 10px 0 !important;
}

.eh-table tr th:first-child,
.eh-table tr td:first-child,
.eh-box .eh-table tr td:first-child {
    text-align: left;
    padding-left: 10px !important;
}

.eh-table tbody tr:last-child > td:first-child {
    border-bottom-left-radius: 10px;
}

.eh-table tbody tr:last-child > td:last-child {
    border-bottom-right-radius: 10px;
}

.eh-table tbody tr td span {
    cursor: pointer;
    position: relative;
    font-size: 15px;
    color: #000;
    line-height: 27px;
    text-align: center;
}

.eh-table tbody tr:hover td {
    background: #f1f1f1;
}

.eh-table .minus-icn,
.eh-table .plus-icn {
    top: 5px;
    width: 19px;
    position: relative;
    display: inline-block !important;
}

.bulbwrap {
    min-width: 19px;
    margin: 0 2px;
    display: inline-block;
    text-align: left;
}

/*=================== ANALYTICS STYLES ===============*/
.analytics-date {
    margin: 50px 0 0;
    text-align: center;
}

.analytics-date .menu-date p {
    color: #00A341 !important;
    font-size: 1.15em !important;
}

.analytics-date .cal-icn {
    top: 9px;
    position: relative;
}

.analytics-chart {
    margin: 30px 0 0;
}

.analytics-chart .section-head {
    float: none;
}

.analytics-chart .menu-date {
    top: -20px;
    position: relative;
}

.analytics-chart .menu-date p {
    vertical-align: middle;
}

.analytics-chart .menu-date .cal-icn {
    vertical-align: top;
    margin-top: -6px;
}

.analytics-chart .module-msg {
    margin-top: 5px;
    font-size: 1em;
}

.analytics-chart .module-msg a {
    font-family: "LatoReg", sans-serif;
}

.alc-chart {
    width: 100%;
}

.alc-title {
    font-size: 1.1em;
    font-family: "LatoMed", sans-serif;
}

.alc-text {
    font-size: 1em;
    font-family: "LatoLight", sans-serif;
}

/*=================== feedAustralia WIZARD STYLES ===============*/

.wizard-head {
    height: 110px;
    font-size: 24px;
    text-align: center;
    margin-top: -18px;
}

.wizard-head .feedAustralia-logo {
    width: 237px;
    height: 65px;
    top: 19px;
    margin: 0 5px;
    font-size: 24px;
    position: relative;
    display: inline-block;
    background: url(/ee/c4f2bbcc_feedAu-logo-head.png) center no-repeat;
    background-size: 237px 65px;
}

.wizard-progress {
    margin-top: 8px;
    margin-bottom: 70px;
}

.wizard-content {
    font-size: 18px;
    min-height: 200px;
    width: 890px;
    margin: 0 auto;
}

.wq-box p {
    margin-bottom: 12px;
}

.wq-box {
    margin-bottom: 35px;
}

.wq-box .fld-min {
    height: 30px;
    margin-left: 10px;
    text-align: right;
}

.wq-radio {
    margin-left: 84px;
}

.wq-radio label {
    font-size: 18px !important;
    margin-left: 70px;
}

.wq-radio input[type=radio] {
    vertical-align: top;
    margin-right: 5px;
}

.wq-radio ul.mc-select input[type=radio] + label {
    padding-top: 4px;
    padding-left: 30px;
    background-position: left center;
}

.wq-radio ul.mc-select input[type=radio]:checked + label {
    background-position: left 2px center;
}

.wq-input-box {
    width: 100%;
    display: table;
    padding-left: 18px;
}

.wq-input-box .wq-group {
    padding: 2px;
    display: table-cell;
    vertical-align: top;
}

.wq-group.left-group {
    width: 250px;
}

.wq-group .input-group {
    margin-bottom: 5px;
}

.wq-group .input-group:last-child {
    margin-bottom: 10px;
}

.wq-group .input-group .add-icn,
.wq-group .input-group .remove-icn {
    width: 25px;
    height: 25px;
    top: -3px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-size: 25px 25px;
}

.wq-group .input-group .add-icn {
    background: url(/5b/7c523053_add-icn-lrg.png) no-repeat;
}

.wq-group .input-group .remove-icn {
    background: url(/07/d3161433_remove-icn.png) no-repeat;
}

.wq-group input {
    width: 250px;
    height: 39px;
    line-height: 38px;
    padding: 0 7px;
    border-radius: 7px;
    /*vertical-align: middle;*/
    border: 1px solid #969696;
}

.wq-group .list-group {
    display: inline-block;
}

.wq-group .list-fld {
    margin: 2px;
    width: 500px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    font-size: 15px;
    top: 1px;
    position: relative;
    border: none !important;
}

.wq-group .suggestions_wrapper {
    font-size: 15px;
}

.error-msg.center {
    text-align: center;
    margin: -5px 0 10px;
}

.wizard-box .form-action {
    width: 890px;
    margin: 20px auto 0;
    padding-right: 0;
}

.thank-box {
    color: #666666;
    font-size: 20px;
    margin-top: 80px;
}

.thank-box h1 {
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 8px;
}

.thank-box .menu-btn {
    margin-top: 45px;
}

.fa-section .wq-box {
    padding: 0 15px;
    font-size: 17px;
}

/*=================== WIZARD PROGRESS BAR STYLES ===============*/

.progress-bar {
    height: 5px;
    width: 890px;
    z-index: 1\9;
    margin: 0 auto;
    position: relative;
    background: #eaeaea;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

.progress-bar > span.progress-line {
    display: block;
    height: 5px;
    position: absolute;
    z-index: 1\9 !important;
    background-color: #00A341;
}

.progress-bar > span.progress-line.mid {
    width: 50%;
}

.progress-bar > span.progress-line.done {
    width: 100%;
}

.progress-bar span.mark {
    width: 100px;
    z-index: 2\9;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.progress-bar span.mark .point {
    width: 34px;
    height: 34px;
    display: block;
    margin: auto;
    color: #949494;
    line-height: 28px;
    border-radius: 50%;
    background: #fff;
    font-size: 15px;
    border: 3px solid #e9e9e9;
    behavior: url(/01/f6ae411f_pie.htc);
}

.progress-bar span.mark.done .point {
    color: #000;
    background: #fff;
    border: 3px solid #00A341;
}

.progress-bar span.mark.start {
    left: 0;
    margin-left: -34px;
}

.progress-bar span.mark.mid {
    left: 0;
    right: 0;
    margin: -14px auto 0;
}

.progress-bar span.mark.fin {
    right: 0;
    margin-right: -34px;
}

.progress-bar span.mark p {
    margin-top: 7px;
    color: #aeaeae;
    font-size: 15px;
    text-align: center;
}

.progress-bar span.mark.done p {
    color: #000;
}

/*=================== LOCKER STYLES ===============*/
.locker-head .cb-header {
    margin-top: 5px;
}

.locker-head .menu-tabs {
    width: auto;
    margin: 15px 0 0 0;
}

.locker-head .menu-tabs a {
    width: 200px;
}

.actions-block .fa-menu-time {
    margin-top: 15px;
    position: absolute;
    background: #008DCE;
}

.actions-block .fa-time-current,
.actions-block .fa-menu-time ul li a:hover {
    background: #008DCE;
}

.actions-block {
    height: 70px;
    position: relative;
    margin-bottom: 10px;
}

.table-box.table-list tbody tr td:nth-child(2) {
    color: #008DCE;
}

.table-box.table-list tbody tr td:nth-child(3) {
    width: 45%;
}

.table-box.table-list tbody tr td:last-child {
    width: 18%;
}

.vault-table tr td {
    cursor: pointer;
}

.vault-table {
    position: relative;
}

.vault-table tr td:last-child {
    width: 30%;
}

.vault-table tr td .trash-icn {
    display: none;
    float: right;
    margin-right: 10px;
}

.vault-table tr:hover td .trash-icn {
    display: inline-block;
}

.vault-table .file {
    width: 35px;
    vertical-align: middle;
}

.vault-table thead tr th:first-child {
    padding-left: 50px !important;
}

.vault-table tbody tr td:first-child {
    padding-left: 15px;
}

.vault-status {
    float: left;
    margin: 38px 0 0 10px;
}

.attachment {
    margin-top: 25px;
    float: left;
    height: 40px;
}

.attachment input[type=text] {
    cursor: pointer;
    width: 305px;
    height: 40px;
    font-size: 17px;
    padding: 5px 5px 5px 10px;
    outline: none;
    border-radius: 7px;
    background: url(/6e/1845b8f9_attachment-icn.png) right 8px center no-repeat;
    behavior: url(/01/f6ae411f_pie.htc);
}

.attachment input[type=file] {
    cursor: pointer;
    width: 305px;
    height: 40px;
    display: block;
    position: relative;
    top: -40px;
    z-index: 2;
    opacity: 0;
    -moz-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.locker-box .fld-search {
    width: 305px;
    height: 40px;
    float: right;
    font-size: 17px;
    border-radius: 7px;
    margin-top: 25px;
    border: 1px solid #949494;
}

.locker-box #tbl-content #vaults-footer {
  margin-top: 1em;
}

.locker-table .sortable {
    cursor: pointer;
}

.locker-table .date {
    min-width: 180px;
}

.locker-table .alert-type {
    min-width: 160px;
}

.locker-table .from {
    min-width: 75px;
}

.locker-table td li {
    list-style: none
}

.locker-table td select {
    width: auto;
}

/*=================== WEATHER STYLES ===============*/

div.weatherContainer {
    width: 100%;
    display: table;
    margin-top: 0;
    padding: 15px 10px;
    border: 1px solid #008dce;
    border-radius: 8px;
}

div.weatherDay {
    color: #353535;
    display: table-cell;
    font-family: "LatoReg", sans-serif;
}

p.weatherDate {
    height: 16px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: rgb(50,50,50);
}

div.weatherCondition {
    height: 60px;
    margin: 10px 0 -3px;
    display: block;
}

div.weatherCondition.weatherFog {
    background: url(/6e/0871aeb0_weatherCondition-weatherFog.png) center no-repeat;
}

div.weatherCondition.weatherHazy {
    background: url(/f4/f11769ee_weatherCondition-weatherHazy.png) center no-repeat;
}

div.weatherCondition.weatherFlurries {
    background: url(/a9/79726a6a_weatherCondition-weatherFlurries.png) center no-repeat;
}

div.weatherCondition.weatherSunny {
    background: url(/42/2fca0ded_weatherCondition-weatherSunny.png) center no-repeat;
}

div.weatherCondition.weatherExtremeHeat {
    background: url(/a6/b10ae573_weatherCondition-weatherExtremeHeat.png) center no-repeat;
}

div.weatherCondition.weatherMostlyCloudy {
    background: url(/90/37c3e7b7_weatherCondition-weatherMostlyCloudy.png) center no-repeat;
}

div.weatherCondition.weatherMostlySunny {
    background: url(/4c/f35ebc2e_weatherCondition-weatherSunWithClouds.png) center no-repeat;
}

div.weatherCondition.weatherPartlyCloudy {
    background: url(/f1/a15ff9d4_weatherCondition-weatherPartlyCloudy.png) center no-repeat;
}

div.weatherCondition.weatherPartlySunny {
    background: url(/c1/ae0c36bf_weatherCondition-weatherPartlySunny.png) center no-repeat;
}

div.weatherCondition.weatherCloudy {
    background: url(/07/c6951b40_weatherCondition-weatherCloudy.png) center no-repeat;
}

div.weatherCondition.weatherWindy {
    background: url(/ba/4b91b993_weatherCondition-weatherWindy.png) center no-repeat;
}

div.weatherCondition.weatherRainy {
    background: url(/03/f2d9542b_weatherCondition-weatherRainy.png) center no-repeat;
}

div.weatherCondition.weatherFreezingRain {
    background: url(/06/08d60742_weatherCondition-weatherFreezingRain.png) center no-repeat;
}

div.weatherCondition.weatherSleet {
    background: url(/73/550ba088_weatherCondition-weatherSleet.png) center no-repeat;
}

div.weatherCondition.weatherStormy {
    background: url(/40/d3e36e45_weatherCondition-weatherStormy.png) center no-repeat;
}

div.weatherCondition.weatherSnow {
    background: url(/77/89141417_weatherCondition-weatherSnow.png) center no-repeat;
}

div.weatherCondition.weatherSnowShowers {
    background: url(/fc/9f20ed16_weatherCondition-weatherSnowShowers.png) center no-repeat;
}

div.weatherCondition.weatherScatteredClouds {
    background: url(/0e/1a6afcbe_weatherCondition-weatherScatteredClouds.png) center no-repeat;
}

div.weatherCondition.weatherThunderstorm {
    background: url(/b4/adf69603_weatherCondition-weatherThunderStorms.png) center no-repeat;
}

div.weatherCondition.weather_1_sunny {
    background: url(/69/0b6797a1_weather_1_sunny.png) center no-repeat;
}

div.weatherCondition.weather_2_clear {
    background: url(/da/76def1c6_weather_2_clear.png) center no-repeat;
}

div.weatherCondition.weather_3_mostly_sunny_partly_cloudy {
    background: url(/be/abd4c226_weather_3_mostly_sunny_partly_cloudy.png) center no-repeat;
}

div.weatherCondition.weather_4_cloudy {
    background: url(/1c/d68a5fb1_weather_4_cloudy.png) center no-repeat;
}

div.weatherCondition.weather_6_hazy {
    background: url(/8e/fa0c115b_weather_6_hazy.png) center no-repeat;
}

div.weatherCondition.weather_8_light_rain {
    background: url(/d1/f6bfa7f5_weather_8_light_rain.png) center no-repeat;
}

div.weatherCondition.weather_9_windy {
    background: url(/30/6fa451c6_weather_9_windy.png) center no-repeat;
}

div.weatherCondition.weather_10_fog {
    background: url(/54/f8126ca6_weather_10_fog.png) center no-repeat;
}

div.weatherCondition.weather_11_shower {
    background: url(/11/f76caaa1_weather_11_shower.png) center no-repeat;
}

div.weatherCondition.weather_12_rain {
    background: url(/41/e4f5f945_weather_12_rain.png) center no-repeat;
}

div.weatherCondition.weather_13_dusty {
    background: url(/54/785310a4_weather_13_dusty.png) center no-repeat;
}

div.weatherCondition.weather_14_frost {
    background: url(/c4/5c4c33ae_weather_14_frost.png) center no-repeat;
}

div.weatherCondition.weather_15_snow {
    background: url(/98/4077258f_weather_15_snow.png) center no-repeat;
}

div.weatherCondition.weather_16_storm {
    background: url(/43/d534cd28_weather_16_storm.png) center no-repeat;
}

div.weatherCondition.weather_17_light_shower {
    background: url(/5e/d21fc459_weather_17_light_shower.png) center no-repeat;
}

div.weatherCondition.weather_18_heavy_shower {
    background: url(/8e/92b055f5_weather_18_heavy_shower.png) center no-repeat;
}

div.weatherCondition.weather_19_cyclone {
    background: url(/00/097430ca_weather_19_cyclone.png) center no-repeat;
}

div.weatherPrecipitatonPercent {
    position: relative;
    float: right;
    height: 22px;
    width: 35px;
    color: #f0f8fb;
    background: #098ebe;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    margin-top: 4px;
}

p.weatherReadings {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    display: block;
}

p.weatherReadings sup {
    line-height: 7px;
}

p.weatherReadings span {
    margin-left: -2px;
    display: inline-block;
}

p.weatherReadings span.weatherTemp {
    font-family: "LatoBold", sans-serif;
}

span.bold {
    font-family: 'LatoBold', sans-serif;
}

/*=============== EDUCATE SPLASH STYLES ================*/

.educate-splash-container {
    width: 100%;
    bottom: 0;
    top: 175px;
    left: 0;
    position: absolute;
    border-top: 4px solid #008DCE;
}

.educate-splash {
    width: 1000px;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    background: url(/d8/a5492dad_educate-splash.jpg) center no-repeat;
    background-size: cover;
}

.educate-splash.wide {
    width: 100%;
    background: url(/11/060b46e6_educate-splash-wide.jpg) center no-repeat;
    background-size: cover;
}

.educate-placeholder {
    width: 335px;
    height: 201px;
    cursor: pointer;
    border-radius: 8px;
    background: url(/0e/5bc5a82a_educate-placeholder.jpg) center no-repeat;
    background-size: cover;
}

/*=============== EDUCATE PAGES STYLES ================*/

.educate-head {
    position: relative;
}

.edu-select {
    top: 5px;
    right: 0;
    width: 200px;
    position: absolute;
}

.educate-head .educate-logo {
    width: 215px;
    height: 82px;
    display: block;
    background-size: 215px 82px;
}

.educate-head .menu-tabs {
    margin-top: 12px;
    margin-bottom: 5px;
}

.educate-actions-block .fa-menu-time {
    margin-top: 15px;
    position: absolute;
    background: #008DCE;
}

.educate-actions-block .form-title {
    color: #008DCE;
    font-size: 26px;
    margin-top: 32px;
    font-family: "LatoReg", sans-serif;
}

.educate-actions-block .fa-time-current,
.educate-actions-block .fa-menu-time ul li a:hover {
    background: #008DCE;
}

.educate-actions-block {
    height: 70px;
    z-index: 2;
    position: relative;
    margin-bottom: 10px;
}

.educate-actions-block .btn {
    height: 38px;
    color: #fff;
    margin-top: 15px;
    background: #FF5323;
    position: absolute;
}

.educate-actions-block .btn.right {
    position: static;
}

.action-select {
    width: 250px;
    z-index: 2;
    min-height: 38px;
    font-size: 18px;
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    margin-top: 15px;
    font-family: "LatoLight", sans-serif;
    behavior: url(/01/f6ae411f_pie.htc);
}

.action-select ul {
    z-index: 3;
    display: none;
    position: relative;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #d2d2d2\9;
}

.action-selected {
    background: #FF5323;
    width: 100%;
    border-radius: 6px;
}

.action-select p {
    display: inline;
}

.action-select .fa-downarrow {
    margin-left: 0;
}

.action-select ul {
    display: none;
}

.action-select ul li a {
    color: #FE472E;
}

.action-select.active {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.3);
}

.action-select.active .action-selected {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.action-select.active ul {
    display: block;
}

.action-select ul li {
    border-bottom: 1px solid #d2d2d2;
}

.action-select ul li a {
    color: #666666;
    display: block;
}

.action-select ul li a:hover {
    color: #fff;
    text-decoration: none;
    background: #FF5323;
}

.action-select ul li:last-child a:hover {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ed-table {
    text-align: center;
    font-size: 18px;
}

.ed-table tr th {
    color: #3f3f3f;
    padding: 10px 0;
    vertical-align: middle;
}

.ed-table tr.main th {
    padding: 15px 0;
}

.ed-table tr td {
    width: 12%;
    padding: 12px 0;
}

.ed-table tr th:first-child,
.ed-table tr td:first-child {
    width: 260px;
    text-align: left;
    padding-left: 15px;
}

.ed-table thead tr.main th {
    color: #008DCE;
    font-size: 20px;
}

.ed-table tr th {
    border-bottom: 1px solid #d3d3d3;
}

.ed-table tr td {
    width: auto;
}

.ed-table tr th:first-child,
.ed-table tr td:first-child,
.ed-table tr.main th,
.ed-table tr th:nth-child(4),
.ed-table tr td:nth-child(4) {
    border-right: 1px solid #d3d3d3;
}

.ed-table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.ed-table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.ed-table tr:hover td {
    background: #f1f1f1;
}

.ed-table.table-bordered tr td {
    border-right: 1px solid #d3d3d3;
}

.ed-table.table-bordered tr th:last-child,
.ed-table.table-bordered tr td:last-child {
    border-right: none;
}

.ed-table.table-bordered tr:last-child td {
    border-bottom: none;
}

.educate-box .fa-section.head,
.educate-settings .fa-section.head {
    padding: 0 15px;
    border-top: none;
}

.educate-box .fa-modbox {
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    background-clip: border-box;
}

.educate-box .fa-section {
    border-bottom: none;
    border-top: 1px solid #d3d3d3;
}

.educate-box .fa-section {
    padding: 12px 15px;
}

.educate-settings .fa-section {
    padding: 15px 15px 20px;
    border-top: 1px solid #d3d3d3;
    border-bottom: none;
}

.educate-settings .fa-section.head {
    border-top: none;
    cursor: pointer;
}

.educate-box .section-head,
.educate-settings .section-head {
    color: #008DCE;
    font-size: 20px;
    font-family: "LatoReg", sans-serif;
}

.educate-box .highlight {
    color: #FFFFFF;
    height: 40px;
    font-size: 17px;
    line-height: 40px;
    padding: 0 15px;
    background: #008DCE;
    font-family: "LatoLight", sans-serif;
}

.educate-box .highlight:hover {
    background: #008DCE !important;
    border-radius: 0 !important;
}

.educate-box .sbHead .edit-icn {
    margin-left: 10px;
}

.educate-box .arrow-left-blue {
    right: 18px;
    position: absolute;
}

.educate-box .arrow-down-blue {
    right: 15px;
    position: absolute;
}

.educate-box .section-head.form-title {
    float: none;
    margin: 45px 0 25px;
}

.educate-box .fa-section.head:hover {
    background: #f7f7f7;
    background-clip: border-box;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.educate-box .ed-info .fa-section {
    cursor: pointer;
}

.educate-box .ed-info .fa-section:hover {
    background: #f7f7f7;
}

.educate-box .slider-imgbox .trash-icn {
    top: 11px;
    background-position: top 2px left 3px;
}

.educate-box .gallery-slider.fullview .slider-outerbox {
    width: 32.5%;
    float: none;
    display: inline-block;
    vertical-align: top;
}

/*=============== EDUCATE OBSERVATION STYLES ================*/

.edu-pd-btn.btn-grey-plus {
    margin-left: 5px;
}

.edu-pd-btn.btn-grey-ex {
    position: absolute;
    margin-left: -23px;
    margin-top: 14px;
    display: none;
}

.pedaNestedTmpl.inner-form-group {
    margin-left: -30px;
    padding-left: 55px;
}

.pedaNestedTmpl.inner-form-group:hover .edu-pd-btn.btn-grey-ex {
    display: block;
}

.educate-box .form-group {
    font-size: 20px;
    margin-bottom: 20px;
}

.educate-box .form-group .select4 {
    margin-left: 10px;
    height: 26px\9;
}

.educate-box .inner-form-group label,
.educate-box .inner-form-group p {
    color: #272525;
    font-size: 18px;
}

.educate-box .form-group .fa-modbox p {
    margin-bottom: 0;
}

.educate-box .select-group {
    width: 100%;
    display: table;
    margin: 0 0 10px;
}

.educate-box .select-group p,
.educate-box .select-group select {
    display: table-cell;
}

.select-group p {
    width: 125px;
    position: relative;
    top: 2px;
}

.select-group select {
    width: 100%;
}

.educate-box .form-action {
    padding-right: 0;
}

.educate-box .module-popup .form-action {
    padding-right: 20px;
}

.educate-box .menu-date p.md-ttl {
    color: #000 !important;
    font-size: 20px !important;
}

.list-group-wrapper {
    padding: 3px 25px 3px 3px;
    border-radius: 6px;
    position: relative;
    display: block;
    min-height: 39px;
    border: 1px solid #969696;
    behavior: url(/01/f6ae411f_pie.htc);
}

.list-group-wrapper.error {
    border: 1px solid #E22817;
    behavior: url(/01/f6ae411f_pie.htc);
}

.list-group-wrapper.collapse {
    height: 39px;
    overflow: hidden;
}

.list-group .list-detail {
    color: #FFFFFF;
    border-radius: 5px;
    padding: 3px 5px;
    margin: 2px;
    cursor: pointer;
    font-size: 15px;
    top: 1px;
    position: relative;
    display: inline-block;
    background-color: #008DCE;
    font-family: "LatoLight", sans-serif;
    behavior: url(/01/f6ae411f_pie.htc);
}

.list-group-wrapper .edit-icn {
    position: absolute;
    right: 7px;
    bottom: 12px;
    cursor: pointer;
}

.list-fld {
    margin: 3px 2px;
    width: 80px;
    height: 25px;
    line-height: 25px;
    border: none !important;
}

.educate-box .form-group .fa-modbox {
    margin-top: 18px;
}

.educate-box .form-group .fa-modbox .section-head {
    font-size: 21px;
}

.fa-section .gallery-slider {
    margin-bottom: 0;
}

.gallery-slider.fullview .slider-outerbox {
    width: 33%;
    margin-right: 3px;
    float: left;
}

.gallery-slider.fullview .slider-outerbox .slider-imgbox {
    width: 100%;
}

.slider-outerbox .slider-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
    font-family: "LatoMed", sans-serif;
}

.form-group .ui-selectmenu {
    color: #000000;
    height: 39px;
    font-size: 17px;
    outline: 0;
    background: #FFF url(/6a/d89fccf2_arrow_down3.png) right 12px center no-repeat;
    border: 1px solid #969696;
}

.form-group .ui-selectmenu-status {
    line-height: 25px;
}

.form-group .ui-selectmenu .ui-selectmenu-icon {
    display: none;
}

.form-group .ui-selectmenu:hover {
    text-decoration: none;
}

.ui-selectmenu-menu li {
    font-size: 17px;
}

.form-group .ui-selectmenu:hover {
    text-decoration: none;
}

.ui-selectmenu-menu-dropdown li.ui-state-hover {
    background: #F0F0F0;
    border: none;
}

/*=============== HUBWORKS STYLES ================*/

.ccmsModWrapper .hubworks-logo {
    width: 255px;
    height: 55px;
    margin-bottom: 20px;
    background: url(/8a/3ac6499f_hubworks-logo.png) no-repeat;
    background-size: 255px 55px;
}

.ccms-container {
    width: 100%;
}

/*=============== SEARCH STYLES ================*/

.search-box .search-head {
    height: 70px;
    position: relative;
}

.search-box .search-fld-lrg {
    width: 330px;
    right: 0;
    position: absolute;
}

.search-box .fa-modbox .fa-section {
    padding: 15px;
    line-height: 1.4em;
    cursor: pointer;
}

.search-box .fa-modbox .fa-section.head {
    font-size: 0.915em;
    height: 45px;
    line-height: 45px;
    color: #969696;
    padding: 0 15px;
}

.search-box .fa-modbox .fa-section.head .search {
    color: #008DCE;
    font-family: "LatoReg", sans-serif;
}

.search-box .fa-modbox .highlight {
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    background: #008DCE;
    font-family: "LatoLight", sans-serif;
}

.search-box .fa-modbox .fa-section:hover {
    background: #f7f7f7;
}

.search-box .fa-modbox .fa-section:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.search-box .fa-modbox .fa-section.head:hover,
.search-box .fa-modbox .fa-section:nth-child(2){
    background: inherit;
}

.search-box .fa-modbox .fa-section.highlight:hover {
    background: #008DCE;
}

.link-box {
    width: 280px;
    color: #008DCE;
    margin-top: 10px;
}

.link-box .head {
    font-size: 18px !important;
    color: #000 !important;
    font-family: "LatoReg", sans-serif;
}

.link-box ol li a {
    font-size: 15px;
    line-height: 30px;
}

/*=============== COMING SOON STYLES ================*/

.educate-settings input[type=checkbox]{
    vertical-align: bottom;
}

.educate-settings {
    font-size: 17px;
    margin-top: 20px;
}

.educate-settings .module-msg {
    padding: 5px 0 10px;
    margin-bottom: 0;
}

.educate-settings .inner-form-group input,
.educate-settings .inner-form-group select {
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    margin: 8px 3px 0 0;
    border-radius: 7px;
}

.educate-settings .inner-form-group input {
    text-align: right;
}

.educate-settings .inner-form-group select {
    width: 200px;
    height: 24px\9;
}

.educate-settings .form-action {
    padding-right: 0;
}

.educate-settings .fa-modbox {
    margin-top: 15px;
}

/*=============== SETTINGS PAGE STYLES ================*/

.settings-head {
    margin-top: 30px;
}

.settings-box {
    font-size: 17px;
    margin-top: 10px;
}

.settings-box p {
    font-size: 17px;
}

.settings-box .about-us {
    margin: 10px 0 0;
}

.settings-box .about-us label {
    margin-bottom: 10px;
}

.settings-box .about-us p {
    margin-bottom: 15px;
    line-height: 24px;
}

.settings-box .about-us .abt-logo {
    width: 200px;
    height: 140px;
}

.settings-box .about-us .abt-logo img {
    max-width: 130px;
    max-height: 130px;
}

.form-inline .form-group .fi-info.abt-logo {
    vertical-align: top;
    padding-top: 12px;
    text-align: center;
}

.settings-box .form-action {
    padding-right: 0;
}

.settings-box .tarea {
    font-size: 17px;
    font-family: "LatoReg", sans-serif;
}

.settings-box .attachment {
    width: 100%;
    height: 45px;
    margin-top: -20px;
}

.settings-box .fi-info .module-msg {
    margin-left: 5px;
    font-size: 14px !important;
}

.settings-box .attachment input[type=text],
.settings-box .attachment input[type=file] {
    width: 500px;
}

.settings-box .tarea {
    resize: none;
}

/*=================== SUPPORT PAGE STYLES ===============*/

.supportContent .nf-feed {
    padding: 0px;
}

.supportContent .module-header {
    border-bottom: 1px solid #969696;
}

.vt-box {
    margin: 20px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #969696;
}

.vt-box .vt-logo {
    margin-bottom: 5px;
}

.wn-box-head {
    height: 36px;
}

.wn-hubhello .wn-box-head,
.wn-hubworks .wn-box-head {
    height: 30px;
}

.wn-feed .vt-view,
.wn-educate .vt-view,
.wn-protect .vt-view {
    margin-top: 16px;
}

.vt-view {
    font-size: 12px;
    margin-top: 10px;
    text-decoration: underline;
}

.col3 .vt-box:nth-child(2) .vt-view {
    margin-top: 9px;
}

.vt-box .gallery-slider {
    display: table;
    margin-bottom: 0;
}

.vt-box .slider-outerbox {
    width: 33.3% !important;
    margin-right: 0 !important;
    display: table-cell;
}

.vt-box .slider-outerbox:first-child .slider-imgbox {
    padding-right: 5px;
}

.vt-box .slider-outerbox:last-child .slider-imgbox {
    padding-left: 5px;
}

.vt-box .slider-title {
    font-size: 15px;
    margin-top: 10px;
}

.vt-box .slider-imgbox {
    height: 150px !important;
    background: none;
    border: none;
    display: table-cell;
}

.vt-box .slider-img {
    height: 150px !important;
    border-radius: 0;
}

.vt-box .slider-img iframe {
    max-width: 100%;
    border: 1px solid #d2d2d2;
}

.vt-box .slider-img video {
    max-width: 100%;
    max-height: 150px;
    border: 1px solid #d2d2d2;
}

.hubworks-logo.vt-logo {
    width: 120px;
    height: 26px;
    background: url(/4f/cffb298d_hw-logo-vt.png) no-repeat\9;
    background-size: 120px 26px;
}

.feedAustralia-logo.vt-logo {
    width: 120px;
    height: 32px;
    background: url(/08/7c3ebda5_feedAu-logo-vt.png) no-repeat\9;
    background-size: 120px 32px;
}

.educate-logo.vt-logo {
    width: 84px;
    height: 32px;
    background: url(/d3/a7191ac4_educate-logo-vt.png) no-repeat\9;
    background-size: 84px 32px;
}

.sp-box {
    margin-bottom: 40px;
}

.sp-box .nf-heading {
    font-size: 16px;
}

.sp-box .nf-time {
    font-size: 12px;
    line-height: 16px;
}

.sp-box .nf-feed {
    padding: 0;
    margin-top: -5px;
}

.sp-box .nf-feed .nf-list {
    border-bottom: 1px solid #989898;
    padding-bottom: 10px;
    margin-top: 10px !important;
}

.sp-box .nf-list .nf-logo img {
    max-height: 40px;
}

.wn-box {
    margin-bottom: 20px;
}

.wn-box .box-content {
    min-height: 10px;
}

.sp-box.wn-box {
    margin-bottom: 40px;
}

.wn-box .wn-logo {
    float: left;
}

.wn-box .wn-logo.feedAustralia-logo {
    width: 182px;
    height: 50px;
    background: url(/76/74b4451b_feedAu-logo.png) no-repeat;
}

.sp-box .module-header {
    padding: 0 0 4px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #969696;
}

.col3 .module-header {
    border-bottom: 1px solid #969696;
}

.sp-box .dl-links li{
    margin: 10px 0;
    color: #000;
    font-size: 16px;
    line-height: 24px;
}

.wn-box .dl-links li {
    margin: 5px 0;
}

.sp-box .dl-links li:hover {
    color: #0094CC;
    cursor: pointer;
}

.contact-us {
    font-size: 16px;
    padding-left: 25px;
    margin-bottom: 20px;
}

.contact-us.phone {
    background: url(/47/5236474b_phone-icn.png) top left no-repeat;
    background-size: 15px 15px;
}

.contact-us ul {
    margin-top: 20px;
}

.contact-us ul li {
    margin: 7px 0;
}

.contact-us.mail {
    background: url(/cd/7978e5ce_mail-icn.png) top 3px left no-repeat;
    background-size: 15px 15px;
}

.contactus-box a {
    font-size: 16px;
}

.module-box {
    font-size: 14.2px;
    margin-bottom: 15px;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    position: relative;
}

.module-box .moduleRightPanel {
    padding-bottom: 50px;
}

.module-box .moduleLinks {
    margin-top: 20px !important;
}

.module-box .moduleLinks li {
    padding: 0 !important;
}

.module-box .moduleLinks li a {
    color: #000;
    width: 100%;
    display: block;
    cursor: pointer;
    padding: 10px 15px;
}

.module-box .moduleLinks li.active a,
.module-box .moduleLinks li a:hover {
    color: #008DCE;
    /*color: #fff;*/
    text-decoration: none;
    /*background: #008DCE;*/
}

.module-box .moduleRightPanel .minHeader {
    font-size: 26px !important;
    margin: 20px 0 25px;
}

.module-box .vt-logo {
    margin: 20px 0 0 15px;
}

.module-box .feedAustralia-logo.vt-logo {
    width: 156px;
    height: 40px;
    background-size:  156px 40px;
}

.module-box .educate-logo.vt-logo {
    width: 105px;
    height: 40px;
    background-size:  105px 40px;
}

.module-box .hh-logo-blue.vt-logo {
    width: 136px;
    height: 40px;
    background-size:  136px 40px;
}

.module-box .hubworks-logo.vt-logo {
    width: 189px;
    height: 40px;
    background-size:  189px 40px;
}

.contactus-box .module-header, .wn-box .module-header, .downloads .module-header, .vt-box.module-header {
    cursor: default;
}

.wn-logo {
    cursor: pointer;
}

.ann-box > a, .faq-box > a, .tip-box > a{
    text-decoration: none;
}

/*=============== STAFF STYLES ================*/

.staff-head {
    margin-bottom: 30px;
}

.staff-head2 {
    margin: -15px 0 15px;
}

.staff-head2 h2 {
    line-height: 27px;
}

.staff-head .menu-tabs {
    width: auto;
    margin-top: 15px;
    margin-bottom: 0;
}

.staff-head .menu-tabs a {
    width: 20%;
}

.staff-box .section-head {
    color: #008dce;
}

.staff-box .arrow-down-blue {
    right: 15px;
    position: absolute;
}

.staff-box .fa-modbox {
    margin-bottom: 5px;
}

.staff-box .form-action {
    padding-right: 0 !important;
}

.fld7 {
    width: 50px;
    height: 40px;
}

.fld8 {
    width: 75px;
    height: 40px;
}

.right-align {
    text-align: right;
    padding-right: 8px;
}

.form-action-left {
    margin: 50px 0 10px;
}

.btn-grey-ex.ex-btn1 {
    position: relative;
    margin-left: -23px;
    margin-right: 9px;
    margin-top: 14px;
}

.btn-grey-ex.ex-btn2 {
    position: relative;
    margin-left: 10px;
    top: 1px;
}

/*=============== PRIVILEGES STYLES ================*/
.section-container {
    padding: 0;
    background: #f9f9f9;
    overflow: hidden;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.column-content {
    background: #F9F9F9;
    overflow: hidden;
    top: 1px;
    position: relative;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.column-head {
    height: 40px;
    padding-left: 19px;
    border-bottom: 1px solid #e5e5e5;
}

.column-body {
    background: #FFFFFF;
    border-bottom: 1px solid #e5e5e5;
}

.column-body .col-row:last-child {
    height: 39px;
    border-bottom: none;
}

.section-column {
    width: 50%;
    min-height: 100px;
    display: block;
    float: left;
    background: #f9f9f9;
    border-right: 1px solid #d0d0d0;
}

.column-content .section-column:last-child {
    left: -1px;
    position: relative;
    border-left: 1px solid #d0d0d0;
}

.section-column .logo-head {
    height: 20px;
    top: 11px;
    position: relative;
    background-size: auto 20px;
}

.section-column .logo-head2 {
    height: 24px;
    top: 7px;
    position: relative;
    background-size: auto 24px;
}

.fa-section .section-column:first-child {
    border-bottom-left-radius: 12px;
}

.fa-section .section-column:last-child {
    border-bottom-right-radius: 12px;
    border-right: 0;
}

.col-row {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    background: #FFFFFF;
    margin-left: 15px;
    padding-left: 3px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.col-row-head {
    font-family: "LatoBold", sans-serif;
}

.col-row p,
.col-row .switch2 {
    display: inline-block;
}

.col-row .switch2 {
    top: 0;
    right: 18px;
    position: absolute;
}

.col-row input.toggle + label {
    top: 7px;
}

.switch2 input.toggle + label {
    width: 44px;
}

.switch2 input.toggle + label:after {
    width: 21px;
    box-shadow: 0 2px 2px rgba(0,0,0,.3);
}

.switch2 input.toggle:checked + label:after {
    margin-left: 19px;
}

.switch2 input.toggle + label,
.switch2 input.toggle + label:before {
    background: #FB0D1B;
}

.switch2 input.toggle:checked + label,
.switch2 input.toggle:checked + label:before {
    background: #2AD705;
}

.select-noborder {
    border: none;
    font-size: 16px;
    min-width: 100px;
    background: url('/images/hh-web/arrow-drop-down.png') right 0px center no-repeat;
}

.col-row .select-noborder {
    top: 4px;
    right: 100px;
    position: absolute;
}

/*=============== PROTECT STYLES ================*/

.connect-protect-logo2 {
    width: 218px;
    height: 40px;
    display: block;
    background: url(/8a/01ba4caf_connectprotect-logo2.png) no-repeat;
    background-size: 218px 40px;
}

.protect-splash-container {
    width: 100%;
    bottom: 0;
    top: 175px;
    left: 0;
    position: absolute;
    border-top: 4px solid #008DCE;
}

.protect-splash-container .anchor-point {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.module-section .module-header {
  margin-bottom: 8px;
}

.anchor-point .connect-protect-logo2 {
    right: 0;
    top: 38px;
    position: absolute;
}

.protect-splash {
    width: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    background: #071918 url(/66/a2a524d4_protect-splash.jpg) center no-repeat;
    background-size: contain;
}

.protect-profile-head {
    padding: 20px 0;
    font-size: 16px;
    border-bottom: 1px solid #d2d2d2;
}

.protect-profile .form-group {
    margin-bottom: 0;
}

.protect-profile .form-group input,
.protect-profile .form-group select {
    font-size: 16px;
}

.protect-profile .form-group select {
    cursor: pointer;
}

.protect-report-info {
    color: #949494;
    height: 30px;
    font-size: 15px;
    margin-top: 23px;
    margin-bottom: 20px;
}

.protect-report-info .report-date {
    height: 28px;
    padding-left: 32px;
    padding-top: 5px;
    position: relative;
    top: -5px;
    background: url(/images/hh-web/monitor/calendar-icn2@2x.png) top left no-repeat;
    background-size: 28px 28px;
}

.pcircle {
    color: #FFFFFF;
    position: absolute;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(0,163,163,.8);
    background: #128685\9;
    border: 8px solid #cfd3d3;
    font-family: "OswaldReg", sans-serif;
    behavior: url(/01/f6ae411f_pie.htc);
}

.pcircle .stat-label {
    font-family: "OswaldLight", sans-serif;
}

.pcircle .graph-label {
    font-size: 24px;
    line-height: 29px;
    margin-top: 37px;
    font-family: "OswaldLight", sans-serif;
}

.pcircle.lrg .stat {
    font-size: 44px;
    line-height: 44px;
    margin-top: 70px;
    margin-bottom: 10px;
}

.pcircle.lrg .stat-label {
    font-size: 20px;
    line-height: 24px;
}

.pcircle.sml .stat,
.pcircle.sml2 .stat {
    font-size: 30px;
    margin-top: 45px;
    margin-bottom: 10px;
}

.pcircle.sml .stat-label,
.pcircle.sml2 .stat-label {
    font-size: 18px;
}

.pcircle.lrg {
    height: 225px;
    width: 225px;
}

.pcircle.lrg2 {
    height: 290px;
    width: 290px;
    border-width: 11px;
}

.pcircle.lrg2 .stat {
    font-size: 52px;
    margin-top: 100px;
    margin-bottom: 30px;
}

.pcircle.lrg2 .stat-label {
    font-size: 32px;
    line-height: 36px;
}

.pcircle.sml {
    height: 150px;
    width: 150px;
    border-width: 6px;
}

.pcircle.sml2 {
    height: 170px;
    width: 170px;
    border-width: 7px;
}

.pcircle.mid {
    height: 190px;
    width: 190px;
    border-width: 7px;
}

.pcircle.mid .stat {
    font-size: 32px;
    margin-top: 55px;
    margin-bottom: 20px;
}

.pcircle.mid .stat-label {
    font-size: 22px;
    line-height: 26px;
}

.pcircle.mid2 {
    height: 215px;
    width: 215px;
    border-width: 8px;
}

.pcircle.mid2 .stat {
    font-size: 32px;
    line-height: 42px;
    margin-top: 15px;
    margin-bottom: 0px;
}

.pcircle.mid2 .stat-label {
    font-size: 22px;
    line-height: 29px;
}

.pcircle .stat span,
.pcircle .stat-label span{
    display: block;
}

.psi1 {
    top: 30px;
    left: 140px;
}

.psi2 {
    top: 255px;
    left: 200px;
}

.psi3 {
    top: 150px;
    right: 225px;
}

.psi4 {
    top: 230px;
    left: 45px;
}

.psi5 {
    top: 290px;
    right: 80px;
}

.protect-band {
    right: 150px;
    color: #ffffff;
    bottom: 40px;
    width: 420px;
    height: 75px;
    position: absolute;
    cursor: pointer;
    background-image: -webkit-gradient(
            linear, left top, right top, from(rgba(255,255,255,0.4)), to(rgba(0,0,0,0.1)));
    background-image: -moz-linear-gradient(
            left center, rgba(255,255,255,0.4) 20%, rgba(0,0,0,0.1) 90%
    );
    background: #949494\9;
    font-family: "Helvetica", Arial, sans-serif;
}

.highalert {
    width: 65px;
    height: 41px;
    margin-top: 17px;
    margin-left: 25px;
    background: url(/eb/eb09bd79_highalert.png) no-repeat;
    background-size: 65px 41px;
}

.pbinfo {
    top: 17px;
    font-size: 12px;
    position: absolute;
    letter-spacing: 0.03em;
}

.pbval {
    font-size: 24px;
    margin-top: 8px;
}

.pb1 {
    left: 120px;
}

.pb2 {
    left: 245px;
}

/*=============== PROTECT DASHBOARD STYLES ================*/

.protect-logo.logo-head {
    width: 219px;
    height: 46px;
    margin-bottom: 30px;
    background-size: 219px 46px;
}

.hm-placeholder {
    width: 100%;
    height: 880px;
}

.vp-placeholder-box .vpbox {
    width: 495px;
    height: 400px;
    display: inline-block;
}

.vp-placeholder-box .vpbox img {
    max-width: 495px;
    max-height: 400px;
    border-radius: 8px;
    border: 1px solid #d2d2d2;
}

.vp-placeholder-box .vpbox:nth-child(-n+2){
    margin-bottom: 10px;
}

.module-section {
    margin-bottom: 30px;
}

.module-section .module-header {
    margin-bottom: 8px;
}

.module-header.prhead {
    color: #4ea3b7;
}

.prhead .fld-search {
    font-size: 16px;
}

.pr-adbox {
    background: #f2f2f2;
    border-bottom: 5px solid #4ea3b7;
}

.pr-adbox .pr-ad {
    position: relative;
}

.pr-adbox .pcircle {
    border-color: #FFFFFF;
    background: rgba(86,211,211,0.7) !important;
}

.pr-separator {
    width: 100%;
    height: 76px;
    background: url(/c4/cba83881_pr-separator.png) no-repeat;
}

.pad1 {
    width: 100%;
    height: 799px;
    background: url(/6d/615aeef8_protect-bg1.jpg);
}

.pac1a {
    top: 410px;
    left: 19px;
}

.pac1b {
    top: 24px;
    right: 192px;
}

.pac1c {
    top: 182px;
    right: 16px;
}

.pac1d {
    top: 280px;
    right: 221px;
}

.pac1e {
    top: 455px;
    right: 79px;
}

.pac1f {
    top: 549px;
    right: 288px;
}

.pad2 {
    width: 100%;
    height: 531px;
    background: url(/7e/f24f5a12_protect-bg2.jpg);
}

.pac2a {
    top: 135px;
    left: 52px;
}

.pac2b {
    top: 205px;
    right: 30px;
}

.pad3 {
    width: 100%;
    height: 676px;
    background: url(/78/65f3db88_protect-bg3.jpg);
}

.pac3a {
    top: 65px;
    left: 60px;
}

.pac3b {
    top: 315px;
    left: 259px;
}

.pad4 {
    width: 100%;
    height: 530px;
    background: url(/52/4d092397_protect-bg4.jpg);
}

.pac4a {
    top: 36px;
    left: 40px;
}

.pac4b {
    top: 182px;
    left: 50px;
    position: absolute;
}

.pac4c {
    top: 255px;
    right: 35px;
    position: absolute;
}

.pad5 {
    width: 100%;
    height: 630px;
    background: url(/59/ee936491_protect-bg5.jpg);
}

.pac5a {
    top: 193px;
    left: 30px;
}

.pac5b {
    top: 384px;
    left: 29px;
    position: absolute;
}

.pac5c {
    top: 108px;
    right: 43px;
}

.pac5d {
    top: 260px;
    right: 37px;
    position: absolute;
}

.pr-ad6 {
    width: 80%;
    margin: auto;
    height: 250px;
    display: table;
}

.pr-ad6 .pcirclebox {
    display: table-cell;
    vertical-align: middle;
}

.pr-ad6 .pcircle {
    position: relative;
    /*background: #56d3d3;*/
    background: #83DCDC;
    border-color: #FFF;
    margin: auto;
    vertical-align: middle;
}

.pr-chart {
    width: 490px;
    height: 315px;
    border-radius: 8px;
    border: 1px solid #d2d2d2;
    display: inline-block;
    margin-top: 20px;
}

.pr-charthead {
    color: #FFFFFF;
    height: 54px;
    font-size: 20px;
    line-height: 52px;
    text-align: center;
    background: #4ea3b7;
    position: relative;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.pr-charthead .settings {
    width: 20px;
    height: 20px;
    top: 17px;
    right: 15px;
    position: absolute;
    cursor: pointer;
    background: url(/9f/2abbf710_settings-white.png) no-repeat;
    background-size: 20px 20px;
}

.pr-charthead .pr-settingscont {
    width: 105px;
    top: 40px;
    right: 10px;
    color: #000;
    padding: 5px 0;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.pr-settingscont ul li {
    text-align: left;
    font-size: 16px;
    margin: 5px 0;
    line-height: 18px;
    padding-left: 10px;
}

.pr-settingscont input[type=radio] {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
}

.pr-chartcont {
    width: 415px;
    margin: 35px auto 0;
}

.pr-tblbox {
    border-radius: 8px;
    border: 1px solid #d2d2d2;
}

.pr-table thead tr th {
    color: #4ea3b7;
    text-align: left;
    padding: 10px 3px;
    border-bottom: 1px solid #d2d2d2;
}

.pr-table tr td {
    padding: 7px 3px;
}

.pr-table tr:hover td {
    background: #f1f1f1;
    cursor: pointer;
}

.pr-table tr th.acenter,
.pr-table tr td.acenter {
    text-align: center;
}

.pr-table tr th.aright,
.pr-table tr td.aright {
    text-align: right;
    padding: 7px 5px 7px 1px;
}

.pr-table tr th:first-child,
.pr-table tr td:first-child {
    padding-left: 7px;
}

.pr-table tr th.valign-middle,
.pr-table tr td.valign-middle {
  vertical-align: middle;
}

.pr-table td span.checked {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.pr-table td img.bulb {
    width: 20px;
}

.pr-table tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.pr-table tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.pagination.prpages li a.page-selected {
    background: #4ea3b7;
}


/*=============== PROTECT CHILD VIEW STYLES ================*/

.protect-profile {
    font-size: 18px;
}

.child-info-box {
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
}

.profile-left {
    width: 260px;
    float: left;
}

.profile-left .pp-cont {
    text-align: center;
    height: 200px;
}

.profile-left img {
    max-width: 180px;
    max-height: 180px;
    border-radius: 50%;
}

.profile-right {
    margin-left: 290px;
    padding-top: 10px;
}

.profile-right .child-name {
    color: #4ea3b7;
    font-size: 26px;
    margin-bottom: 15px;
    text-align: left;
}

.protect-tab-data {
    font-size: 16px;
}

.profile-right ul.child-info li {
    margin: 9px 0;
    padding-left: 23px;
}

.profile-right ul.child-info li.user {
    background: url(/20/1a4f28e9_user-icn-bgreen.png) left center no-repeat;
    background-size: 15px 15px;
}

.profile-right ul.child-info     li.location {
    background: url(/90/ecaa3392_location-icn-bgreen.png) left center no-repeat;
    background-size: 15px 15px;
}

.profile-right .action-select {
    top: 0;
    margin-top: 0;
    left: 185px;
}

.profile-right .form-action {
    margin-top: 45px;
    position: relative;
}

.protect-profile .form-action .btn-orange {
    background: #FF5323;
}

.protect-profile .protect-info-box .profile-left {
  font-size: 16px;
}

.protect-profile .protect-info-box .profile-left .protect-info .cal-container .cal-window {
  right: -255px;
  top: 36px;
}

.protect-profile .protect-info-box .profile-right .spinner-container {
  text-align: center;
}

.protect-profile .protect-info-box .profile-right .health-and-welfare {
  font-size: 0.9em;
}

.protect-profile .protect-info-box .profile-right .health-and-welfare #questionnaire {
  margin-top:1.5em;
}

.protect-profile .protect-info-box .profile-right .health-and-welfare h3 {
    font-size: 1.1em;
    font-weight: bold;
    color: #4ea3b7;
    margin-bottom: 1em;
}

.protect-profile .protect-info-box .profile-right .health-and-welfare ul li.question {
    font-weight: bold;
}

.protect-profile .protect-info-box .profile-right .health-and-welfare ul li.additionalInfo {
    margin-left: 2em;
}

.profile-left .fa-modbox {
    margin-top: 26px;
}

.protect-profile .protect-info-box .profile-right .protect-tab-section .profile {
    margin-top: 1em;
    font-size: 0.9em;
}

.protect-tab-section h3 {
    font-size: 20px;
    line-height: 27px;
    color: #4ea3b7;
    font-family: "LatoBold", sans-serif;
    padding: 0.8em 0;
    margin-top: 20px;
}

.protect-tab-section h3.nopad {
    padding: 0.8em 0 0;
}

.protect-tab-section h4 {
    color: #4ea3b7;
    margin-bottom: 5px;
    font-family: "LatoBold", sans-serif;
}

.protect-profile .protect-info-box .profile-right .protect-tab-section .profile section {
    margin-bottom: 1em;
}

.protect-profile .protect-info-box .profile-right .protect-tab-section .profile table {
    width: 100%;
    line-height: 1.8em;
}

.protect-profile .protect-info-box .profile-right .protect-tab-section .profile table tr td.label {
    font-weight: normal !important;
}

.protect-profile .protect-info-box .profile-right .protect-tab-section .profile table tr td.capitalize {
    text-transform: capitalize;
}

.protect-profile .protect-info-box .profile-right .protect-tab-section .profile table.immunisations tr th {
    text-align: left;
}

.profile-left table.protect-info {
    width: 100%;
}

.profile-left table.protect-info tr td:first-child {
    color: #4ea3b7;
    padding-left: 10px;
    width: 115px;
}

.profile-left table.protect-info tr td:last-child {
    padding-left: 5px;
}

.profile-left table.protect-info tr td {
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #d2d2d2;
    vertical-align: middle;
}

.profile-left table.protect-info tr:last-child td {
    border-bottom: none;
}

.profile-left table.protect-info tr td .switch {
    position: relative;
    top: 2px;
    margin: -4px 0 -3px;
}

.profile-left .cal-table tr td {
    padding: 2px 0 !important;
    border-bottom: none !important;
}

.profile-tabs {
    width: 100%;
    display: table;
}

.profile-tabs li {
    margin: 0 !important;
    padding: 15px 20px;
    display: table-cell;
    text-align: center;
    border-bottom: 4px solid #d2d2d2;
}

.profile-tabs li:first-child {
    text-align: left;
    padding-left: 0 !important;
}

.profile-tabs li.filler {
    width: 20%;
}

.profile-tabs li a {
    color: #d2d2d2;
    padding: 10px 0;
    font-family: "LatoBold", sans-serif;
}

.profile-tabs li:hover a {
    text-decoration: none;
}

.profile-tabs li.active {
    border-bottom: 4px solid #4ea3b7;
}

.profile-tabs li.hide a {
    visibility: hidden;
}

.profile-tabs li.active a {
    color: #4ea3b7;
}

.profile-notes {
    margin-top: 10px;
    line-height: 28px;
}

.profile-notes .comment-group {
    border-bottom: none;
}

.profile-notes .comment-group p {
    margin-bottom: 0;
}

.profile-notes .comment-group .comment-from .edit-icn {
  float: right;
  margin-top: 6px;
}

.profile-notes .form-action {
    padding: 0;
    margin-top: 20px;
}

.add-notes .tlp-date {
    position: relative;
    text-align: right;
}

/*=============== TOGGLE BUTTON STYLES ================*/

.switch {
    width: 70px;
    position: relative;
}
.toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
input.toggle + label {
    padding: 2px;
    width: 70px;
    height: 25px;
    background-color: #dddddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}
.toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input.toggle + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #dddddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}
input.toggle + label:after {
    top: 2px;
    left: 2px;
    bottom: 2px;
    width: 22px;
    background-color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: margin 0.4s, background 0.4s;
    -moz-transition: margin 0.4s, background 0.4s;
    -o-transition: margin 0.4s, background 0.4s;
    transition: margin 0.4s, background 0.4s;
}
input.toggle + label:before,
input.toggle + label:after {
    display: block;
    position: absolute;
    content: "";
}
.switch p {
    top: 0;
    color: #fff;
    width: 45px;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    letter-spacing: 0.02em;
    transition: visibility 0s linear 0.1s,opacity 0.3s linear;
    transition-delay: 0s;
}
.switch p.on {
    left: 2px;
}
.switch p.off {
    right: 2px;
    opacity: 1;
    visibility: visible;
}
input.toggle:checked + label {
    background-color: #4ea3b7;
}
input.toggle:checked + label:after {
    margin-left: 44px;
}
input.toggle:checked + label:before {
    background-color: #4ea3b7;
}
input.toggle:checked + label > p.on {
    visibility: visible;
    opacity: 1;
}
input.toggle:checked + label > p.off {
    visibility: hidden;
}

/*=============== RATING STYLES ================*/

.severityRating label {
  cursor: pointer;
}

.severityRating:not(old){
    display        : inline-block;
    width          : 85px;
    height         : 25px;
    overflow       : hidden;
    vertical-align : bottom;
}

.severityRating:not(old) > input{
    margin-right : -100%;
    opacity      : 0;
}

.severityRating:not(old) > label{
    display         : block;
    float           : right;
    position        : relative;
    background      : #EAEAEA;
    background-size : contain;
    margin: 0 1px;
    height: 25px;
}

.severityRating:not(old) > label:nth-child(2),
.severityRating:not(old) > label:nth-child(2):before{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.severityRating:not(old) > label:last-child,
.severityRating:not(old) > label:last-child:before{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.severityRating:not(old) > label:before{
    content         : '';
    display         : block;
    width           : 15px;
    height          : 25px;
    background-size : contain;
    opacity         : 0;
    transition      : opacity 0.2s linear;
}

.severityRating:not(old) > label:nth-child(2):before{
    background      : #D9283D;
}

.severityRating:not(old) > label:nth-child(4):before{
    background      : #E14A40;
}

.severityRating:not(old) > label:nth-child(6):before{
    background      : #E96D42;
}

.severityRating:not(old) > label:nth-child(8):before{
    background      : #F19046;
}

.severityRating:not(old) > label:last-child:before{
    background      : #FBB44B;
}

.severityRating:not(old) > label:hover:before,
.severityRating:not(old) > label:hover ~ label:before,
.severityRating:not(:hover) > :checked ~ label:before{
    opacity : 1;
}

/*=============== COMING SOON STYLES ================*/

.cs-info {
    margin-top: 90px;
    color: #008DCE;
    font-size: 70px;
    letter-spacing: -0.03em;
    text-align: center;
}

/*=============== ENROLE/WAITLIST STYLES ================*/
iframe#iframe-enrol-waitlist {
    width: 100%;
    max-height: 600px;
}

/*=============== FORGOT PASSWORD STYLES ================*/
.fp-wflex-contaniner {
    width: auto;
}

form.fp-form .error, form.fp-form div.form-group div.errorItem {
    font-size: 0.85em;
    margin-bottom: 5px;
    color: #f36e65;
    border: none !important;
}

form.fp-form .serverError {
    line-height: 1.15em;
}

form.fp-form div.form-group {
    margin-bottom: 15px;
}


/*=============== CHANGE PASSWORD PAGE STYLES ================*/

.cps-container-email {
    color: #000000;
    width: 420px;
    height: auto;
    padding: 35px;
    font-size: 14px;
    line-height: 22px;
    margin: 70px auto;
    background: #F9F9F9;
    border: 1px solid #EFEFEF;
}

.relativeContent {
    position: relative;
}

.relativeContent .backLogin {
    position: absolute;
    top: 5px;
    right: 9px;
}

.relativeContent .backLogin a, .relativeContent .backLogin a:hover {
    color: gray;
    text-decoration: none;
}

.cps-container {
    color: #000000;
    width: 550px;
    height: auto;
    padding: 35px;
    font-size: 14px;
    line-height: 22px;
    margin: 70px auto;
    background: #F9F9F9;
    border: 1px solid #EFEFEF;
}

.verifyHhEmailForm .form-action-left {
    padding: 0 67px;
}

.verifyHhEmailForm .form-action-left h3{
    float: left;
    text-decoration: underline;
}

.verifyHhEmailForm p.emailMask {
    margin-top: 3px;
}

.verifyHhEmailForm .form-action-left input{
    margin-left: 25px;
    float: left;
    margin-top: -9px;
}

.hdr-blue {
    color: #008dce;
}

.cps-desc {
    margin: 18px 0 20px;
}

.cps-container .form-action-left {
    margin: 30px 0 0;
}

.cps-container .formError, .cps-container-email .formError {
   color: #E22817;
}

/*=============== GOOGLE MAP STYLES =====================*/
.scrollMapFix {
  line-height:1.35;
  overflow:hidden;
  white-space:nowrap;
}

/*=============== DEVELOPER API REQUEST PAGE ========================*/
.introWizardPage pre {
  border: 1px solid #cacaca;
  font: 12px/1.4em Consolas, 'Liberation Mono', Courier, monospace;
  padding: 10px;
  overflow: auto;
  border-radius: 3px;
  background-color: #fafafb;
  color: #393939;
  margin: 1em 0;
}

.introWizardPage pre code {
  white-space: pre;
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

/*=============== PRINT STYLES ================*/


/*=============== PROFILE PAGE ========================*/
.overlay-partial-wrapper.bgNone .partialOverlay .overlay {
  background: none;
}

.overlay-partial-wrapper.bgNone .partialOverlay .spinner {
  z-index: 9999;
}

/*=============== RTE SECTION PAGE ========================*/
.editable-area[contenteditable] b, .editable-area[contenteditable] strong {
  /* NOTE for rich text input, need having font-weight bold attr
    in order to js document.execCommand('bold') can work fine(unformat bold)
  */
  font-weight: bold;
}

.richTextContent ol li, .richTextInput ol li {
  list-style-type: decimal;
}

.richTextContent ul li, .richTextInput ul li {
  list-style-type: square;
}

.richTextContent ul, .editable-area ul {
  padding-left: 25px;
}


/*=============== OBSERVATION PAGE ========================*/
.hide {
  display: none;
}

.educate-box .dropZoneFiles input[type='file'] {
  display: none;
}

.overlay-partial-wrapper.mh50, .educate-box .observationListDetail {
  min-height: 50px;
}

.overlay-partial-wrapper .overlay.full {
  position: fixed;
}

.educate-box .ed-info .listContent .fa-section:hover .edit-icn {
  display: inline-block;
}

.spinnerBgCenter {
  background: url(/76/0d7062d7_spinner.gif) no-repeat center center;
}

.form-group .richTextContent {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
}

.confirmationPopupContainer .overlay-head{
  z-index: 10;
}

.confirmationPopupContainer .confirmationPopup {
  width: 490px;
  z-index: 12;
}

.confirmationPopupContainer .confirmationPopup .form-action {
  margin: 20px 0 0 0;
  text-align: right;
  padding-right: 0;
}

.w592 {
  width: 592px;
}

/*=============== EDUCATE OVERVIEW ==============================*/
.ed-table tr.emptyStatistic td {
  text-align: center;
}

.ig-imgbox .slider-icn.trash-icn.educatePhotoPopupTrashIcon {
  top: 55px;
}

/*=============== Newsfeed on Hello page ========================*/
.clickablePointer, #newsfeed-panel .module-msg{
  cursor: pointer;
}
#alerts-panel .module-header {
  cursor: default;
}

/*=============== PROTECT =======================================*/
.protect iframe#heat-map {
  width: 100%;
  min-height: 500px;
}

.protect .children-region #children-content {
  font-size: 0.95em;
  margin-bottom: 1em;
}

.protect .children-region #children-content table.pr-table thead tr th.gender {
  text-align: center;
}

.protect .children-region #children-content table.pr-table thead tr th.age {
  width: 30px;
}

.protect .children-region #children-content table.pr-table thead tr th.suburb {
  max-width: 75px;
}

.protect .children-region #children-content table.pr-table thead tr th.state {
  max-width: 75px;
}

.protect .children-region #children-content table.pr-table thead tr th.follow-up-date {
  width: 70px;
}

.protect .children-region #children-content table.pr-table thead tr th.at-risk {
  max-width: 60px;
}

.protect .children-region #children-content table.pr-table thead tr th.point {
  max-width: 60px;
}


/*=============== CITIZEN PROFILE STYLES START ================*/

.citizen input.save-btn{
    margin: 0px 0px 35px 0px!important;
}

.width-auto {
    width: auto;
}

.noborder {
    border: none;
}

.nopadding {
    padding: 0px;
}

.nomargin {
    margin: 0px;
}

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

.lineheight1 {
    line-height:1.25em!important;
}

.citizen p {
    line-height: 1.55em;
}

.citizen-content .section-clickable {
    cursor: pointer;
}

.citizen-content .data-section .section-title, .contacts-section  .section-title, .contacts-section  .section-title-noicon,.citizen .section-title {
    color: #EF5822;
    font-weight: bold;
}

.citizen.content-box {
    font-size: 17px!important;
}

.width_tmp{
    display: none;
}

.citizen .btn-aboutme {
    width: 135px;
    height: 60px;
    border-left: 1px solid #cbcbcb;
    padding-top: 20px;
    float: left;
    text-align: center;
}

.citizen .btn-hello {
    width: 535px;
    height: 60px;
    border-left: 1px solid #cbcbcb;
    padding-top: 20px;
    float: left;
    text-align: center;
}

.citizen.edit-view .btn-hello {
    width: 380px!important;
}

.citizen .editProfile-container {
    display: none;
}

.citizen.edit-view .editProfile-container {
    display: block;
}

.editProfile-btn {
    width: 140px;
    height: 38px;
    float: left;
    background: #EB5822;
    text-align: center;
    color: #fff;
    font-size: 1.35em;
    border: none;
    font-family: inherit;
    font-weight: inherit;
    position:relative;
    top:12px;
}

.citizen input[disabled="disabled"], select[disabled="disabled"], .citizen .disabled {
    background:#ffffff!important;
    color:000!important;
    -webkit-text-fill-color:#000;
}

.citizen textarea:disabled {
    background-color: #ffffff!important;
    border: 1px solid #CBCBCB !important;
    color: #000000!important;
}

.citizen input[type='number'] {
    height: 40px;
    font-size: 18px;
    color: #000000;
    outline: none;
    font-family: 'LatoReg', sans-serif;
    border-radius: 8px;
    -webkit-appearance: none;
    border: 1px solid #969696;
    behavior: url(/01/f6ae411f_pie.htc);
}

.citizen input[type=number]::-webkit-inner-spin-button,
.citizen input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.data-visible {
    display:block!important;
}

.data-hidden {
    display:none;
}

.coming-soon {
    height:170px;
    text-align:center;
    color: #008DCE;
    font-size: 30px;
    padding-top:70px;
}

.citizen-rounded-border {
    border-radius: 12px;
    behavior: url(/01/f6ae411f_pie.htc);
    border: 1px solid #969696;
}

.citizen-rounded-border-8radius {
    border-radius: 8px;
    behavior: url(/01/f6ae411f_pie.htc);
    border: 1px solid #d3d3d3;
}

.citizen-rounded-border-8radius-orange {
    border-radius: 8px;
    behavior: url(/01/f6ae411f_pie.htc);
    border: 1px solid #EC5822;
}

.rounded1 {
    border-radius: 6px;
    behavior: url(/01/f6ae411f_pie.htc);
}

.pointerNo{
    cursor: default!important;
}

.pointerYes {
    cursor: pointer;
}

.citizen-profile-header {
    width: 1000px;
    height: 302px;
    overflow: hidden;
}

.citizen-profile-pic {
    border: 1px solid #c2c5b9;
    width: 195px;
    height: 195px;
    border-radius: 12px;
    behavior: url(/01/f6ae411f_pie.htc);
    background-color: #ffffff;
    padding: 4px 0px 0px 4px;
    position: absolute;
    top: 287px;
    margin-left: 25px;
    z-index: 2;
}

.citizen-profile-header .cover-image-container {
    width: 1000px;
    height: 240px;
    overflow:hidden;
}

.citizen-profile-pic img {
    border-radius: 12px!important;
    behavior: url(/01/f6ae411f_pie.htc);
    width:185px;
    height:185px;
}

.citizen-profile-header a:link .btn-aboutme, .citizen-profile-header a:hover .btn-aboutme, .citizen-profile-header a:active .btn-aboutme,.citizen-profile-header a:visited .btn-aboutme,.citizen-profile-header a:link .btn-hello, .citizen-profile-header a:hover .btn-hello, .citizen-profile-header a:active .btn-hello,.citizen-profile-header a:visited .btn-hello {
    color:#000000;
}

.citizen-profile-header a:active .btn-aboutme, .citizen-profile-header a.active .btn-aboutme {
    font-weight:bold;
    color:#EC5822;
}

.citizen-info-col-left {
    width: 240px;
    float: left;
}

.citizen-info-col-right {
    width: 740px;
    float: right;
    margin: 15px 0px 10px 0px;
    padding: 20px 0px 20px 5px;

}

.citizen-180-col-left {
    width: 180px;
    float: left;
    margin:15px 0px 10px 0px;
    min-height:407px;
}

.citizen-800-col-right {
    width:800px;
    float:right;
    margin-top: 15px;
    padding:20px 25px 50px 25px;
    min-height:407px;
}

.criticalinfo .citizen-800-col-right {
    padding: 20px 0px 50px 0px;
}

.citizen-info-col-left {
    margin: 15px 0px 10px 0px;
    padding: 20px 15px 20px 15px;
}

 .citizen .criticalinfo .citizen-content .contacts-section .contact-data {
    padding: 0px 15px 0px 15px;
}

.citizen-info-col-left p {
    line-height: 24px;
    margin-top: 26px;
}

.citizen-profile-header .header-nav{
    width: 740px;
    height: 60px;
    position: absolute;
    top: 445px;
    margin-left: 258px;
}

.citizen-content .data-section .data-column{
    margin-bottom: 25px;
}

.current-page-title{
    color: #EC5822;
}

.citizen-180-col-left div.sidebar-item{
    border-bottom: 1px solid #969696;
    padding-left: 15px;
    height: 45px;
    padding-top: 14px;
}

.citizen-180-col-left a:last-of-type div{
    border-bottom: none;
}

.citizen-180-col-left a:active, .citizen-180-col-left a div.active{
    color: #EC5822;
}

.citizen-180-col-left a:link, .citizen-180-col-left a:visited{
    color: #000;
    text-decoration: none;
}

.citizen-180-col-left a div{
    transition: padding-left  .3s ease-out;
}

.citizen-180-col-left a:hover div{
    background: url('/images/hh-web/monitor/arrow-right.png') 15px 17px no-repeat;
    color:#575767;
    padding-left:35px;
}

input.save-btn{
    width: 160px;
    height: 38px;
    background: #EB5822;
    border-radius: 8px;
    behavior: url(/01/f6ae411f_pie.htc);
    float: right;
    text-align: center;
    color: #fff;
    font-size: 1.35em;
    margin-top: 20px;
    border: none;
    font-family: inherit;
    font-weight: inherit;
}

input[type=radio]:not(old).radioCustom, .citizen input[type=radio]:not(old).radioYes{
    width: 23px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

input[type=checkbox].checkBoxCustom, .citizen input[type=checkbox], .citizen input[type=radio]:not(old).radioNo{
    width:23px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.citizen input[type=radio]:not(old).headerOnly{
    width: 38px!important;
}

input[type=checkbox].checkBoxCustom + label, input[type=radio]:not(old).radioCustom + label, .citizen input[type=checkbox] + label, .citizen input[type=radio]:not(old) + label{
    display: inline-block;
    margin-left: -24px;
    padding-left: 28px;
    background: url(/84/6c5ba51c_radio-grey.png) no-repeat 0 0;
    line-height: 24px;
}

input[type=checkbox]:not(old).checkBoxNo3:checked + label {
    background: url(/ea/b0272c01_radio-green.png) no-repeat 0px 0px;
}

input[type=checkbox]:not(old).checkBoxNo3 + label {
    background: url('/images/hh-web/radio-red.png') no-repeat 0px 0px;
}

input[type=checkbox]:checked.checkBoxCustom, input[type=checkbox]:checked.checkBoxCustom + label,input[type=radio]:not(old):checked.radioCustom, input[type=radio]:not(old):checked.radioCustom + label,.citizen input[type=checkbox]:checked, .citizen input[type=checkbox]:checked + label,
.citizen input[type=radio]:not(old):checked, .citizen input[type=radio]:not(old):checked + label{
    background   : url(/ea/b0272c01_radio-green.png) no-repeat 0 0;
    }

input[type=radio]:not(old):checked.radioNo0,
input[type=radio]:not(old):checked.radioNo0 + label {
    background: url(/ea/b0272c01_radio-green.png) no-repeat 0 0;
}

input[type=radio]:not(old):checked.radioNo1,
input[type=radio]:not(old):checked.radioNo1 + label {
    background: url('/images/hh-web/radio-red.png') no-repeat 0 0;
}

input[type=radio]:not(old):checked.radioNo2,
input[type=radio]:not(old):checked.radioNo2 + label {
    background: url('/images/hh-web/radio-amber.png') no-repeat 1px 0;
}

input[type=checkbox]:checked.checkbox1,
input[type=checkbox]:checked.checkbox1 + label{
    background: url('/images/hh-web/radio-amber.png') no-repeat 1px 0;
}

input[type=checkbox]:checked.checkbox2,
input[type=checkbox]:checked.checkbox2 + label {
    background: url(/ea/b0272c01_radio-green.png) no-repeat 0px 0;
}

input[type=checkbox]:checked.checkbox3,
input[type=checkbox]:checked.checkbox3 + label {
    background: url('/images/hh-web/radio-red.png') no-repeat 0px 0;
}

input[type=checkbox].checkbox1 + label{
     background: url('/images/hh-web/radio-red.png') no-repeat 0 0;
}

.citizen label.disabledInput{
    cursor: default!important;
    font-weight: 100;
}

.used-to-auto-resize-dropdown-do-not-delete{
    display:none;
}

.expandingTextAreaDetailsView{
    min-height: 40px;
    height: 100px!important;
    overflow:scroll!important;
    resize: vertical!important;
}

.citizen .info-loginapproval:hover .info-loginapproval-tooltip, .citizen .info-accessTo:hover .info-accessTo-tooltip, .citizen .info-general:hover .info-general-tooltip, .citizen .info-serviceProvider:hover .info-serviceProvider-tooltip, .citizen .info-emergency:hover .info-emergency-tooltip, .citizen .info-critical:hover .info-critical-tooltip, .info-unverified:hover .info-unverified-tooltip, .citizen .info-SponsoredStudent:hover .info-SponsoredStudent-tooltip, .citizen .info-OtherLicense:hover .info-OtherLicense-tooltip, .citizen .info-TradeMembership:hover .info-TradeMembership-tooltip, .citizen .info-Mortgage:hover .info-Mortgage-tooltip, .citizen .info-educationRecord:hover .info-educationRecord-tooltip, .citizen .info-CreditDocument:hover .info-CreditDocument-tooltip, .citizen .info-profilePic:hover .info-profilePic-tooltip, .citizen .info-priorName:hover .info-priorName-tooltip, .citizen .info-proofOfIdentity:hover .info-proofOfIdentity-tooltip,
.citizen .info-CRN:hover .info-CRN-tooltip{
    display:block;
}

.citizen-tooltip{
    color: #000;
    z-index: 1000;
    padding: 10px;
    text-align: left;
    position: absolute;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
    display:none;
    font-size:inherit;
    font-weight:100;
}

.info-unverified-tooltip{
    width: 180px;
    margin-left:-165px;
    margin-top:30px;
}

.info-critical-tooltip{
    width: 180px;
    margin-left:-40px;
    margin-top:30px;
}

.info-emergency-tooltip{
    width: 180px;
    margin-left:-40px;
    margin-top:30px;
}

.info-serviceProvider-tooltip{
    width: 220px;
    margin-left:-40px;
    margin-top:30px;
}

.info-general-tooltip{
    width: 180px;
    margin-left:-160px;
    margin-top:30px;
}

.citizen .info-SponsoredStudent-tooltip{
    width: 300px;
    margin-left:-250px;
    margin-top:30px;
}

.citizen .info-OtherLicense-tooltip{
    width: 200px;
    margin-left:-40px;
    margin-top:30px;
}

.citizen .info-TradeMembership-tooltip{
    width: 265px;
    margin-left:-40px;
    margin-top:30px;
}

.citizen .info-Mortgage-tooltip{
    width: 265px;
    margin-left:-40px;
    margin-top:30px;
}

.citizen .info-educationRecord-tooltip{
    width: 290px;
    margin-left:-40px;
    margin-top:30px;
}

.citizen .info-loginapproval-tooltip{
    width: 280px;
    margin-left:-40px;
    margin-top:30px;
}

.citizen .info-priorName-tooltip{
    width: 255px;
    margin-left:-40px;
    margin-top:30px;
}

.citizen .info-accessTo-tooltip{
    width: 255px;
    margin-left:-40px;
    margin-top:30px;
}

.citizen .info-profilePic-tooltip{
    width: 275px;
    margin-left:-240px;
    margin-top:30px;
}

.citizen .citizen-profile-header .citizen-profile-pic .withOutPic .info-profilePic-tooltip{
    width: 275px;
    margin-left:-65px;
    margin-top:30px;
}

.citizen .info-proofOfIdentity-tooltip{
    width: 345px;
    margin-left:-80px;
    margin-top:30px;
}

.citizen .info-CRN-tooltip{
    width: 200px;
    margin-left:-75px;
    margin-top:30px;
}

.citizen .info-CreditDocument-tooltip{
    width: 245px;
    margin-left:-75px;
    margin-top:30px;
}

.citizen input.text9, .citizen textarea.textarea1{
    width: 748px!important;
    min-height: 40px;
    text-align: left;
    padding-left:10px;
}

.citizen .textarea2{
    /*width:748px!mportant;*/
    padding:10px 10px 0px 10px;
    height:30px;
}

.fontNormal{
    font-weight: 100;
}

.fontBlack{
    color:#000000;
}

.section {
    margin-bottom: 62px;
}

.sectionTitle-thenField {
    margin-bottom: 35px;
}

.sectionTitleWithRadio-thenField {
    margin-bottom: 35px;
}

.field-thenField {
    margin-bottom: 12px;
}

.field-thenRadio {
    margin-bottom: 12px;
}

.field-thenSectionEnd {
}

.date-thenText {
    margin-bottom: 12px;
    min-height: 46px;
}

.text-thenRadio {
    margin-bottom: 12px;
    /*margin-bottom: 4px;*/
    min-height: 46px;
}

.radio-thenDate {
    margin-bottom: 12px;
    min-height: 46px;
}

.radio-thenField {
    min-height: 46px;
}

.radio-thenRadio {
    margin-bottom: 12px;
}

childDate {
    margin-top: 12px;
}

.childField {
    margin-top: 12px;
}

.childFieldFirst {
    margin-top: 12px;
}

.gapSmall {
    margin-bottom: 12px;
}

.gapSmall-top {
    margin-top: 12px;
}

.gapMed {
    margin-bottom: 35px;
}

.gapBig {
    margin-bottom: 62px;
}

.contentHeight{
    padding-top: 12px;
    min-height: 46px;
}

.gap1{
    margin-bottom: 35px;
}

.gap1-top{
    margin-top: 22px;
}

.gap2{
    margin-bottom: 12px;
}

.gap2-top{
    margin-top: 12px;
}

.gap3{
    margin-bottom: 12px;
}

.gap4{
    margin-bottom: 60px;
}

.gap5{
    margin-bottom: 7px;
}

.gap6{
    margin-bottom: 72px;
}

.gap7{
    margin-bottom: 12px;
}

.gap8{
    margin-bottom: 12px;
}

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

.gap9{
    margin-bottom: 62px!important;
}

.gap10{
    margin-bottom: 35px;
}

.gap11{
    position: relative;
    top: 8px;
}

.gap12{
    margin-bottom: 12px;
}

.gap13{
    margin-bottom: 35px;
}

.gap14{
    margin-bottom: 35px;
}

.gap15{
    margin-bottom: 38px;
}

.gap16{
    margin-bottom: 35px;
}

.gap17{
    margin-bottom: 35px;
}

.gap18{
    margin-bottom: 35px;
}

.gap19{
   margin-bottom: 35px;
}

.gap20{
    margin-bottom: 62px;
}

.gap21{
    margin-bottom: 62px;
}

.gap22{
    margin-bottom: 35px;
}

.gap23{
    margin-bottom: 12px;
}

.gap24{
    margin-bottom: 35px;
}

.gap25{
    margin-bottom: 12px;
}

.gap25-top{
    margin-top: 12px;
}

.gap26{
    margin-bottom: 12px;
}

.gap27{
    margin-bottom:12px;
}

.gap27-top{
    margin-top: 12px;
}

.gap28{
    margin-bottom: 62px;
}

.gap29{
    margin-bottom: 62px;
}

.gap30{
    margin-bottom: 35px;
}

.gap31{
    margin-bottom: 12px;
}

.gap32{
    margin-bottom: 12px;
}

.gap33{
    margin-bottom: 35px;
}

.gap34{
    margin-bottom: 12px;
}

.space1{
    margin-right: 3px;
}

.space2{
    margin-right: 6px;
}

.space3{
    margin-right: 8px;
}

.space4{
    margin-right: 16px!important;
}

.space5{
    margin-right: 15px!important;
}

.space6{
    margin-right: 14px;
}

.space7{
    margin-right: 10px;
}

.space7-left{
    margin-left: 10px;
}

.space8{
    margin-right: 123px;
}

.space9{
    margin-right: 20px;
}

.space9-left{
    margin-left: 20px;
}

.space10{
    margin-right: 50px;
}

.space11{
    margin-right: 25px;
}

.space12{
    margin-right: 144px;
}

.maxwidth1{
    max-width:275px!important;
}

.width0 {
    width:100%;
}

.width1 {
    width: 23px!important;
}

.width2 {
    width: 103px!important;
}

.width3 {
    width: 38px!important;
}

.width4 {
    width: 155px!important;
}

.width5 {
    width: 73px!important;
}

.width6 {
    width: 70px!important;
}

.width7 {
    width: 130px!important;
}

.width8 {
    width: 65px!important;
}

.width9 {
    width: 250px;
}

.width10 {
    width: 510px!important;
}

.width11 {
    width: 760px;
}

.width12 {
    width: 138px;
}

.width13 {
    width: 30px;
}

.width14 {
    width: 50px;
}

.width15 {
    width: 88px!important;
}

.width16 {
    width: 235px;
}

.width17 {
    width: 745px!important;
}

.width18 {
    width: 342px;
}

.width19 {
    width: 420px!important;
}

.width20 {
    width: 230px;
}

.width21 {
    width: 76px;
}

.width22 {
    width: 96px;
}

.width23 {
    width: 75px;
}

.width24 {
    width: 210px;
}

.width25 {
    width: 165px;
}

.width26 {
    width: 350px;
}

.width27 {
    width: 150px;
}

.width28 {
    width: 375px;
}

.width29 {
    width: 215px;
}

.width30 {
    width: 148px;
}

.width31 {
    width: 206px;
}

.width32 {
    width: 168px;
}

.width33 {
    width: 310px;
}

.width34 {
    width: 60px;
}

.width35 {
    width: 533px;
}

.width36 {
    width: 295px;
}

.width37 {
    width: 312px;
}

.width38 {
    width: 273px;
}

.width39 {
    width: 100px;
}

.width40 {
    width: 358px;
}

.width41 {
    width: 531px;
}

.width42 {
    width: 255px;
}

.width43 {
    width: 69px;
}

.width44 {
    width: 88px;
}

.width45 {
    width: 120px;
}

.width46 {
    width: 148px;
}

.width47 {
    width: 85px;
}

.width48 {
    width: 424px;
}

.width49 {
    width: 360px;
}

.width50 {
    width: 400px;
}

.width51 {
    width: 240px;
}

.width52 {
    width: 79px;
}

.width53 {
    width: 280px;
}

.width54 {
    width: 728px;
}

.width55 {
    width: 370px;
}

.width56 {
    width: 260px;
}

.width56 {
    width: 200px;
}

.width57 {
    width: 740px;
}

.width58 {
    width: 225px;
}

.width59 {
    width: 223px;
}

.width60 {
    width: 27px;
}

.width61 {
    width: 230px;
}

.width62 {
    width: 115px;
}

.width63 {
    width: 173px;
}

.width64 {
    width: 140px;
}

.width65 {
    width: 55px;
}

.width66 {
    width: 528px;
}

.width67 {
    width: 260px;
}

.width68 {
    width: 748px!important;
}

.width69 {
    width: 40px;
}

.width70 {
    width: 508px;
}

.width71 {
    width: 300px;
}

.width72 {
    width: 450px!important;
}

.width73 {
    width: 220px;
}

.width74 {
    width: 160px;
}

.width74a {
    width: 90px;
}

.width75 {
    width: 545px;
}

.width76 {
    width: 105px;
}

.width77 {
    width: 111px!important;
}

.width78 {
    width: 178px;
}

.width79 {
    width: 101px;
}

.width80 {
    width: 112px;
}

.width81 {
    width: 195px;
}

.width82 {
    width: 188px;
}

.width83 {
    width: 128px;
}

.width84 {
    width: 150px;
}

.width85 {
    width: 28px!important;
}

.width86 {
    width: 379px;
}

.width87 {
    width: 773px;
}

.height1 {
    height: 38px;
}

.height2{
    height:170px;
}

.pAbsolute {
    position: absolute!important;
}

.pRelative {
    position: relative;
}

.pInherit {
    position: inherit;
}

.top1 {
    top: -1px!important;
}

.top2 {
    top: -2px!important;
}

.top3{
    top: 3px!important;
}

.top4 {
    top: 1px!important;
}

.top5 {
    top: -3px;
}

.top6 {
    top: -14px;
}

.left1 {
left: -2px;
}

.marginleft1 {
    margin-left:250px;
}

.marginleft2 {
    margin-left:340px;
}

.marginleft3 {
    margin-left:10px;
}

.marginleft4 {
    margin-left: 227px;
}

.marginleft5{
    margin-left: 206px;
}

.marginleft6 {
    margin-left: 340px;
}

.marginleft7 {
    margin-left: 8px!important;
}

.marginleft8 {
    margin-left: 279px;
}

.marginleft9 {
    margin-left: 38px!important;
}

.marginleft10 {
    margin-left: 45px!important;
}

.marginleft11 {
    margin-left: 7px!important;
}

.marginleft12 {
    margin-left: 195px;
}

.marginleft13{
    margin-left: -20px;
}

.marginleft14 {
    margin-left: -17px;
}

.marginleft15 {
    margin-left: -19px;
}

.marginleft16 {
    margin-left: -30px;
}

.marginleft17 {
    margin-left: 40px!important;
}

.marginleft18 {
    margin-left: 48px;
}

.marginleft19 {
    margin-left: 147px;
}

.marginleft20 {
    margin-left: 127px;
}

.marginleft21 {
    margin-left: 22px;
}

.marginleft22 {
    margin-left: 25px;
}

.marginright1 {
    margin-right: 8px!important;
}

.padding1 {
    padding: 10px;
}

.paddingright0 {
    padding-right: 0px
}

.paddingright1 {
    padding-right: 28px
}

.paddingleft0 {
    padding-left: 0px
}

.paddingleft1 {
    padding-left: 17px;
}

.paddingleft2 {
    padding-left: 13px;
}

.paddingleft3 {
    padding-left: 34px;
}

.paddingleft4 {
    padding-left: 10px;
}

.paddingleft5{
    padding-left: 15px;
}

.paddingleft6{
    padding-left: 55px;
}

.paddingtop1 {
    padding-top: 10px;
}

.paddingtop2 {
    padding-top: 3px;
}

.paddingtop3 {
    padding-top: 1px;
}

.paddingtop4 {
    padding-top: 9px;
}

.paddingtop5 {
    padding-top: 2px;
}

.paddingtop6 {
    padding-top: 35px;
}

.paddingtop7 {
    padding-top: 35px;
}

.paddingtop8 {
    padding-top: 35px;
}

.paddingleft8 {
    padding-left: 22px;
}

.paddingbottom1 {
    padding-bottom: 10px;
}

.col1-left{
    width: 500px;
    float: left;
}

.col2-right{
    float: right;
}

.margintop1{
    margin-top:12px;
}

.margintop2{
    margin-top:11px;
}

.margintop3{
    margin-top:3px;
}

.margintop4{
    margin-top:2px;
}

.margintop5{
    margin-top:10px;
}

.margintop6{
    margin-top:35px;
}

.margintop7{
    margin-top:73px;
}

.margintop8{
    margin-top:1px;
}

.margintop9{
    margin-top:16px;
}

.margintop10{
    margin-top:6px;
}

.margintop11{
    margin-top:14px;
}

.margintop12{
    margin-top:5px;
}

.bordertop1{
    border-top:1px solid #969696;
}

.bordertop2{
    border-top:1px solid #d0d0d0;
}

.citizen .block{
    display: block;
}

.fRight{
    float:right;
}

.fLeft{
    float:left;
}

.citizen select, .citizen input[type="text"]{
    height: 40px!important;
}

.citizen select.select-phone, .citizen select.select-email{
    width: auto;
    border: none;
    font-family: inherit;
    background: url('/images/hh-web/arrow-drop-down.png') right 0px center no-repeat;
    background-size: 12px 6px;
    padding-left:0px;
}

.citizen div{
    line-height: auto;
}
.citizen textarea, .citizen input, .citizen select{
    font-size: 17px;
}

.citizen textarea{
    height:40px;
    resize: none;
    overflow:hidden;
    outline: none;
    padding: 10px;
}

.textcenter{
    text-align: center;
}

.textright{
    text-align: right;
    padding-right: 10px;
}

.textleft{
    text-align: left;
    padding-left: 10px;
}

.citizen .border-none{
    border: none;
}

.immunisations table tr td{
    height: 40px;
}

.immunisations table tr td{
    text-align: center;
    vertical-align: middle;
    border: 1px solid #D0D0D0;
}

.immunisations table tr td:first-child{
    padding-left: 20px;
    text-align: left;
    border-left: none;

}

.immunisations table tr:first-child td{
    padding-bottom:2px;
}

.immunisations table tr:first-child td, .immunisations table tr:nth-child(2) td{
    height:10px;

}

.immunisations table tr:nth-child(2) td{
    padding-bottom:12px;
}

.immunisations table tr td:last-child{
    border-right: none;
}

.immunisations table tr:first-child td,.immunisations table tr:nth-child(2) td{
    border: none;
}

.color-orange{
    color: #F55631;
}

.border-orange{
    border-color: #F55631;
}

.bold{
    font-weight: bold;
}

.topbar-home{
    width:26px;
    height:26px;
    float:right;
    background: url(/7b/6faea2eb_home-icn.png) 0 0;
    background-size: 26px 26px;
    position:relative;
    top:10px;
    margin-right:24px;
}

.topbar-emergency-services{
    width:26px;
    height:26px;
    float:right;
    background: url('/images/hh-web/btn-redCross.png') 0 0;
    background-size: 26px 26px;
    position:relative;
    top:10px;
    margin-right:24px;
}

.citizen .invite-request{
    background-color: #EF5822;
    color: #ffffff;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    position: absolute;
    top: 627px;
    margin-left: 148px;
    font-size: .8em;
    padding-left:5px;

}
/*=============== CRITICAL INFO STYLES ================*/

.criticalinfo .btn-container:hover{
    cursor: pointer;
}

.child-name{
    color: #008DCE;
    font-size: 2em;
    text-align: center;
}

.citizen-content .data-section {
    display:block;
}

 .citizen .criticalinfo .citizen-content .section-title{
    padding-left: 25px;
}

.citizen-content .contacts-section .section-title{
    background-position:0px 2px;
}

.citizen-content .contacts-section .section-title-noicon{
    margin-left: 25px;
    padding-left:0px;
}

.citizen-content .data-item, .citizen-content .snapshot-left-column, .citizen-content .data-item-detail{
     margin-left: 25px;
}

.citizen-content .data-section .data-column-left, .citizen-content .data-section .data-column-left2, .citizen-content .contacts-section .data-column-left, .citizen-content .emergencycontacts-section .data-column-left{
    width: 310px;
    float: left;
}

.citizen-content .data-section .data-column-right,.citizen-content .contacts-section .data-column-right, .citizen-content .emergencycontacts-section .data-column-right{
    width: 328px;
    float: right;
}

.citizen-content .data-section .snapshot-right-column{
    padding-left:25px;
}

.citizen-content .data-section .data-column-right{
    margin-right:57px;
}

.citizen-content .data-section ul.data-column li{
    line-height: 24px;
}

.citizen-content .icon-arrow-up{
    background: url(/2f/c3d21012_arrow_up4.png) no-repeat 5px 1px!important;
}

.citizen-content .icon-arrow-down{
    background: url("/images/hh-web/arrow_down.png") no-repeat 6px 1px!important;
}

.icon-arrow-up .title-bold{
    font-weight: bold;
}

.phone-num{
    height:18px;
    background: url(/47/5236474b_phone-icn.png) no-repeat left 3px;
    padding-left:25px;
}

.phone-num span{
    vertical-align:text-bottom;
}

.citizen-content .contact-data .contact-name{
    width:250px;
}

.citizen-content .data-item-detail{
    width: 310px;
    height: 40px;
    text-align:left;
    padding:10px 0px 0px 10px;
}

.citizen-content .contact-picture{
    border-radius: 50%;
    behavior: url(/01/f6ae411f_pie.htc);
    width:48px;
    height:48px;
}

.citizen-content  .contact-title{
    color:#8a8a8a;
}

.citizen-content  .contacts-section{
    border-top:1px solid #d3d3d3;
    padding: 35px 0px 35px 0px;
}

.hospital-icon{
    width:41px;
    height:35px;
    background: url("/images/hh-web/services-thumb.png") no-repeat;
}

.citizen-content .contact-details-container-left {
    width:310px;
    margin-left:30px;
}

.citizen-content .contact-details-container-right {
    width: 330px;
}

.citizen-content .contact-picture-container {
    float: left;
    width: 70px;
}

.citizen-content .contact-num-container {
    float: left;
    width: 184px;
}

.citizen-content .contact-data .data-column-right {
    margin-right: 10px;
}

.citizen .nofloat {
    float:none!important;
    width:100%!important;
}

.citizen .citizen-800-col-right {
    padding-bottom: 0px;
    padding-top: 35px;
}

.citizen .btn-container.icon-arrow-up, .citizen .btn-container.icon-arrow-down {
    cursor: pointer;
}

.citizen .icon-arrow-up {
    background: url(/2f/c3d21012_arrow_up4.png) no-repeat -4px 3px;
}

.citizen .icon-arrow-down {
    background: url("/images/hh-web/arrow_down.png") no-repeat -4px 3px;
}

/*=============== ABOUT ME STYLES ================*/

.citizen .select-am-pm {
    background: url(/6a/d89fccf2_arrow_down3.png) right 8px center no-repeat;
}

.photos img{
    cursor:pointer;
}

.citizen .aboutme .item-container .title {
    float:left;
    min-width:220px;
    width:auto;
}

.citizen .aboutme .item-container .item {
    float:left;
    width:500px;
    font-weight:bold;
}

.citizen .aboutme .routines .item-container .title {
    min-width: 360px;
    width:auto;
}

.citizen .aboutme .routines .item-container .item {
    width: 380px;
    float: right;
}

.citizen .aboutme .item-container .title2 {
    width:100%;
    float:left;
    line-height: 1.55em;
}

.citizen .aboutme .item-container .title3 {
    float:left;
    min-width:220px;
    width:auto;
}

.citizen .aboutme .item-container .title4 {
    float:left;
    min-width:220px;
    width:auto;
}

.aboriginalYes {
    display:block;
}

.aboriginalNo {
    display:none;
}

.citizen .aboutme .edit-item select, .citizen .aboutme .edit-item input[type=text] {
    width:528px;
    height:40px;
    padding-left:10px;
}

.citizen .aboutme .item-container .edit-item2 {
    width:530px;
    float:right;
}

.citizen .aboutme .item-container .edit-item3 {
    width:748px;
    float:right;
}

.citizen .aboutme .item-container .edit-item2 textarea {
    width:527px;
    height:40px;
    padding: 10px;
    margin-left:2px;
    resize: none;
    overflow:hidden;
    outline: none;
}

.citizen .aboutme .textarea-details .expanding-wrapper textarea {
     overflow: hidden!important;
}

.citizen .aboutme .textarea-details .expanding-clone {
    padding-top:3px !important;
}

.dd-container, .dd-select, .dd-option, .dd-options {
    width: 528px!important;
}

.dd-options {
    overflow:hidden!important;
}

.dd-select {
    border-radius: 8px!important;
    height: 40px!important;
    border: 1px solid #969696!important;
    background: #ffffff url(/6a/d89fccf2_arrow_down3.png) right 12px center no-repeat!important;
}

.dd-selected {
    font-weight: normal!important;
    text-decoration: none!important;
    color: #000000!important;
    position: relative;
    top:-10px;
}

.dd-selected-image {
    margin-right: 12px!important;
    float: none!important;
    position: relative;
    top: -2px;
}

.dd-option-selected {
    background: none!important;
}

.dd-option {
    height: 40px!important;
    text-decoration: none!important;
    border: none!important;
}

.dd-option-image {
    float: none!important;
    margin-right: 12px;
    position: relative;
    top: -10px;
}

.dd-option-text {
    position: relative;
    top: -8px;
}

.dd-pointer-down, .dd-pointer-up {
    display:none!important;
}
/*=============== My Identity styles =============*/

.proofofIdentity-container {
    margin-bottom: 35px;
}

.citizen .myidentity .identifiers .item-container .title {
    width: 240px;
    float: left;
}

/*
.citizen .myidentity .identifiers .section-title {
    width:500px;
    float:left;
}
*/

.citizen .myidentity .info-status {
    width:140px;
    height:32px;
    float:right;
    border: 1px solid #F55631;
    margin-bottom:2px;
    padding-top:5px;
    position: relative;
    top:-6px;
}

.citizen .myidentity .info-status-verified {
    width:140px;
    height:32px;
    float:right;
    border: 1px solid #4da32d;
    margin-bottom:2px;
    padding-top:5px;
    position: relative;
    top:-6px;
    color: #4da32d;
    padding-left:25px;
}

.info-unverified {
    position:absolute!important;
    top:inherit!important;
    margin-left:751px;
}

.citizen .btn-outlineGreenCheck {
    position:relative;
    top:-5px;
}

.citizen .myidentity .identifiers .item-container .item {
    width: 305px;
    float: left;
}

.citizen .myidentity .identifiers .container-prior-name .item-container .item {
    width: 508px;
    float: left;
}

.citizen .myidentity .identifiers .citizen-profile-pic {
    position: static;
    top: 0px;
    margin-left: 0px;
}

.citizen .myidentity .identifiers .data-section .col1-left {
    width:545px;
    margin-top: 15px;
}

.citizen .myidentity .contactdetails .item-container .title {
    width: 240px;
    float: left;
}

.citizen .myidentity .contactdetails .item-container .item {
    display: block;
    /*width: 500px;
    float: left;*/
    width: 508px;
    float: left;
}

.citizen .myidentity .proofofidentity .title {
    width: 340px;
    float: left;
}

.citizen .myidentity .item {
    width: 400px;
    float: left;
}

.citizen .myidentity .proofofidentity .data-section .item-container .title2 {
    width: 448px;
    float: left;
}

.citizen .myidentity .data-section input[type="radio"] {
    height:16px;
}

.citizen .myidentity .proofofidentity .data-section .item-container .item2 {
    width: 275px;
    float: right;
}

.citizen .myidentity .proofofidentity .data-section .item-container .item2 .title {
    /*width: 75px;*/
    width:55px;
    display:inline-block;
}

.citizen .myidentity .proofofidentity .data-section .item-container .item2 .item {
    width: 195px;
    display:inline-block;
}

.citizen .myidentity .proofofidentity .data-section .item-container .title2 input {
    width: 30px;
    height: 40px;
    text-align: center;
}

.citizen .myidentity select {
    width: 298px;
    text-align: left;
    padding-left: 3px;
}

.citizen .myidentity input.text1 {
    width: 298px;
    text-align: left;
    padding-left: 10px;
}

.citizen .myidentity .select9 {
    width: 60px;
}

.citizen .myidentity .select10 {
    width: 80px;
}

.citizen .myidentity input.text2, .citizen .myidentity .select8 {
    width: 508px;
    text-align: left;
    padding-left: 10px;
}

.citizen input.text3 {
    width: 50px;
    text-align: right;
    padding-right:10px;
}

.citizen .myidentity input.text4 {
    width: 75px;
    text-align: right;
    padding-right: 10px;
}

.citizen .myidentity .select2 {
    width: 65px;
    position:relative;
    top:-1px;
}

.citizen .myidentity input.text5, .citizen .myidentity  .select5 {
    width: 165px;
    text-align: left;
    padding-left: 10px;
}

.citizen .myidentity  .select5 {
     width: 166px!important;
}

.citizen .myidentity input.text6, .citizen .myidentity .select7 {
    width: 350px;
    text-align: left;
    padding-left: 10px;
}

.citizen .myidentity .select6, .citizen .myidentity input.text7 {
    width: 152px;
    text-align: left;
    padding-left: 10px;
}

.citizen .myidentity input.text8 {
    width: 30px;
    height: 40px;
    text-align: center;
}

.citizen .myidentity input.text9 {
    width: 748px;
    height: 40px;
    text-align: left;
    padding-left:10px;
}

.citizen .myidentity input.text10 {
    width: 251px;
    height: 40px;
    text-align: left;
    padding-left:10px;
}

.citizen .myidentity .proofofidentity .item2 span {
    display:inline-block;
    margin-right:10px;
}

.citizen .myidentity .btn-arrow-dropdown {
    margin: 0px 10px 0px 10px;
}

.citizen .myidentity .proofofidentity input[type=radio   ]:not(old).radioNo {
    margin-left:40px;
}

.image-birthcertificate {
    width: 34px;
    height: 47px;
}

.citizen .myidentity input[type=radio   ]:not(old) + label {
     padding-left: 33px;
}

.citizen .myidentity .btn-help {
    position:relative;
    top: -2px;
}

.citizen .myidentity .radioNoTitle {
    margin-left:0px!important;
}

.citizen .myidentity .proofofidentity img {
    width: 46px;
    height: 27px;
}

.citizen .myidentity .data-bold {
    font-weight: bold;
}

.citizen .myidentity .proofofidentity  input[type=radio]:not(old):checked.radioNo, .citizen .myidentity .proofofidentity input[type=radio]:not(old):checked.radioNo + label {
    background: url('/images/hh-web/radio-red.png') no-repeat 0 0;
    }

.container-prior-name {
    display:none;
}

/*=============== MY HEALTH STYLES =============*/

.citizen .info-immunisations:hover .info-immunisations-tooltip {
    display:block;
}

.citizen-tooltip {
    color: #000;
    z-index: 1000;
    padding: 10px;
    text-align: left;
    position: absolute;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
    display:none;
    font-size:inherit;
    font-weight:100;

}
.info-immunisations-tooltip{
    width: 261px;
    margin-left:-40px;
    margin-top:30px;
}

/*=============== INITIAL SIGNUP =============*/

.initial-signup {
    font-size: 14px!important;
    font-weight: bold;
    font-family: inherit;
}

.initial-signup .popup-header {
    height: 70px;
}

.initial-signup.popup-window2{
    width: 628px;
}

.initial-signup .btn-grey {
    background: #b4b4b4!important;
}

.initial-signup .popup-header {
    height: 70px;
}

.initial-signup .popup-content {
    padding: 30px 40px 22px 0px;
}

.initial-signup input[type="text"], .initial-signup input[type="password"] {
    height: 40px;
    padding: 10px;
    border-radius: 8px;
    -webkit-appearance: none;
    border: 1px solid #969696;
    behavior: url(/01/f6ae411f_pie.htc);
    margin-bottom:9px;
    font-size: 14px!important;
}

.initial-signup input[type="button"] {
    font-size: 17px!important;
    font-weight: 100!important;
    border-radius: 8px;
    -webkit-appearance: none;
    behavior: url(/01/f6ae411f_pie.htc);
    outline: none;
}

.initial-signup .width1 {
    width: 195px!important;
}

.initial-signup .width2 {
    width: 400px!important;
}

.initial-signup .width3 {
    width: 141px!important;
}

.initial-signup .width4 {
    width: 55px!important;
}

.initial-signup .width5 {
    width: 75px!important;
}

.initial-signup .width6 {
    width: 150px!important;
}

.initial-signup .width7 {
    width: 80px!important;
}

.initial-signup .width8 {
    width: 140px!important;
}

.initial-signup .marginLeft1 {
    margin-left:38px!important;
}

.initial-signup .space1 {
    margin-right:6px;
}

.initial-signup .space2 {
    margin-right:5px;
}

.initial-signup .paddingTop1 {
    padding-top:14px;
}

/*=============== FORMAL =============*/

.citizen .legal p {
    margin-bottom: 17px;
}

.citizen .legal ul li {
    margin: 0px 0px 0px 35px;
}

.citizen .legal ul.ul2 li {
    margin: 0px 0px 0px 70px;
}

.citizen .legal a:link,.citizen .legal a:hover,.citizen .legal a:visited {
    font: inherit;
    color: #000;
}

.citizen-popup .popup-header {
    height: 45px;
    background: #008DCE;
    font-size: inherit;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    behavior: url(/01/f6ae411f_pie.htc);
    padding-bottom:10px;
    line-height: 50px;
}

.citizen-popup .popup-content {
    font-size: 17px;
    line-height: 1.55em;
}

.citizen-popup .popup-window2 {
    width: 585px;
    border-radius: 15px;
    behavior: url(/01/f6ae411f_pie.htc);
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}

.citizen-popup .popup-content {
    padding: 30px 28px 22px 28px;
}

.citizen-popup input[type="text"], .citizen-popup select {
    height: 40px;
}

.citizen-popup input[type="button"] {
    font-size: 17px!important;
    font-weight: 100!important;
    border-radius: 8px;
    -webkit-appearance: none;
    behavior: url(/01/f6ae411f_pie.htc);
    outline: none;
    margin-top: 0px!important;
}

.small-text {
    font-size: 14px;
}

.citizen-popup input[type="button"].btn-grey {
    background: #adadad;
}
/*=============== FAMILY =============*/

.family-participating .profilePicture-container, .profilePicture-container img {
    cursor: pointer;
}

.participating .profiles {
    height: 178px;
}

.profilePicture-container {
    width: 78px;
    float: left;
    margin-right: 16px;
    color: #008DCE;
    text-align: center;
    font-size: 12px;
    position:relative;
    line-height:18px;
}

.profilePicture {
    width: 76px;
    height: 76px;
    overflow: hidden;
    border-radius: 38px;
    -webkit-appearance: none;
    border: 1px solid #ededed;
    behavior: url(/01/f6ae411f_pie.htc);
    padding:2px;
    margin-bottom:6px;
}

.profilePicture img {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    -webkit-appearance: none;
    border: 1px solid #ededed;
    behavior: url(/01/f6ae411f_pie.htc);
}

.profilePicture-container .info {
    display: none;
    font-size: 10px;
    text-align: center;
    color: #000000;
    position: absolute;
    z-index:10;
}

.profilePicture-container .info ul li {
    height: 12px;
}

.profilePicture-container.active {
    position: relative;
    top: -14px;
}

.profilePicture-container.active .profilePicture {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 60px;
    -webkit-appearance: none;
    border: none;
    behavior: url(/01/f6ae411f_pie.htc);
    position: relative;
    top: 6px;
    left: -6px;
}

.profilePicture-container.active .profilePicture img {
    width: 86px;
    height: 86px;
    border-radius: 55px;
    overflow: hidden;
    border:4px solid #008DCE;
}

/*=============== SERVICES =============*/

.logoService-container {
    width: 110px;
    float: left;
    margin-right: 16px;
    color: #008DCE;
    text-align: center;
    font-size: 12px;
    position:relative;
    line-height:18px;
}

.participating .services {
    height: 178px;
}

.participating .logoService-container {
    cursor: pointer;
}

.logoService-container:last-child {
    margin-right: 0px;
}

.logoService {
    width: 105px;
    height: 89px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-appearance: none;
    border: 1px solid #ededed;
    behavior: url(/01/f6ae411f_pie.htc);
    padding: 2px;
    margin-bottom: 9px;
    position: relative;
}

.logoService img {
    width: 99px;
    height: 83px;
    border-radius: 5px;
    -webkit-appearance: none;
    border: 1px solid #ededed;
    behavior: url(/01/f6ae411f_pie.htc);
    cursor: pointer;
}

.logoService-container .info {
    display: none;
    position: absolute;
}

.logoService-container.active {
    top: -5px;
}

.logoService-container.active .logoService {
    width: 112px;
    height: 94px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-appearance: none;
    border: none;
    behavior: url(/01/f6ae411f_pie.htc);
    left: -3px;
    top: 0px;
}

.logoService-container.active .logoService img {
    width: 107px;
    height: 92px;
    border-radius:8px;
    overflow: hidden;
    border:4px solid #008DCE;
}

.btn-approveService {
    width: 160px;
    height: 45px;
    border-radius: 10px;
    position: relative;
    top: 7px;
    left: -27px;
    font-size: 17px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.34);
box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.34);
}


/*=============== AUTHORISATIONS
=============*/

.legacy-container .profiles {
    height: 178px;
}

.rounded-table {
    border-collapse:separate;
    border: 1px solid #cbcbcb;
    border-radius:6px;
    width: 744px;
}

.rounded-table tr td {
    border-left: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    width: 80px!important;
    vertical-align: bottom;
    padding-bottom: 10px;
    text-align: center;
    height: 45px;
    position: relative;
    padding-left: 10px;
}

.rounded-table tr:first-child td {
    height: 55px;
    font-size: 12px;
    line-height: 17px;
    padding-left:0px!important;
    border-top: none;
}

.rounded-table tr td:first-child {
    width: 174px!important;
    text-align: left;
    font-size: inherit;
    padding-left: 20px!important;
    border-left: none;
}

.rounded-table tr td:nth-child(2) {
    width: 90px!important;
    text-align: left;
    font-size: inherit;
    padding-left: 8px!important;
}

.rounded-table tr:first-child td:nth-child(2), .rounded-table tr:first-child td:first-child {
    padding-bottom: 12px;
}

.accessto-table {
    border: 1px solid #cbcbcb;
    border-radius:6px;
    width: 504px;
}

.accessto-table2 {
    width: 592px!important;
}

.collapse-container .child{
    width: 504px;
}

.collapse-container2 .child{
    width: 592px!important;
}

.collapse-container {
    padding-left: 0px!important;
}


.collapse-container .parent .inputCol1,
.collapse-container .parent .inputCol1a,.collapse-container .parent .inputCol2, .collapse-container .parent .inputCol3, .collapse-container .parent .inputCol4, .collapse-container .parent .inputCol5 {
    border-top: 1px solid #cbcbcb;
}

.collapse-container .inputCol1 {
    float: left;
    width: 172px;
    height: 45px;
}

.collapse-container .inputCol1 div {
    padding-left: 21px;
}

.collapse-container .inputCol1 .icon-arrow-down, .collapse-container .inputCol1 .icon-arrow-up{
    background-position: 3px 3px!important;
}

.collapse-container .inputCol1a {
    border-left: 1px solid #cbcbcb;
    float: left;
    width: 88px;
    height: 45px;
    padding-top: 10px;
    padding-left: 8px;
}

.collapse-container .inputCol2 {
    border-left: 1px solid #cbcbcb;
    float: left;
    width: 90px;
    height: 45px;
    padding-top: 10px;
    padding-left: 33px;
}

.collapse-container .inputCol3 {
    border-left: 1px solid #cbcbcb;
    float: left;
    width: 80px;
    height: 45px;
    padding-top: 10px;
    padding-left: 29px;
}

.collapse-container .inputCol4 {
    border-left: 1px solid #cbcbcb;
    float: left;
    width: 80px;
    height: 45px;
    padding-top: 10px;
    padding-left: 29px;
}

.collapse-container .inputCol5 {
    border-left: 1px solid #cbcbcb;
    float: left;
    width: 80px;
    height: 45px;
    padding-top: 10px;
    padding-left: 29px;
}

.child .inputCol1, .child .inputCol1a ,.child .inputCol2,.child .inputCol3,.child .inputCol4,.child .inputCol5 {
    height: 33px;
}

.child .first .inputCol1,.child .first .inputCol1a ,.child .first .inputCol2,.child .first .inputCol3,.child .first .inputCol4,.child .first .inputCol5 {
    padding-top: 4px;
    height: 37px;
}

.child .inputCol2,.child .inputCol3,.child .inputCol4,.child .inputCol5 {
    padding-top: 0px;
}

.collapse-container .child{
    display: none;
}

.headers div {
    border-top: none!important;
    height: 47px;
}

.headers .inputCol1 {
    padding-left: 21px;
    padding-top: 14px!important;
    height: 45px;
}

.headers .inputCol1a {
    padding-top: 14px!important;
}

.parent .inputCol1 {
    padding-top: 10px;
}

.headers .inputCol2,.headers .inputCol3,.headers .inputCol4,.headers .inputCol5 {
    text-align: center;
    padding-left: 0px!important;
    font-size: 14px;
    padding-top: 16px!important;
    height: 45px;
}

.rounded-table3 {
    width:100%;
    border-collapse:separate;
    border: 1px solid #cbcbcb;
    border-radius:6px;
}

.rounded-table3 tr td {
    border-left: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    vertical-align: top;
    padding-top: 10px;
    text-align: center;
    padding-left: 10px;
    padding-bottom: 10px;
}

.rounded-table3 tr:first-child td {
    padding-left:0px!important;
    border-top: none;
    height: 45px!important;
    vertical-align: bottom;
    text-align: center;
}

.rounded-table3 tr td {
    width: 160px;
    text-align: left;
    padding-left: 67px!important;

}

.rounded-table3 tr:first-child td:first-child {
    padding-left: 67px!important;
}

.rounded-table3 tr td:first-child {
    width: 270px!important;
    text-align: left;
    padding-left: 20px!important;
    border-left: none;
}

.rounded-table3 tr.last-child td {
    border-top: none;
    padding-bottom: 10px!important;
}

/*=============== CITIZEN PROFILE STYLES END ================*/

/*=============== RETINA ICONS =============*/

@media (min-resolution: 2dppx),
(-webkit-min-device-pixel-ratio: 2) {
    .alert-icn {
        background: url(/da/faa7754c_alert-icn2@2x.png) center no-repeat;
        background-size: 34px 35px;
    }

    select, .mi-select,
    .form-group .ui-selectmenu {
        background: url(/images/hh-web/monitor/arrow_down3@2x.png) right 6px center no-repeat;
        background-size: 10px 6px;
    }

    .header-logo.hh-logo {
        background: url(/d8/04cebbcd_hh-logo2@2x.png) no-repeat;
        background-size: 105px 34px;
    }

    .app-header .hh-logo {
        background: url(/50/9f22eb95_hh-logo@2x.png) no-repeat;
        background-size: 92px 26px;
    }

    .hh-logo-blue {
        background: url(/d8/d7c0e0f5_hh-logo-blue@2x.png) no-repeat;
        background-size: 88px 26px;
    }

    .hh-logo-circle {
        background: url(/8b/6f8eb360_hh-logo-circle@2x.png) no-repeat;
        background-size: 272px 288px;
    }

    .profileView {
        background-image: url(/0a/c0b1c225_profile-blue@2x.png);
        background-size: 20px 20px;
    }

    .profileView:hover,
    .profileView.active {
        background-image: url(/41/faf331d0_profile-white@2x.png);
        background-size: 20px 20px;
    }

    .settingsView {
        background-image: url(/a9/dfeb53eb_settings-blue@2x.png);
        background-size: 20px 20px;
    }

    .settingsView:hover,
    .settingsView.active {
        background-image: url(/9f/2abbf710_settings-white@2x.png);
        background-size: 20px 20px;
    }

    .supportView {
        background-image: url(/1b/ae0b85cf_support-blue@2x.png);
        background-size: 20px 20px;
    }

    .supportView:hover,
    .supportView.active {
        background-image: url(/82/c695aedc_support-white@2x.png);
        background-size: 20px 20px;
    }

    .citizenView {
        background-image: url(/b3/8d5f9b5b_citizen-blue@2x.png);
        background-size: 20px 20px;
    }

    .citizenView:hover,
    .citizenView.active {
        background-image: url(/2b/3a5da1f8_citizen-white@2x.png);
        background-size: 20px 20px;
    }

    .serviceView {
        background-image: url(/d8/28202516_service-blue@2x.png);
        background-size: 20px 20px;
    }

    .serviceView:hover,
    .serviceView.active {
        background-image: url(/32/64f7a8e9_service-white@2x.png);
        background-size: 20px 20px;
    }

    .enterpriseView {
        background-image: url(/a1/ac43e450_enterprise-blue@2x.png);
        background-size: 20px 20px;
    }

    .enterpriseView:hover,
    .enterpriseView.active {
        background-image: url(/80/765805af_enterprise-white@2x.png);
        background-size: 20px 20px;
    }

    .adminView {
        background-image: url(/3b/c8062424_admin-blue@2x.png);
        background-size: 20px 20px;
    }

    .adminView:hover,
    .adminView.active {
        background-image: url(/7c/a23d0362_admin-white@2x.png);
        background-size: 20px 20px;
    }

    .logout {
        background-image: url(/94/b8c70996_logout-blue@2x.png);
        background-size: 20px 20px;
    }

    .logout:hover,
    .logout.active {
        background-image: url(/57/bab3d984_logout-white@2x.png);
        background-size: 20px 20px;
    }

    .feedAustralia-logo.fa-sml {
        width: 206px;
        height: 41px;
        background: url(/12/bc972fc2_feedau-logo-no-logline@2x.png) no-repeat;
        background-size: 206px 41px;
    }

    ul.menu-list li a .feedAustralia-logo {
        background: url(/e2/6ca461ea_feedAu-logo@2x.png);
        background-size: 182px 50px;
    }

    .fa-logo .feedAustralia-logo,
    .wizard-head .feedAustralia-logo {
        background: url(/76/74b4451b_feedAu-logo-head@2x.png) no-repeat;
        background-size: 237px 65px;
    }

    .fa-logo .feedAustralia-logo {
        background-position: left 10px;
    }

    .hubworks-logo {
        background: url(/56/249590c0_hw-logo@2x.png) no-repeat;
        background-size: 162px 35px;
    }

    .hubworks-logo.vt-logo {
        background: url(/56/249590c0_hw-logo@2x.png);
        background-size: 120px 26px;
    }

    .ccmsModWrapper .hubworks-logo {
        background: url(/8a/3ac6499f_hubworks-logo@2x.png) no-repeat;
        background-size: 255px 55px;
    }

    .splash-arrow {
        background: url(/b1/2db39166_splash-arrow@2x.png) no-repeat;
        background-size: 238px 206px;
    }

    .splash-content .hubworks-logo {
        background: url(/8a/3ac6499f_hubworks-logo@2x.png);
        background-size: 255px 55px;
    }

    .connect-protect-logo2 {
        background: url(/8a/01ba4caf_connectprotect-logo2@2x.png) no-repeat;
        background-size: 218px 40px;
    }

    .educate-logo {
        background: url(/2f/9000e69c_educate-logo@2x.png) no-repeat;
        background-size: 162px 64px;
    }

    .protect-logo {
        background: url(/50/8bbdf473_protect-logo@2x.png) no-repeat;
        background-size: 162px 35px;
    }

    .menu-icn {
        background: url(/e2/1bb977d6_menu-icn@2x.png) no-repeat;
        background-size: 7px 27px;
    }

    .menu-icn-blue {
        background: url(/00/4475727c_menu-icn-blue@2x.png) no-repeat;
        background-size: 7px 27px;
    }

    .heart-icn {
        background: url(/0a/bc49980d_heart-icn@2x.png) center no-repeat;
        background-size: 28px 26px;
    }

    .heart-icn-blue {
        background: url(/a1/15a06c11_heart-icn-blue@2x.png) center no-repeat;
        background-size: 28px 26px;
    }

    .home-icn {
        background: url(/7b/6faea2eb_home-icn@2x.png) center no-repeat;
        background-size: 28px 26px;
    }

    .info-icn {
        background: url(/86/7508615b_info-icn@2x.png) no-repeat;
        background-size: 18px 18px;
    }

    .add-circle {
        background: url(/84/b069750e_add-circle@2x.png) no-repeat;
        background-size: 70px 70px;
    }

    .dwnarw {
        background: url(/7f/6c561668_dwnarw@2x.png) no-repeat;
        background-size: 23px 17px;
    }

    .edit-icn,
    .editmeal,
    .mncalc .mncalr .mnedit {
        background: url(/images/hh-web/monitor/edit-icn@2x.png) no-repeat;
        background-size: 16px 16px;
    }

    .remove {
        background: url(/4e/de71bb4d_remove-white@2x.png) no-repeat;
        background-size: 15px 15px;
    }

    .close-white {
        background: url(/bb/2741aff4_close-white@2x.png) no-repeat;
        background-size: 15px 15px;
    }

    .cal-left-arrow {
        background: url(/31/842d898d_arrow-left@2x.png) no-repeat;
        background-size: 9px 16px;
    }

    .cal-right-arrow {
        background: url(/b0/8b24d45e_arrow-right@2x.png) no-repeat;
        background-size: 9px 16px;
    }

    .fa-downarrow {
        background: url(/7f/c27faf35_btn-arrow-down@2x.png) no-repeat;
        background-size: 16px 8px;
    }

    .meline-placeholder {
        background: url(/56/e7068d96_meline-placeholder@2x.jpg) center no-repeat;
        background-size: 100%;
    }

    .addtomenu .add-icn {
        background: url(/29/25837baa_add-icn-green@2x.png) no-repeat;
        background-size: 15px 15px;
    }

    .print {
        background: url(/4a/000518fe_print-icn@2x.png) no-repeat;
        background-size: 20px 20px;
    }

    .export {
        background: url(/03/da3961da_export-icn@2x.png) no-repeat;
        background-size: 20px 20px;
    }

    .wq-group .input-group .add-icn {
        background: url(/5b/7c523053_add-icn-lrg@2x.png) no-repeat;
        background-size: 25px 25px;
    }

    .wq-group .input-group .remove-icn {
        background: url(/29/b3ba7114_remove-icn@2x.png) no-repeat;
        background-size: 25px 25px;
    }

    .contact-us.phone {
        background: url(/47/5236474b_phone-icn@2x.png) top 3px left no-repeat;
        background-size: 15px 15px;
    }

    .highalert {
        background: url(/eb/eb09bd79_highalert@2x.png) no-repeat;
        background-size: 65px 41px;
    }

    .cal-icn {
        background: url(/images/hh-web/monitor/calendar-icn2@2x.png) top left no-repeat;
        background-size: 28px 28px;
    }

    .ingredient_autocomplete_wrapper .ingredient .remove {
        background: url(/da/24751fbc_remove-grey@2x.png) no-repeat;
        background-size: 15px 15px;
    }

    .arrow-left-green {
        background: url(/e1/207fc8a4_arrow-left-green@2x.png) no-repeat;
        background-size: 9px 15px;
    }

    .arrow-down-green {
        background: url(/58/bb024f69_arrow-down-green@2x.png) no-repeat;
        background-size: 15px 10px;
    }

    .plus-icn {
        background: url(/16/07178bb1_plus-icn@2x.png);
        background-size: 19px 18px;
    }

    .minus-icn {
        background: url(/08/aa7dff5c_minus-icn@2x.png);
        background-size: 19px 18px;
    }

    .redbulb {
        background: url(/1e/9634497f_bulb-red2@2x.png) no-repeat;
        background-size: 27px 27px;
    }

    .greenbulb {
        background: url(/69/6adca778_bulb-green2@2x.png) no-repeat;
        background-size: 27px 27px;
    }

    .mn-serves .mn-serves-count {
        background: url(/7c/cd3cfff5_radio-lightgreen@2x.png);
        background-size: 23px 24px;
    }

    .eh-table .checked {
        background: url(/d9/dc1734be_checkmark-orange@2x.png);
        background-size: 20px 15px;
    }

    .star-red {
        background: url(/7a/5d25faf8_fa-star-red@2x.png) no-repeat;
        background-size: 22px 21px;
    }
    .star-orange {
        background: url(/f4/3ac7ea72_fa-star-orange@2x.png) no-repeat;
        background-size: 22px 21px;
    }
    .star-green {
        background: url(/97/58d04482_fa-star-green@2x.png) no-repeat;
        background-size: 22px 21px;
    }
    .star-neutral {
        background: url(/f3/ae46fca2_fa-star-neutral@2x.png) no-repeat;
        background-size: 22px 21px;
    }

    .btn-redCross {
        background: #ffffff url("/images/hh-web/btn-redCross@2x.png") no-repeat center 15px;
        background-size:31px 31px;
    }

    .btn-greyCross {
        background: #ffffff url("/images/hh-web/btn-greyCross@2x.png") no-repeat center 15px;
        background-size:31px 31px;
    }

     .btn-grey-plus {
        background: url("/images/hh-web/plus-icn-grey@2x.png") no-repeat 0px 0px;
        background-size: 13px 13px;
    }

    .btn-grey-ex {
        background: url("/images/hh-web/remove@2x.png") no-repeat 0px 0px;
        background-size: 11px 11px;
    }

    .btn-attach {
        background: url('/images/hh-web/attachment-icn@2x.png') no-repeat 0px 0px;
        background-size: 19px 17px;
    }

    .btn-help {
        background: url('/images/hh-web/info-icn-orange@2x.png') no-repeat 0px 0px;
         background-size: 16px 16px;
    }

    .btn-outlineGreenCheck {
        background: url('/images/hh-web/verified-icn@2x.png') no-repeat 0px 0px;
         background-size: 22px 20px;
    }

    .fa-room-nav .room-nav {
        background: url(/35/5b6e2e0e_fa-room-nav@2x.png) center center no-repeat;
        background-size: 100%;
    }

    .form-data input[type=checkbox] + label {
        background: url(/84/6c5ba51c_radio-grey@2x.png) no-repeat;
        background-size: 23px 24px;
    }

    .form-data input[type=checkbox]:checked + label {
        background: url(/ea/b0272c01_radio-green@2x.png) no-repeat;
        background-size: 23px 24px;
    }

    .select2 {
    background: url(/images/hh-web/monitor/arrow_down3@2x.png) right 7px center no-repeat;
    background-size: 11px 7px;
    }

    .citizen .icon-arrow-up {
        background: url("/images/hh-web/arrow_up4@2x.png") no-repeat 0px 4px!important;
        background-size: 11px 14px!important;
    }

    .citizen-content .icon-arrow-up{
        background: url("/images/hh-web/arrow_up4@2x.png") no-repeat 5px 4px!important;
        background-size: 11px 14px!important;
    }

    .citizen .icon-arrow-down {
        background: url("/images/hh-web/arrow_down@2x.png") no-repeat 0px 4px;
        background-size: 10px 13px;
    }

    .citizen-content .icon-arrow-down{
        background: url("/images/hh-web/arrow_down@2x.png") no-repeat 6px 4px!important;
        background-size: 10px 13px!important;
    }

    .citizen-content .contacts-section .icon-arrow-down {
        background: url("/images/hh-web/arrow_down@2x.png") no-repeat;
        background-position:0px 3px;
        background-size: 10px 13px;
    }

    .citizen .phone-num {
       background: url(/47/5236474b_phone-icn@2x.png) no-repeat left 3px;
       background-size:14px 14px;
    }

    .citizen .hospital-icon {
        background: url("/images/hh-web/services-thumb@2x.png") no-repeat;
        background-size:41px 35px;
    }

    input[type=radio]:not(old).radioCustom + label, .citizen input[type=checkbox] + label, .citizen input[type=radio]:not(old) + label {
        background   : url(/84/6c5ba51c_radio-grey@2x.png) no-repeat 0 0;
        background-size: 23px 24px;
    }

    input[type=checkbox].checkBoxCustom + label, input[type=radio]:not(old).radioCustom + label, .citizen input[type=checkbox] + label, .citizen input[type=radio]:not(old) + label{
        background: url(/84/6c5ba51c_radio-grey@2x.png) no-repeat 0 0;
        background-size: 23px 24px;
    }

    input[type=checkbox].checkBoxCustom:checked + label, .citizen input[type=checkbox]:checked + label{
        background: url(/ea/b0272c01_radio-green@2x.png) no-repeat 0 0;
        background-size: 23px 24px;
    }

    .citizen input[type=checkbox]:checked, .citizen input[type=checkbox]:checked + label,.citizen input[type=radio]:not(old):checked + label {
        background   : url(/ea/b0272c01_radio-green@2x.png) no-repeat 0 0;
        background-size: 23px 24px;
    }

    input[type=radio]:not(old):checked.radioNo, input[type=radio]:not(old):checked.radioNo + label {
        background: url(/ea/b0272c01_radio-green@2x.png) no-repeat 0 0;
        background-size: 23px 24px;
    }

    input[type=radio]:not(old):checked.radioNo0, input[type=radio]:not(old):checked.radioNo0 + label {
        background: url(/ea/b0272c01_radio-green@2x.png) no-repeat 0 0;
        background-size: 23px 24px;
}

    input[type=radio]:not(old):checked.radioNo1,
input[type=radio]:not(old):checked.radioNo1 + label {
        background: url('/images/hh-web/radio-red@2x.png') no-repeat 0 0;
        background-size: 23px 24px;
    }

    input[type=checkbox]:not(old).checkBoxNo3:checked + label {
    background: url(/ea/b0272c01_radio-green@2x.png) no-repeat 0px 0px;
    background-size: 23px 24px;
}

    input[type=checkbox]:not(old).checkBoxNo3 + label {
    background: url('/images/hh-web/radio-red@2x.png') no-repeat 0px 0px;
    background-size: 23px 24px;
}

    .citizen select.select-phone, .citizen select.select-email{
        background: url('/images/hh-web/arrow-drop-down@2x.png') right 0px center no-repeat;
        background-size: 12px 6px;
    }

    input[type=radio]:not(old):checked.radioNo2, input[type=radio]:not(old):checked.radioNo2 + label {
        background: url('/images/hh-web/radio-amber@2x.png') no-repeat 1px 0;
        background-size: 23px 24px;
    }

    input[type=checkbox]:checked.checkbox1, input[type=checkbox]:checked.checkbox1 + label {
        background: url('/images/hh-web/radio-amber@2x.png') no-repeat 1px 0;
        background-size: 23px 24px;
    }

    input[type=checkbox]:checked.checkbox2,
    input[type=checkbox]:checked.checkbox2 + label {
        background: url(/ea/b0272c01_radio-green@2x.png) no-repeat 0px 0px;
        background-size: 23px 24px;
    }

    input[type=checkbox]:checked.checkbox3,
input[type=checkbox]:checked.checkbox3 + label {
    background: url('/images/hh-web/radio-red@2x.png') no-repeat 0px 0;
    background-size: 23px 24px;
}

    .citizen .myidentity .proofofidentity  input[type=radio]:not(old):checked.radioNo, .citizen .myidentity .proofofidentity input[type=radio]:not(old):checked.radioNo + label {
        background: url('/images/hh-web/radio-red@2x.png') no-repeat 0 0;
        background-size: 23px 24px;
    }

    .topbar-home {
        background: url(/7b/6faea2eb_home-icn@2x.png) 0 0;
        background-size: 26px 26px;
    }

    .topbar-emergency-services {
        background: url('/images/hh-web/btn-redCross@2x.png') 0 0;
        background-size: 26px 26px;
    }

    .btn-x-red-icn {
        background: url('/images/hh-web/x-red-icn@2x.png') no-repeat 0px 0px;
        background-size: 19px 19px;
    }

    .btn-question-grey-icn {
        background: url('/images/hh-web/question-grey-icn@2x.png') no-repeat 0px 0px;
        background-size: 19px 19px;
    }

    .btn-tick-orange {
         background: url('/images/hh-web/tick-orange@2x.png') no-repeat 0px 0px;
        background-size: 19px 19px;
    }

    .btn-tick-green {
         background: url('/images/hh-web/tick-green@2x.png') no-repeat 0px 0px;
        background-size: 19px 19px;
    }

    .select-noborder {
        background: url('/images/hh-web/arrow-drop-down@2x.png') right 0px center no-repeat;
        background-size: 12px 6px;
    }
}

/* ================================ 56.25em (900px) ================================= */

@media only screen and (max-width: 1000px) and (min-width:600px){
    body{font-size:1em; line-height: 1.5em;}

    .content-logo, .search-area, .app-container{ width:100%; float:none; padding:0; }
    .search-content{ width: 90%; margin: 0 5% 30px; display: block; }
    .map-container{ border: none; padding-bottom: 50%; border-top: 1px solid #999999; }
    .module-header{ padding-left: 10px; }
    .module-padded{ padding: 0 10px; }

    .app-container{ margin-bottom: 40px; }
    .content-logo, .search-area{ margin-top:50px; }
    .search-cont{ margin:20px auto 30px; float:none; }
    .content-padded {width:94% !important;}
    .search-content {margin-bottom: 30px;}
    .map-wrapper {margin-left: 0;}
    .api-link {text-align:center; bottom:20px;}

    .ld-serv-container {width:100%; left:0;}
    .landing-img p {font-size:5em; bottom:3em;}
    .ld-serv-blk {width:25%; margin:2%; font-size:1.25em;}
    .ld-drawer ul {margin-left:0.75em;}
    .ld-drawer ul li a {font-size:0.9em;}
}

@media only screen and (max-width: 768px) and (min-width:600px){
    .landing-img {height:70%;}
    .ld-sec-text {height:30%; padding:0; padding-top:6%;}
    .landing-img p {font-size:4em; bottom: 2.75em;}
    .btn-signup {width:8em; height:2.5em; font-size:2em; bottom:1.75em;}

    .ld-sec-text p.ls-par1 {font-size:2em;}
    .ld-sec-text p.ls-par2 {font-size: 3.5em;}
    .ld-sec-text p.ls-par3 {font-size:2em;}
}

@media only screen and (max-width: 720px) and (min-width:600px){
    ul.program-list li{ padding-left:20px; }

    .login-container .fld-sml{ width: 110px; }
    .login-container .btn-sml{ width: 55px; }
    ul.hdr-icn-list{ width: 66px; margin-top: 14px; }
    ul.hdr-icn-list li{ padding: 0 2px; }

    .heart-icn{ background-size: 22px 19px; }
    .home-icn{ background-size: 22px 21px; }
    .cp-heading{ margin: 0 0 20px; }
}

/* ===== == = === 30em (480px) === = == ===== */
@media only screen and (max-width: 30em) {
    .app-logo{ width:135px; height:40px; background-size: 135px 40px; }
    .hh-logo{ width: 88px; height: 26px; margin-top: 17px !important; background-size: 88px 26px; }
    .app-header .hh-logo{ margin-top: 12px !important; }
    .content-logo{ margin-top: 30px; }

    .search-area, .search-cont { margin: 20px auto 0; }
    .search-content{ width:90%; display:block; }
    ul.pagination li{ width: 10px; }
    .map-container{ padding-bottom: 120%; }

    .profile-container{ width: 100%; }
    .content-profile{ height: 100px; padding: 40px 20px !important; }
    .login-popup{ top: 20%; width: 280px; }
}

.header .content-wrapper {
    padding-top: 0;
    width: 100%;
    max-width: 100%;
}
.header-logo.hh-logo {
    width: 92px;
    height: 26px;
    top: 3px;
    left: 90px;
    margin-top: 9px;
    position: relative;
    background: url(/50/9f22eb95_hh-logo@2x.png) no-repeat;
    background-size: 88px 26px;
}
.header {
    width: 100%;
    height: 50px;
}
.header.fixed {
    top: 0;
    left: 0;
    position: fixed;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.invite-signup-container {
    font-size: 17px;
    width: 380px;
    margin: auto;
    padding-top: 100px;
}
.invite-heading {
    color: #008dce;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 1px solid #d0d0d0;
}
.invite-signup-container .content-form {
    padding: 10px 20px;
}
.invite-subheading {
    color: #232323;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
}
.invite-signup-container .form-group {
    margin-bottom: 20px;
}
.invite-signup-container .form-group label {
    padding-left: 5px;
    padding-bottom: 5px;
}
.invite-signup-container input[type=text],
.invite-signup-container input[type=password] {
    height: 40px;
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #d0d0d0;
}
.invite-signup-container .btn {
    width: 100%;
    height: 40px;
    margin-top: 10px;
}
.form-group .hint {
    color: #989898;
    font-size: 14px;
    margin-top: 3px;
    padding-left: 5px;
}
.invite-signup-container .form-action {
    margin: 0;
    padding: 0;
    width: 100%;
}
.info-message {
    border: 1px solid #cce8f5;
    padding: 4px 10px 4px 30px;
    width: 100%;
    margin-top: 5px;
    position: relative;
    background: #f5fbfd url(/11/37834c52_info-icn-circle.png) no-repeat left 7px top 7px;
    background-size: 12px 13px;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    font-family: 'LatoItalic', sans-serif;
}
@media only screen and (max-width: 576px) {
    .header-logo.hh-logo {
        left: 60px;
    }
}
.info2-icn {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    background: url(/60/5ccc41cf_info2-icn.png) no-repeat;
    background-size: 15px;
}
.alert-show {
    position: relative;
}
.invite-signup-container .alert-show input {
    background-color: #fff7f7!important;
    border: 1px solid #f80809!important;
    position: relative;
    z-index: auto;
    animation: alert-show .5s;
    -webkit-animation: alert-show .5s;
}
.alert-box .info2-icn {
    display: none;
}
.invite-signup-container .alert-show .alert-box .info2-icn {
    display: block;
    position: absolute;
    top: 38px;
    right: 9px;
    z-index: 102;
    animation: alert-icon-show .5s;
    -webkit-animation: alert-icon-show .5s;
    background-position: right;
}

.alert-box .info2-icn.info-general .info-general-tooltip {
    display: block;
    width: auto;
    margin-left: 0;
    margin-top: -22px;
    color: #ffffff;
    font-size: 10px;
    line-height: 15px!important;
    padding: 0 6px;
    border-radius: 2px;
    background: #f80809;
    box-shadow: none;
    z-index: 103;
    white-space: nowrap;
    right: -12px;
    bottom: 22px;
}
.alert-box .info2-icn.info-general .info-general-tooltip:after,
.alert-box .info2-icn.info-general .info-general-tooltip:before {
    top: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.alert-box .info2-icn.info-general .info-general-tooltip:after {
    border-top-color: #f80809;
    border-width: 5px;
    margin-left: 30px;
}

.header.app-header {
    width: 100%;
    height: 50px;
    z-index: 11;
    top: 0;
    position: absolute;
    background: linear-gradient(90deg,rgba(224,245,255,1) 0%,rgba(169,215,254,1) 28%,rgba(209,203,254,1) 52%,rgba(202,187,250,1) 77%,rgba(233,219,255,1) 100%);
}

.header.app-header .header-logo.hh-logo {
    width: 118px;
    height: 26px;
    top: 3px;
    background: url(/3e/5925cd79_logo-hubhello.svg);
    background-size: 118px 26px;
}

input[type='button'],
input[type='submit'] {
    color: #FFFFFF;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 15px;
    border-radius: 5px;
    padding: 0 20px;
    min-width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    background: #6C00E9;
    -webkit-appearance: none;
}

input[type='text']:disabled, input[type='checkbox']:disabled, select:disabled, textarea:disabled {
    color: #8B98A3;
    background-color: #f9fafc !important;
    border: 1px solid #E7EAF3 !important;
    font-family: 'Poppins', sans-serif;
}

.info-box2, .info-message {
    border-radius: 3px;
    border: 1px solid #BBE8FD;
    padding: 4px 10px 4px 30px;
    width: 100%;
    position: relative;
    background: #F3FAFD url(/39/4485b313_uil-info-circle.svg) no-repeat left 7px top 7px;
    background-size: 12px 13px;
    font-size: 12px;
    line-height: 18px;
    color: #677788;
    font-family: 'Poppins', sans-serif;
}

.form-group input[type=text] {
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 15px;
    border-radius: 5px;
    padding: 0 20px;
    min-width: 120px;
    height: 40px;
    line-height: 40px;
    font-family: 'Poppins', sans-serif;
}

.emailMask strong {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

@media only screen and (min-device-width: 375px) and (max-width:1024px) {
    .invite-signup-container {
        width: 80Vw;
        font-size: 3vw;
    }

    .form-group .hint,
    .invite-subheading,
    .info-box2,
    .info-message {
        font-size: 3vw;
        line-height: 4vw;
    }

    .invite-heading {
        font-size: 4vw;
    }

    .invite-signup-container .btn,
    .invite-signup-container input[type=text], .invite-signup-container input[type=password]  {
        font-size: 4vw;
        height: auto;
        padding: 20px;
    }
}