.form_tb{
	margin:11px auto;
}
.form_tb td, form td{
	padding:6px;
	border-bottom: none;
}
.form_tb td h1, form td h1,
.form_tb td h2, form td h2,
.form_tb td h3, form td h3,
.form_tb td h4, form td h4
{
	text-align:left;
}
.form_tb td:first-child, form td:first-child{
	text-align:right;
}
.form_tb .form_td_titulo{
	font-size:1.2em;
	color:#111;
	font-weight:bold;
	padding-top:21px;
	padding-bottom:17px;
}
.form_tb .td_etiqueta{
	text-align:right;
        vertical-align: top;
	padding-top:0.7em;
}
.form_tb .td_input{
	text-align:left;
}
.antispam_question{
        font-weight: bold;
        line-height:2em;
}

.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;}
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;        
    }

/* ====== field types formatting ===== */

.scale_option{display:inline-block;margin:3px;background-color:rgba(100,100,100,0.1);border-radius:5px;padding:3px 5px;}
.scale_option input[type=radio]{margin-bottom:0;}

/* ====== 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 .frame{
    margin-left:0;
    margin-right:0;
    width:100%;
}
.contactos_user .menu{
    margin:0;
    padding:0;
    width:100%;
}
.contactos_user .menu a{
    padding:0.5rem; margin: 0.5rem; text-align: center; font-size:1rem;
}
.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:block;
        width: 100%;
        float: none;
        box-sizing: border-box; 
        padding:0.3em 0;
        padding-bottom: 0;
        line-height: 1.1rem;
        text-align:center;
    }
    .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%;
    }