.widget-block p{
    text-align: left;
}

.widget-block.widget-processor-brand  p{
    text-align: center;
}

.widget-block .block_100{
    padding: 0;
}

.widget-software p{
    height: auto;
    font-size: 1.2em;
}

.widget-software footer {
    position: absolute;
    bottom: 1em;
    width: 100%;
}

.widget-software {
    padding-bottom: 8em;
}

.widget-block{
    position: static;
}

.widget-block.widget-sdk-cpuz{
    position: relative;
}



.widget-software .header{
    padding-top:    3.5em;
    width:          100%;
    background-position: top center;
    background-size: 100% auto;
}

.widget-software .header a {
    display:    inline-block;
}
.widget-software .header span {
    display:    inline-block;
    margin-top: 0;
    width:      7em;
}
.widget-software .header img{
    width:      40%;
}

.widget-software p {
    padding: .5em .7em;
}

.widget-block .button {
     width:     90%;
}
.widget-block .button > span {
    padding:    1em;
}



.widget-advert-mobile-100, .widget-advert-mobile-50{
    margin: 0;
    min-height: auto!important;
}

/*---------------------------------------------------------------------------------------------------------------------
                                                    CALLBACK MESSAGE new password token expired
---------------------------------------------------------------------------------------------------------------------*/
#main__content.widget-new-password p.token-expired + footer{
    padding-top: 2.8em;
}

#main__content.widget-new-password p.token-expired{
    padding: .5em;
}
/*---------------------------------------------------------------------------------------------------------------------
                                                    SYSTEMOFTHEWEEEK
---------------------------------------------------------------------------------------------------------------------*/

.widget-systemoftheweek-mobile div img{
    padding-right: 0;
    width: 100%;
    height: auto;
}

#main__content .widget-systemoftheweek-mobile p {
    padding-left: 1.5em;
    font-size: 1.5em;
}


/*---------------------------------------------------------------------------------------------------------------------
                                                    LASTED VALIDATION
---------------------------------------------------------------------------------------------------------------------*/
/******************** lasted validations table ********************/
.widget-block .listing-table{
    height: 50em; /* ios bugfix */
}

/*---------------------------------------------------------------------------------------------------------------------
                                                    LOGIN
---------------------------------------------------------------------------------------------------------------------*/
.widget-login{
    height: auto;
}

.widget-login p{
    text-align: center;
}



/*---------------------------------------------------------------------------------------------------------------------
                                                    MY VALIDATIONS
---------------------------------------------------------------------------------------------------------------------*/
#main__content .main-wrapper >.my-validations.block_100 > div{
    display: block;
}

.widget-myvalidations{
    overflow: hidden;
}

.widget-myvalidations .table{
    display: table;
}
    /* my parent is a cell */
    .widget-myvalidations .table.table-container{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/* main two cells */
.widget-myvalidations .cell{
    position: relative;
    width: 40%;
}

.my-validations h4{
    padding: 1em .8em 1.5em .8em;
}
.my-validations .widget-block h4.username:after{
    position: absolute;
    bottom: 1em;
    left: 50%;
    display: block;
    margin-left: -1em;
    width: 2em;
    height: 1px;
    background: #353535;
    content: '';
}


.widget-myvalidations .row > .cell{
    padding: 0;
}
    .widget-myvalidations .row > .cell .container{
        padding: 1em;
        height: 8.4em;
    }
/* main two cells */
.widget-myvalidations .cell + .cell{
    padding: 0;
    width: 60%;
}

/* cell into the second cell which contains a table */
.widget-myvalidations .table.table-container .cell{
    padding: 1em;
    width: 86%;
}


.widget-myvalidations .table.table-container .cell + .cell{
    padding: 0;
}

.widget-myvalidations footer{
    padding: .5em .2em;
    padding-top: 1em;
}

/******************** Animation class (i put it on row element because i need to do some processing inside) ********************/
.widget-myvalidations div.row > .cell:first-child,
.widget-myvalidations .table.table-container .cell{
    -ms-transition: -ms-transform 200ms ease-in-out;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
/* infos and lock cell translate (translate two elements) */
.widget-myvalidations .row.show-message .table.table-container .cell,
.widget-myvalidations div.row.show-message > .cell:first-child{
    -webkit-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%);
}

.widget-myvalidations .table.table-container a{
    display: block;
    width: 100%;
    height: 100%;
}

/* dotted border rework */
.widget-myvalidations .row.show-message > .cell{
    border-top:0;
}

.widget-myvalidations .row.show-message .table-container .cell:first-child,
.widget-myvalidations .row.show-message .table-container #message{
    border-top: 1px dotted #3e3e3e;
}


/******************** NICKNAME ********************/
.widget-myvalidations .nickname{
    overflow: hidden;
    max-width: 8em;
    width: 8em;
    color: #de13c5;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.3em;
}


.widget-myvalidations .nickname{
    overflow: hidden;
    padding-top: 1.2em;
    max-width: 8em;
    width: 8em;
    background: url(../images/icon-windows.svg);
    background-position: left top;
    background-size: auto 50%;
    background-repeat: no-repeat;
    color: #de13c5;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.3em;
}

.widget-myvalidations .nickname.mobile{
    background-image: url(../images/icon-android.svg);
}
/******************** INFO1 ********************/
.widget-myvalidations .info1{
    width: 100%;
    color:#fff;
    font-weight: bold;
    font-size: 1.3em;
}

/******************** INFO2 ********************/
.widget-myvalidations .info2{
    width: 100%;
    color:#777777;
    font-size: 1.1em;
}

/******************** DATE ********************/
.widget-myvalidations .date{
    display: block;
    padding-top: 0.25em;
    width: 100%;
    font-size: 1.1em;
}

/******************** VISIBILITY ********************/
.widget-myvalidations a.public,
.widget-myvalidations a.private,
.widget-myvalidations a.loading
{
    position: absolute;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 10em;
    background: url(../images/mobile-icon-lock.png) no-repeat;
    background-size: 2em auto;
    background-position: center 110%;
}

.widget-myvalidations a.loading{
    background-image: url(../images/visibility-loader.gif);
    background-position: center;
    background-size: 80% auto;
}

.widget-myvalidations a.public{
    background-position: center -5%;
}



/****************** VISIBILITY QUESTIONS ***********/
#message{
    position: absolute;
    top:0;
    left:20%;
    width: 80%;
    height: 100%;
    background-color: #a62394;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

#message .message{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    padding: 2.5em 0;
    padding-left: 3em;
    width: 100%;
    height: 100%;
    font-size: 1.5em;
}

#message .message:before{
    position: absolute;
    top: 2.5em;
    left: 1em;
    display: block;
    width: 2em;
    height: 2em;
    background: url(../images/mobile-icon-lock.png) no-repeat;
    background-size: 70% auto;
    background-position: center 87%;
    content: '';
}

#message .message + .message:before{
    background-position: center 50%;
}

.show-message #message{
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.public #message .message:first-child,
.private #message .message:last-child{
    display: block;
}


/*---------------------------------------------------------------------------------------------------------------------
                                                    IE BUG FIX
---------------------------------------------------------------------------------------------------------------------*/
/* infos and lock cell translate (translate two elements) */
.ie .widget-myvalidations .row.show-message .table.table-container .cell,
.ie .widget-myvalidations div.row.show-message > .cell:first-child{
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}


.ie .widget-myvalidations .table.table-container a{
    min-height: 10em;
}