/* lwa () global version trebly b70414-2b */

/*
main structure for width
loginwithajaxwidget-2 is a widget which inherits from widget_ftip-area from  .widgets_ftip-container : 80% of full width 360px = 288px;

The full cascading is :
------------------------
the widgets_tipstore inherits
the scrl_tipstore class ftip-container-scrl scrollable zone inherits
the div class sidebar_ftip-inner inherits
the widget_ftip-area-1 class widgets_ftip-area
loginwithajaxwidget-2 classes widget widget_loginwithajaxwidget widget_login tip-user_adm ftip_widget : inherits of the 288px; (external margins and paddings)
    - has padding all 20px; this limits descendants to 248px;
loginwithajaxwidget-2 > div has class =lwa lwa-default
Then :
-----
The form > div inherits : 248px;
the form > div > table  width defined rule : .lwa table width:100% !important => 270px; but too secondarily from style table width:100%
    - this definition has no effect on a table calculated from his content
the form > div > table > tbody

<td class="lwa-username-label"> gets => width:270px
<tr class="lwa-password">       gets => width:270px

now the recaptcha
-----------------
a tr with a lonely td clospan='2' width 270px;
tr > td > div g-recaptcha-0 class g-recaptcha > div gets by soft (which ?) in style= width:270px; height:78px; need todo ####b70414 changed to 250px max

the following rules puts the content inside this 250px;
*/

/* lwa () block get ident & pass */

/* the Captcha block "je ne suis pas un robot : affichage sur 250px; non encore totalement optimisé : comprend des règles redondantes b70414
* doit être inséré après lwa uniquement si la largeur width <= 288px; 80% of full width ;
*/

@media (max-width: 400px) {

    /*.g-recaptcha > div {*/ /* suppressed b70501 replaced after test by transform scale and width 1/scale */
        /*width:260px !important; !* normally should fit 250 but capcha cannot be modified as a google iframe defined width 304 px the center of text .rc-anchor-center-container could be easily reduced and formatted into two lines but it is not possible then we cut half of the image *!*/
    /*}*/

    /* All following elements are ignored because they are into the iframe */

    .rc-anchor-normal {
        height: 74px;
        width: 250px;
    }
    .rc-anchor-normal .rc-anchor-content {
        height: 74px;
        width: 160px;
    }

    .rc-anchor-content {
        display: inline-block;
    }
    .rc-inline-block.check {
        max-width: 50px;
    }
    .rc-inline-block {
        display: inline-block;
        height: 100%;
        /* max-width: 50px; */
    }

    .rc-anchor-center-container {
        display: table;
        height: 100%;
        min-width: 30px;
        max-width: 100px;
    }

    .rc-anchor-normal-footer {
        display: inline-block;
        height: 74px;
        vertical-align: top;
        max-width: 80px;
    }
    .rc-anchor-logo-portrait {
        margin: 10px 0 0 26px;
        width: 58px;
    }
    .rc-anchor-normal .rc-anchor-pt {
        margin: 4px 13px 0 0;
        padding-right: 2px;
        position: absolute;
        right: 45px;
        text-align: right;
        /* width: 100px; */
    }
    .rc-anchor-pt a:link, .rc-anchor-pt a:visited {
         display: inline-block;
    }

}