@font-face {
    font-family: 'icomoon';
    src: 
        url('/templates/chromachecker/fonts/ICOmoon39.woff2?v=2') format('woff2'),
        url('/templates/chromachecker/fonts/ICOmoon39.woff?v=2') format('woff'),
        url('/templates/chromachecker/fonts/ICOmoon39.ttf?v=2') format('truetype');  
    font-weight: normal;
    font-style: normal; 
}


.cc_icon {
    font-family: 'icomoon';
}

body {
     font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
    font-size:12px;
    
    
}
* {
	margin: 0;
}
* { padding: 0 } 
ul, ol {
	padding-left:20px;
}
html, body {
	height: 100%;
	margin:0 auto;
	padding:0px;
}
a {
    text-decoration:none;
    border:none;
	cursor: pointer;
}
div:focus {
	outline: none;
}
p {
	margin:0px;
	padding:0px;
}
.clear {
	clear:both;
}
img {border:none;}
p {
	padding:0px;
	margin-bottom:10px;
}
ul, ol {

	margin-bottom:10px;
}


h1 {
	color:#07a1e2;
	font-size:30px;
	font-weight:normal;
	clear:both;

}
h2 {

	font-size:18px;
	font-weight:normal;
	color:#8f0787;
	clear:both;

}

h3 {
	width:100%; 
	font-size:14px;
	font-weight:normal;
	color:#07a1e2;
	
}
h4 {
	color:#8f0787;
	font-size:14px;
	font-weight:normal;
	clear:both;

}
h5 {
	color:#000;
	font-size:14px;
	font-weight:normal;
	clear:both;

}

.image_description{
	font-size:10px;
}
.standard_table {
  width:100%;
  border-collapse:collapse;  
  
    margin-bottom:10px;
} 
.standard_table  p {
	margin:0px !important;
}
.standard_table td{
 	padding:5px;
 	border:1px solid #9c9c9d;
 	vertical-align:top;
} 
.standard_table tr:first-child td {
	color:#fff;
	border:1px solid #9c9c9d; 
	background:#0791e2;
	height:24px;
	vertical-align: middle;
}   
iframe {
	border:0px !important;
}
.download_link {
	display:block;
	padding-left:35px;
	line-height:30px;
	background-size:30px 30px;
	background-image:url('/templates/chromachecker/icons/60_download.png');
	background-repeat:no-repeat;
	background-position:left;
}
.download_link a {
	color:#000;
}
.quote {
	padding:10px;
	display:block;
	background:#ececec;   
}
.warning_text {
	color:#e5007c;
}

a {
	color:#8f0787;
}
a:hover {
	color:#666; 
}
p, h1, h2, h3, h4, h5, h6  {
	padding:0px;

	margin-bottom:10px;
}
hr {
	border: 0; 
	background-color: transparent; 
	border-bottom: 1px solid #eee;
	margin-bottom:10px;
}
.bold {
	font-weight:bold;
}

.table_compatibility {
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px;
}
.table_compatibility td{
	padding:5px;
}
.table_compatibility tr {
	border-bottom:1px solid #eee;
}

.manual_A2_table td{
	vertical-align: top;
	padding:3px;
}
.manual_A2_table tr:first-child td {
    vertical-align: bottom;
    background:#fff !important; 
}
.manual_A2_table tr:first-child td p {
	margin:0px;
}
.manual_A2_table tr:nth-child(odd) td  {
	background:#eee;
}
.manual_A2_table tr:nth-child(2) td  {
	vertical-align: middle;
	background:#8f0787;
	color:#fff;
	height:20px;
}

.page_table td {
	vertical-align: top;
}
  
.table_rgb_cmyk {
	text-align:center;
	border-collapse:collapse;
	font-size:8px;
}
.table_rgb_cmyk td {
	padding:2px;
	width:20px;
	border:1px solid #fefefe;
}

.table_rgb_cmyk tr:nth-child(odd) td {
	background:#eee;  
}
.table_rgb_cmyk th {
	padding:2px;
	font-weight:bold; 
	background: #8F0787;
	color:#fff;
}
.register_button {
	color:#fff;
	background:#8f0787;
	text-transform:uppercase;
	font-size:18px;
	float:right;
	padding:10px;
	border-bottom-right-radius: 15px;
}
.register_button:hover{
	color:#fff;
	background-color:#666;
}
.bordered_table {
	border-collapse:collapse;
}
.bordered_table th, .bordered_table td {
	border:1px solid #eee;
	padding:5px;
}
.bordered_table p, .bordered_table h5 {
	margin:0px;
}
.home_text {
	color:#999999;
	line-height:32px;
	font-size:18px;
}
.home_text_green {
	color:#279faf;
	line-height:32px;
	font-size:18px;
}

.home_head {
	color:#000;
	line-height:60px;
	font-size:40px;

	font-family: 'ptsans', sans-serif;
}
 .submit_button {
 	display:block;
 	clear:both;
 }
 .getstarted_button a{
	display:table;
	padding-right:10px;
	padding-left:10px;
	margin:0 auto;
	text-transform:uppercase;
	color:#fff;
	line-height:40px;
	background:#8f0787;
}
 .getstarted_button a:hover  {
	background:#666;
	color:#fff;
}


.font_size_8 {
	font-size:9px;
}  
.font_size_10 {
	font-size:10px;
}
.font_size_12 {
	font-size:12px;
}
.font_size_14 {
	font-size:14px;
}
.font_size_18 {
	font-size:18px;
}
.font_size_22 {
	font-size:22px;
}
.font_size_36 {
	font-size:36px;
}
.font_size_48 {
	font-size:48px;
}