@font-face {
    font-family: 'FuturaPTBook';
    src: url("../../web-app/checkout-2.0/assets/fonts/FuturaBT-Light.woff") format("woff"), url("../../web-app/checkout-2.0/assets/fonts/FuturaBT-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT';
    src: url("../../web-app/checkout-2.0/assets/fonts/FuturaBT-Bold.woff") format("woff"), url("../../web-app/checkout-2.0/assets/fonts/FuturaBT-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPTBook';
    src: url("../../web-app/checkout-2.0/assets/fonts/FuturaBT-Book.woff") format("woff"), url("../../web-app/checkout-2.0/assets/fonts/FuturaBT-Book.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}


@media (min-width: 951px) {
    
    #header-right a {
        font-family: "FuturaPTBook", sans-serif !important;
    }

    #header-main .content #logo {
        float: left;
        width: 207px;
        height: 55px;
        background-image: url("/img/st_bootstrap/logos/logo-STAllstate.svg");
        background-repeat: no-repeat;
    }

    #header-main .content #logo img {
        display: none;
    }

    #header-right a.help {
        background: unset;
        color: #252525;
        position: relative;
        right: -30px;
    }

    #header-right a.file-a-claim {
        display: none;
    }

    #header-right a.my-plans {
        display: none;
    }

    #header-right ul li:last-child {
        display: none;
    }

    #header-main .content {
        border-bottom: 2px solid #849CBD;
        margin-bottom: 15px;
    }

    .page-user-login #content h2.block-title {
        font-family: "FuturaPTBook", sans-serif !important;
        background: unset;
        color: #57729a;
        font-size: 36px !important;
    }

    .page-user-login .region-content {
        border: unset;
    }

    .page-user-login #block-system-main {
        border-right: 2px solid #e5e5e5;
    }

    .page-user-login #content #block-squaretradeauth-setup-account h2.block-title {
        border: unset;
    }

    #user-login div p {
        display: none;
    }

    form#user-login label,
    form#squaretradeauth-account-setup-form label {
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: normal;
    }

    form .form-actions input#edit-submit,
    form#squaretradeauth-create-password input#edit-submit {
        text-indent: initial !important;
        background: #6888B3 none center center !important;
        -webkit-appearance: none;
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: 400;
        font-style: normal !important;
        font-size: 18px !important;
        color: #FFFFFF;
        border-radius: 25px;
        height: 40px !important;
        width: 200px;
    }

    .st_val_error input {
        border: 1px solid #ED1C24 !important;
    }

    .st_error input {
        border: 1px solid #ED1C24 !important;
    }

    #link-forgot-password {
        top: 74px;
        left: 6px;
    }

    form div.st_msg {
        box-shadow: unset;
        border: none;
        background: none;
        color: #ED1C24 !important;
    }

    form#user-login label {
        font-weight: normal !important;
        font-size: 20px;
    }


    #user-login div.st_msg {
        border: none;
        background: none;
        box-shadow: none;
        padding: 0px;
        right: unset !important;
        top: 71px;
        width: 215px !important;
    }

    #user-pass div.st_msg {
        border: none;
        background: none;
        box-shadow: none;
        padding: 0px;
        right: unset !important;
        top: 55px;
        width: 100% !important;
    }

    .st_msg_txt {
        font-size: 12px !important;
    }

    .box-arrow {
        display: none !important;
    }

    form#user-login .form-actions {
        margin: 40px 0 0 0;
    }

    form#user-login .form-item {
        margin: 0px 0 40px 0;
    }

    form#squaretradeauth-account-setup-form p {
        margin-top: -10px;
        font-size: 20px;
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: 400;
        font-style: normal !important;
        line-height: 23px;
    }

    form#squaretradeauth-account-setup-form label {
        font-weight: normal !important;
        font-size: 20px !important;
    }

    #block-system-main h1,
    #block-system-main h2 {
        background: none !important;
        color: #6888B3 !important;
        font-size: 26px !important;
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: normal;
    }

    #block-squaretradeauth-setup-account input.form-submit {
        text-indent: initial !important;
        background: #6888B3 none center center !important;
        -webkit-appearance: none;
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: 400;
        font-style: normal !important;
        font-size: 18px !important;
        color: #FFFFFF;
        border-radius: 25px;
        width: 200px;
        height: 40px !important;
        margin-top: 15px;
    }

    form#squaretradeauth-account-setup-form div.st_msg {
        left: -20px;
        top: 50px;
    }

    #edit-actions--2 {
        top: 20px;
    }

    #block-menu-menu-landing-page-menu {
        display: none !important;
    }

    #user-pass div h1 {
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: normal
    }

    #member-login p {
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: 400;
        font-style: normal !important;
        font-size: 20px !important;
        line-height: 22px;
    }

    #email-error.hide {
        display: none;
    }

    #member-login div label {
        margin-top: 15px;
    }

    #member-login input {
        margin: 6px 0 0;
        padding: 0 10px;
        width: 385px;
        height: 40px;
        border: 1px solid #ccc;
        border-radius: 2px;
        color: #666;
        font-size: 18px;
        -moz-box-shadow: inset 0 0 2px #ccc;
        -webkit-box-shadow: inset 0 0 2px #ccc;
        box-shadow: inset 0 0 2px #ccc;
        z-index: 1;
    }

    #member-login .form-item.st_val_error .st_msg {
        top: 80px;
    }

    #member-login #edit-actions {
        top: 20px;
    }

    #member-login .form-item label {
        display:block;
        float:left;
        margin-top: 10px;
        font-family: "FuturaPTBook", sans-serif !important;
        font-size: 20px;
        font-weight: normal !important;
        color: #666666 !important;
        text-transform: capitalize;
    }

}

