/* web fonts */

/*@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=0539e5a8-3540-489c-bfef-edb213bf8b39&fontids=724332,724350,724353,1475548");*/
@font-face{
font-family:"Avenir LT W02 55 Roman";
src:url("../Web Fonts/Avenir/724332/469ea7ce-bb40-478a-aa21-da079357c969.eot?#iefix");
src:url("../Web Fonts/Avenir/724332/469ea7ce-bb40-478a-aa21-da079357c969.eot?#iefix") format("eot"),url("../Web Fonts/Avenir/724332/5104d540-ac5c-442d-8581-1e9f4ecd37f0.woff") format("woff"),url("../Web Fonts/Avenir/724332/6662a841-5b52-4af6-a868-6b43e3d7b263.ttf") format("truetype"),url("../Web Fonts/Avenir/724332/bfcb105e-6348-434a-ba7b-31cd4bb80da6.svg#bfcb105e-6348-434a-ba7b-31cd4bb80da6") format("svg");
}
@font-face{
font-family:"Avenir LT W04_85 Heavy1475548";
src:url("../Web Fonts/Avenir/1475548/7ed39c78-4da5-42df-831b-798b2272d1ac.eot?#iefix");
src:url("../Web Fonts/Avenir/1475548/7ed39c78-4da5-42df-831b-798b2272d1ac.eot?#iefix") format("eot"),url("../Web Fonts/Avenir/1475548/e9b44b79-923f-49b3-837c-290bc70628cc.woff2") format("woff2"),url("../Web Fonts/Avenir/1475548/fbd14ec6-aa86-4ccd-af83-931d5eb79910.woff") format("woff"),url("../Web Fonts/Avenir/1475548/0d230b6d-eb52-48b7-9c4b-c3f876465fe6.ttf") format("truetype"),url("../Web Fonts/Avenir/1475548/b1b086a3-6c38-4045-97a7-d96baabf6392.svg#b1b086a3-6c38-4045-97a7-d96baabf6392") format("svg");
}


/* colours */

.cerulean       { color: #009FDA; }
.black          { color: #000000; }
.mercury        { color: #E7E7E7; }
.candlelight    { color: #FFCD10; }
.tropical-blue  { color: #BDE4F7; }
.white-ice      { color: #E1F2FA; }
.silver-chalice { color: #A4A4A4; }
.alabaster      { color: #F8F8F8; }
.monza          { color: #D0011B; }
.wewak          { color: #EF97B3; }
.we-peep        { color: #F4CCD9; }


/* body */

body {
    margin-top: 0;
    background-color: #FFFFFF;
    color: #009FDA;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
}


/* login */

#login-panel {
    background-color: #E7E7E7;
    padding-top: 97px;
    padding-bottom: 105px;
}

#login-outside {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 0px 10px rgba(0, 0, 0, 0.2);
    width: 668px;
    margin: auto;
    background-color: #F8F8F8;
}

#login-inside {
    padding: 77px 80px 93px 80px;
}

#LoginUser {
    margin: 32px auto 0 auto;
}

#MessagePanel {
    margin: 0 auto 40px auto;
    display: table;
}


/* header */

#header {
    background-color: #FFFFFF;
    height: 96px;
    width: 100%;
    position: relative;
}

#menu {
    position: relative;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

#header-logo {
    position: absolute;
    top: 40px;
    left: 39px;
    width: 100px;
}

#header-line {
    position: absolute;
    top: 91px;
    left: 0px;
    right: 0px
}

#header-title {
    position: absolute;
    top: 62px;
    left: 174px;
}

#header-title a {
    display: inline-block;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 14px;
    line-height: 18px;
    height: 20px;
    text-transform: uppercase;
    color: #009FDA;
    vertical-align: top;
    padding: 3px 10px 0px 10px;
    margin-top: -3px;
}
#header-title a:first-of-type {
    padding-left: 0px;
}
#header-title a:hover {
    color: #FFCD10;
}

#header-title .menu-separator {
    display: inline-block;
    height: 20px;
    border-left: 1px solid #009FDA;
    margin-top: -2px;
}


/* content area sections */

#content {
    background-color: #F8F8F8;
}

