/* DEFAULTS
----------------------------------------------------------*/
@font-face {
       font-family: Calibri;
       src: url("calibri-webfont.ttf") format("truetype"),
            url('calibri-webfont.woff') format('woff'),
            url('calibri-webfont.eot') format('truetype'),
            url('calibri-webfont.eot?#iefix') format('embedded-opentype'),
            url('calibri-webfont.svg#Calibri') format('svg');
       font-weight: normal;
       font-style: normal;
}

/*body
{
    font-size: .80em;
    font-family: Calibri, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}*/

body {
    font-family: Segoe UI, SegoeUI, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-attachment: fixed;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    font: -apple-system-body;
}

a:link, a:visited {
    color: #00B3B5;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #48D38A;
}

p
{
    margin-bottom: 5px;
    line-height: 1.0em;
}

/* Rebranding----------------------------------------------------------*/
p {
    margin: 0;
}

a:focus {
    outline: 0;
}

input,
select {
    border: 1px solid #605e5c;
}

    input::placeholder {
        color: #6a6a6a;
        opacity: 1;
    }

img[data-tenant-branding-background='true'] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    position: fixed;
    left: 0;
    overflow: hidden;
    top: 0;
}

div[data-tenant-branding-background-color='true'] {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
}

.container {
    text-align: center;
    width: 100%;
    display: table;
    height: 100vh;
    padding: 0;
}

#api {
    margin: 0 auto;
}

.heading h1 {
    margin-bottom: 20px;
}

.col-lg-6 {
    max-width: 470px;
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
}

.row {
    width: 100%;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

ul {
    padding: 0;
}

#simplemodal-container .simplemodal-data {
    padding: 5px 8px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 3px;
    font-style: italic;
}

#LocalAccountSigninEmailExchange,
#LocalAccountSigninUsernameExchange,
#SignInWithLogonEmailExchange,
#SignInWithLogonNameExchange,
#SignUpWithLogonEmailExchange,
#SignUpWithLogonNameExchange {
    background-color: #296ec6;
    background-image: url(none);
    background-size: 10%;
    background-position-x: 95%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    border-radius: 0.5rem;
    width: 100%;
    width: 100%;
    font-size: 1em;
    margin-left: auto;
}

    #LocalAccountSigninEmailExchange:hover,
    #LocalAccountSigninUsernameExchange:hover,
    #SignInWithLogonEmailExchange:hover,
    #SignInWithLogonNameExchange:hover,
    #SignUpWithLogonEmailExchange:hover,
    #SignUpWithLogonNameExchange:hover {
        background-color: #1662c7 !important;
    }

#AmazonExchange:hover {
    background-color: #36474f !important;
}

#FacebookExchange:hover {
    background-color: #3b5595 !important;
}

#GitHubExchange:hover {
    background-color: #0f0f0f !important;
}

#AppleExchange:hover,
#AppleManagedExchange:hover {
    background-color: #0f0f0f !important;
}

#GoogleExchange:hover {
    background-color: #c64a29 !important;
}

#LinkedInExchange:hover {
    background-color: #0274b3 !important;
}

#MicrosoftAccountExchange:hover {
    background-color: #01a4ef !important;
}

#QQExchange:hover {
    background-color: #1a97df !important;
}

#TwitterExchange:hover {
    background-color: #1da1f2 !important;
}

#WeChatExchange:hover {
    background-color: #4cc522 !important;
}

#WeiboExchange:hover {
    background-color: #e81123 !important;
}

.buttons button {
    margin: 0 auto;
    width: 60%;
    height: 50px;
    background-color: #296ec6;
    border-radius: 0.5rem;
    border: none;
    color: #fff;
    font-size: 1em;
    margin-top: 10px;
}

    .buttons button:hover {
        background-color: #1662c7;
        border-color: #204d74;
    }

    .buttons button[aria-disabled='true'] {
        opacity: 0.3;
    }

    .buttons button:not([aria-disabled='true']) {
        opacity: 1;
    }

