/**************************************************************************
 * Copyright (c) 2002, 2016 Corzia AB, Sweden.  All rights reserved.
 * CORZIA PROPRIETARY/CONFIDENTIAL.  Use is subject to license terms.
 * Redistribution in source and binary forms, with or without modification,
 * are not permitted unless explicit written permission is obtained.
 **************************************************************************/

/* ------------------------------------------------------------------
	Example classes
   ------------------------------------------------------------------  */
   
/*
	! important added to handle resolve order for some elements.
*/   

.btn.btn-sm.touchDeviceButton {
  border: none;
  cursor: pointer;
  text-align: center;
  color: black;
  font-size: 120%;
  margin-top: 10px;
  margin-right: 10px;
  padding: 15px 25px 15px 25px;
  border-radius: 10px;
}

.btn.btn-sm.touchDeviceButtonRed {
  border: none;
  cursor: pointer;
  text-align: center;
  color: red;
  font-size: 120%;
  margin-top: 10px;
  margin-right: 10px;
  padding: 15px 25px 15px 25px;
  border-radius: 10px;
}

.btn.btn-sm.touchDeviceButtonYellow {
  border: none;
  cursor: pointer;
  text-align: center;
  color: yellow;
  font-size: 120%;
  margin-top: 10px;
  margin-right: 10px;
  padding: 15px 25px 15px 25px;
  border-radius: 10px;
}

.btn.btn-sm.touchDeviceButtonGreen {
  border: none;
  cursor: pointer;
  text-align: center;
  color: green;
  font-size: 120%;
  margin-top: 10px;
  margin-right: 10px;
  padding: 15px 25px 15px 25px;
  border-radius: 10px;
}

.CA-textArea {
	font-family:				"courier new";
}

.CustomClass_greenField {
	background-color:			#33ff33;
}
.CustomClass_pinkField {
	background-color:			#ffccff;
}
.CustomClass_darkgreenField {
	background-color:			#00aa00;
}
.CustomClass_yellowField {
	background-color:			#ffff00;
}
.CustomClass_blueField {
	background-color:			#0099ff;
}
.CustomClass_redField {
	background-color:			#ff0000;
}
.CustomClass_orangeField {
	background-color:			#ff9900;
}

.CustomClass_bigFont3Pink {
	font-size: 20px;
	height:	30px;
	background-color:			#ffccff;
}
.CustomClass_bigFont2 {
	font-size: 20px;
	height:	30px;
}
.CustomClass_bigFont3 {
	font-size: 40px;
	height:	60px;
}
.CustomClass_bigFont2Blue {
	font-size: 20px;
	height:	30px;
	background-color:			#3399ff;
}
.CustomClass_bigFont3Blue {
	font-size: 40px;
	height:	60px;
	background-color:			#3399ff;
}
.CustomClass_bigFont3Red {
	font-size: 40px;
	height:	60px;
	background-color:			#ff0000;
}
.CustomClass_bigFont3Green {
	font-size: 40px;
	height:	60px;
	background-color:			#00ff00;
}