/*body{*/
 /*     min-height: 100%;*/
 /*     min-height: 100vh;*/
 /*     max-height: 100vh;*/
 /*   }*/
    
.page-container {
    min-height: 100%;
    min-height: 100vh;
    overflow: auto;
}

.img-round { 
    border-radius: 50%; 
    text-align: center; 
    font-size: 30px; 
    float: left; 
    font-weight: bold; 
    shape-outside: circle();
} 

.img-round-5 { border-radius: 5%}
.img-round-10 { border-radius: 10%}
.img-round-20 { border-radius: 20%}
.img-round-30 { border-radius: 30%}
.img-round-40 { border-radius: 40%}
.img-round-50 { border-radius: 50%}

.shadow-gray{
  box-shadow: 2px 3px 4px gray;
}

/*Font Size*/
.size-8{font-size: 8px;}
.size-10{font-size: 10px;}
.size-12{font-size: 12px;}
.size-14{font-size: 14px;}
.size-16{font-size: 16px;}
.size-18{font-size: 18px;}
.size-20{font-size: 20px;}
.size-22{font-size: 22px;}
.size-24{font-size: 24px;}
.size-26{font-size: 26px;}
.size-28{font-size: 28px;}

/*Font Color*/
.black{color:black}
.blue{color:blue;}
.blueDark{color:#00008B;}
.blueDodger{color:#1E90FF;}
.brown{color:#A52A2A;}
.indigo{color:#4B0082;}
.gray{color: #737373;}
.green{color:green;}
.maroon{color:#800000;}
.navy{color:#000080;}
.navyDark{color: #0C0659;}
.olive{color:#808000;}
.oliveGreenDark{color:#556B2F;}
.orangeDark{color:#FF8C00;}
.orange{color:orange;}
.purple{color:#800080;}
.red{color:red;}
.teal{color:#008080;}
.tomato{color:#E5593F;}
.violet{color:#EE82EE;}
.violetDark{color:#9400D3;}
.white{color:white;}
.yellow{color:yellow;}

/*Background Color*/
.black-bg{background-color:black}
.blue-bg{background-color:blue;}
.green-bg{background-color:green;}
.gray-bg{background-color: #D3D3D3;}
.light-gray-bg{background-color:#D3D3D3;}
.red-bg{background-color:red;}
.orange-bg{background-color:orange;}
.tomato-bg{background-color:#E5593F;}
.white-bg{background-color:white;}
.yellow-bg{background-color:yellow;}
.white-smoke-bg{background-color:#F9F9F9;}

/*Padding*/
.padding-1{ padding: 5px;}
.padding-2{ padding: 10px;}
.padding-3{ padding: 15px;}
.padding-4{ padding: 20px;}
/*Padding Top*/
.padding-top-1{ padding-top: 5px;}
.padding-top-2{ padding-top: 10px;}
.padding-top-3{ padding-top: 15px;}
.padding-top-4{ padding-top: 20px;}
/*Padding Right*/
.padding-right-1{ padding-right: 5px;}
.padding-right-2{ padding-right: 10px;}
.padding-right-3{ padding-right: 15px;}
.padding-right-4{ padding-right: 20px;}
/*Padding Bottom*/
.padding-bottom-1{ padding-bottom: 5px;}
.padding-bottom-2{ padding-bottom: 10px;}
.padding-bottom-3{ padding-bottom: 15px;}
.padding-bottom-4{ padding-bottom: 20px;}
/*Padding Left*/
.padding-left-1{ padding-left: 5px;}
.padding-left-2{ padding-left: 10px;}
.padding-left-3{ padding-left: 15px;}
.padding-left-4{ padding-left: 20px;}

/*Margin*/
.margin-1{ margin: 5px;}
.margin-2{ margin: 10px;}
.margin-3{ margin: 15px;}
.margin-4{margin: 20px;}

/*Margin Right*/
.margin-right-1{ margin-right: 5px;}
.margin-right-2{ margin-right: 10px;}
.margin-right-3{ margin-right: 15px;}
.margin-right-4{ margin-right: 20px;}

/*Margin Bottom*/
.margin-bottom-1{ margin-bottom: 5px;}
.margin-bottom-2{ margin-bottom: 10px;}
.margin-bottom-3{ margin-bottom: 15px;}
.margin-bottom-4{ margin-bottom: 20px;}
/*Margin Bottom*/
.margin-top-1{ margin-top: 5px;}
.margin-top-2{ margin-top: 10px;}
.margin-top-3{ margin-top: 15px;}
.margin-top-4{ margin-top: 20px;}
/*Border*/
.border-1{ border: 1px solid #C0C0C0}

/*Border Top*/
.border-bottom-1{ border-bottom: 1px solid #C0C0C0}
.border-bottom-2{ border-bottom: 2px solid #C0C0C0}
.border-bottom-3{ border-bottom: 3px solid #C0C0C0}
/*Border Bottom*/
.border-right-1{ border-right: 1px solid #C0C0C0}
.border-right-2{ border-right: 2px solid #C0C0C0}
.border-right-3{ border-right: 3px solid #C0C0C0}
/*Border Bottom*/
.border-top-1{ border-top: 1px solid #C0C0C0}
.border-top-2{ border-top: 2px solid #C0C0C0}
.border-top-3{ border-top: 3px solid #C0C0C0}
/*Border Left*/
.border-left-1{ border-left: 1px solid #C0C0C0}
.border-left-2{ border-left: 2px solid #C0C0C0}
.border-left-3{ border-left: 3px solid #C0C0C0}

.no-style{ 
	text-decoration: none;
	list-style-type: none;
}

@media print {
 .noprint {display: none;}
 .printArea {display: block;}
}