/** Add css rules here for your application. */
html, body {
  font-family:arial,sans-serif;
  height: 95%;
}

div,td {
  color:#000000
}

a:link {
  color:#0000cc
}
     
a:visited {
  color:#0000cc
}

a:active {
  color:#ff0000
}

button {
  display: block;
  font-size: 16pt
}

.widePanel {
  width: 100%;
}

.semiWidePanel {
	width: 75%;
}

.halfPanel {
	width: 50%;
}

.tallPanel {
	height: 90%;
}

/* The following CSS rules were added automatically by OWL build tool. */

.center {
    margin-left: auto;
    margin-right: auto;
}

.ta-c {
	text-align: center;
}

.ta-j {
    text-align: justify;
}

.ta-l {
	text-align: left;
}

.ta-r {
	text-align: right;
}

.serif {
	font-family: serif;
}

.sans-serif {
	font-family: sans-serif;
}

.clickable {
    cursor: pointer;
}

.border {
    border: thin solid black;
}

.navy-border {
    border: thin solid navy;
}

.darkkhaki-border {
    border: thin solid darkkhaki;
}

.khaki-border {
    border: thin solid khaki;
}

.pink-border {
    border: thin solid pink;
}

.yellow-border {
    border: thin solid yellow;
}

.blue-border {
    border: thin solid blue;
}

.steelblue-border {
	border: thin solid lightsteelblue;
}

.lightgreen-border {
    border: thin solid lightgreen;
}

.darkgreen-border {
    border: thin solid darkgreen;
}

.green-border {
    border: thin solid #33B333;
}

.white-border {
    border: thin solid white;
}

.no-dec {
    text-decoration: none;
}

/*   COLORS  */

.blue {
    color: blue;
}

.green {
    color: green;
}

.navy {
    color: navy;
}

.red {
    color: red;
}

.maroon {
	color: maroon;
}

.darkgreen {
    color: darkgreen;
}

.purple {
	color: purple;
}

.gray {
    color: gray;
}

.black {
    color: black;
}

.lavender {
    color: lavender;
}

.sky {
	color: #CEDFF2;
}

.lemonchiffon {
    color: lemonchiffon;
}

.mistyrose {
    color: mistyrose;
}

.darkkhaki {
    color: darkkhaki;    
}

.khaki {
    color: khaki;
}

.steelblue {
    color: steelblue;/*#909990;*/
}

.lightblue {
    color: lightblue;/*#C0CCC0;*/
}

.coolblue {
	color: #CCCCFF;
}

.trophy {
	color: #C0CC80;
}

.cake {
	color: #FFFFCC;
}

.rain {
	color: #E0EEE0;
}

.melon {
	color: #CEF2E0;
}

.lily {
	color: #DDCEF2;
}

.trueblue {
	color: #87B3FF;
}

.redwood {
    color: #FFBBBB;
}

.indianred {
    color: indianred;
}

.saddlebrown {
    color: saddlebrown;
}

.yellow {
    color: yellow;
}

.alder {
    
}

/*  BACKGROUND COLORS  */

.bg-blue {
    background: blue;
}

.bg-green {
    background: green;
}

.bg-navy {
    background: navy;
}

.bg-red {
    background: red;
}

.bg-maroon {
	background: maroon;
}

.bg-darkgreen {
    background: darkgreen;
}

.bg-gray {
    background: gray;
}

.bg-black {
    background: black;
}

.bg-white {
    background: white;
}

.bg-lavender {
    background: lavender;
}

.bg-sky {
	background: #CEDFF2;
}

.bg-lemonchiffon {
    background: lemonchiffon;
}

.bg-ivory {
    background: ivory;
}

.bg-aliceblue {
    background: aliceblue;
}

.bg-bluesmoke {
    background:	#F7F7FB;
}

.bg-seashell {
    background: seashell;
}

.bg-mintcream {
    background: #F0FFFB;
}

.bg-cornsilk {
    background: cornsilk;
}

.bg-mistyrose {
    background: mistyrose;
}

.bg-honeydew {
	background: honeydew;
}

.bg-darkkhaki {
    background: darkkhaki;    
}

.bg-khaki {
    background: khaki;
}

.bg-steelblue {
    background: steelblue;/*#909990;*/
}

.bg-lightblue {
    background: lightblue;/*#C0CCC0;*/
}

.bg-bluesmoke {
    background:	#F7F7FB;
}

.bg-coolblue {
	background: #CCCCFF;
}

.bg-trophy {
	background: #C0CC80;
}

.bg-cake {
	background: #FFFFCC;
}

.bg-rain {
	background: #E0EEE0;
}

.bg-melon {
	background: #F1FFF1;
}

.bg-lily {
	background: #DDCEF2;
}

.bg-trueblue {
	background: #87B3FF;
}

.bg-redwood {
    background: #FFBBBB;
}

.bg-indianred {
    background: indianred;
}

.bg-yellow {
    background: yellow;
}

.bg-alder {
    
}

/*  FONT STYLES   */

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}

.underline {
	text-decoration: underline;
}

.overline {
    text-decoration: overline;
}

/*  PADDING  */

.pl-2 {
    padding-left: 2px;
}

.pr-2 {
    padding-right: 2px;
}

.pt-2 {
    padding-top: 2px;
}

.pb-2 {
    padding-bottom: 2px;
}

.pl-5 {
    padding-left: 5px;
}

.pr-5 {
    padding-right: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pr-10 {
    padding-right: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pl-25 {
    padding-left: 25px;
}

.pr-25 {
    padding-right: 25px;
}

.pt-25 {
    padding-top: 25px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.pr-50 {
    padding-right: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pl-100 {
    padding-left: 100px;
}

.pr-100 {
    padding-right: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pl-200 {
    padding-left: 200px;
}

.pr-200 {
    padding-right: 200px;
}

.pt-200 {
    padding-top: 200px;
}

.pb-200 {
    padding-bottom: 200px;
}

.pl-300 {
    padding-left: 300px;
}

.pr-300 {
    padding-right: 300px;
}

.pt-300 {
    padding-top: 300px;
}

.pb-300 {
    padding-bottom: 300px;
}

/*  FONT SIZES  */

.fs-xl {
    font-size: x-large;
}

.fs-xxl{
    font-size: xx-large;
}

.fs-xxs {
    font-size: xx-small;
}

.fs-xs {
    font-size: x-small;
}

.fs-s {
    font-size: small;
}

.fs-m {
    font-size: medium;
}

.fs-l {
    font-size: large;
}