@font-face {
  font-family: 'IconVntk';
  src: url('icon-vntk.woff') format('woff') /* Modern Browsers */
	}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'IconVntk' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
  content: "\e900";
  color: #4d4d4d;
}
.icon-arrow-left:before {
  content: "\e901";
  color: #4d4d4d;
}
.icon-arrow-right:before {
  content: "\e902";
  color: #4d4d4d;
}
.icon-back{
  color: #088CBD;
  font-size:35px;
  margin-right: 10px;
}
	.icon-back:before { content: "\e903";}

.icon-card:before{
  font-size:70px;
  color: #787878;
  content: "\e904";
}	
.icon-check {
  position:relative;
  font-size:28px;
  left: 0;
  top: 0;
  color: #088CBD;
}
	.icon-check:before {content: "\e905";}

.icon-computer:before {
  content: "\e906";
  color: #4d4d4d;
}
.icon-config:before {
  content: "\e907";
  color: #4d4d4d;
}
.icon-cross:before {
  content: "\e908";
  color: #088CBD;
  font-size:50px;
  cursor: pointer;
}
.icon-edit:before {
  content: "\e909";
  color: #088CBD;
  font-size:50px;
  cursor: pointer;
}
.icon-logout:before {
  content: "\e90a";
  color: #4d4d4d;
}
.icon-m-checkmark{
  color: #00a400;
  font-size:150px;
  text-align: center;	
}
	.icon-m-checkmark:before {
  		content: "\e90b";
	}
.icon-m-crossmark{
  color: #aa1500;
  font-size:150px;
  text-align: center;
}
	.icon-m-crossmark:before {content: "\e90c";}

.icon-m-enterprise:before {
  content: "\e90d";
  color: #4d4d4d;
}
.icon-m-license:before {
  content: "\e90e";
  color: #4d4d4d;
}
.icon-m-lock:before {
  content: "\e90f";
  color: #4d4d4d;
}

.icon-m-message {
  color: #00a400;
  font-size:160px;
  text-align: center;
}
	.icon-m-message:before { content: "\e910";}

.icon-m-unlock{
 color: #00a400;
 font-size:150px;
 text-align: center;
}
	.icon-m-unlock:before {content: "\e911";}

.icon-m-users:before {
  font-size: 25px;
  content: "\e912";
  color: #0e8bbc;
}
.icon-menu-enterprise:before {
  content: "\e914";
  color: #4d4d4d;
}
.icon-menu-home:before {
  content: "\e915";
  color: #4d4d4d;
}
.icon-menu-invoice:before {
  content: "\e916";
  color: #4d4d4d;
}
.icon-menu-license:before {
  content: "\e917";
  color: #4d4d4d;
}
.icon-menu-users:before {
  content: "\e918";
  color: #4d4d4d;
}
.icon-message:before {
  content: "\e913";
  color: #4d4d4d;
}
.icon-notification:before {
  content: "\e91a";
  color: #4d4d4d;
}
.icon-paypal:before {
  content: "\e91b";
  font-size:30px;
  color: #787878;
} 
.icon-pdf:before {
  content: "\e919";
  color: #4d4d4d;
}
.icon-phone:before {
  content: "\e925";
  color: #4d4d4d;
}
.icon-profile:before {
  content: "\e926";
  color: #4d4d4d;
}
.icon-search:before {
  content: "\e927";
  color: #7b7b7b;
  position: absolute;
  margin-left: 15px;
  margin-top: 29px;
  font-size:22px;
	  z-index: 1;
	
} 
.icon-xml:before {
  content: "\e91c";
  color: #4d4d4d;
}

@media(max-width: 800px) {
		.icon-m-message, .icon-m-checkmark, .icon-m-crossmark, .icon-m-unlock{
			font-size: 120px;
			-webkit-transition-duration: 0.4s; 
    		transition-duration: 0.4s;}
	}

@media(max-width: 500px) {
		.icon-m-message, .icon-m-checkmark, .icon-m-crossmark, .icon-m-unlock{
			font-size: 90px;
			-webkit-transition-duration: 0.4s; 
    		transition-duration: 0.4s;}
	}