
.error {
	border: 1px solid #D93025 !important; 
   -webkit-transition: all 0.20s;
   -moz-transition: all 0.20s;
   -ms-transition: all 0.20s;
   -o-transition: all 0.20s; 
   outline: none;	
}

.error + label {	
   color: #D93025 !important;		
}

.container-form {
	position: relative; 
	margin-top: 45px;
	height: 33px;
	float: left;
}

.container-form label {
   left: 0px;
   top: -25px;
   font-size: 15px;
   font-weight: normal;
   color: black;
   position: absolute;
   pointer-events: none;
   transition: 0.2s ease all; 
   -moz-transition: 0.2s ease all; 
   -webkit-transition: 0.2s ease all;
}


form {
	margin: 0px;
	padding: 0px;	
}	

input[type=text] {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
	border: 0px;
	border: 1px solid #DBDBDB;	
    padding: 0px 4px 0px 4px;
    height: 30px;
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
}

textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
	border: 0px;
    padding: 5px;
    height: 100px;
    width: calc(100% - 20px);
    line-height: 1.4em;
    word-wrap: break-word;
    word-break: break-all;
    border: 1px solid #DBDBDB;
}

select {
	margin-top: -1px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
	border: 0px;
	border: 1px solid #DBDBDB;	
    padding: 0px 4px 0px 4px;
    height: 32px;
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
    background-color: #FFFFFF;
    margin-top: 1px;    
}

input[type=password]:focus,
input[type=number]:focus,
input[type=text]:focus,
input[type=file]:focus,
input[type=url]:focus {  
  border-color:transparent;
  box-shadow: 0 2px 2px -2px #4285F4;
  border: 1px solid #4285F4;
 -webkit-transition: all 0.20s;
 -moz-transition: all 0.20s;
 -ms-transition: all 0.20s;
 -o-transition: all 0.20s; 
  outline-style:none;
}	

textarea:focus {  
  border-color:transparent;
  box-shadow: 0 2px 2px -2px #4285F4;
  border: 1px solid #4285F4;
 -webkit-transition: all 0.20s;
 -moz-transition: all 0.20s;
 -ms-transition: all 0.20s;
 -o-transition: all 0.20s; 
  outline-style:none;
}

select:focus {  
  border-color:transparent;
  box-shadow: 0 2px 2px -2px #4285F4;
  border: 1px solid #4285F4;
 -webkit-transition: all 0.20s;
 -moz-transition: all 0.20s;
 -ms-transition: all 0.20s;
 -o-transition: all 0.20s; 
  outline-style:none;
}
	
input[type=text]:focus + label,
select:focus + label,
textarea:focus + label {
  color: #4285F4;
}

input[type=checkbox],
input[type=radio] {
	display:none;
}

input[type=checkbox] + label {
	padding-left:30px;
	padding-right:30px;
	height:24px;
	display:inline-block;
	line-height:25px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23757575' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'%3E%3C/path%3E%3C/svg%3E") no-repeat left center;	
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
	border: 0px transparent;		
}

input[type=checkbox]:checked + label {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'%3E%3C/path%3E%3C/svg%3E") no-repeat left center;		
}

input[type=checkbox]:disabled + label {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cccccc' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'%3E%3C/path%3E%3C/svg%3E") no-repeat left center;	
	color: #cccccc;
	cursor: default;
}

input[type=checkbox]:checked:disabled + label {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cccccc' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'%3E%3C/path%3E%3C/svg%3E") no-repeat left center;		
	color: #cccccc;
	cursor: default;
}

input[type=checkbox]:disabled:hover + label {
	color: #cccccc;
	text-decoration: none;
	cursor: default;
}




input[type=radio] + label {
	padding-left:30px;
	padding-right:30px;
	height:24px;
	display:inline-block;
	line-height:25px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23757575' d='M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'%3E%3C/path%3E%3C/svg%3E") no-repeat left center;	
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	border: 0px transparent;
}

input[type=radio]:checked + label {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z'%3E%3C/path%3E%3C/svg%3E") no-repeat left center;	
}


input[type=radio]:disabled + label {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cccccc' d='M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'%3E%3C/path%3E%3C/svg%3E") no-repeat left center;	
	color: #cccccc;
	cursor: default;
}

input[type=radio]:checked:disabled + label {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cccccc' d='M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z'%3E%3C/path%3E%3C/svg%3E") no-repeat left center;		
	color: #cccccc;
	cursor: default;
}

input[type=radio]:disabled:hover + label {
	color: #cccccc;
	text-decoration: none;
	cursor: default;
}