.buttons #cancel {
    padding: 0;
    margin-left: auto;
    background: 0 0;
    border: 0;
    width: inherit;
    position: absolute;
    background-color: transparent;
    top: 2px;
    left: 15px;
    font-size: 1em;
    color: #505050;
    box-shadow: none;
    text-align: left;
}

    .buttons #cancel:hover {
        color: #000 !important;
    }

    .buttons #cancel:before {
        padding: 10px;
        vertical-align: sub;
        zoom: 90%;
        display: inline-block;
    }

#attributeList ul {
    padding: 0;
}

    #attributeList ul li {
        list-style: none;
        margin: 1rem 0;
    }

label {
    font-weight: 600;
}

#attributeList ul li label {
    display: block;
    text-align: left;
    float: none;
}

#attributeList ul li.EmailBox label,
#attributeList ul li.Password label,
#attributeList ul li.TextBox label {
    display: none !important;
}

#attributeList ul li label[for='country'] {
    float: left;
    display: inline-block !important;
    margin-bottom: 0.5rem;
}

#attributeList ul li label[for='cpiminternal_legalCountry'] {
    float: none;
    display: block !important;
    text-align: left;
    margin-bottom: 0.5rem;
}

#attributeList ul li label[for='cpiminternal_dateOfBirth'] {
    float: none;
    text-align: left;
    display: block !important;
    margin-bottom: 0.5rem;
}

#attributeList ul li input {
    height: 50px;
    width: 70%;
    border-radius: 0.5rem;
    text-indent: 20px;
}

    #attributeList ul li input::-webkit-input-placeholder {
        text-indent: 20px;
    }

#attributeList ul li .attrEntry.validate input.invalid,
#attributeList ul li .attrEntry.validate input:invalid {
    border: 1px solid #b00;
}

#attributeList ul li .attrEntry .verify {
    margin-top: 2rem;
    padding-bottom: 10px;
    position: relative;
}

#attributeList ul li .attrEntry .verificationControlContent .buttons {
    margin-top: 2rem;
    padding-bottom: 10px;
    position: relative;
}

#attributeList ul li .attrEntry .verify .sendButton[id$='ver_but_send'] {
    width: 60%;
    height: 50px;
    background-color: #296ec6;
    color: #fff;
    border-radius: 0.5rem;
}

#attributeList ul li .attrEntry .verificationControlContent .sendCode {
    width: 60%;
    height: 50px;
    background-color: #296ec6;
    color: #fff;
    border-radius: 0.5rem;
}

#attributeList ul li .attrEntry .verify .sendButton[id$='ver_but_send']:hover {
    background-color: #1662c7;
}

#attributeList ul li .attrEntry .verificationControlContent .sendCode:hover {
    background-color: #1662c7;
}

@media screen and (-ms-high-contrast: active) {
    #attributeList ul li .attrEntry .verify button,
    .buttons #continue {
        border: 1px dashed #fff !important;
    }

        #attributeList ul li .attrEntry .verify button:hover,
        .buttons #continue:hover {
            border: 1px solid #fff !important;
        }
}

#attributeList ul li .attrEntry .verify .verifyButton {
    width: inherit;
    padding: 0 20px;
    height: 50px;
    background-color: #296ec6;
    color: #fff;
    margin-right: 5px;
    border-radius: 0.5rem;
}

#attributeList ul li .attrEntry .verificationControlContent .verifyCode {
    width: inherit;
    padding: 0 20px;
    height: 50px;
    background-color: #296ec6;
    color: #fff;
    margin-right: 5px;
    border-radius: 0.5rem;
}

#attributeList ul li .attrEntry .verify .verifyButton:hover {
    background-color: #1662c7;
}

#attributeList ul li .attrEntry .verificationControlContent .verifyCode:hover {
    background-color: #1662c7;
}

#attributeList ul li .attrEntry .verify .sendButton[id$='ver_but_resend'] {
    width: inherit;
    padding: 0 20px;
    border: 0;
    font-size: 1em;
    height: 50px;
    right: 0;
    bottom: -38px;
    background-color: #296ec6;
    color: #fff;
    border-radius: 0.5rem;
}