@media (max-width: 950px) {

    body {
        min-width: 0px;
    }

    #page {
        font-size: 100%;
    }

    #header {
        padding-bottom: 15px;
        border-bottom: 2px solid #6888B3;
    }

    #header-main .content {
        width: unset;
        height: auto;
    }

    #header-main #logo {
        margin-top: 10px;
        margin-left: 15px;
    }

    #header-main .content #logo {
        float: left;
        width: 207px;
        height: 41px;
        background-image: url("/img/st_bootstrap/logos/logo-STAllstate.svg");
        background-repeat: no-repeat;
    }

    #header-main .content #logo img {
        display: none;
    }


    #header-right {
        float: right;
        width: 100px;
    }

    #header-right ul li a.help {
        font-family: "FuturaPTBook", sans-serif !important;
        color: #222;
        background: none;
        font-size: 20px;
        margin-left: -10px;
    }

    #header-right ul li a.file-a-claim,
    #header-right ul li a.my-plans {
        display: none;
    }

    #header-right ul li:last-child {
        display: none;
    }

    .region.region-content {
        border: none;
        width: unset !important;
        margin: 0;
    }

    #block-system-main {
        width: calc(100vw - 61px) !important;
        margin: 0;
    }

    #block-system-main h1,
    #block-system-main h2 {
        background: none !important;
        color: #6888B3 !important;
        font-size: 26px !important;
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: normal;
    }

    #block-system-main .content,
    #block-squaretradeauth-setup-account .content {
        padding-top: 0 !important;
        width: calc(100vw - 61px) !important;
    }

    .content .st {
        display:none
    }

    form#user-login label {
        font-weight: normal !important;
    }


    #user-login div.st_msg {
        border: none;
        background: none;
        box-shadow: none;
        padding: 0px;
        right: unset !important;
        top: 67px;
        width: 215px !important;
    }

    #user-pass div.st_msg {
        border: none;
        background: none;
        box-shadow: none;
        padding: 0px;
        right: unset !important;
        top: 55px;
        width: 100% !important;
    }

    .st_msg_txt {
        font-size: 12px !important;
    }

    .box-arrow {
        display: none !important;
    }

    #edit-name,
    #edit-pass {
        width: calc(100vw - 82px) !important;
    }

    .st_val_error input {
        border: 1px solid #ED1C24 !important;
    }

    .st_error input {
        border: 1px solid #ED1C24 !important;
    }

    #link-forgot-password {
        top: 70px;
        left: 6px;
    }

    #edit-actions,
    #edit-actions--2 {
        top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    form .form-actions input#edit-submit,
    form#squaretradeauth-create-password input#edit-submit {
        text-indent: initial !important;
        background: #6888B3 none center center !important;
        -webkit-appearance: none;
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: 400;
        font-style: normal !important;
        font-size: 20px !important;
        color: #FFFFFF;
        border-radius: 25px;
        height: 40px !important;
        width: 100%;
    }

    #block-squaretradeauth-setup-account {
        width: calc(100vw - 61px) !important;
        margin: 0;
    }

    #block-squaretradeauth-setup-account h2 {
        background: none !important;
        color: #6888B3 !important;
        font-size: 26px !important;
        font-family: "FuturaPTBook", sans-serif !important;
        width: calc(100vw - 61px) !important;
        border-left: none !important;
    }

    form#user-login p {
        display: none;
        margin-top: -10px;
        margin-bottom: 10px;
    }

    form#squaretradeauth-account-setup-form p {
        margin-top: -10px;
    }

    form#squaretradeauth-account-setup-form label {
        font-weight: normal !important;
    }

    #edit-email-address {
        width: calc(100vw - 82px) !important;
    }

    form div.st_msg {
        box-shadow: unset;
        border: none;
        background: none;
        color: #ED1C24 !important;
    }

    #block-squaretradeauth-setup-account input.form-submit {
        text-indent: initial !important;
        background: #6888B3 none center center !important;
        -webkit-appearance: none;
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: 400;
        font-style: normal !important;
        font-size: 20px !important;
        color: #FFFFFF;
        border-radius: 25px;
        width: 100%;
        height: 40px !important;
        margin-top: 30px;
    }

    form#squaretradeauth-account-setup-form div.st_msg {
        left: 0px;
        top: 65px;
    }

    form#squaretradeauth-account-setup-form div span {
        position: relative;
        top: 3px;
        width: calc(100vw - 61px) !important;
    }

    #logo {
        width: 190px;
        height: auto;
    }

    form#user-login .form-item-pass div.st_msg {
        left: 0px;
    }

    #block-menu-menu-landing-page-menu.block.block-menu.first.odd {
        display: none;
    }

    #member-login {
        width: calc(100vw - 61px) !important;
    }

    #email-error.hide {
        display: none;
    }

    #member-login p {
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: 400;
        font-style: normal !important;
        font-size: 20px !important;
        line-height: 22px;
    }

    #member-login div label {
        margin-top: 15px;
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: 400;
        font-style: normal !important;
        font-size: 20px !important;
        line-height: 22px;
    }

    #member-login input {
        margin: 6px 0 0;
        width: 100%;
        height: 30px;
        border: 1px solid #ccc;
        border-radius: 2px;
        color: #666;
        font-size: 18px;
        -moz-box-shadow: inset 0 0 2px #ccc;
        -webkit-box-shadow: inset 0 0 2px #ccc;
        box-shadow: inset 0 0 2px #ccc;
        z-index: 1;
    }

    #member-login input#edit-submit {
        text-indent: initial !important;
        background: #6888B3 none center center !important;
        -webkit-appearance: none;
        font-family: "FuturaPTBook", sans-serif !important;
        font-weight: 400;
        font-style: normal !important;
        font-size: 20px !important;
        color: #FFFFFF;
        border-radius: 25px;
        height: 40px !important;
        width: 100%;
    }

    #member-login div .st_msg_txt {
        position:relative;
        top:15px;
    }

    #squaretradeauth-account-setup-form#squaretradeauth-account-setup-form div.st_msg {
        top: 45px;
        left: -17px;
    }

}