/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 6, 2015, 1:21:41 PM
    Author     : peter
*/
	.modal-backdrop-login {
		position:fixed;
		display: block !important;
		background-color:#083C6B;
		width:100%;
		height:100%;
		opacity: 1 !important;
		filter: alpha(opacity=95); /* For IE8 and earlier */
		z-index:1701;
		left:0px;
		top:0px;
	}

	.modal-backdrop {
		position:fixed;
		display: none;
		background-color:#083C6B;
		width:100%;
		height:100%;
		opacity: 0.95;
		filter: alpha(opacity=95); /* For IE8 and earlier */
		z-index:1701;
		left:0px;
		top:0px;
	}
	
	.modal{
		position:fixed;
		display: none;
		left:50%;
		top:0px;
		margin-top:50px;
		transform: translate3d(-50%, 0,0);
		z-index:1702;
		color:white;
		width: 500px;
		max-width: 100%;
	}

	.plain-body .modal {
		position: static;
		transform: none;
		margin-top: 20px;
	}
	
	.modal-container {
		padding: 0;
		text-align: center
	}
	
	.modal-container input.textfield {
		width: 100%;
		height: 50px;
		padding-left: 10px;
		color:black;
		margin-bottom: 15px;
		font-size: 16px;
	}
	
	@media(max-width: 500px){
		.modal{
			padding: 20px;
		}
	}
	
	
	
	.modal-container .checkbox-container {
		width: 100%
	}
	
	.modal-container .checkbox-container input {
		float:left;
	}
	
	.modal-container #radio-container-subscription {
		text-align: left;
		display: none;
	}
	
	.modal-container #radio-container-subscription p {
		margin-bottom: 5px;
	}
	
/*	.modal-container .name_holder input {
		float:left;
	}
	
	#popup-signup-firstname {
		width: 43px;
	}
	
	#popup-signup-lastname {
		width: 196px;	
		margin-left: 15px;
	}*/
	
	.modal-container .checkbox_label {
		color: white;	
		display: block;
		margin-left: 25px;
		height: 15px;
		width: 100%;
		font-size: 16px;

	}
	.modal-container .radio_label {
		color: white;	
		margin-left: 5px;
		width: 100%;
		font-size: 16px;
	}
	
    .modal-container button {
        cursor:pointer;
    }
    .modal-container .button_holder span {
        cursor:pointer;   
    }
    .modal-container .button_holder span:hover {
        text-decoration: underline;
    }

	.modal-error-container {
		margin-bottom: 20px;
	}
	
	.modal p {
		margin-bottom: 20px;
		color:white;
	}
	.modal h1,
	p#modal-title {
		color: white;
		text-align: center;
		margin-bottom: 15px;
		font-size: 22px;
	}

	.modal .button_holder {
		text-align: left;
		margin-top: 15px;
	}
	
	.modal .button_holder button {
		width:100px;
		height: 40px;
		background-color: #971023;
		color: white;
		border: 0px;	
		font-size: 16px;
		text-transform: uppercase;
	}
	.woocommerce-form-login__rememberme{
		padding-top: 8px;
	}
	.woocommerce-checkout .woocommerce button.button {
		   width:130px;
		                   height: 40px;
				                   background-color: #971023;
						                   color: white;
								                   border: 0px;
										                   font-size: 16px;
												                   text-transform: uppercase;
	}

	
	.modal .button_holder button.button-large{
		width:auto;
		font-size: 16px;
	}
	
	.modal .button_holder span {
		height: 40px;
		color: white;
		float:right;
		padding-top: 12px;
	}
	
	.modal-error-container ul {
		text-align: left;
	}
	
	.modal-error-container ul {
		list-style-type: none;
	}
	
	.modal-error-container ul .modal-error {
		font-weight:bold;
	}