#attributeList ul li .attrEntry .verificationControlContent .sendNewCode {
    width: inherit;
    padding: 0 20px;
    border: 0;
    font-size: 1em;
    height: 50px;
    right: 0;
    bottom: -38px;
    background-color: #296ec6;
    color: #fff;
    border-radius: 0.5rem;
}

#attributeList
ul
li
.attrEntry
.verify
.sendButton[id$='ver_but_resend']:hover {
    background-color: #1662c7;
}

#attributeList ul li .attrEntry .verificationControlContent .sendNewCode:hover {
    background-color: #1662c7;
}

#attributeList ul li .attrEntry .verify .editButton {
    border: none;
    color: #fff;
    background-color: #296ec6;
    width: 60%;
    height: 50px;
    border-radius: 0.5rem;
}

#attributeList ul li .attrEntry .verificationControlContent .changeClaims {
    border: none;
    color: #fff;
    background-color: #296ec6;
    width: 60%;
    height: 50px;
    border-radius: 0.5rem;
}

#attributeList ul li .attrEntry .verify .editButton:hover {
    background-color: #1662c7;
}

#attributeList
ul
li
.attrEntry
.verificationControlContent
.changeClaims:hover {
    background-color: #1662c7;
}

#attributeList ul li .attrEntry .verify #email_ver_input_label {
    display: none !important;
}

#api .working {
    background: url(data:image/gif;base64,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) no-repeat;
    height: 30px;
    width: auto;
    background-position: center bottom;
}

#attributeList ul li .attrEntry .itemLevel {
    display: none;
}

input[type='email'],
input[type='password'],
input[type='text'] {
    -webkit-appearance: none;
}

#attributeList ul li .attrEntry .dropdown_single {
    height: 45px;
    border-radius: 0.5rem;
    width: 100%;
    padding-left: 15px;
}

#attributeList ul li .attrEntry div#cpiminternal_dateOfBirth.date {
    display: table;
    width: 100%;
}

    #attributeList ul li .attrEntry div#cpiminternal_dateOfBirth.date select {
        border-radius: 0.5rem;
        display: inline-block;
        height: 50px;
        padding-left: 15px;
    }

#attributeList
ul
li
.attrEntry
div#cpiminternal_dateOfBirth
select#cpiminternal_dateOfBirth_day.day {
    margin-right: 3%;
    width: 23%;
}

#attributeList
ul
li
.attrEntry
div#cpiminternal_dateOfBirth
select#cpiminternal_dateOfBirth_month.month {
    margin-right: 3%;
    width: 38%;
}

#attributeList
ul
li
.attrEntry
div#cpiminternal_dateOfBirth
select#cpiminternal_dateOfBirth_year.year {
    width: 33%;
}

#attributeList ul li .helpLink {
    display: none;
}

#attributeVerification .buttons {
    margin-top: 30px;
}

