/* GENERAL STYLES
--------------------------------------------------*/

.margin5 {
    width               :   100%;
    clear               :   both;
    height              :   5px;
}

.margin10 {
    width               :   100%;
    clear               :   both;
    height              :   10px;
}

.margin15 {
    width               :   100%;
    clear               :   both;
    height              :   15px;
}

.margin20 {
    width               :   100%;
    clear               :   both;
    height              :   20px;
}

.margin25 {
    width               :   100%;
    clear               :   both;
    height              :   25px;
}

body.logged-in .loggedout {
    display :none!important;
}


/* API STYLES
--------------------------------------------------*/

.lapataterie {
    width               :   100%;
    height              :   auto;
    display             :   block;
    overflow            :   hidden;
    clear               :   both;
    padding             :   15px 0;
}

.points {
    font-size           :   25px;
    line-height         :   35px;
}

.points-title {
    font-weight         :   bold;
}


/* FORM STYLES
-------------------------------------------------------------- */

input[type=text], input[type=number], input[type=email], input[type=password], input[type=date], select {
	width				:	100%;
	padding				:	15px!important;
	border				:	1px solid #d8d8d8;
	border-radius		:	3px;
	height				:	50px!important;
}

input[type=radio] {
	width				:	auto;
	padding				:	2px!important;
	border				:	0px solid #d8d8d8;
	border-radius		:	0px;
	height				:	15px!important;
    display: inline;
}

textarea {
	width				:	100%;
	padding				:	15px!important;
	border				:	1px solid #d8d8d8!important;
	border-radius		:	3px;
	height				:	50px;
}

.ui-datepicker-year, .ui-datepicker-month {
    padding: 2px!important;
    height: 20px!important;
    font-size: 12px!important;
}

textarea.bbp-the-content {
    height              :   225px;   
}

input[type=radio] {
	width				:	20px;
}

.mobile {
	display				:	none;
}

.req, input[type=password].req {
	border				:	1px dashed #FF0000!important;
}

input[type=checkbox] {
	width				:	15px;
	height				:	15px!important;
    margin-right        :   5px;
}

#res-message, .res-message,
#res-message2, .res-message2 {
	padding				:	5px;
	margin				:	15px auto 0 auto;
	/*color				:	#3EA00C;
	border				:	1px solid #3EA00C;
	background			:	#D0FFB7;*/
	display				:	none;
	text-align			:	center;
	width				:	100%;
}

.res-error {
	color				:	#FF0000!important;
	border				:	1px dashed #FF0000!important;
	background			:	#FFE2E2!important;
	line-height			:	35px;
	border-radius		:	5px;
}

#conditions_wrapper, .deals_wrapper {
	width				:	448px!important;
	padding				:	5px 5px 0 5px;
	font-size			:	12px!important;
}

.saved {
	background			:	#DFF0D8!important;
	border				:	1px dashed #C8EDB8!important;
	color				:	#8EDB6D!important;
}

.check_success {
	color				:	#3EA00C!important;
	border				:	1px solid #3EA00C!important;
	background			:	#D0FFB7!important;
}

.res-message-load {
	padding				:	5px;
	margin				:	5px auto;
	color				:	#000000;
	border				:	0px dashed #FF0000;
	text-align			:	center;
}

.res-message-return {
	padding				:	5px;
	margin				:	5px auto;
	color				:	#FF0000;
	border				:	1px dashed #FF0000;
	background			:	#FFF;
	text-align			:	left;
	overflow			:	hidden;
}

.account-form {
	padding				:	85px 15px 15px 15px;
	height				:	auto;
	display				:	block;
	overflow			:	hidden;
	float				:	none;
	margin				:	15px auto 25px auto;
	width				:	100%;
	position			:	relative;
	background			:	#F9F9F9;
	border				:	1px solid #231f20;
	border-radius		:	3px;
    box-sizing          :   border-box;
}

.account-form-full {
    width               :   90%;   
}

.account-form input[type=button] {
    font-size           :   12px;
    height              :   26px;
    line-height         :   24px;
    width               :   auto;
}

.account-form h1 {
	position			:	absolute;
	left				:	0;
	top					:	0;
	width				:	100%;
	padding				:	0 10px;
	text-align			:	center;
	color				:	#FFF;
	background			:	#231f20;
    margin              :   0!important;
    font-size           :   30px;
    line-height         :   65px;
}

.account-form h1:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(35, 31, 32, 0);
	border-top-color: #231f20;
	border-width: 15px;
	margin-left: -15px;
}

.account-form h4 {
	font-size			:	18px!important;
	margin				:	5px 0 0 0!important;
	font-weight			:	300;
}

.account-form .social-networks {
    text-align          :   center;
}

.account-form .form-control, .odates .form-control {
	font-size			:	15px;
}

.account-form-wide {
	width				:	90%;
}

.fields {
	padding				:	5px!important;
}

.fieldsnp {
    padding             :   2px!important;
}

.fields h3, .fields h4, .fields h5 {
	margin              :   10px 0 0 0;
}

.fields h3 {
	font-size			:	19px;
}

.fields h4 {
	font-size			:	17px;
}

.fields h5 {
	font-size			:	15px;
}

.fields.left {
    text-align: left;
    line-height: 20px;
    padding-top: 15px!important;
}

.fields .inner {
    background          :   #E1E1E1;
    padding             :   10px;
    box-sizing          :   border-box;
    border-radius       :   5px;
    height              :   auto;
    display             :   block;
    overflow            :   hidden;
}

.fieldspr {
	padding				:	5px 45px 5px 5px;
}

.fieldsr {
	text-align			:	right;
}

.fieldsr h3 {
	text-align			:	right;
}

.account-form .fields h2 {
	padding				:	10px 0 0 0;
}

.account-form label {
	font-weight			:	normal;
}

.account-form .input-group-addon {
	padding				:	10px!important;
	min-width			:	40px;
}

.account-form .form-control, .odates .form-control {
	height				:	40px;
}

.fpassword {
    width               :   60%;
    text-align          :   center;
}

.fpassword .btn, .pp-reset-password-form .pp-reset-button {
    height              :   40px!important;
    line-height         :   20px!important;
    width               :   100%;
}

.alert {
	margin				:	5px 0 10px 0;
    font-size           :   15px;
    text-align          :   center;
}



/* RESPONSIVE STYLES
--------------------------------------------------*/

@media (max-width: 1200px) {
	
}
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {
    
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
}

@media (max-width: 480px) {
	
}

@media (max-width: 400px) {
	
}