/** PADDING **/
.p-0 { padding: 0px; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }

.pt-0 { padding-top: 0px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }

.pr-0 { padding-right: 0px; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }

.pb-0 { padding-bottom: 0px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }

.pl-0 { padding-left: 0px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }

/** MARGIN **/
.m-0 { margin: 0px !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }

.mt-0 { margin-top: 0px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }

.mr-0 { margin-right: 0px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }

.ml-0 { margin-left: 0px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }

.separation-line-gray { height:1px; background-color:#d9d9d9;  }

.float-left { float: left;  }
.float-right { float: right;  }

.w-0 { width: 0%; }
.w-25 { width: 25%; }
.w-50 { width: 50%; }
.w-75 { width: 75%; }
.w-100 { width: 100%; }
.w-150 { width: 150px; }
.w-200 { width: 200px; }
.w-250 { width: 250px; }
.w-300 { width: 300px; }

/** NEWSLETTER **/
/** NEWSLETTER - Box  **/
.panel-newsletter { 
	padding-top: 15px; padding-bottom: 10px;
	color: white; background-color: #017050; 
}
.panel-newsletter .row-top {  }
.panel-newsletter .columns-top { margin-bottom: 10px; }
.panel-newsletter i { float: left; font-size: 38px; margin-right: 10px; }
.panel-newsletter h3 { padding: 0; margin: 0; color: white; font-size: 26px; line-height: 38px; }
.panel-newsletter button { border: 4px solid white; margin: 0; padding: 4px 10px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 16px; color: white;}

.panel-newsletter .separation-col { padding-left: 5px; padding-right: 5px; }
.panel-newsletter .separation-col .separation-line { width: 100%; height: 2px; background-color: white; margin-bottom: 10px; }
.panel-newsletter h6 { color: white; font-size: 16px ;line-height: 1.2em; }

.panel-lightgreen {
	background-color: #80B8A8;
	border-color: #017050;
}
.panel-lightgreen .separation-line-gray { background-color: #017050; }
.panel-lightgreen select, .panel-lightgreen select:focus, 
.panel-lightgreen input, .panel-lightgreen input:focus  { border-color: #017050; }
.panel-lightgreen input[type=checkbox] {
	/**
	-webkit-box-shadow: 0px 0px 0px 1px rgba(1,112,80);
	-moz-box-shadow: 0px 0px 0px 1px rgba(1,112,80);
	box-shadow: 0px 0px 0px 1px rgba(1,112,80);
	**/
}
/** Form - error **/
.input-error[type="text"] { border-color: #c60f13 !important; margin-bottom: 0 !important; }