/*#home_tpl .visuals_img_21 {
    margin-left: 25px;
    margin-right: 0px;
}

@media screen and (max-width: 1210px) and (min-width: 581px) {
#home_tpl .visuals_img_21 {
    margin: 0 2% 2% 2.5%;
}
}*/


/*====temp logo===*/


.logo_simple span {
        /*background-image: url(../images/IA_Logo_sm_poppy.png);*/
        /*background-image: url(../images/IA_Logo_sm_movember.png);
        width: 258px;
        background-size: 258px;*/
}



@media screen and (max-width: 580px) {

    .logo_simple span {
        margin-top: -20px;
        width: 198px;
        background-size: 198px;
    }
.logo_simple {
    background:none;
    }

}


button[disabled] {
    opacity: .5;
}

.simple_btn {
    border:none;
}

.u-disabled-box, .u-disabled-btn {
    opacity: .5;
}


.u-notification-box {
    padding: 1em;
    text-align: center;
    border-top: 5px solid #172242;
    margin: 15px 0;
    background: #fff3cc;
    border-bottom: 2px solid #172242;
}
.u-notification-box--warning {
    background-color: #fde1de;
}
.u-white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
 .mfp-close-btn-in  .u-white-popup .mfp-close {
    color: black;
}
.o-form input, .o-form textarea {
    border: 1px solid #b5aca6;
}


/*unsubscribe forms*/

#unsubscribe_all {
    max-width: 600px;
}

.u-white-popup button {
    margin-right: 15px;
}

#loginModal {
    padding-top: 70px;
}
#loginModal button{
     margin-right: 0px;
}
#loginModal p {
    text-align: center;
}
#loginModal input{
     margin-right: 0px;
     border:1px solid #b5aca6;
}

section .sector_btn a[href$=".pdf"]:after, section a.arrow[href$=".pdf"]:after {
      border-right: 2px solid;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 48%;
    width: 0;

  margin-top: -1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right:0;
}



section a.arrow_down[href$=".pdf"]:after {
  content: "";
  background-color: #fff;
  height: 10px;
  position: absolute;
  top: 37%;
    -webkit-transform: translate(-4px, 0) rotate(-45deg);
  -ms-transform: translate(-4px, 0) rotate(-45deg);
  transform: translate(-4px, 0) rotate(-45deg);
}



/*
.o-tabs {
    display: inline-block;
    background: #a2a7b4;
    padding:0 15px;
    width: 100%;
    display: flex;
    align-items: flex-end;
} 

.o-tabs__wrapper {
    padding-top:1em;
}
.o-tabs__item {
    padding: 10px 0 15px 0 !important;
    margin:0 !important;
    display: inline-block;
    background-image: none !important;
}
.o-tabs__item:hover {
    background: rgba(255,255,255,.5)
}
.o-tabs__item a{
    color: #ffffff;
    border-left:1px solid #ffffff;
    padding: 0px 15px;
}
.o-tabs__item:hover + .o-tabs__item a, .o-tabs__item:hover a{
    border-color: transparent;
}
.o-tabs__item:first-child a, .o-tabs__item--active a, .o-tabs__item--active + .o-tabs__item a{
    border-left:none !important;
}

.o-tabs__item--active {
    color: #172144;
    background: #ffffff;
    border-top: 10px solid #a2a7b4;
}
.o-tabs__item--active a{
    color: #172144;
}
*/



/*SEARCH*/
.o-search-filter__wrap {
    padding: 15px 10px;
    background: #eeedea;
    display: flex;
    align-items: : center;
}
.o-search-filter-item__wrap {
    display: flex;
}
input[type="search"].o-search-filter__input {
    width:250px;
    margin:0 15px;
}

