/*******************************************                                *******************************************
-----------------------------------------------------------------------------------------------------------------------
GLOBAL MY ACCOUNT PAGE
-----------------------------------------------------------------------------------------------------------------------
*********************************************                                ******************************************/
/*
    size base on ad height size
*/
.widget-advert-33,
.my-account > div > div.widget-block
{
    position:   relative;
    height:     33.7em;
}

/*
    its parent container is an 33.7em div
*/
.widget-login{
    height:     100%;
}

/*
    "required fields" message, just under the footer
*/
.my-account p.information {
    padding:    1em;
    width:      100%;
    font-size:  1.2em;
}

.my-account footer p.error{
    display: block;
}

/*
    the footer of every div in my-account page is in the same place
*/
.my-account footer{
/*    position: absolute;
    bottom: 1.5em;
    left: 0;
*/    width: 100%;
height: auto;
    line-height: inherit;
}

/*
    FORM
*/
.my-account form
{
    margin: 0 auto;
    margin-top: 5em;
    margin-bottom: 1em;
    width: 70%;
}
    .my-account form .form-fields-wrapper label{
        width: 12em;
    }

    .my-account form .form-fields-wrapper input{
        padding-left: 14em;
    }


/*
    EMAIL PICTURE FOR CREATE ACCOUNT VALIDATION SCREEN
*/
.callback-message img,
.callback-message img{
    display: block;
    margin: 1em;
    width: 100%;
    height: 3em;
}











/*******************************************                                *******************************************
-----------------------------------------------------------------------------------------------------------------------
SPECIFIC RULES
-----------------------------------------------------------------------------------------------------------------------
*********************************************                                ******************************************/
/*---------------------------------------------------------------------------------------------------------------------
                                                    AD
---------------------------------------------------------------------------------------------------------------------*/
.widget-block.widget-advert-336:before,
.widget-block.widget-advert-336:after
{
    padding: .7em 0;
}

/*---------------------------------------------------------------------------------------------------------------------
                                                    HOME (VALIDATIONS)
---------------------------------------------------------------------------------------------------------------------*/
#main__content.widget-home footer{
    position: relative;
    bottom: 0;
    background-color: #212121;
    -webkit-box-shadow: inset 0px 2px 5px 0px #201F1F;
    -moz-box-shadow: inset 0px 2px 5px 0px #201F1F;
    box-shadow: inset 0px 2px 5px 0px #201F1F;
    -o-box-shadow: inset 0px 2px 5px 0px #201F1F;
}

#main__content.widget-home footer p{
    padding-top: 1em;
    font-size:  1.4em;
    color:      #9c9898;
}

#main__content.widget-home footer a{
    text-decoration: underline;
}

#main__content.widget-home .block_100{
    position: relative;
    float: none;
    margin-bottom: 0;
    min-height: 0;
}

#main__content.widget-home .my-validations {
    margin-bottom:      50px;
}
#main__content.widget-home .my-validations h2 {
    padding-bottom:     .5em;
    margin-bottom:      0;
}
#main__content.widget-home .my-validations .update {
    font-size:      1.3em;
    opacity:        .55;
    font-weight:    normal;
}
#main__content.widget-home .my-validations .update:hover {
    opacity:            .8;
    text-decoration:    underline;
}
#main__content.widget-home .my-validations h5 {
    padding:            2.5em 0 1em 0;
}

#main__content.widget-home .my-validations .widget-buttons {
    padding-bottom:     2em;
}
#main__content.widget-home .button.icon-windows span,
#main__content.widget-home .button.icon-android span {
    padding-left:       2em;
    padding-right:      2em;
}
#main__content.widget-home .button.icon-windows span::after {
    background-image: 		url('../images/icon-windows.svg');
    background-size: 		1em auto;
}
#main__content.widget-home .button.icon-android span::after {
    background-image: 		url('../images/icon-android.svg');
    background-size: 		1em auto;
}

/*---------------------------------------------------------------------------------------------------------------------
                                                    CREATE
---------------------------------------------------------------------------------------------------------------------*/

#main__content.widget-create .block_66 .widget-block,
#main__content.widget-create .block_33 .widget-block {
    min-height:     38em;
}
#main__content.widget-create .block_66 .widget-block {
    height:         auto;
}
#main__content.widget-create form{
    margin-top:     2em;
    margin-bottom:  0;
}

#main__content.widget-create .callback-message p{
    margin-top:     6em;
    font-size:      1.2em;
}

#main__content.widget-create .callback-message footer .button{
    width: 28em;
}

#main__content.widget-create #js-error{
    display: block;
    color: rgb(240, 10, 10);
    font-weight: bold;
}

/*---------------------------------------------------------------------------------------------------------------------
                                                    LOGIN
---------------------------------------------------------------------------------------------------------------------*/

#main__content.widget-login .block_66 .widget-block,
#main__content.widget-login .block_33 .widget-block {
    min-height:     38em;
}

#main__content.widget-login .widget-block p#widget-login-error{
    top: 7em;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.3em;
}

#main__content.widget-login .widget-block #login-form{
    margin-top: 6em;
}


/*---------------------------------------------------------------------------------------------------------------------
                                                    ACCOUNT FORGOT PASSWORD
---------------------------------------------------------------------------------------------------------------------*/



#main__content.widget-password-forgot form{
    margin: 9em auto;
    margin-bottom: 5em;
}

/*---------------------------------------------------------------------------------------------------------------------
                                                    PROFILE INFORMATION
---------------------------------------------------------------------------------------------------------------------*/

#main__content.widget-profile-information .block_66 .widget-block,
#main__content.widget-profile-information .block_33 .widget-block {
    min-height:     38em;
}

#main__content.widget-profile-information form{
    margin-top: 1.5em;
    width: 81.5%;
}

#main__content.widget-profile-information form input[disabled="disabled"]{
    background-color: #3C3C3D;
}

#main__content.widget-profile-information .button{
    width: 36%;
}

#main__content.widget-profile-information select{
    margin-left: 23%;
    width: 77%;
}

#main__content.widget-profile-information p.callback-message{
    color: #6CB301;
    font-weight: bold;
}

#main__content.widget-profile-information #js-error{
    display: block;
    color: rgb(240, 10, 10);
    font-weight: bold;
}

#main__content.widget-profile-information p.callback-message.error{
    color: #c6172f;
}

#main__content.widget-profile-information footer {
    margin-top:     0;
    padding-top:    0;
    line-height:    2em;
}
#main__content.widget-profile-information footer .back {
    display:        inline-block;
    margin-top:     1.5em;
    margin-bottom:  .5em;
    font-size:      1.4em;
    opacity:        .7;
}


/*---------------------------------------------------------------------------------------------------------------------
                                                    NEW PASSWORD
---------------------------------------------------------------------------------------------------------------------*/
#main__content.widget-new-password p.help{
    padding: .5em 2.4em;
    width: 70%;
    text-align: left;
    font-size: 1.2em;
}

#main__content.widget-new-password p.token-expired{
    margin-top: 1em;
}

#main__content.widget-new-password form{
    margin-top: 6em;
    margin-bottom: 1.5em;
}


/*---------------------------------------------------------------------------------------------------------------------
                                                    CALLBACK MESSAGE
---------------------------------------------------------------------------------------------------------------------*/

#main__content .callback-message p{
    margin-top: 6em;
}