@media screen and (max-width: 100%) {
    .row .panel-default .panel-body {
        margin-top: 40px;
    }

        .row .panel-default .panel-body .branding img {
            display: block;
            height: 80px;
            width: auto;
            margin: 0 auto;
        }

        .row .panel-default .panel-body .branding h1 {
            display: none;
        }

        .row .panel-default .panel-body h3 {
            font-size: 1.5em;
            margin-top: 15px;
        }

    #attributeVerification #attributeList ul li input {
        width: 60%;
        height: 40px;
        border-radius: 0.5rem;
        border: 1px solid #605e5c;
        text-indent: 10px;
    }

        #attributeVerification #attributeList ul li input::-webkit-input-placeholder {
            text-indent: 10px;
        }

    #attributeVerification #attributeList ul li #email {
        width: 65%;
        float: left;
        position: relative;
        z-index: 2;
    }

    #attributeVerification #attributeList ul li #email_ver_but_verify {
        background: 0 0;
        border: 0;
        color: #496ad8;
        font-size: 1em;
        position: relative;
        right: 0;
        top: 60px;
        font-size: 1.1em;
        width: auto;
        z-index: 1;
        height: 20px;
    }

    #attributeVerification #attributeList ul li #email_ver_input {
        min-width: 50%;
        width: 60%;
        float: left;
    }

    #attributeVerification #attributeList ul li #email_ver_but_resend {
        top: 10px;
        font-size: 1.1em;
        height: 20px;
    }

    #attributeVerification #attributeList ul li .attrEntry #email {
        height: 40px;
    }

    #attributeVerification
    #attributeList
    ul
    li
    .attrEntry
    .verify
    #email_ver_but_send:after {
        content: ' Verify';
        font-size: 1.1em;
        font-style: bold;
        margin-left: 40%;
    }

    #attributeVerification
    #attributeList
    ul
    li
    .attrEntry
    .verify
    #email_ver_but_send {
        height: 40px;
        width: auto;
        float: right;
        overflow: hidden;
        text-indent: -200px;
    }

    #attributeVerification
    #attributeList
    ul
    li
    .attrEntry
    .verify
    #email_ver_but_edit {
        margin-bottom: 15px;
        border: none;
        color: #fff;
        background-color: #496ad8;
        border-radius: 0.5rem;
        font-size: 1em;
        box-shadow: 0 0 40px 2px #dae1f7;
        width: 30%;
        height: 40px;
        overflow: hidden;
        padding-top: 6px;
        margin-left: 40%;
    }

    #attributeVerification #attributeList ul li .attrEntry .verify:after {
        content: ' ';
        display: block;
        clear: both;
    }

    #attributeVerification #attributeList #verifying_blurb {
        margin-top: 15px;
    }

    #attributeVerification .buttons #continue {
        height: 40px;
    }

    #attributeVerification .buttons #cancel {
        font-size: 1em;
        left: 40%;
    }
}

.panel,
.panel_layout,
.panel_layout_row,
body,
html {
    height: 100%;
}

@media only screen and (max-width: 600px) {
    img[data-tenant-branding-background='true'] {
        display: none;
    }

    .container {
        background-color: #fff;
    }

        .container .row .panel-default {
            border-radius: 0;
            border: none;
            box-shadow: none;
        }
}

.unified_container .row .panel-default {
    padding: 40px 30px;
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
    background-color: #fff;
}

    .unified_container .row .panel-default .panel-body {
        max-width: 380px;
        width: auto;
        margin: 0 auto;
        padding: 0;
    }

        .unified_container .row .panel-default .panel-body .companyName {
            font-size: 1.5em;
            margin-bottom: 45px;
        }

        .unified_container .row .panel-default .panel-body .companyLogo {
            display: block;
        }

        .unified_container .row .panel-default .panel-body img {
            max-width: 100%;
            width: auto;
            height: 70px;
            margin: 0 auto;
            display: block;
        }

        .unified_container .row .panel-default .panel-body h3 {
            font-size: 1.5em;
            display: none;
        }

    .unified_container .row .panel-default #api {
        display: table;
        margin: 0;
        width: 100%;
    }

        .unified_container .row .panel-default #api .intro {
            display: block;
            text-align: left;
        }

            .unified_container .row .panel-default #api .intro h2 {
                font-size: 20px;
            }

        .unified_container .row .panel-default #api .divider {
            display: none;
        }

        .unified_container .row .panel-default #api .localAccount {
            top: 10px;
            width: 100%;
        }

            .unified_container .row .panel-default #api .localAccount .intro h2 {
                font-size: 20px;
            }

            .unified_container .row .panel-default #api .localAccount .error {
                color: #b00;
                text-align: left;
            }

            .unified_container .row .panel-default #api .localAccount .entry .buttons {
                margin: 0 0 23px 0;
                text-align: left;
            }

                .unified_container
                .row
                .panel-default
                #api
                .localAccount
                .entry
                .buttons
                button {
                    background-image: none;
                    background-color: #296ec6;
                    border: none;
                    border-radius: 0.5rem;
                    cursor: pointer;
                    display: inline-block;
                    font-size: 1em;
                    font-weight: 400;
                    height: inherit;
                    line-height: 1.3333333;
                    margin-top: 2rem;
                    margin-right: 0;
                    margin-bottom: 1.2rem;
                    margin-left: 0;
                    padding: 10px 16px;
                    text-align: center;
                    touch-action: manipulation;
                    user-select: none;
                    vertical-align: middle;
                    white-space: nowrap;
                    width: inherit;
                    -moz-user-select: none;
                    -ms-touch-action: manipulation;
                    -ms-user-select: none;
                    -webkit-user-select: none;
                    color: #fff;
                    width: 63%;
                    box-shadow: 0 0 30px 0 #dae1f7;
                }