.o-search-filter__label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
/*WEBINAR*/
/*.o-webinar {
    padding: 0;
}
.o-webinar__header {
    padding:15px 10px;
    background: #eeedea;
    margin-bottom: 0.75em;
}

.o-webinar__heading {

}

.o-webinar_img {
    width: 100%;
}

.o-webinar__details {
    display: inline-block;
    width: 100%;
}

.o-webinar__details--left {
    float: left;
    width:22.784810126%; 
    padding: 0 3.164556962% 0 1.265822784%;
}
.o-webinar__details--right {
    float: left;
    width: 77.215189873%; 
}

.o-webinar__details-head {
    display: inline-block;;
}
.o-webinar__details-content {
    display: inline-block;
}
.o-webinar__details-video {
    float: left;
    width: 57.37704918%; 
}
.o-webinar__details-links {
    float: left;
    width: 42.622950819%;
    padding:0 3.278688524%;
}*/








/*@keyframes background {
  0% { background-color: #f99; }
  33% { background-color: #9f9; }  
  67% { background-color: #99f; }
  100% { background-color: #f99; }
}*/
/*#home_tpl .visuals_img_21 {
    margin-left: 25px;
    margin-right: 0px;
}

@media screen and (max-width: 1210px) and (min-width: 581px) {
#home_tpl .visuals_img_21 {
    margin: 0 2% 2% 2.5%;
}
}*/

#account_settings form button[type='submit'] {
    display: none;
}


/*notice*/
.notice {
    padding:30px; 
    background:#fbb500
}



/*=== content form styles==*/
.subpage input, .subpage textarea {
    border:1px solid #b5aca6
}








/
/*header amends - icons with text and expanded search*/
/*#settings_panel .main_nav {
    width: 39%;
}

.btn_manage {
    text-indent: -9999px;
    background-position: center;
}

@media screen and (max-width: 950px) {
#settings_panel .main_nav  {
width: 50%;
    }
}

@media screen and (max-width: 850px) {
#settings_panel .main_nav  {
width: 70%;
    }
}

@media screen and (max-width: 580px) {
#settings_panel .main_nav  {
width: 100%;
    }
}*/
/* ======= Chart Tooltip ====*/

.chartToolTip {
    padding:0;
    width:720px;
    position:absolute;
    background:#fff;
    border-radius:10px;
    box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.2);
}
.chartToolTipWrap{
    padding:47px 30px 30px;
    top:-17px;
    position:relative;
    background: url(../images/tooltip-points.png) -240px top no-repeat;
}
.chartToolTipWrap .chartToolTipStage{
    width:516px;
    height:200px;
    margin:0 auto;
    position:relative;
    display:table;
}
.chartToolTipStage {
    padding:3px 0 3px 3px;
     border: 2px solid #b5aca6;
}
.chartToolTipWrap .chartToolTipStage a.prev, .chartToolTipWrap .chartToolTipStage a.next{
    width:60px;
    height:200px;
    position:absolute;
    top:0; 
    left:-60px;
    display:block;
}
.chartToolTipWrap .chartToolTipStage a.next{
    left:auto;
    right:-60px;
    text-align:right;
}

.chartToolTipWrap .chartToolTipStage a.prev:after{
    content:'<';
    display:table-cell;
    height:200px;
    width:60px;
    vertical-align:middle;
}


.chartToolTipWrap .chartToolTipStage a.next:after{
    content:'>';
    display:table-cell;
    height:200px;
    width:60px;
    vertical-align:middle;
    
}
.chartToolTipWrap nav{
    margin:20px auto 0;
    width:660px;
    border:none;
}
.chartToolTipWrap nav ul {
    margin:0 auto;
    padding:0;
    text-align:center;
    font-weight:800;
    font-size:16px;
    display:block;
    
}
.chartToolTipWrap nav ul li{
    padding: 0 15px;
    display:inline;
    border-right:1px solid #b5aca6
    
}

.chartToolTipWrap nav ul li a.active{
    text-decoration:underline;
    background:none;
    
}
.chartToolTipWrap nav ul li.last{
    border:0
    
}
#plot-container { height: 196px; width: 516px; overflow: hidden; position: relative; }
#plot-container > div { height: 196px; width: 516px; margin: 0; padding: 0; list-style-type: none; background: #fff;}

