﻿/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/
h3 {
	word-wrap: break-word;
}
.row {
	margin-bottom: 20px;
}
.form select, .form input {
	width: 100%;
	margin: 10px 0;
}
.form input.submit {
	width: auto;
}

.formtable-bordered {
	max-width:600px;
	width:100%;
	margin:0 auto;
}
.maintable {
	max-width:600px;
	width:100%;
	margin:0 auto;
}

.formTableCellLabel {
/* table cell field label text */
	color:#999;
	font-family:"proxima-nova",sans-serif;
	font-size:15px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:2px;
	padding-top:8px;
	text-align:left;
/* text-shadow: 1px 1px #ffffff; */
	text-transform:none;
	vertical-align:top;
	white-space:nowrap;
}

.formTableCellValue {
/* table cell field value text */
	color:#555;
	font-family:"proxima-nova",sans-serif;
	font-size:15px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	padding-top:8px;
	text-align:left;
	vertical-align:top;
}

.text_field {
	background:#FAFAFA;
	border:1px solid #CCC;
	border-radius:4px;
	border-width:1px;
	color:#333;
	font-family:"proxima-nova",sans-serif;
	font-size:13px;
	padding:5px;
}

.drop_down {
	background:#FAFAFA;
	border:1px solid #CCC;
	border-radius:4px;
	border-width:1px;
	color:#333;
	font-family:"proxima-nova",sans-serif;
	font-size:13px;
	padding:4px;
}

.formTable {
	max-width:600px;
	width:100%;
	margin:0 auto;
	border: 1px solid #ccc;
}

.formTitle {
	text-align:center;
	font-weight:700;
	font-size:larger;
}

.formHeading {
	font-weight:700;
	text-align:center;
}

.formRow {
	word-break:break-word;
}

.formCell {
	word-wrap:break-word;
	border-bottom: 1px solid #ccc;
	padding-left:5px;
	padding-right:5px;
	
}
.formCellLeft {
	padding-left:5px;
	padding-right:5px;
	text-align:right;
	font-family:"proxima-nova",sans-serif;
	font-size:13px;
	background:#FAFAFA;
}

.formCellRight {
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}
​.animate
{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}

.action-button
{
	position: relative;
	padding: 10px 40px;
  margin: 0px 10px 10px 0px;
  float: center;
	border-radius: 10px;
	font-family: 'Arial', cursive;
	font-size: 25px;
	color: #FFF;
	text-decoration: none;	
}
.action1-button
{
	position: relative;
	padding: 10px 40px;
  margin: 0px 10px 10px 0px;
  float: center;
	border-radius: 10px;
	font-family: 'Arial', cursive;
	font-size: 72px;
	color: #FFF;
	text-decoration: none;	
}
.blue
{
	background-color: #3498DB;
	border-bottom: 5px solid #2980B9;
	text-shadow: 0px -2px #2980B9;
}

.red
{
	background-color: #E74C3C;
	border-bottom: 5px solid #BD3E31;
	text-shadow: 0px -2px #BD3E31;
}

.green
{
	background-color: #82BF56;
	border-bottom: 5px solid #669644;
	text-shadow: 0px -2px #669644;
}

.yellow
{
	background-color: #F2CF66;
	border-bottom: 5px solid #D1B358;
	text-shadow: 0px -2px #D1B358;
}

.action-button:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}
#rcorners2 {
    border-radius: 25px;
    border: 2px solid #eeeeee;
    padding: 20px; 
    width: 800px;
    height: 80px;    
}
#bluebox {
position: relative;
	padding: 10px 40px;
  margin: 0px 10px 10px 0px;
  float: left;
	border-radius: 10px;
	font-family: 'Arial', cursive;
	font-size: 25px;
	color: #FFF;
	background-color: #E74C3C;
	border-bottom: 5px solid #BD3E31;
	text-shadow: 0px -2px #BD3E31;
	text-decoration: none;	
}
.rowborder {
  margin: 30px 150px 30px 150px;
  border-radius: 25px;
  border: 2px solid #eeeeee;
  padding: 25px;
}
.no-gutters > [class*='col-'] {
    padding-right:5px;
    padding-left:5px;
	Padding-top:22px;
	height:80px;
}
.no-gutterx > [class*='col-'] {
    padding-right:5px;
    padding-left:20px;
	position: relative;
	bottom: 0px;
}
div.container div.text {
	position: absolute;
	bottom: 0px;
	border: solid 1px black;
}
