.form_tb{
	margin:11px auto;
}
.form_tb td{
	padding:3px;
}
.form_tb .form_td_titulo{
	font-size:1.2em;
	color:#111;
	font-weight:bold;
}
.form_tb .td_etiqueta{
	text-align:right;
	vertical-align:top;
}
.form_tb .td_input{
	text-align:left;
	padding-bottom:1em;
}
@media (max-width: 750px) {
.form_tb .td_input{ text-align:left!important;}
.form_tb .td_etiqueta{ text-align:left!important;}
}

/*== added manually after a great upgrading of this module ==*/

.disabled{background-color:#eee!important;}
.alerted_field{background-color: yellow!important;background: yellow!important;}
input[type=checkbox].alerted_field{box-shadow:0px 0px 1px 3px yellow;}
.valid_antispam{background-color:rgba(80,200,80,0.2)!important;border-color:rgba(80,200,80,0.7)!important;}
.not_valid_antispam{background-color:rgba(200,80,80,0.2)!important;border-color:rgba(200,80,80,0.7)!important;}

td[rel=label]{white-space: nowrap_;}

input, select, textarea{width: 100%;}
input[type=radio], input[type=checkbox]{width: auto;margin-right:0.7rem;}
label{display:inline-block!important;}

.add_element_form input[rel=code]{ min-width:150px; }
.add_element_form .control{ text-align:left;}

.add_element_form .two_text_group{ 
    display:table;
    position:relative;
    border-collapse: separate;
    box-sizing: border-box;
    width:100%;
    padding:0; margin:0.5rem 0;
    white-space:nowrap;
}
    .add_element_form .two_text_group input{ 
        position:relative; display:table-cell!important;width:50%;margin:0px!important;height:38px;
    }
    .add_element_form .two_text_group input:first-child{ 
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;        
        border-right: none;        
    }
    .add_element_form .two_text_group input:nth-child(2) { 
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;        
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;        
    }
    .add_element_form .two_text_group a{ 
        position:relative; display:table-cell!important;
        vertical-align: middle;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;        
    }

/* ====== user/login/logout gadgets ===== */

.user_bar{
    display:inline-block;
    padding:0.1rem 1rem;
}

    .user_bar .cart:before{
        content: ' | ';
        color: #666;
    }

#contactos_login_form td{
    width:300px;
    max-width:90%;
}

.contactos_user .msg{    
    display:inline-block;
    padding-left: 30px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 20px;
    background-size: 2rem; 
}
.contactos_user .msg.warning{    
    background-image:url('../../modulo_/disenyo/ic-warning.png');
}
.contactos_user .msg.info{    
    background-image:url('../../modulo_/disenyo/ic-info.png');
}
.contactos_user .msg.success{
    background-image:url('../../modulo_/disenyo/ic-success.png');
}
#keyphrase_rec_2{ width:90%; max-width:200px;}

.contactos_user .menu li{
    list-style: none;
    display: inline-block;
    float:left;
    padding: 0.3rem 0 0.3rem 1rem;
    text-transform: lowercase;
}
    .contactos_user .menu li:before{
        content: none;
    }
    .contactos_user .menu li:after{
        padding-left:1rem;
        content: ' | ';
        color: #666;
    }
    .contactos_user .menu li:last-child:after{
        content: none;
    }
    .contactos_user .menu ul:after{
        content:'.';
        display:inline-block; width:0px; overflow:hidden;
        float:none;
        clear:both;
    }
    .contactos_user input{
        width:100%;max-width:300px;
    }
    
/* Form controls (responsive design style)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .control{
        float:none; clear:both;
    }
    .control:after{
        content:'';display:block;height:1px;float:none; clear:both;
    }
    .control label{
        line-height: 3.5rem;
        display:inline-block;
        width: 100%;
        float: left;
        box-sizing: border-box; 
        padding:0.3em 0;
        padding-bottom: 0;
        line-height: 1.1rem;
        text-align:left;
    }
    .control div{
        display:inline-block;
        width: 100%;
        float: left;
        box-sizing: border-box; 
        padding:0.3em 0;
        padding-top: 0;
    }
    /* For devices larger than 500px */
    @media (min-width: 500px) {

        .control label{
            line-height: 3.5rem;
            display:inline-block;
            width: 48%;
            max-width:200px;
            float: left;
            box-sizing: border-box; 
            padding:0.3em;
            text-align:right;
        }
        .control div{
            display:inline-block;
            width: 48%;
            float: left;
            box-sizing: border-box; 
            padding:0.3em;
        }
    }
    .control.vertical label,
    .control.vertical div{
        float:none;
        width: 100%;
    }