/********************************** 
			Common Classes
 ***********************************/
.capitalize 
{
    text-transform: capitalize;
}
 /* Position */
	.relative { position: relative; }
	.absolute { position: absolute; }

	.right-zero { right: 0; }
	.left-zero  { left: 0; }

	.absolute-center
	{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.full-width  { width: 100%; }
	.full-height { height: 100%; }

 /* Display */
	.hide         { display: none; }
	.inline-block {	display: inline-block; }
	.pointer      { cursor: pointer; }

	.no-max-width { max-width: none !important; }

	.float-right { float: right; }
	.float-left  { float: left; }

	.overflow-hidden { overflow: hidden; }

	.circle
	{	
		border-radius: 50%;
	}

	.keyboard-body .hide-with-keyboard
	{
		display:none !important;
	}


/* Colors / Background colors */

	.white-bottom-border
	{	
		border-bottom: 1px solid rgba(255,255,255,0.5) !important;
	}

	.white-top-border
	{	
		border-top: 1px solid rgba(255,255,255,0.5) !important;
	}

	.white-right-border
	{	
		border-right: 1px solid rgba(255,255,255,0.5) !important;
	}

/* Font properties */

	.small 		 { font-size: 0.8rem; }
	.large 		 { font-size: 1.5rem; }
	.font-double { font-size: 2rem !important; }

	.white { color: white !important; }
	.red   { color: red; }
	.blue  { color: #1F64AF;}

	.blue-bg  { background-color: #1F64AF;}
	.light-gray-bg  { background-color: #ddd;}

/* Margin and padding */

	.margin-right  { margin-right: 1rem !important; }
	.margin-top    { margin-top: 1rem !important; }
	.margin-bottom { margin-bottom: 1rem !important; }
	.margin-left   { margin-left: 1rem !important; }
	.margin-zero   { margin: 0rem !important; }
	.margin        { margin: 1rem !important; }

	.padding 	    { padding: 1rem !important; }
	.padding-zero   { padding: 0rem !important; }
	.padding-right  { padding-right: 1rem !important; }
	.padding-top    { padding-top: 1rem !important; }
	.padding-bottom { padding-bottom: 1rem !important; }
	.padding-left   { padding-left: 1rem !important; }
	.padding-horizontal 
	{
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.padding-vertical 
	{
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.vertical-center
	{
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute;
	}