/*#####################################*/
/*#              HEADER               #*/
/*#####################################*/

.header_container .site_container {
    height: 41px;
}
@media( min-width: 960px ){
    .header_container .site_container {
        height: 48px;
    }
}

/*#####################################*/
/*#               MAIN                #*/
/*#####################################*/

body .main_container {
    background-position: center 286px;
}

.main_container .main_content.wide {
    padding: 0em;
}

.main_content .principal_container {
    padding: 42px 0em 62px;
}

.principal_container .left_container {
    display: block;
    float: left;
    border-right: 1px solid #4EC1E0;
    padding: 18px 35px 21px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.principal_container .title {
    display: block;
    float: left;
    color: #3C67A5;
    font-family: 'Font1';
    font-size: 150%; /*24px*/
    text-align: center;
    line-height: 30px;
    width: 100%;
}

.principal_container .identification_content {
    display: block;
    margin: auto;
    width: 232px;
}

.identification_content .row {
    display: block;
    float: left;
    margin-top: 15px;
    color: #3C67A5;
    font-family: 'Font2';
    font-size: 87.5%; /*14px*/
    line-height: 24px;
    width: 100%;
}

.row input {
    display: block;
    float: left;
    border: 1px solid #D6D6C5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-image: url(../images/sprite-purchasing-process.png);
    background-repeat: no-repeat;
    background-position: -109px -82px;
    color: #7c7c6e;
    font-family: 'Font2';
    font-size: 100%; /*14px*/
    line-height: 20px;
    padding: 6px 12px 6px 38px;
    width: 100%;
    height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row + .row input {
    background-position: -109px -120px;
}

.row .toggle-visibility {
    border: 0;
    background: 0;
    float: right;
    margin-right: 2px;
    margin-top: -32px;
    color: #3C67A5;
    padding: 6px;
    font-size: 1.3em;
}

.row.error input {
    background-color: #fcf4f4;
    border-color: #c42b20;
    border-width: 2px;
    color: #c42b20;
}

.row .error_message {
    box-sizing: border-box;
    color: #c42b20;
    display: block;
    float: left;
    font-family: "Font2";
    font-size: 100%;
    line-height: 20px;
    padding-left: 10px;
    width: 100%;
}

.identification_content .forget_link {
    display: block;
    float: left;
    margin-top: 8px;
    color: #4EC1E0;
    font-family: 'Font2';
    font-size: 75%; /*12px*/
    line-height: 17px;
}
.identification_content .forget_link:hover {
    text-decoration: none;
}

.identification_content .button_container {
    display: block;
    margin: auto;
    width: 194px;
}

.button_container .access_button {
    display: block;
    float: left;
    position: relative;
    margin-top: 23px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #e66b5b;
    color: #fff;
    font-family: 'Font1';
    font-size: 112.5%; /*18px*/
    text-align: center;
    text-decoration: none;
    line-height: 38px;
    width: 100%;
    -webkit-transition: background-color 150ms;
    -moz-transition: background-color 150ms;
    transition: background-color 150ms;
}
.button_container .access_button:hover {
    background-color: #bd3321;
}

.access_button span {
    display: block;
    position: absolute;
    top: 0em;
    right: 50px;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    text-decoration: none;
    line-height: 38px;
}

.principal_container .right_container {
    display: block;
    float: left;
    padding: 18px 50px 0em;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.identification_content .cart_image_container {
    display: block;
    margin: auto;
    width: 60px;
}

.cart_image_container .cart_image {
    display: block;
    float: left;
    margin-top: 16px;
    background-image: url(../images/sprite-purchasing-process.png);
    background-repeat: no-repeat;
    background-position: -8px -200px;
    width: 100%;
    height: 72px;
}

.identification_content .text {
    display: block;
    float: left;
    margin-top: 15px;
    color: #3C67A5;
    font-family: 'Font2';
    text-align: center;
    line-height: 20px;
    width: 100%;
}

.button_container .new_button {
    display: block;
    float: left;
    position: relative;
    margin-top: 11px; /* 51px; */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #4EC1E0;
    color: #fff;
    font-family: 'Font1';
    font-size: 112.5%; /*18px*/
    text-align: center;
    text-decoration: none;
    line-height: 38px;
    width: 100%;
    -webkit-transition: background-color 150ms;
    -moz-transition: background-color 150ms;
    transition: background-color 150ms;
}
.button_container .new_button:hover {
    background-color: #3594ae;
}













.popup_content .warning_old_login {
    display: block;
    float: left;
    margin-top: 25px;
    color: #3C67A5;
    font-family: 'Font2';
    font-size: 150%; /*24px*/
    text-align: center;
    width: 100%;
}

.warning_old_login span {
    display: block;
    float: left;
    color: inherit;
    font-family: 'Font1';
    font-size: 116.6667%; /*28px*/
    width: 100%;
}

.popup_content .row {
    display: block;
    float: left;
    margin-top: 24px;
    width: 100%;
}


.row .field_container {
    display: block;
    float: left;
    color: #3C67A5;
    font-family: 'Font2';
    font-size: 87.5%; /*14px*/
    line-height: 20px;
    width: 29.8462%;
}
.row .field_container.wide {
    width: 64.4615%;
}
.row .field_container + .field_container {
    margin-left: 4.7693%;
}

.field_container input {
    display: block;
    float: left;
    border: 1px solid #D6D6C5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #706F6F;
    font-family: inherit;
    font-size: inherit; /*14px*/
    line-height: 20px;
    padding: 6px 12px;
    width: 100%;
    height: 34px;
    -webkit-transition: border-color 150ms, border-width 150ms, background-color 150ms, color 150ms, padding 150ms;
    -moz-transition: border-color 150ms, border-width 150ms, background-color 150ms, color 150ms, padding 150ms;
    transition: border-color 150ms, border-width 150ms, background-color 150ms, color 150ms, padding 150ms;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.field_container.error input {
    border-color: #C42B20;
    border-width: 2px;
    background-color: #FCF4F4;
    color: #C42B20;
    padding: 5px 11px;
}

.field_container .error_message {
    display: block;
    float: left;
    color: #C42B20;
    font-family: 'Font2';
    font-size: 87.5%; /*14px*/
    line-height: 20px;
    padding-left: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.popup_content .buttons_container {
    display: block;
    margin: auto;
    width: 390px;
}

.buttons_container .modify_button {
    display: block;
    float: left;
    margin: 60px 0em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #E6E6E2;
    color: #ABAB9D;
    font-family: 'Font1';
    font-size: 112.5%; /*18px*/
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    width: 125px;
    -webkit-transition: background-color 150ms, color 150ms;
    -moz-transition: background-color 150ms, color 150ms;
    transition: background-color 150ms, color 150ms;
}
.buttons_container .modify_button {
    background-color: #3C67A5;
    color: #E6E6E2;
}

.buttons_container .accept_button {
    display: block;
    float: right;
    margin: 60px 0em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #E66B5B;
    color: #fff;
    font-family: 'Font1';
    font-size: 112.5%; /*18px*/
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    width: 125px;
    -webkit-transition: background-color 150ms;
    -moz-transition: background-color 150ms;
    transition: background-color 150ms;
}
.buttons_container .accept_button:hover {
    background-color: #bd3321;
}