.input-form{
    font-size: 16px !important;
    background: transparent !important;
	width: 100%  !important;
}
.input-form input[type=submit],
.input-form input[type=button],
.input-form input[type=text],
.input-form input[type=password],
.input-form input[type=email],
.input-form input[type=month],
.input-form textarea,
.input-form label
{
    font-size: 16px !important;

}
.input-form label {
    display:block !important;
    margin-bottom: 10px !important;
}
.input-form label > span{
    display: inline-block !important;
    float: left !important;
}

.input-form input[type=tel],
.input-form input[type=country] {
	outline: none !important;
	background: transparent !important;
    border: none !important;
    border-bottom: 1px dashed #101010 !important;
	width: 100% !important;
}

.intl-tel-input, .country-select {
	width: 100% !important;
}

.input-form input[type=text],
.input-form input[type=date],
.input-form input[type=number],
.input-form input[type=password],
.input-form input[type=month],
.input-form input[type=email] 
{
    background: transparent !important;
    border: none !important;
    border-bottom: 1px dashed #101010 !important;
    outline: none !important;
    padding: 0px 0px 0px 0px !important;
    font-style: italic !important;
	width: 100% !important;
}
.input-form textarea{
    font-style: italic !important;
    padding: 0px 0px 0px 0px !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    border-bottom: 1px dashed #101010 !important;
	max-height:80px !important;
	width: 100% !important;
}

.input-form select {
	width: 100% !important;
}

.input-form textarea:focus, 
.input-form input[type=text]:focus,
.input-form input[type=password]:focus,
.input-form input[type=email]:focus,
.input-form input[type=number]:focus,
.input-form input[type=tel]:focus,
.input-form input[type=country]:focus,
.input-form input[type=month]:focus,
.input-form input[type=email] :focus
{
    border-bottom: 1px dashed #FF0505 !important;
}

.hyper,
.input-form input[type=submit],
.input-form input[type=button]{
    background: #222222 !important;
    border: none !important;
    padding: 8px 10px 8px 10px !important;
    border-radius: 5px !important;
    color: #FFFFFF !important;
	width:30% !important;
}
.hyper:hover,
.input-form input[type=submit]:hover,
.input-form input[type=button]:hover{
background: #A6A6A6 !important;
}

input[id^="spoiler"]{
 display: none !important;
}
input[id^="spoiler"] + label {
  display: block !important;
  width: 200px !important;
  margin: 0 auto !important;
  padding: 5px 20px !important;
  color: #0a0a0a !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all .6s !important;
}
input[id^="spoiler"]:checked + label {
  color: #f00505 !important;
}
input[id^="spoiler"] ~ .spoiler  {
  width: 90% !important;
  height: 0 !important;
  opacity: 0 !important;
  display:none !important;
  margin: 10px auto 0 !important; 
  padding: 10px !important; 
  border: 1px solid #ccc !important;
  transition: all .6s !important;
}
input[id^="spoiler"]:checked + label + .spoiler {
  height: auto !important;
  opacity: 1 !important;
  display:block !important;
  padding: 10px !important;
}


input[type=checkbox] {
  display: none !important;
}

.checkbox{
	margin: 0 !important;
	padding: 0 !important;
}

.checkbox label {
	margin: 0 !important;
	padding: 0 !important;
	transition: all .2s !important;
}

.checkbox label:before {
  border-radius: 3px !important;
  content: "" !important;
  display: block !important;
 
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
 
  background-color: #aaa !important;
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8) !important;
}

input[type=checkbox]:checked + label:before {
  content: "\2713" !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2) !important;
  font-size: 19px !important;
  color: #f3f3f3 !important;
  text-align: center !important;
  line-height: 19px !important;
}


.help-tip{
	position: absolute !important;
	right: 18px !important;
	text-align: center !important;
	background-color: #6C6C6C !important;
	border-radius: 50% !important;
	width: 18px !important;
	height: 18px !important;
	font-size: 12px !important;
	cursor: default !important;
	line-height:18px;
}

.help-tip:before{
	content:'?';
	font-weight: bold;
	color:#fff;
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{	/* The tooltip */
	display: none;
	text-align: left;
	background-color: #1E2021;
	padding: 20px;
	width: 300px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -7px;
	color: #FFF;
	font-size: 13px;
	line-height: 1.4;
	z-index:10;
}

.help-tip p:before{ /* The pointer of the tooltip */
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#1E2021;
	right:10px;
	top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}

.social {
	margin-top: 15px;
	font-size: 20px;
}

.isa_info, .isa_success, .isa_warning, .isa_error {
margin: 10px 0px;
padding:12px;
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFBABA;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align:middle;
}