.trDisclaimer {margin-top:10px; font-size:13px; padding:0 60px}
.trDisclaimer br {line-height:0}

.fancybox-close {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}
.fancybox-close:after {
    content: 'X';
}



#updateSettingsWarning .btn_general {
    width: 100%;
    margin-bottom: 15px;
}


/* ========================= jqplot css =========================================================== 
====================================================================================================*/


/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
    position: relative;
    color: #666666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
/*    height: 300px;
    width: 400px;*/
}

/*rules applied to all axes*/
.jqplot-axis {
    font-size: 0.75em;
}

.jqplot-xaxis {
    margin-top: 10px;
}

.jqplot-x2axis {
    margin-bottom: 10px;
}

.jqplot-yaxis {
    margin-right: 10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
    margin-left: 10px;
    margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
    position: absolute;
    white-space: pre;
}


.jqplot-xaxis-tick {
    top: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-top: 10px;*/
    vertical-align: top;
}

.jqplot-x2axis-tick {
    bottom: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-bottom: 10px;*/
    vertical-align: bottom;
}

.jqplot-yaxis-tick {
    right: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-right: 10px;*/
    text-align: right;
}

.jqplot-yaxis-tick.jqplot-breakTick {
    right: -20px;
    margin-right: 0px;
    padding:1px 5px 1px 5px;
/*  background-color: white;*/
    z-index: 2;
    font-size: 1.5em;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    left: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-left: 10px;*/
/*    padding-right: 15px;*/
    text-align: left;
}

.jqplot-yMidAxis-tick {
    text-align: center;
    white-space: nowrap;
}

.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yaxis-label {
    margin-right: 10px;
/*    text-align: center;*/
    font-size: 11pt;
    position: absolute;
}

.jqplot-yMidAxis-label {
    font-size: 11pt;
    position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
/*    text-align: center;*/
    font-size: 11pt;
    margin-left: 10px;
    position: absolute;
}

.jqplot-meterGauge-tick {
    font-size: 0.75em;
    color: #999999;
}

.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999999;
}

table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid #cccccc;
    position: absolute;
    font-size: 0.75em;
}

td.jqplot-table-legend {
    vertical-align:middle;
}

/*
These rules could be used instead of assigning
element styles and relying on js object properties.
*/

/*
td.jqplot-table-legend-swatch {
    padding-top: 0.5em;
    text-align: center;
}

tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
    padding-top: 0px;
}
*/

td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
    cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
    border: 1px solid #cccccc;
    padding:1px;
}

div.jqplot-table-legend-swatch {
    width:0px;
    height:0px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.jqplot-title {
    top: 0px;
    left: 0px;
    padding-bottom: 0.5em;
    font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
}


.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.jqplot-point-label {
    font-size: 0.75em;
    z-index: 2;
}
      
td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}

div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: 0.7em;
}

.jqplot-error {
/*   Styles added to the plot target container when there is an error go here.*/
    text-align: center;
}

.jqplot-error-message {
/*    Styling of the custom error message div goes here.*/
    position: relative;
    top: 46%;
    display: inline-block;
}

div.jqplot-bubble-label {
    font-size: 0.8em;
/*    background: rgba(90%, 90%, 90%, 0.15);*/
    padding-left: 2px;
    padding-right: 2px;
    color: rgb(20%, 20%, 20%);
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
    background: rgba(90%, 90%, 90%, 0.7);
}

div.jqplot-noData-container {
    text-align: center;
    background-color: rgba(96%, 96%, 96%, 0.3);
}


/*===============jqplot styles end=================*/

/*SEARCH*/
.o-search-filter__wrap {
    padding: 15px 10px;
    background: #eeedea;
    display: flex;
    align-items: center;
}


input[type="search"].o-search-filter__input {
    width:250px;
    margin:0 15px;
    border: 1px solid #1571d6;
    color: #1571d6;
    border-radius: 0;

}