@media screen and (-ms-high-contrast: active) {
    .unified_container .row .panel-default #api .accountButton,
    .unified_container
    .row
    .panel-default
    #api
    .localAccount
    .entry
    .buttons
    button {
        border: 1px dashed #fff;
    }

        .unified_container .row .panel-default #api .accountButton:hover,
        .unified_container
        .row
        .panel-default
        #api
        .localAccount
        .entry
        .buttons
        button:hover {
            border: 1px solid #fff;
        }
}

.unified_container
.row
.panel-default
#api
.localAccount
.entry
.buttons
button:focus,
.unified_container
.row
.panel-default
#api
.localAccount
.entry
.buttons
button:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #1662c7;
    color: #fff;
}

.unified_container .row .panel-default #api .localAccount .entry .entry-item {
    position: relative;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
}

    .unified_container
    .row
    .panel-default
    #api
    .localAccount
    .entry
    .entry-item
    label {
        display: none;
    }

    .unified_container
    .row
    .panel-default
    #api
    .localAccount
    .entry
    .entry-item
    input:focus {
        border: 2px solid #000;
    }

    .unified_container
    .row
    .panel-default
    #api
    .localAccount
    .entry
    .entry-item
    input {
        outline: 0;
        background-color: #fff !important;
        background-image: none !important;
        border-radius: 0.5rem !important;
        color: #555;
        display: inline-block;
        font-size: 1em;
        height: 50px;
        line-height: 1.42857143;
        padding: 6px 20px;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
        width: 100% !important;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
    }

    .unified_container
    .row
    .panel-default
    #api
    .localAccount
    .entry
    .entry-item
    #password {
        margin-bottom: 20px;
    }

    .unified_container
    .row
    .panel-default
    #api
    .localAccount
    .entry
    .entry-item
    .password-label {
        text-align: left;
        height: 0;
        left: 0;
        width: 100%;
    }

.forgot-password {
    text-align: left;
}

    .forgot-password.center-height {
        position: absolute;
        bottom: 0;
        clear: right;
        cursor: pointer;
        text-align: right;
    }

@keyframes slideInFromRight {
    0% {
        opacity: 0;
        transform: translateX(50%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.unified_container
.row
.panel-default
#api
.localAccount
.entry
.entry-item
.password-label
#forgotPassword {
    position: absolute;
    bottom: 0;
    clear: right;
    cursor: pointer;
    text-align: right;
}

.unified_container .row .panel-default #api .localAccount .rememberMe {
    margin-top: -2rem;
    text-align: right;
    margin-left: 59%;
    position: relative;
    width: 15rem;
}

    .unified_container
    .row
    .panel-default
    #api
    .localAccount
    .rememberMe.align-to-left {
        margin-top: 0.5rem;
        text-align: left;
        margin-left: 0;
        width: 100%;
    }

.working {
    display: none;
}

.unified_container .row .panel-default #api .claims-provider-list-text-links p,
.unified_container .row .panel-default #api .localAccount .create p {
    text-align: left;
    margin-top: -3rem;
    margin-bottom: 3rem;
}

.unified_container
.row
.panel-default
#api
.localAccount
.create
#createAccount {
    border-radius: 0.5rem;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    height: inherit;
    line-height: 1.3333333;
    padding: 10px 16px;
    text-align: center;
    touch-action: manipulation;
    user-select: none;
    white-space: nowrap;
    -moz-user-select: none;
    -ms-touch-action: manipulation;
    -ms-user-select: none;
    -webkit-user-select: none;
    width: auto;
    margin-top: -3rem;
    cursor: pointer;
    animation: 0.5s ease-out 0s 1 slideInFromRight;
}

.unified_container .row .panel-default #api .social {
    display: table-footer-group;
    position: relative;
    top: 1px;
    width: auto;
}

