[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.5s 0.5s ease; 
  opacity: 0;
}

.example-two:focus::-webkit-input-placeholder {
  transition: text-indent 0.5s 0.5s ease; 
  text-indent: -100%;
  opacity: 1;
}

.left-label {
  float: left;
  padding: 8px 5px 0 0;
}
input[type=text] {
  padding: 5px;
  text-indent: 0;
}

.options {
    width:100%; /*whatever you want*/
}

.o-checkbox input:before {
            float: left;
            content: "";
            position: ralative; 
            display: inline-block;  
	    width: 24px;  
	    height: 24px; 
	    margin-right: 1px;  
	    background-color: #B0C4DE;  
	    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .6);
	    border-radius: 5px;  
	}

.o-checkbox input:checked:before {
		content:"\2714";
                font-size: 28px;
		color:blue;
	        background-color: #AFEEEE; 
		text-align:center;
		line-height:20px;
	        text-shadow:0px 0px 5px #eee;
                border-radius: 4px;
	}




/* --------------Check Box 1----------------- */


.o-checkbox label,
.o-checkbox input {
        float: left;
        line-height:18px;
	margin-left: 16px;

}

.o-checkbox ul {
	overflow: hidden;
	margin-left: 0px;
}

.o-checkbox li {
        display: inline;
	margin-right: 0px;
        line-height:33px;
}
.o-select p {
        margin-right: 0px;
        margin-left: 0px;
        display: inline;
        line-height:33px;
}