.mercury-bg { background-color: #E7E7E7; }
.blue-bg { background-color: #5EC5ED; }
.alabaster-bg { background-color: #F8F8F8; }
.white-bg { background-color: #FFFFFF; }
.we-peep-bg { background-color: #F4CCD9 !important; }

.title-panel,
.highlight-panel,
.content-panel,
.charts-panel,
.table-panel,
.legend-panel,
.form-panel,
.list-panel,
.email-template-panel,
#footer-content {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

.panel-top-right-buttons {
    float: right;
    margin-top: -68px;
    margin-right: 14px;
    text-align: right;
}

.panel-center-right-buttons {
    float: right;
    margin-top: 20px;
    margin-right: 44px;
    text-align: right;
}
.panel-center-right-buttons.manager {
    margin-top: -25px;
}

.title-panel {
    padding: 68px 0 66px 178px;
    min-height: 207px;
}
.title-panel.dashboard {
    background: #E7E7E7 url('/_admin/_media/images/v2/icon-dashboard-background.svg') no-repeat;
    padding-top: 101px;
    min-height: 342px;
}
.title-panel > div {
    max-width: 460px;
}
.title-panel > div.full-width {
    max-width: 800px;
}
.title-panel > div.panel-top-right-buttons {
    max-width: 350px;
}
.title-panel .info-block {
    margin-top: 11px;
}
.title-panel span.bold-underline {
    font-weight: bold;
    text-decoration: underline;
}

.content-panel {
    padding: 0;
}
.content-panel.alternate {
    background-color: #E7E7E7;
}
.content-panel .content-heading {
    padding-top: 42px;
}
.content-panel .content-heading2 {
    padding-top: 51px;
    margin-left: 274px;
    width: 460px;
    line-height: 26px;
}
.content-panel .heading-icon {
    float: left;
    position: relative;
    top: 51px;
    left: 175px;
    width: 77px;
}
.content-panel .content-info {
    padding: 4px 200px 0px 200px;
}
.content-panel .progression-charts {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 62px;
    height: 250px;
}
.content-panel .progression-chart {
    vertical-align: top;
    display: inline-block;
    width: 126px;
    height: 250px;
    background: #F2F2F2;
    margin: 0 5px 0 5px;
}
.content-panel .progression-chart > span {
    float: left;
    text-align: center;
    width: 100%;
    position: relative;
    top: 59px;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
}
.content-panel .progression-chart > div:nth-of-type(1) {
    height: 149px;
}
.content-panel .progression-chart > div:nth-of-type(2) {
    height: 75px;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #009FDA;
    padding: 0 15px 0 15px;
}
.content-panel .progression-chart > div:nth-of-type(3),
.content-panel .progression-chart > a {
    display: block;
    height: 26px;
    background: #009FDA url(/_admin/_media/images/v2/icon-arrow-down-white.svg) no-repeat center;
    background-size: 16px;
    cursor: pointer;
}
.content-panel .progression-chart > div:nth-of-type(3):hover,
.content-panel .progression-chart > a:hover {
    background: #FFCD10 url(/_admin/_media/images/v2/icon-arrow-down-white.svg) no-repeat center;
    background-size: 16px;
}
.content-panel ul {
    margin: 14px 44px 0 291px;
}
.content-panel .content-button {
    text-align: center;
    padding: 16px 0 41px 0;
}
.content-panel .content-button .button {
    min-width: 0;
}

.table-panel {
    padding: 19px 35px 55px 32px;
}
.table-panel.alternate {
    background-color: #E7E7E7;
}
.table-panel .panel-subheading {
    margin: 16px 0 26px 0;
    text-align: center;
}
.table-panel .panel-subheading.layout-for-buttons {
    padding-left: 240px; /* 258 + 14 - 32 (width of top right button + button margin - table margin) */
}
.table-panel .content-info {
    padding: 20px 40px 0px 40px;
}

.form-panel {
    padding: 61px 35px 52px 156px;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 14px;
    line-height: 18px;
}
.form-panel.no-button {
    padding-bottom: 33px;
}
.form-panel .content-info {
    padding: 0px 80px 0px 20px;
}

.list-panel {
    padding: 61px 0 52px 178px;
}
.list-panel .list {
    padding-bottom: 4px;
}
.list-panel .list a {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 16px;
    line-height: 24px;
}

.charts-panel .content-heading {
    padding-top: 42px;
}
.chart-container {
    display: table;
    padding: 49px 0 44px 0;
    width: 100%;
}
.chart-separator {
    margin: 0 80px 0 104px;
    border-bottom: 2px solid #009FDA;
}
.chart-container .chart {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding-left: 35px;
    padding-right: 0px;
}
.chart-container .chart text[font-family=legend] {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-style: normal;
}
.chart-container .chart text[font-family=pieslice] {
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 12px;
    line-height: 16px;
}
.chart-container .chart.column-chart svg > g > g > g > g > rect:nth-of-type(2),
.chart-container .chart.column-chart svg > g > g > g > g > rect:nth-of-type(3) {
    stroke: #FFCD10;
    stroke-opacity: 1;
}
.chart-container .chart.column-chart svg > g > g > g > g > rect:nth-of-type(4) {
    stroke: transparent;
    stroke-width: 0;
}
.chart-container .chart.column-chart svg > g:first-of-type > rect:first-of-type {
    stroke-dasharray: 0, 412, 755, 27;
    stroke-width: 3px;
    stroke: #E1F2FA;
}
.chart-container .chart.line-chart svg > g:first-of-type > rect:first-of-type {
    stroke-dasharray: 0, 412, 755, 27;
    stroke-width: 3px;
    stroke: #E1F2FA;
}
.chart-container .chart.line-chart svg > g:first-of-type > g:first-of-type > g:first-of-type > rect {
    width: 1px;
    fill: transparent;
    stroke: #E1F2FA;
    stroke-width: 3px;
    stroke-dasharray: 0, 27, 185;
}
.chart-container .chart.line-chart svg > g:first-of-type > g > g > circle {
    stroke: transparent;
    stroke-width: 0;
}
.chart-container .chart.line-chart svg > g:first-of-type > g > g > circle:nth-of-type(4) {
    fill: #FFCD10;
}
.chart-container .chart.donut-chart svg > g > path:nth-of-type(2) {
    stroke: #FFCD10;
    stroke-opacity: 1;
    stroke-width: 5px;
}
.chart-container .chart-info {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding-left: 21px;
    padding-right: 35px;
}
.chart-container .chart-info div:nth-of-type(2),
.chart-container .chart-info ul li {
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
    color: #6E6E6E;
}
.chart-container .chart-info div:nth-of-type(2) > span,
.chart-container .chart-info ul li span {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    color: #009FDA;
}
.chart-container .chart-info div:nth-of-type(2) {
    margin-bottom: 10px;
    width: 400px;
}
.chart-container .chart > div > div > div:first-of-type { /* the div containing the chart SVG */
    z-index: 5;
}
.chart-container .chart > div > div > div:last-of-type { /* the div containing the tooltip */
    z-index: 3;
}
.chart-container .chart .google-visualization-tooltip {
    border: none;
    border-radius: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    top: 0px !important;
}
.chart-container .chart.column-chart .google-visualization-tooltip {
    margin-left: -59px;
}
.chart-container .chart.line-chart .google-visualization-tooltip {
    margin-left: -50px;
}
.chart-container .chart.donut-chart .google-visualization-tooltip {
    position: absolute !important;
    top: -50px !important;
    left: 232px !important;
}
.chart-container .chart .chart-tooltip .tooltip-pointer {
    height: 20px;
    border-left: 1px solid #FFCD10;
    margin-left: 1px;
}
.chart-container .chart.column-chart .chart-tooltip .tooltip-pointer {
    height: 30px;
    margin-left: 25px;
}
.chart-container .chart.line-chart .chart-tooltip .tooltip-pointer {
    margin-left: 25px;
}

.highlight-panel {
    min-height: 72px;
    line-height: 38px;
    padding: 17px 33px 17px 33px;
    text-align: right;
}
.highlight-panel span {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top: 4px;
}
.highlight-panel select {
    border: 2px solid #19ACEB;
    border-radius: 40px;
    width: 275px;
    height: 37px;
    display: inline-block;
    padding: 0 0px 0 14px;
    margin: 0;
    color: #009FDA;
    vertical-align: middle;
    font-family: 'Avenir LT W02 55 Roman' !important;
    font-size: 14px !important;
    line-height: 18px !important;
}
.highlight-panel span.highlight-value-display {
    display: inline-block;
    background-color: #009FDA;
    width: 122px;
    height: 27px;
    border-radius: 40px;
    text-align: center;
    padding-top: 5px;
    margin-left: 9px;
    margin-right: 7px;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
}
.highlight-panel img,
.highlight-panel input[type=image] {
    width: 30px;
    cursor: pointer;
}
.highlight-panel input[type=text] {
    background-color: #FFFFFF;
    border: none !important;
    outline: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    width: 122px;
    height: 31px;
    border-radius: 40px;
    text-align: center;
    padding: 1px 0 0 0;
    margin: 0 7px 0 9px;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
    
}
.highlight-panel input[type=text]:focus {
    border: none !important;
    outline: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.highlight-panel .highlight-error-panel {
    padding-top: 4px;
    padding-right: 44px;
}
.highlight-panel .highlight-error-panel .validation-highlight {
    font-style: italic;
    text-align: right;
    text-transform: none !important;
    font-family: 'Avenir LT W02 55 Roman' !important;
    font-size: 14px !important;
    line-height: 18px !important;
}

.legend-panel {
    min-height: 70px;
    padding: 20px 33px 20px 43px;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 38px;
    color: #000000;
    vertical-align: middle;
}
.legend-panel span {
    vertical-align: top;
    display: inline-block;
    line-height: 38px;
}
.legend-panel div {
    display: inline-block;
    padding-left: 10px;
}
.legend-panel div img {
    width: 30px;
    padding: 0 10px 0 0px;
}

.email-template-panel {
    padding: 39px 35px 34px 32px;
}
.email-template-panel .template-override-checkbox {
    padding-top: 4px;
    padding-bottom: 21px;
}
.email-template-panel .email-display {
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #A4A4A4;
}

div.rich-text-editor > span:last-of-type {
    border: 1px solid #A4A4A4;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
div.rich-text-editor .cke_top {
    background: #A4A4A4 !important;
    padding: 5px 5px 0 5px !important;
}
div.rich-text-editor .cke_wrapper {
    background: none !important;
    padding: 0 !important;
}
div.rich-text-editor .cke_focus {
    outline: none !important;
}


/* footer */

#footer {
    background-color: #FFFFFF;
    height: 96px;
}

#footer-content {
    text-align: center;
    padding-top: 30px;
}

#footer-content a {
    display: inline-block;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 12px;
    line-height: 16px;
    height: 18px;
    text-transform: uppercase;
    color: #6E6E6E;
    vertical-align: top;
    padding: 3px 10px 0px 10px;
    margin-top: -3px;
}
#footer-content a:first-of-type {
    padding-left: 0px;
}
#footer-content a:hover {
    color: #A4A4A4;
}

#footer-content .menu-separator {
    display: inline-block;
    height: 18px;
    border-left: 1px solid #6E6E6E;
    margin-top: -2px;
}


/* text styles */

.text-center {
    text-align: center;
}

.heading-heavy {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
}

.subheading-heavy {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 20px;
    line-height: 36px;
    text-transform: uppercase;
}

.paragraph-heavy {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.text-regular {
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
}

.text-heavy {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 16px;
    line-height: 24px;
}

.hint {
    font-family: 'Avenir LT W02 55 Roman'; /* ?? meant to be 35 Oblique but don't have it */
    font-size: 14px;
    line-height: 18px;
    color: #6E6E6E;
    font-style: italic;
}

a {
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
    color: #009FDA;
}
a:hover {
    color: #FFCD10;
    text-decoration: none;
}

a.heavy-blue {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 16px;
    line-height: 24px;
    color: #009FDA;
}
a.heavy-blue:hover {
    color: #FFCD10;
}

a.underline {
    text-decoration: underline;
}

ul li {
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
}

ul li span {
    color: #000000;
}

.legend {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.pieslice {
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
}

.pieslice-heavy {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
}

.menu-current {
    color: #A4A4A4 !important;
}
.menu-current:hover {
    color: #FFCD10 !important;
}


/* line styles */

div.border-bottom-drop-shadow {
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow:         0px 3px 3px rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 5px;
    background-color: #FFFFFF;
    border-top: 1px solid #F2F2F2;
    border-left: none;
    border-right: none;
    border-bottom: none;
    float: left;
    position: relative;
}

.below-separator {
    margin-top: 6px;
}

.border-top {
    border-top-width: 2px;
    border-top-color: #009FDA;
}

.vertical-border-left {
    border-left-width: 1px;
    border-left-color: #009FDA;
}


/* input form styles */

.form-title {
    margin-left: 22px;
    margin-bottom: 32px;
}

div.input-row div.input {
    vertical-align: top;
    display: inline-block;
    width: 340px;
}

div.input.input-long {
    width: 700px;
}

div.input-row div.input:first-child {
    margin-right: 16px;
}

div.input {
    min-height: 72px;
    margin-bottom: 19px;
    position: relative;
}

div.input label {
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
    padding-left: 20px;
    color: #009FDA;
}

div.input .input-display {
    border: 2px solid #5EC5ED;
    border-radius: 21px;
    width: 300px; /* 340 - 36 - 4 (padding and border) */
    min-height: 18px;
    display: block;
    padding: 10px 18px 9px 18px;
    margin-top: 7px;
    margin-bottom: 0;
    vertical-align: middle;

    color: #6E6E6E;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 14px;
    line-height: 18px;
}

    div.input .input-short {
        width: 150px !important;
        display: inline !important;
    }

.postfix-label {
    display: inline;
    vertical-align: middle;
    text-align: left;
    margin: 5px 0px 0px 0px !important;
}
div.input-message {
    padding: 0 18px 0 18px;
    margin-top: 20px;
    margin-bottom: 38px;
    color: #000000;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
}

div.analysis-results {
    padding: 0 18px 0 18px;
    color: #000000;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
}
div.analysis-results div:nth-of-type(2) {
    color: #D0011B;
}
div.analysis-results span.analysis-text {
    display: inline-block;
    width: 250px;
}
div.analysis-results span.analysis-value {
    display: inline-block;
    width: 100px;
    text-align: right;
}
div.analysis-results .analysis-summary {
    margin-top: 8px;
    max-width: 640px;
}
div.analysis-results a {
    margin-left: 20px;
}
div.analysis-results a.validation-link {
    margin-left: 0px;
    color: #D0011B;
    text-decoration: underline;
}
div.analysis-results a.validation-link:hover {
    color: #FFCD10;
}

.input-hint {
    display: inline-block;
    margin-top: 0px;
    padding-top: 18px;
    padding-left: 20px;
    color: #6E6E6E;
    font-style: italic;
}

div.input input,
div.input textarea,
div.input select {
    font-family: 'Avenir LT W02 55 Roman' !important;
    font-size: 14px !important;
    line-height: 18px !important;
}

div.input input[type=password],
div.input input[type=text],
div.input textarea {
    border: 2px solid #5EC5ED;
    border-radius: 21px;
    width: 300px; /* 340 - 36 - 4 (padding and border) */
    height: 37px;
    display: block;
    padding: 0 18px 0 18px;
    margin-top: 7px;
    margin-bottom: 0;
    color: #009FDA;
}
div.input textarea {
    height: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.input textarea.wide {
    width: 660px;
}
div.input.with-button input[type=password],
div.input.with-button input[type=text] {
    display: inline-block;
}
div.input.with-button input[type=submit] {
    margin-top: 7px !important;
}
div.input input[type=submit] {
    margin: 2px 0 5px 18px;
}
div.input input:focus,
div.input select:focus,
.highlight-panel select:focus,
div.input textarea:focus {
    border-color: #FFCD10 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
div.input input:required:valid,
div.input select:required:valid,
div.input textarea:required:valid {
    border-color: #FFCD10;
}
div.input input:required:invalid,
div.input select:required:invalid,
div.input textarea:required:invalid {
    color: #009FDA;
}

div.input input[type=file] {
    border: 2px solid #5EC5ED;
    border-radius: 21px;
    width: 300px; /* 340 - 36 - 4 (padding and border) */
    height: 18px;
    display: block;
    padding: 7px 18px 12px 18px;
    margin-top: 7px;
    margin-bottom: 0;
    vertical-align: middle;

    font-family: 'Avenir LT W02 55 Roman';
    font-size: 14px;
    line-height: 18px;
}

div.input div table { /* for grid view tables in the form */
    display: inline;
}

div.input .button.input-aligned {
    margin-top: 35px;
    margin-left: 0;
}

/* this is to style inputs for errors when a validator finds one */
.validation {
    position: absolute;
    top: 80px;
    left: 20px;
    right: 20px;
    font-style: italic;
    text-align: right;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 14px;
    line-height: 18px;
}
.validation.textarea-5-row {
    top: 150px;
}
.validation:not([style*="display:none"]):not([style*="display: none"]) ~ input:not([type=submit]):not([type=image]),
.validation:not([style*="display:none"]):not([style*="display: none"]) ~ select,
.validation:not([style*="display:none"]):not([style*="display: none"]) ~ textarea,
.validation:not([style*="display:none"]):not([style*="display: none"]) ~ span.input-display {
    background-color: #F4CCD9;
    border-color: #EF97B3 !important;
    margin-bottom: 21px;
}

.validation-simple {
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    font-style: italic;
    text-align: right;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 14px;
    line-height: 18px;
}
.validation-simple.left {
    padding-left: 10px;
    text-align: left;
}
.validation-simple a {
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 14px;
    line-height: 18px;
    color: red;
    text-decoration: underline;
}
.validation-simple a:hover {
    color: #FFCD10;
}

div.input select {
    border: 2px solid #19ACEB;
    border-radius: 40px;
    width: 340px;
    height: 41px;
    display: block;
    padding: 0 0px 0 14px;
    margin-top: 7px;
    margin-bottom: 0;
    color: #009FDA;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-style: italic !important;
    font-family: 'Avenir LT W02 55 Roman'; /* ?? meant to be 35 Oblique but don't have it */
    font-size: 14px;
    line-height: 18px;
    color: #6E6E6E;
}
 
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
    font-style: italic !important;
    font-family: 'Avenir LT W02 55 Roman'; /* ?? meant to be 35 Oblique but don't have it */
    font-size: 14px;
    line-height: 18px;
    color: #6E6E6E;
}
 
input::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */
    font-style: italic !important;
    font-family: 'Avenir LT W02 55 Roman'; /* ?? meant to be 35 Oblique but don't have it */
    font-size: 14px;
    line-height: 18px;
    color: #6E6E6E;
}
 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    font-style: italic !important;
    font-family: 'Avenir LT W02 55 Roman'; /* ?? meant to be 35 Oblique but don't have it */
    font-size: 14px;
    line-height: 18px;
    color: #6E6E6E;
}

div.buttons {
    margin-left: 6px;
}

div.buttons .button {
    margin-right: 15px;
}

div.buttons .cancel-button {
    vertical-align: top;
    display: inline-block;
    margin-top: 15px;
    text-decoration: underline;
}
div.buttons .cancel-button:hover {
    text-decoration: underline;
}

.link-button:hover {
    text-decoration: underline;
    cursor: pointer;
}
.link-button {
    text-decoration: underline;
}
.link-button.back-arrow:before {
    display: inline-block;
    content: '';
    width: 14px;
    height: 14px;
    vertical-align: bottom;
    margin-bottom: 3px;
    background: transparent url('/_admin/_media/images/v2/icon-arrow-left-blue.svg') no-repeat;
    background-size: 10px;
}

.validation-summary {
    background-color: #F4CCD9;
    border: 2px solid #EF97B3;
    border-radius: 21px;
    padding: 12px 20px 0px 20px;
    max-width: 656px;
    margin-top: 7px;
    margin-bottom: 19px;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
    color: #D0011B !important;
}

.validation-summary > ul {
    margin-top: 0;
}

.validation-summary > div {
    margin-bottom: 16px;
}

.validation-summary.no-bullets {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.validation-summary.no-bullets > ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

div.form-subheading {
    margin-left: 22px;
    padding: 5px 0 7px 0;
}

div.form-text {
    margin-left: 20px;
}

div.input-checkboxlist {
    margin-top: -6px;
    margin-left: 21px;
    margin-bottom: 7px;
}

div.input-checkboxlist input,
div.input span.checkboxlist input {
    display: inline;
    vertical-align: top;
    margin-top: 6px;
}

div.input-checkboxlist label,
div.input span.checkboxlist label {
    display: inline;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
    color: #6E6E6E;
    margin-top: 6px;
    padding-left: 5px;
}

div.input span.checkboxlist {
    display: inline-block;
    margin-top: 10px;
    padding-left: 21px;
    padding-bottom: 9px;
}


/* searchbox */

div.searchbox {
    float: right;
    text-align: right;
    margin: 20px 0 20px 0;
    width: 50%;
    height: 37px;
}

div.searchbox span {
    display: inline-block;
    width: 180px;
    white-space: normal;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 2px;
}

div.searchbox input[type=text] {
    border: 2px solid #19ACEB;
    border-right: 0;
    border-radius: 40px 0 0 40px;
    width: 187px; /* 225 - 36 - 2 (padding and border) */
    height: 33px; /* 37 - 4 (border) */
    background: white;
    padding: 0 18px 0 18px;
    margin: 0;
    font-family: 'Avenir LT W02 55 Roman' !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #009FDA;
}
div.searchbox input[type=text]:focus,
div.searchbox input[type=text]:focus ~ input[type=image] {
    border-color: #FFCD10 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
div.searchbox input[type=text]:required:valid,
div.searchbox input[type=text]:required:valid ~ input[type=image] {
    border-color: #FFCD10 !important;
}
div.searchbox input[type=text]:required:invalid {
    color: #009FDA !important;
}

div.searchbox input[type=image] {
    border: 2px solid #19ACEB !important;
    border-left: 0 !important;
    border-radius: 0 21px 21px 0;
    background: #FFCD10;
    width: 48px; /* 50 - 2 (border) */
    height: 21px;
    margin: 0;
    padding: 6px 0 6px 0;
    transition-duration: 0.25s, 0.25s;
    transition-property: border;
    transition-timing-function: linear, linear;
}
div.searchbox input[type=image]:hover {
    border-color: #FFCD10 !important;
}


/* count box */

div.countbox {
    float: left;
    margin: 20px 0 20px 0;
    height: 31px;
    padding-left: 10px;
    padding-top: 8px;
}

div.countbox select {
    width: 53px;
    height: 32px;
    background: #FFFFFF;
    border: none;
    color: #009FDA;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin: -4px 5px 0 5px;
}
div.countbox select:focus {
    outline: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* table styles */

.table-normal {
    border: none;
    width: 100%;
}

.table-normal.no-intro {
    margin-top: 21px;
}

tr.table-empty-row td {
    border: none;
    text-align: center;
    padding-top: 30px;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    text-transform: uppercase;
}

tr.table-row:hover td:first-of-type {
    padding-left: 9px;
    border-left: 6px solid #FFCD10;
}

tr.table-header-row th {
    background-color: #5EC5ED;
    border-right: 1px solid #FFFFFF;
    border-top: none;
    border-left: none;
    border-bottom: none;
    padding: 0 12px 0 12px;
    height: 48px;
}
tr.table-header-row th:last-of-type {
    border-right: none;
}

tr.table-header-row th a {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0 -12px 0 -12px;
    padding: 0 12px 0 12px;
}

tr.table-header-row th,
tr.table-header-row th a {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-transform: uppercase;
    color: white;
}

tr.table-header-row th a:before,
tr.table-pager td table td a:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

tr.table-header-row th a.ascending:after,
tr.table-header-row th a.descending:after {
    display: inline-block;
    content: '';
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -3px;
}
tr.table-header-row th a.ascending:after {
    background: transparent url('/_admin/_media/images/v2/icon-arrow-down-white.svg') no-repeat;
    background-size: 14px;
}
tr.table-header-row th a.descending:after {
    background: transparent url('/_admin/_media/images/v2/icon-arrow-up-white.svg') no-repeat;
    background-size: 14px;
}

tr.table-row td {
    background-color: #F8F8F8;
    border-bottom: 2px solid #5EC5ED;
    border-top: none;
    border-left: none;
    border-right: none;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    height: 47px;
    vertical-align: top;
    padding: 15px 12px 15px 12px;
}

tr.table-row td.codes {
    padding: 14px 0 15px 0 !important;
}

tr.table-row td.actions img,
tr.table-row td.actions input[type=image] {
    width: 30px;
    padding-left: 2px;
    padding-right: 2px;
}

tr.table-row td.codes img,
tr.table-row td.codes input[type=image] {
    width: 21px;
    margin-top: 6px;
}

tr.table-row td.codes div {
    width: 100%;
    height: 32px;
    background-color: #FFFFFF;
}

tr.table-row td.codes div.error {
    background-color: #F4CCD9;
}

tr.table-row td.codes input[type=text] {
    background-color: transparent;
    width: 85px;
    border: none !important;
    outline: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding: 7px 0 0 0;
    margin: 0;
    text-align: center;
}
tr.table-row td.codes input[type=text]:focus {
    border: none !important;
    outline: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

tr.table-row td.activity-status {
    padding: 15px 12px 0 2px;
}
tr.table-row td.activity-status img {
    float: left;
    width: 30px;
    margin-top: -3px;
    padding-right: 8px;
}
tr.table-row td.activity-status span {
    overflow: hidden;
}
tr.table-row td.activity-status span:first-child {
    margin-left: 38px;
}

tr.table-row td.followed-up {
    padding: 0;
}
tr.table-row td.followed-up div.followed-up-date {
    padding: 15px 9px 15px 0px;
}
tr.table-row td.followed-up div.followed-up-date div {
    display: inline-block;
}
tr.table-row td.followed-up div.followed-up-date input[type=checkbox] {
    float: right;
    margin-top: 5px;
}
tr.table-row td.followed-up div.followed-up-reissue {
    padding: 10px 0px 0px 0px;
}
tr.table-row td.followed-up div.followed-up-sure,
tr.table-row td.followed-up div.followed-up-reissue-sure {
    padding: 12px 0 0 0;
}
tr.table-row td.followed-up div.followed-up-sure .button-no-arrow,
tr.table-row td.followed-up div.followed-up-reissue-sure .button-no-arrow {
    width: 51px;
    text-align: center;
    margin-top: 3px;
    height: 32px;
}

tr.table-pager td {
    border: none;
}

tr.table-pager td table {
    float: right;
    margin-top: 18px;
}

tr.table-pager td table td {
    height: 32px;
    min-width: 31px;
    text-align: center;
    padding: 0;
    background: #FFCD10;
    color: #FFFFFF;
}

tr.table-pager td table td,
tr.table-pager td table td a {
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

tr.table-pager td table td a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background: #FFFFFF;
}
tr.table-pager td table td a:hover {
    background: #FFCD10;
    color: #FFFFFF;
}

tr.table-summary,
tr.table-summary td {
    height: 0px !important;
    border: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    overflow: hidden;
    background: red;
}

tr.table-summary td div {
    position: absolute;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin-top: 23px;
    margin-left: 12px;
}

td.link-cell img {
    height: 11px;
    margin-left: -8px;
    margin-right: -2px;
}

td.link-cell .link-cell-extra-lines {
    margin-left: 6px;
}


/* button styles */

.button,
.button-no-arrow,
.button-delete {
    background: #009FDA; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#90D3F0, #009FDA); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#90D3F0, #009FDA); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#90D3F0, #009FDA); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#90D3F0, #009FDA); /* Standard syntax */
    background-color: transparent;
    background-repeat: no-repeat;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    height: 42px;
    border: 2px solid #19ACEB;
    border-radius: 6px;
    color: #FFFFFF;
    font-family: 'Avenir LT W04_85 Heavy1475548' !important;
    font-size: 12px !important;
    line-height: 16px !important;
    text-transform: uppercase;
    text-align: start;
    margin-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
}
.button {
    background: #009FDA; /* For browsers that do not support gradients */
    background: url(/_admin/_media/images/v2/icon-button-arrow.svg) right 10px center/20px, -webkit-linear-gradient(#90D3F0, #009FDA); /* For Safari 5.1 to 6.0 */
    background: url(/_admin/_media/images/v2/icon-button-arrow.svg) right 10px center/20px, -o-linear-gradient(#90D3F0, #009FDA); /* For Opera 11.1 to 12.0 */
    background: url(/_admin/_media/images/v2/icon-button-arrow.svg) right 10px center/20px, -moz-linear-gradient(#90D3F0, #009FDA); /* For Firefox 3.6 to 15 */
    background: url(/_admin/_media/images/v2/icon-button-arrow.svg) right 10px center/20px, linear-gradient(#90D3F0, #009FDA); /* Standard syntax */
    background-color: transparent;
    background-repeat: no-repeat;
    min-width: 140px;
    padding-right: 46px;
}
.button-delete {
    background: #009FDA; /* For browsers that do not support gradients */
    background: url(/_admin/_media/images/v2/icon-button-delete.svg) right 10px center/20px, -webkit-linear-gradient(#90D3F0, #009FDA); /* For Safari 5.1 to 6.0 */
    background: url(/_admin/_media/images/v2/icon-button-delete.svg) right 10px center/20px, -o-linear-gradient(#90D3F0, #009FDA); /* For Opera 11.1 to 12.0 */
    background: url(/_admin/_media/images/v2/icon-button-delete.svg) right 10px center/20px, -moz-linear-gradient(#90D3F0, #009FDA); /* For Firefox 3.6 to 15 */
    background: url(/_admin/_media/images/v2/icon-button-delete.svg) right 10px center/20px, linear-gradient(#90D3F0, #009FDA); /* Standard syntax */
    background-color: transparent;
    background-repeat: no-repeat;
    min-width: 140px;
    padding-right: 46px;
    float: right;
    margin-right: 137px;
}
.button:hover,
.button-no-arrow:hover {
    border-color: #FFCD10;
}
a.button {
    height: 38px;
    line-height: 38px !important;
    display: inline-block;
}
a.button:hover {
    color: #FFFFFF;
}
.button.margin-top {
    margin-top: 20px;
}

.cancel-button {
    text-decoration: underline;
    cursor: pointer;
}
.cancel-button:hover {
    text-decoration: underline;
}

.header-user-button {
    background: #E1F2FA;
    float: right;
    padding: 12px 12px 0 12px;
    height: 24px;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}
.header-user-button.dark {
    background: #5EC5ED;
    color: #FFFFFF;
}
.header-user-button.dark:hover {
    color: #FFCD10;
}
.header-user-button img {
    vertical-align: top;
    margin-top: 2px;
}

.title-button {
    display: inline-block;
    width: 258px;
    height: 59px;
    background-color: #FFCD10;
    margin-bottom: 10px;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 14px;
    line-height: 59px;
    text-transform: uppercase;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
}
.title-button:hover {
    color: #009FDA;
}

.title-button img.icon {
    margin-bottom: 4px;
    margin-left: 12px;
    margin-right: 5px;
    width: 34px;
}

.title-button img.arrow {
    margin-bottom: 4px;
    margin-left: 4px;
    width: 10px;
}


.large-title-button {
    display: inline-block;
    width: 298px;
    height: 79px;
    background-color: #FFCD10;
    margin-bottom: 10px;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
}
.large-title-button:hover {
    color: #009FDA;
}

.large-title-button > div {
    display: inline-block;
    width: 173px;
    padding-top: 12px;
}

.large-title-button > div > span {
    color: #000000;
}

.large-title-button img.icon {
    display: inline-block;
    margin: 0 11px 48px 14px;
    width: 50px;
}

.large-title-button img.arrow {
    display: inline-block;
    margin-bottom: 48px;
    width: 24px;
}


.very-large-title-button {
    display: inline-block;
    width: 335px;
    height: 81px;
    background-color: #FFCD10;
    margin-bottom: 10px;
    font-family: 'Avenir LT W04_85 Heavy1475548';
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
}
.very-large-title-button:hover {
    color: #009FDA;
}

.very-large-title-button > div {
    display: inline-block;
    width: 260px;
    padding-top: 12px;
}

.very-large-title-button > div > span {
    color: #000000;
}

.very-large-title-button img.icon {
    display: inline-block;
    margin: 0 4px 48px 11px;
    width: 40px;
}

.very-large-title-button > div:after {
    display: inline-block;
    content: '';
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-left: 2px;
    background: transparent url('/_admin/_media/images/v2/icon-arrow-right-blue.svg') no-repeat;
    background-size: 10px;
}




/* tabs */

div.tabs {
    border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
    background: #E7E7E7 !important;
}

div.tabs > div {
    padding: 30px 30px 11px 30px !important;
}

div.tabs > div .buttons {
    padding-bottom: 41px;
}

div.tabs > ul {
    background: #F8F8F8 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 5px solid #FFCD10 !important;
    width: 100%;
    white-space: nowrap;
    height: 49px;
}

div.tabs > ul > li {
    background: none !important;
    background: #5EC5ED !important;
    border-radius: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    margin: 0 1px 0 0 !important;
    height: 48px;
}
div.tabs > ul > li:hover,
div.tabs > ul > li.ui-state-active  {
    background: #FFCD10 !important;
}

div.tabs > ul > li > a {
    font-family: 'Avenir LT W04_85 Heavy1475548' !important;
    font-size: 14px !important;
    line-height: 48px !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
    color: #FFFFFF !important;
    display: inline-block;
    padding: 0 14px 0 14px !important;
    margin: 0 !important;
    text-align: center;
}
div.tabs > ul > li > a:hover {
    color: #FFFFFF !important;
}


.help-tooltip {
    position: relative;
    display: inline-block;
}
.help-tooltip-text {
    visibility: hidden;
    width: 500px;
    font-family: 'Avenir LT W02 55 Roman';
    font-size: 16px;
    line-height: 24px;
    background-color: #FFCD10;
    color: black;
    text-align: center;
    padding: 10px 5px;
    border-radius: 6px;
    position: absolute;
    bottom: 130%;
    left: 50%;
    margin-left: -480px;
    z-index: 1;
}
.help-tooltip .help-tooltip-text::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the top of the tooltip */
    left: 480px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #FFCD10 transparent transparent transparent;
}
.help-tooltip:hover .help-tooltip-text {
    visibility: visible;
}