.unified_container .row .panel-default #api .accountButton {
    background-size: 10% 70%;
    background-position-x: 3%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    display: block;
    font-size: 16px;
    height: 45px;
    width: 100%;
    margin-left: auto;
    overflow: hidden;
    padding: 0 50px;
    max-width: 380px;
    border: 1px solid #605e5c;
    background-color: #fff;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    margin-top: 10px;
}

    .unified_container .row .panel-default #api .accountButton:hover {
        color: #fff;
        background-color: #1662c7;
    }

.claims-provider-list-text-links-bottom-under-form {
    text-align: left;
}

@media (max-width: 100%) {
    .unified_container .row .panel-default {
        margin-top: auto;
        margin-bottom: auto;
        height: 550px;
    }

        .unified_container .row .panel-default .panel-body {
            padding: 5rem 3rem;
            margin-top: 20px;
        }

            .unified_container .row .panel-default .panel-body .companyName {
                display: none;
            }

            .unified_container .row .panel-default .panel-body .companyLogo {
                display: block;
            }

            .unified_container .row .panel-default .panel-body h3 {
                display: block;
            }

            .unified_container .row .panel-default .panel-body #api {
                width: auto;
            }

                .unified_container .row .panel-default .panel-body #api .social {
                    top: 370px;
                    width: auto;
                }

                    .unified_container
                    .row
                    .panel-default
                    .panel-body
                    #api
                    .social
                    .options
                    .accountButton {
                        height: 40px;
                    }

                    .unified_container
                    .row
                    .panel-default
                    .panel-body
                    #api
                    .social
                    .options
                    #FacebookExchange {
                        background-size: 12px;
                        background-position: 50% 75%;
                        margin-bottom: 10px;
                    }

                    .unified_container
                    .row
                    .panel-default
                    .panel-body
                    #api
                    .social
                    .options
                    #GoogleExchange {
                        background-size: 20px;
                        background-position: 50% 75%;
                        margin-bottom: 10px;
                    }

                    .unified_container
                    .row
                    .panel-default
                    .panel-body
                    #api
                    .social
                    .options
                    #TwitterExchange {
                        background-size: 20px;
                        background-position-x: 56px;
                        background-position-y: 14px;
                        margin-bottom: 10px;
                    }

                .unified_container .row .panel-default .panel-body #api .localAccount {
                    top: 20px;
                }

                    .unified_container
                    .row
                    .panel-default
                    .panel-body
                    #api
                    .localAccount
                    .entry
                    .entry-item {
                        display: block;
                        width: 100%;
                        margin-bottom: 10px;
                    }

                        .unified_container
                        .row
                        .panel-default
                        .panel-body
                        #api
                        .localAccount
                        .entry
                        .entry-item
                        .password-label {
                            top: 145px;
                        }

                        .unified_container
                        .row
                        .panel-default
                        .panel-body
                        #api
                        .localAccount
                        .entry
                        .entry-item
                        #logonIdentifier {
                            height: 40px;
                        }

                        .unified_container
                        .row
                        .panel-default
                        .panel-body
                        #api
                        .localAccount
                        .entry
                        .entry-item
                        #password {
                            height: 40px;
                        }

                        .unified_container
                        .row
                        .panel-default
                        .panel-body
                        #api
                        .localAccount
                        .entry
                        .entry-item:nth-child(2) {
                            width: auto;
                            float: left;
                        }

                    .unified_container
                    .row
                    .panel-default
                    .panel-body
                    #api
                    .localAccount
                    .entry
                    .buttons
                    #next {
                        width: auto;
                        text-indent: -4px;
                        height: 40px;
                        line-height: 0;
                        position: relative;
                        bottom: 5px;
                        left: 8px;
                    }
}

@media screen and (max-width: 320px) {
    .unified_container .row .panel-default #api .localAccount .rememberMe {
        margin-top: 1.75rem;
        text-align: left;
        margin-left: 0;
        width: 100%;
    }

    .unified_container
    .row
    .panel-default
    #api
    .localAccount
    .entry
    .entry-item
    .password-label
    #forgotPassword {
        bottom: -1rem;
    }

    .forgot-password.center-height {
        top: 0;
        right: 12rem;
        position: relative;
    }
}


