/************************************************************************************
WARNA
*************************************************************************************/
putih	{color:#FFF;}
merah	{color:#FF0000;}
hijau	{color:#009741;}
kuning	{color:#FFFF00;}
/************************************************************************************
FONT
*************************************************************************************/	
f14{	
	font-family	:sans-serif;
	font-size	:14px;	
	font-weight	:none;}
f16{	
	font-family	:sans-serif;
	font-size	:16px;	
	font-weight	:none;}
f20{	
	font-family	:sans-serif;
	font-size	:20px;	
	font-weight	:none;
	line-height	:1.5;}
f36{	
	font-family	:sans-serif;
	font-size	:36px;	
	font-weight	:bold;}

a {color: #C70000;}

/* -------- */
.row:after{
	content			:"";
    display			:table;
    clear			:both;
	padding			:5px 0px 0px 0px;}
.col-100 {
    float			:left;
    width			:75%;
    margin			:6px 3% 0px 0px;
	text-align		:left;}
/* -------- */

input[type=text],
input[type=email]{
 	width			:100%;
 	height			:40px;
	padding			:10px;
 	margin-bottom	:5px;
 	margin-top		:5px;
 	color			:#226180;
 	font-size		:18px;
	border			:1px solid #CCC;
	border-radius	:5px;}
 
input[type=password]{
 	width			:100%;
 	height			:40px;
 	padding			:10px;
 	margin-bottom	:5px;
 	margin-top		:5px;
 	color			:#226180;
 	font-size		:18px;
	border			:1px solid #CCC;
	border-radius	:5px;}

select{
	width			:100%;	
	color			:#226180;
	font-size		:16px;
	font-style		:normal;
	height			:35px;
	border			:1px solid #CCC;
	border-radius	:5px;}

select option{
	color			:#FFFFFF;
	background-color:#226180;
	height			:35px;
 	font-size		:14px;
	border			:1px solid #CCC;
	border-radius	:5px;}

/***********
ANIMASI TEKS
************/	
.form-control{
	display				:block;
	font-size			:14px;
	line-height			:1.42857143;
	color				:#555;
	background-color	:#fff;
	background-image	:none;
	border				:1px solid #ccc;
	border-radius		:4px;
	-webkit-box-shadow	:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow			:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition	:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition		:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition			:border-color ease-in-out .15s,box-shadow ease-in-out .15s}			
.form-control:focus{
	border-color		:#66afe9;
	outline				:0;
	-webkit-box-shadow	:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}			
.form-control::-moz-placeholder{
	color				:#999;opacity:1}
.form-control:-ms-input-placeholder{
	color				:#999}
.form-control::-webkit-input-placeholder{
	color				:#999}
.form-control::-ms-expand{
	background-color	:transparent;border:0}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
	background-color	:#eee;
	opacity				:1}
.form-control[disabled],fieldset[disabled] .form-control{
	cursor				:not-allowed}
textarea.form-control{
	height				:auto}
input[type=search]{
	-webkit-appearance	:none}

/*****
SUBMIT
******/
input[type="submit"]{        
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif !important;
	font-weight			:bold !important;
	font-size			:18px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#66AB53, #588B44);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:7px 50px;
	margin-bottom 		:10px;
	text-align			:center;}
}
input[type="submit"]:hover{
	background			:linear-gradient(#FF3341, #C7000E);
}

/*****
BUTTON
******/
button{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:10px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#CC0000, #620000);
	border-radius 		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:2px 6px;
	margin-bottom 		:2px;
	text-align			:center;}
button:hover{
	background			:linear-gradient(#FF3341, #C7000E);}

/***********************************************
UKURAN MEDIA
************************************************/

@media screen and (max-width: 920px){
	.col-100 {
   		width	:100%;}
   	input[type="submit"]{ 
   		width	:100%;}
}
	
@media screen and (max-width: 768px){
	.col-100 {
   		width	:100%;}
   	input[type="submit"]{ 
   		width	:100%;}
}