@import url("/FormBuilder/_Resource/_module/plugin/base/styles.min.css");
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

html,
body {
    min-height: inherit !important;
}
body {
    font-family: 'Lato', arial, sans-serif;
    color: #525252;
    line-height: 1.5;
    font-weight: 400;
    margin: 0 !important;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: #525252;
}
.container {
    max-width: 100%;
}
a:not(.tab-button):not(.loadNext) {
    border: 0 !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
    color: #8138c1;
}
a:not(.tab-button):not(.loadNext):hover,
a:not(.tab-button):not(.loadNext):focus,
a:not(.tab-button):not(.loadNext):active {
    text-decoration: underline !important;
}
input,
select {
    color: #8138c1;
}
.tab-button, .loadNext {
    font-family: 'Lato', arial, sans-serif;
    background: #959ea8;
    border: 2px solid #959ea8;
    display: inline-block;
    font-size: 16px !important;
    font-weight: 500;
    text-align: center;
    height: auto;
    text-decoration: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    white-space: nowrap;
    color: #FFF;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none;
    padding: 10px 18px;
    line-height: 1;
    border-radius: 4px;
}
.button, input[type="button"] {
    font-family: 'Lato', arial, sans-serif;
    background: #724c9f;
    border: 2px solid #724c9f;
    display: inline-block;
    font-size: 16px !important;
    font-weight: 500;
    text-align: center;
    height: auto;
    text-decoration: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    white-space: nowrap;
    color: #FFF;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none;
    padding: 10px 18px;
    line-height: 1;
    border-radius: 24px;
}
.tab-button:hover,
.tab-button:active,
.tab-button:focus,
.loadNext:hover,
.loadNext:active,
.loadNext:focus {
    background-color: #724c9f;
    border-color: #724c9f;
    color: #fff;
}

.button:hover,.button:focus,
input[type="button"]:hover, input[type="button"]:focus {
    background-color: #432464;
    border-color: #432464;
    color: #fff;
}

.emailSubscription > div .row {
    margin-left: 0;
    margin-right: 0;
    display: block;
}
constructed stylesheet
.emailSubscriptionView > .row {
    padding-bottom: 20px;
    margin: 0;
}

.emailSubscriptionView #EmailAddress {
    padding: 5px;
    background: transparent;
    border: none;
    color: #525252;
    border: 1px solid #525252;
    width: 50%;
    font-size: 16px;
}
.emailSubscriptionView #EmailAddress:focus {
    border-color: #8138c1;
}
input[type="checkbox"]:checked+label::before {
	color: #8138c1;
}
.error label {
    color: #ff4f4f;
}
.emailSubscription ul, .error ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tab-button.current {
    background-color: #724c9f;
    border-color: #724c9f;
    color: #fff;
}
table.priceTable {
    border: none;
    max-width: 600px;
    margin: 0 auto;
    background: #8138c1 !important;
}
table.priceTable tr {
    background: none !important;
}
table.priceTable tr td {
    height: auto !important;
    padding: 0;
	color: #FFF;
}
table.priceTable tr td td {
    padding: 5px 10px;
    font-weight: 400;
}
table.priceTable tr td .price {
    color: #FFF;
    font-size: 42px;
    font-weight: bold;
}
table.priceTable > tbody > tr > td {
    padding-top: 10px;
    padding-bottom: 10px;
}
table.priceTable > tbody > tr:last-child > td:first-child {
    text-align: center;
}
table.priceTable > tbody > tr:last-child > td:last-child {
    display: none;
}
table.priceTable .priceDetailsLabel {
    text-align: right;
    font-weight: bold;
}
table.priceDetails {
    background: transparent !important;
}
table .price-icon {
    position: relative;
    display: inline-block;
    font-weight: bold;
}
table .price-icon::before {
    font-family: "Font Awesome 5 Pro";
    font-size: 21px;
    top: 0px;
    left: 0px;
    color: #ff9700;
}
table .price-icon.price-icon-down:before {
    content: "\f0d7";
}
table .price-icon.price-icon-up:before {
    content: "\f0d8";
}
table .priceMove {
    padding: 0 0 15px;
    display: inline-block;
    font-size: 20px;
}
.announcementsTable th {
    background: #959ea8;
    color: #FFF;
}
.price-date {
    display: block;
    text-align: center;
    padding: 6px 5px 7px;
    font-weight: 400;
    max-width: 600px;
    margin: 0 auto;
    background: #8138c1;
    border: 2px solid #8138c1;
    border-top: 0;
    color: #fff;
}
.price-date span {
    font-size: 16px;
}
.ASXAnnouncements .error {
    list-style-position: inside;
}
.ASXAnnouncements #loadingSpinner {
    display: none !important;
}
.ASXAnnouncements .announcementTitle a {
    position: relative;
    display: inline-block;
    margin-left: 25px;
}
.ASXAnnouncements .announcementTitle a::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f1c1";
    font-size: 1.25rem;
    font-weight: 300;
    position: absolute;
    left: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.priveVolumeChart {
    width: 100% !important;
}
/* .highcharts-input-group,
.highcharts-legend,
#errorContainer_PriceVolumeChart1,
#errorContainer_InvestmentCalculator1 {
    display: none !important;
} */

.highcharts-axis text {font-weight: normal;}

#errorContainer_PriceVolumeChart1,
#errorContainer_InvestmentCalculator1 {
    display: none !important;
}
.highcharts-button {
    cursor: pointer !important;
}
.calc-table {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.calc-table .horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 0;
}
.calc-table .horizontal li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0.5rem 1rem;
}
.calc-table .horizontal li input[type="text"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    background: #fbfbfb;
}
.calc-table .horizontal li.checked input[type="text"] {
    background: #fff;
}
.calc-table .horizontal li input[type="radio"] {
    display: none;
}
.calc-table .horizontal li input[type="radio"]:checked + label::before {
    content: "\f192";
    font-weight: 400;
}
.calc-table .horizontal li label {
    font-weight: 700;
    font-size: 1.125rem;
    cursor: pointer;
    margin-bottom: 0.75rem;
}
.calc-table .horizontal li label::before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    margin-right: 10px;
    font-size: 1rem;
    display: inline-block;
    position: relative;
    top: -1px;
}
.calc-table .horizontal li:first-child {
    margin-left: 0;
}
.calc-table .horizontal li:last-child {
    margin-right: 0;
}
.calc-table .calc-table-filter {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-bottom: 1rem;
}
.calc-table .calc-table-filter .calc-table-filter-row > label {
    font-size: 1.875rem;
    font-weight: 700;
    text-align: center;
    width: 100%;
    margin-top: 2rem;
    display: none;
}
.calc-table #calcTable {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.calc-table #calcTable .calc-table-row {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    padding: 0.625rem 2.375rem;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.calc-table #calcTable .calc-table-row label {
    margin: 0;
    display: block;
    font-weight: 700;
}
.calc-table #calcTable .calc-table-row:nth-child(5) {
    border: 0;
}
.calc-table #calcTable .calc-table-row:nth-child(6) {
    border: 0;
}

label, legend, input[type="checkbox"]+label {font-size: 16px;}
.submitSubscriptionBtn {padding-top:30px !important;}
@media (max-width: 575px) {
    .calc-table .horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .calc-table .horizontal li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .calc-table .horizontal li:last-child {
        margin-top: 1rem;
    }
    .calc-table #calcTable .calc-table-row {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 1rem;
    }
}