.termsandconditions .guideFieldLabel label, .afTncContentArea p, .guide-tnc-checkbox .guideWidgetLabel label {
    color: #ffffff;
}

.termsandconditions.guidefield {
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    left: 0;
    background-color: rgba(123, 123, 123, 0.9);
    color: #ffffff;
    min-height: 50%;
}

.termsandconditions .guideFieldLabel.top {
    height: 40px;
}

.termsandconditions .afTermsAndConditions, .tnc-content-area {
    padding: 0;
}

.termsandconditions .guide-tnc-checkbox {
    text-align: center;
}

.termsandconditions .guide-tnc-checkboxwidget.left {
    display: none;
}

.tnc-checkbox .guideWidgetLabel label, .guide-tnc-content {
    color: #ffffff;
    border: none;
}

.tnc-checkbox .guideWidgetLabel label {
    text-align: center;
}

.termsandconditions .tnc-button {
    border: solid 1px #ffffff;
    border-radius: 5px;
    width: 200px;
    margin: auto;
    cursor: pointer;
}

.termsandconditions .guideFieldWidget.afTermsAndConditions, .tnc-content-area {
    border: 0px;
    background-color: transparent;
}

.tnc-content-area {
    border: 0px;
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .termsandconditions .guideFieldNode:not(.guideButton):not(.guideChart):not(.headerText1):not(.headerText2) {
        width: 720px;
        margin: auto;
    }
}

@media (min-width: 992px) {
    .termsandconditions .guideFieldNode:not(.guideButton):not(.guideChart):not(.headerText1):not(.headerText2) {
        width: 940px;
        margin: auto;
    }
}

@media (min-width: 1200px) {
    .termsandconditions .guideFieldNode:not(.guideButton):not(.guideChart):not(.headerText1):not(.headerText2) {
        width: 1040px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 48px;
    }
}