@font-face
{
    font-family: msp;
    src: url('../fonts/mrd-regular.woff');
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%; /* Ensures the gradient covers the full page */
  height: 100%;
  display: flex;
  justify-content: center; /* Horizontal centering */
  align-items: center;     /* Vertical centering */
}

body {
  /* Syntax: linear-gradient(direction, color1, color2) */
  background: linear-gradient(#83c3e9, #e3eff8);
  background-attachment: fixed; /* Keeps the gradient still while scrolling */
}

/* 2. Style the div */
.gradient-box {
  /* Size */
  
  
  /* Rounded Corners */
  border-radius: 30px; /* Use 50% for a perfect circle */
  
  /* Gradient Background */
  background: linear-gradient(135deg, #c3effb, #fefefe);
  
  /* Optional: Center the text inside the div */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: sans-serif;
  font-weight: bold;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.bottom-centered-div {
  /* Position */
  position: fixed;
  bottom: 20px;       /* Distance from the bottom */
  left: 50%;          /* Move to the middle */
  transform: translateX(-50%); /* Offset the div by half its width to perfectly center */
  
  /* Styling (Rounded + Gradient) */
  padding: 15px 30px;
  
}

input, textarea{
    margin           : 1px;
	font-size        : 11px;
	font-family      : Verdana;
	color            : #000000;
	background-color : #FFFFFF;

}

option, select {
    margin           : 1px;
	font-size        : 11px;
	font-family      : Verdana;
	color            : #000000;
	background-color : #FFFFFF;
}

a, a:link, a:visited, a:active
{
    font-family     : 'Segoe UI', msp, Arial;
    font-size       : 12px ;
    text-decoration : none;
}

a:hover
{
    font-family     : 'Segoe UI', msp, Arial;
    font-size       : 12px;
    text-decoration : underline;
    cursor: pointer;	
}

A.headerlink
{
    margin           : 1px;
    font-size        : 11px;
    font-family      : Verdana;
    color       : #FFFFFF;	
}

input,textarea,select
{
	border:1px solid #333333; padding:1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.inputbox {
	border: 1px solid #999;
	padding: 4px;
	font-family     : 'Segoe UI', msp, Arial;
	border-radius: 4px; 
	font-size: 12px;
	color: #5b5b5b;
}

.inputbox-big {
	border: 1px solid #bbb;
	padding: 4px;
	border-radius: 4px;
	font-family     : 'Segoe UI', msp, Arial;
	font-size: 14px;
	color: #5b5b5b;
	height: 20px
}

.BtnDefault
{
    background-color: #f3f3f3;
    color: #000;
    font-family: 'Segoe UI', msp, Arial;
    font-size: 12px;
    height: 24px;
    min-width: 70px;
}

.BtnDefault:hover
{
    background-color: #dcdcdc;
}

.BtnPrimary
{
    background-color: #007bff;
    color: #fff;
	font-family: 'Segoe UI', msp, Arial, serif;
    font-size: 12px;
    height: 32px;
    min-width: 70px;
	border: 1px solid #999;
    border-radius: 4px; 
}

.BtnPrimaryBlue
{
	background-color: #3073ac;
	color: #fff;
	font-family: 'Segoe UI', msp, Arial, serif;
	font-size: 12px;
	height: 24px;
	min-width: 70px;
}

.BtnPrimaryGreen
{
	background-color: #6bac40;
	color: #fff;
	font-family: 'Segoe UI', msp, Arial, serif;
	font-size: 12px;
	height: 24px;
	min-width: 70px;
}

.BtnPrimaryGrey
{
	background-color: #7e817e;
	color: #fff;
	font-family: 'Segoe UI', msp, Arial, serif;
	font-size: 12px;
	height: 24px;
	min-width: 70px;
}

.BtnPrimaryRed
{
	background-color: #9c0000;
	color: #fff;
	font-family: 'Segoe UI', msp, Arial, serif;
	font-size: 12px;
	height: 24px;
	min-width: 70px;
}

.BtnPrimary:hover
{
    background-color: #275b8a;
}

.BtnPrimaryGreen:hover
{
	background-color: #4f7f2f;
}

.BtnPrimaryGrey:hover
{
	background-color: #6e706e;
}

.LightBorderTable
{
	border: 1px solid #efefef;
	border-collapse: collapse;
	background-color: #fff;
}

.LightBorderTable tr
{
	border: 1px solid #efefef;
}

.LightBorderTable td
{
	border: 1px solid #efefef;
}

.BorderTableBlue
{
	border: 1px solid #0a6aa1;
	border-collapse: collapse;
	background-color: #fff;
}

.BorderTableBlue tr
{
	border: 1px solid #0a6aa1;
}

.BorderTableBlue td
{
	border: 1px solid #0a6aa1;
}

.bs_primary
{
	color: #007bff;
}

.bs_secondary
{
	color: #6c757d;
}

.bs_success
{
	color: #28a745;
}

.bs_danger
{
	color: #dc3545;
}

.bs_warning 
{
	color: #ffc197;
}

.bs_info
{
	color: #17a2b8;
}

.bs_dark
{
	color: #343a40;
}

.bs_light
{
	color: #f8f9fa;
}

.fn_main
{
	font-family: 'Segoe UI', msp, Arial;	
}