/* Ventana de pago */
.fila_form  
{
    clear: both;
    padding-top: 5px;
    width: 100%;
}
.fila_form .informacio 
{
    float: right;
    width: 66%;
    text-align: left;
}

.fila_form .etiqueta {
    float: left;
    width: 32%;
    text-align: right;
}

.fila_form .etiqueta label {
    font-weight: 500;
    padding-top: 3px;
    color: #000;
    font-size:14px;
}

@media (max-width:536px)
{
    .fila_form .etiqueta 
    {
        width:100%;
        text-align:center;
    }
    .fila_form .etiqueta label {
        font-weight: 700;
    }   
    .fila_form .informacio .bloc_opcions_opcio
    {
        font-weight:bold;
    }

}

#cos_interior 
{
    padding-top: 5px;
    padding-bottom: 10px;
}

#contenidor_interior_simple form 
{
    margin: 10px 30px;
}

#contenidor_interior_simple input
{
    font-weight:bold;
}

.form-login .interior, #contenidor_interior_simple .interior {
    padding: 20px 30px 15px 30px;
}

.form-login .titol, #contenidor_interior_simple .titol {
    color: #333;
    text-align: left;
    font-size: 14px;
    padding: 18px 25px;
    border-bottom: 1px solid #ccc;
}
.titol {
    font-family: 'Roboto', Arial, Verdana;
    font-size: 0.9em;
    color: #000000;
    text-decoration: none;
}

.order_ok
{
   
}

.form-login, #contenidor_interior_simple {
    margin: 0 auto;
    /*margin-top: 50px;*/
    margin-bottom: 25px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.65);
    max-width: 600px;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    height:700px;
    left: 50%;
    z-index: 1000;
    transform: translate3d(-50%,0,0); 
    top: 60px;
}


body.p_order_ok_sinportes #contenidor_interior_simple
{
    height:250px;
    text-align: center;
    top:50%;
    left:50%;
    transform: translate3d(-50%,-50%,0);
}

body.p_order_ok_sinportes #contenidor_interior_simple .titol
{
    text-align:center;
} 




#contenidor_interior_simple .titol {
    color: #333;
    text-align: left;
    font-size: 14px;
    padding: 18px 25px;
    border-bottom: 1px solid #ccc;
}
.titol {
    font-family: 'Roboto', Arial, Verdana;
    font-size: 0.9em;
    color: #000000;
    text-decoration: none;
}

#contenidor_interior_simple .titol i.fa
{
     float: right;
     font-size: 20px;
     margin-top:-20px;
	 margin-right: -35px;
}
 
#contenidor_interior_simple .titol h1
{
    font-size:26px;
}

@media (max-width:536px)
{
    #contenidor_interior_simple .titol h1
    {
        font-size:21px;
    }
}

.color_ko {
    color: red;
    margin-left:170px;
    margin-bottom:20px;
    font-weight:bold;
}




#paypal-button-container
{
    margin-top:75px;
}

@media (max-width:991px)
{
    .form-login, #contenidor_interior_simple 
    {
        top:305px;
        height:650px;       
        width:50%;  
    }
    .color_ko
    {
        margin-left:0;
    }
    
    #paypal-button-container {
        margin-top:38px;
    }
}

@media (max-width:960px)
{
    .form-login, #contenidor_interior_simple 
    {
        top:305px;
        height:680px;
        width:90%;
    }    
}



@media (max-width:767px)
{ 
    .form-login, #contenidor_interior_simple 
    {
        top:300px;
        width:90%;
    }
    .color_ko
    {
        margin-left:0;
    }
    
    #paypal-button-container {
        margin-top:38px;
    }
}



.prices h5
{
    font-weight:bold;
    font-size:14px;
}

@media (min-width:539px) and (max-width:777px)
{
    #contenidor_interior_simple 
    {
        top: 500px;
    }
}

@media (max-width:538px)
{ 
    .form-login, #contenidor_interior_simple 
    {
        top:520px;
        height:auto;
    }
    .prices .text-left
    {
        padding-right:0;
    }
    .prices .text-left h5
    {
        font-size:20px;
        font-weight:bold;
    }
    #paypal-button-container
    {
        margin-top:75px;
    }    
}

@media (max-width:494px)
{ 
    #contenidor_interior_simple 
    {
        height: auto;
        top:520px;
    }

}

@media (max-width:440px)
{ 
    #contenidor_interior_simple 
    {
        top:600px;
    }

}

.btn_payment_methods
{
	border-radius:4px;
	padding: 7px 0;
}

.btn_paypal_button
{
	border-radius:4px;
	padding: 7px 0;
}

.btn_paypal_button img
{
	border:none;
	width:100%;
}
/* Ventana de pago */

/* Paypal alert message */
         #confirm {
            display: none;
            background-color: #F3F5F6;
            color: #000000;
            border: 1px solid #aaa;
            position: fixed;
            width: 300px;
            height: 150px;
            left: 50%;
            margin-left: -100px;
            padding: 10px 20px 10px;
            box-sizing: border-box;
            text-align: center;
            z-index:1000;
            box-shadow: 0px 2px 16px 2px  #000000;
            top: 50%;
         }
         
         #confirm button {
            background-color: #FFFFFF;
            display: inline-block;
            border-radius: 12px;
            border: 4px solid #aaa;
            padding: 5px;
            text-align: center;
            width: 60px;
            cursor: pointer;
         }
         
         #confirm .message {
            text-align: left;
            margin-bottom:10px;
            font-weight:500;
            font-size:16px;
            text-align:center;
         }
/* Paypal alert message */


/* Paypal confirm */


a.btn_envio:hover
{
    cursor:pointer;
	color:#000;
}

.order_paypal_confirm
{
    min-height:600px;
	margin-top:100px;
}

.order_paypal_confirm .btn_envio
{
    width:180px;
    font-size:18px;
    display:block;
    margin:0 auto;
    padding: 0 3px;
	background:#dd9716;
	padding:10px;
	border-radius:5px;
	font-style:normal;
	color:#fff;
}

.order_paypal_error h2
{
    color:#ff0000;
}

footer.confirm_paypal .footer-bg
{
	padding-top:20px;
	padding-bottom:20px;
}


/* Paypal confirm */

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

@media (max-width:529px)
{
	.fila_form .informacio {
		float: right;
		width: 100%;
		text-align: center;
	}
	.fila_form .informacio  input{
		text-align: center;
	}
}


.fg-red
{
	color:red;
	font-weight:normal;
}


#paypalmsg
{
	border:1px solid #000;
	border-radius:5px;
	color:#E2A432;
	padding:20px;
	font-size:30px;
	text-align:center;
}   



.swal2-modal h2
{
	font-size:21px !important;
}