/*---------------------------------------------------------------------*/
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 80%;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

#contenedor {
    width: 100%;
    margin: 0 auto;
    /*font-family: Verdana, Geneva, sans-serif;*/
    font-family: Segoe UI, SegoeUI, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #231F20;
    height: auto;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    /*margin-bottom: 50px;*/
    /* background-image: url(../Images/header.png);*/
    background-repeat: no-repeat;
    background-position: center top;
    /*height: 131px;*/
    /*background-color: #00B3B5;*/
    /*background-color: #009B7B;*/
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}


/*.loginDisplay h1 a {
    width: 148px;
    height: 42px;
    background: url(../Images/ORÍGENES_SEGUROS-WEB_BLANCO.png) no-repeat;
    display: block;
    text-indent: -3000px;
    font-size: 0;
    overflow: hidden;
}*/

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 48px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    background-color: #7A7A7A;
    width: 100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
    position:relative;
    z-index:990;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

    div.menu ul li a, div.menu ul li a:visited {
        /*background-color: #465c71;*/
        /*border: 1px #4e667d solid;*/
        background-color: #7A7A7A;
        /*border: 1px #4e667d solid;*/
        color: #dde4ec;
        display: block;
        line-height: 1.35em;
        padding: 4px 20px;
        text-decoration: double;
        white-space: nowrap;
    }

        div.menu ul li a:hover {
            /*background-color: #bfcbd6;*/
            background-color: #7A7A7A;
            color: #00B3B5;
            /*color: #465c71;*/
            text-decoration: none;
        }

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
    width: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.fieldsetRegister
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
   width: 480px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #DDDAC7;
}

.fieldsetImportante
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
    width: 350px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #FFFFFF;
}

.changePassword
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
    width: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #D8CFC6;
}

.recuperarPassword
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
    width: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #D8CFC6;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label
{
    display: block;
}

fieldset.datospersonales label
{
    color: #FFFFFF;
}

labelDatosPersonales
{
    color: #FFFFFF;
}

fieldset label.inline 
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 180px;
    border: 1px solid #ccc;
}

input.textControl
{
   border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 180px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 50%;
}

div.accountReg
{
    width: 50%;
}

div.accountInfoBis
{
    width: 60%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: 100%;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: #00B3B5;
    background: url(../Images/ORÍGENES_SEGUROS-WEB_BLANCO.png) no-repeat;
    /*background-size: 300px 100px;*/
    height: 60px;
}

.datosPersonales {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: #00B3B5;
    /*background-size: 300px 100px;*/
    height: 60px;
}

.AdministrarUsuario
{
    font-size: 1.1em;
    display: block;
    text-align: center;
    padding: 10px;
    color: White;
}

.loginDisplay a:link {
    color: #00B3B5;
}

.loginDisplay a:visited {
    color: #00B3B5;
}

