@charset "utf-8";
.check input[type="radio"]:empty, .check input[type="checkbox"]:empty {
    display: none;
}
.check input[type="radio"]:empty ~ label, .check input[type="checkbox"]:empty ~ label{
	    position: relative;
    line-height: 2.5em;
    text-indent: 3.25em;
    margin-top: 2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.check label{
	font-size:14px;
    width: 40%;
    border: 1px solid #929292;
    font-weight: normal;
	display: inline-block;
	margin-bottom: -0.5rem;
    float: left;
    margin-left: 30px;
}
.check input[type="radio"]:hover:not(:checked) ~ label:before, .check input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2;
}
.check input[type="radio"]:empty ~ label:before, .check input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
}

.check input[type="radio"]:checked ~ label:before, .check input[type="checkbox"]:checked ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
}
.check-danger input[type="radio"]:checked ~ label:before, .check-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #008580;
}
@media (max-width: 700px){
.check label{
    width: 96%!important;
	border: 1px solid #929292;
    font-weight: normal;
	display: inline-block;
	margin-bottom: -0.5rem;
    float: left;
    margin-left: 10px!important;
	font-size:12px!important
}
}
@media (max-width: 400px){
.check label{
    width: 96%!important;
    border: 1px solid #929292;
    font-weight: normal;
	display: inline-block;
	margin-bottom: -0.5rem;
    float: left;
    margin-left: 10px!important;
	font-size:12px!important
}

.check{
	width:91%!important
}
}
#formularioPWS input[type=checkbox]{
	width:10%!important;
}
#formularioPWS input{
	height:21px!important;
}
#formularioPWS select{
	border-width:2px!important;
}
.msj-error-multiselect{
    color: #db0011;
    margin-bottom: 20px;
    font-size: 12px;
	float:left;
	margin-left: 5%;
    margin-top: 6%;
}
.msj-error{
	color: #db0011;
    margin-bottom: 20px;
    font-size: 12px;
}
textarea:focus, input:focus, select:focus{
    outline: none;
}
#formularioPWS input, #formularioPWS select, #formularioPWS textarea{
	width:90%; 
	margin-top:10px!important; 
	padding:7px; 
	border-color:#999; 
	margin-bottom:15px!important;
}
@media (max-width:500px){
#formularioPWS select {
    width: 95%!important;
}
}
#formularioPWS select{
	width:93%;
}
#formularioPWS input[type=radio]{
	width:5%!important;
}

/* helpers de colores */

.white {
  color: #FFF !important;
}

.pewter {
  color: #767676 !important;
}

.charcoal {
  color: #252525 !important;
}

.pearl {
  color: #F3F3F3 !important;
}

.hsbc-red {
  color: #DB0011 !important;
}

/* Texto blanco caja promo. No está en el CSS pero si en UI Centre*/

.A-TYP22LDB-RW-ALL{
    font-family:"HSBC Univers Next Light";
    font-style:normal;
    font-weight:300;
    font-size:22px;
    font-size:1.375rem
}
 @media(min-width:960px){
    .A-TYP22LDB-RW-ALL{
        font-size:22px;
        font-size:1.375rem
    }
}

.M-MASTERTILEITEM-DEV:not(.row) .A-PNL-RW-ALL .image-wrapper img[src*="0.gif"] {
    max-height:1000px!important;
}

.centered-text
{
  text-align:center!important;
}