/* CSS Document */
/*
	v1.02
	h-{percent} : ranges increased
	spacer-v : new format
	min-h-100 : new
*/





/* Spacers */
.spacer-v-sm 
{
	width:100%;
	height:32px;
	display: block;
}

.spacer-v-md
{
	width:100%;
	height:64px;
	display: block;
}

.spacer-v-lg
{
	width:100%;
	height:128px;
	display: block;
}




/* Div alignment */

.vertical-center 
{
  width:100%;
	
  min-height: 90%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 90vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}




/* Div modals */
.card-simple 
{
	background-color: #f8f9fa;
	/*border: thin solid #cccccc;*/
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
}


/* Div size */
.maxw-sm
{
	max-width: 320px;
}

.maxw-md
{
	max-width: 420px;
}

.maxw-lg
{
	max-width: 720px;
}

.maxw-xl
{
	max-width: 1024px;
}

.minw-xs
{
	min-width: 100px;
}

.minw-sm
{
	min-width: 200px;
}

.minw-md
{
	min-width: 320px;
}

.minw-lg
{
	min-width: 420px;
}

.minw-xl
{
	min-width: 720px;
}

.h-360px
{
	height: 360px;
}

.h-90
{
	height:90%;
	height: 90vh;
}

.h-80
{
	height:80%;
	height: 80vh;
}

.h-70
{
	height:70%;
	height: 70vh;
}

.h-60
{
	height:60%;
	height: 60vh;
}

.h-50
{
	height:50%;
	height: 50vh;
}

.min-h-100
{
	min-height: 100%;
	min-height: 100vh;
}

.min-h-90
{
	min-height: 90%;
	min-height: 90vh;
}


.fs-1
{
	font-size: 24px;
}

.fs-2
{
	font-size: 18px;
}

.fs-3
{
	font-size: 16px;
}


.bg-green
{
	background-color:chartreuse;
}

.bg-red
{
	background-color:red;
}

.text-red
{
	color:red;
}

.text-green
{
	color:chartreuse;
}