.loginDisplay a:hover {
    color: #00B3B5;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.datepicker
{
    padding: 15px;
    background-color: #CCCCCC;
}

submitButton.oributton {
    font-size: 16px;
    font-family: Segoe UI, SegoeUI, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*font-family: Times New Roman,serif;*/
    font-weight: bold;
    width: 102px;
    height: 26px;
    background-color: #336633;
    border-style: solid;
    border-color: #999999;
    border-width: 1px;
}

.CajaDialogo
{
    width: 500px;
    background-color: #D8CFC6;
    border-left: 1px solid #ECE9D8;
    border-right: 1px solid #716F64;
    border-top: 1px solid #ECE9D8;
    border-bottom: 1px solid #716F64;
    padding: 0px;
    font-weight: bold;
    font-style: italic;
    border: 0px outset #0000FF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
     
.CajaDialogo div
{
    text-align: center;
}

.FondoAplicacion
{
    background-color:Silver;
    filter:alpha(opacity=30);
    opacity:0.3;
}

.mainModalDraggablePanelTD
{
    white-space: nowrap;
    background-color: #006E51;
    height: 30px;
    width: 500px;
}
.mainModalDraggablePanelCloseTD
{
    background-color: #006E51;
    width: 1%;
}

.mainModalContentsTD
{
    white-space: nowrap;
    background-color: #D8CFC6;
    width: 500px;
    height: 30px;
}

.mainModalTable
{
	border-width:0px;
	width:500px;
	background-color:#ecf4fc;
	 -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.mainModalDraggablePanel
{
	/*cursor:move; */
	width:100%;
}

.fieldsetRight
{
    width: 380px;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #DDDAC7;
}

.fieldsetRightReg
{
    width: 380px;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #DDDAC7;
}

.fieldsetLeft
{
    width: 300px;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #DDDAC7;
}

#main 
{
	float:left;
	width:45%;
}
#sidebar 
{
	float:right;
	width:55%;
}

.legales{
	font-size:9px;
	width:253px;
	float:left;
	margin-top:80px;
}

#footer {
    width:100%;
}

.separador1 {
    border-top: 1px solid #00b3b5;
    /*background-color: #00b3b5;
    width: 1202px;
    height: 4px;
    display: block;*/
}

.contenido-footer {
    background-color: #71CFEB;
    width: 1022px;
    height: 112px;
    padding-left: 180px;
}
.separador2 {
    background-color: #7A7A7A;
    width: 1022px;
    height: 20px;
    color: #D1CFBF;
    font-size: 10px;
    padding-top: 5px;
    padding-left: 180px;
}
.columna{
	float:left;
	width:268px;
	margin-top:15px;
	font-size:9px;
	color:#5B5A4E;
}

#footer a, a:visited, a:active{
	color:#5B5A4E;
	text-decoration:none;
	font-weight:normal;
}
#footer a:hover {
	color:#5B5A4E;
	text-decoration:underline;
	font-weight:normal;
}

.separador3 {
    width: 2px;
    height: 45px;
    margin-top: 58px;
    float: left;
    display: block;
    background-color: #7A7A7A;
    margin-right: 15px;
}

.watermark
{
    color: #999;
    background-color: #DDDAC7;
    font-style: italic;
    width: 180px;
    border: 1px solid #ccc;
    font-size: 12px;
} 

.contenido{
	text-align:left;
	margin-left:180px;
	height:520px;
}

.titulo{
	margin-top:25px;
	font-weight:bold;
	font-size:19px;
	color:#5B5A4E;
}

.contenedor-gris{
	background-color:#D8CFC6;
	width:270px;
	border-radius:10px;
	padding:15px;
	margin-top:20px;
	font-size:11px;
	color:#231F20;
	float:left;
	margin-right:10px;
}

.subtitulo{
	color:#5B5A4E;
	font-size:15px;
	font-weight:bold;
	margin-bottom:15px;
}

.contenedor-gris2{
	background-color:#D8CFC6;
	width:253px;
	border-radius:10px;
	padding:15px;
	margin-top:20px;
	font-size:11px;
	color:#231F20;
	float:right;
}
.contenedor-grisCC
{
    background-color: #EFEFE7;
    width: 350px;
    border-radius: 10px;
    padding: 15px;
    margin-top: 20px;
    font-size: 11px;
    color: #231F20;
    float: right;
}
.contenedor-gris3{
	background-color:#D8CFC6;
	width:470px;
	border-radius:10px;
	padding:15px;
	margin-top:20px;
	font-size:11px;
	color:#231F20;
	float:right;
	margin-bottom:75px;
}
.contenedor-blanco{
	background-color:#fff;
	width:253px;
	border-radius:10px;
	padding:15px;
	font-size:11px;
	color:#231F20;
	float:left;
}

.contenido-big{
	width:820px;
	text-align:left;
	margin-left:180px;
	height:650px;
}

.blanco{
	width:179px;
	height:83px;
	background-color:#fff;
	border-radius:10px;
	margin-left:20px;
	background-image:url(../Images/alert.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:55px;
	font-size:11px;
	padding-bottom:7px;
	
}

th.sortasc a     
{   display:block; padding:0 4px 0 15px;    
    background:url(../Images/i_asc_arrow.gif) no-repeat;     
}   

th.sortdesc a    
{   display:block; padding:0 4px 0 15px;   
    background:url(../Images/i_desc_arrow.gif) no-repeat;  
}