input[type="search"].o-search-filter__input--clear-icon {
margin-right: 0 !important;
border-right:0 !important;
}

.o-search-input__wrap {
    display: flex;
}
.js-input--clear {
        border: 1px solid #1571d6;
    display: flex;
    background: white;
    border-left: 0;
    margin-right: 15px;
    padding-right:5px;
    align-items: center;
    cursor: pointer;
}
.o-search-filter__label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    white-space: nowrap;
}
.o-search-filter__btn {
    margin:0;
}


.js-dropdown__wrap {
    position: relative;
}


/*===============PUBLIC REGISTER========================*/
.utility_bar {
  display: flex;
  align-items: center;
  margin: 4em 0 1em 0;
  padding:10px;
  background: #eeedea;
}

.utility_bar a {
      display: flex;
    align-items: center;

}


.table_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section .public_register a[href$=".xls"]:after, section .public_register a[href$=".xlsx"]:after {
  margin-left: 10px;
}
.utility_bar select {
  margin-right: 20px;
  margin-bottom: 0;
  border: 1px solid #1571d6;
  color: #1571d6;
  -webkit-appearance: none;
  background: url(/assets/images/select_arrow_blue.svg) no-repeat right 1em center #fff;
  border-radius: 0;
  background-size: 15px;
}

@media screen and (max-width: 1200px) {

    .o-search-filter__wrap {
        flex-wrap:wrap;
    }
    .o-search-input__wrap {
        margin-bottom: 15px;
    }
    .o-search-filter__wrap.utility_bar select {
        margin-bottom: 15px;
    }

    .o-search-filter__wrap .btn_default {
        width: 100% !important;
    }
}

@media screen and (max-width: 680px) {
    .o-search-filter-item__wrap {
        flex-wrap:wrap;
        width: 100%;
    }
    .js-dropdown__wrap {
        width: 100%;
    }
    input[type="search"].o-search-filter__input {
        margin-left: 0;
        width: 100%;
    }
    .o-search-filter__wrap.utility_bar select {
        width: 100%;
    }
    .utility_bar select {
        margin-right: 0;
    }
    .js-input--clear {
        margin-right: 0;
    }
}



table.zebra {
  border-bottom: 10px solid #50dab0;
  font-size: .85em;
  margin-bottom: 50px;
  table-layout:auto;
}
table.zebra tr:nth-child(2n) {
    background-color: #eeedea;
}

table.zebra thead th{
  background-color: #50dab0;
  padding: 8px 18px 18px 8px;
  border-style: solid;
  border-color: #ffffff;
  border-width:0 1px 0 0;
  text-align: left;
  vertical-align: top;
}

table.zebra td {
  border-color: #ffffff;
  border-width:0 1px 0 ;
  padding: 8px;
  text-align: left;

}

.nowrap {
  white-space: nowrap;


}
.public_register article {
overflow-x:auto;}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting {
    background-image: url(/assets/images/sort_both.png);
}

table.dataTable thead .sorting_asc {
    background-image: url(/assets/images/sort_asc.png);
}

table.dataTable thead .sorting_desc {
    background-image: url(/assets/images/sort_desc.png);
}

.info_wrap {
  padding:10px;
  border: 1px solid #1571d6;
  background-color: #ffffff;
  font-size: 12px;
  position: absolute;
  font-weight: normal;
  max-width: 180px;
}
[data-pr-tt] {
  position: relative;
}

.hide {
  display: none;
}
/*==PUBLIC REGISTER END===*/


/* Dropdown Content (Hidden by Default) */
.js-dropdown__content {
    left:15px;
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    border: 1px solid #ddd;
    z-index: 1;
    padding:0 15px;

    max-height: 300px;
    overflow-y: auto;
}

/* Links inside the dropdown */
.js-dropdown__content a {
    color: black;
    padding: 3px 0px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.js-dropdown__content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}