/******************** 
*** Index Page ***
*********************/
.indexPage { overflow-y: auto; }
.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
.indexPage #loginbox  { width: 45rem !important; height: 40rem !important; margin-bottom: 5rem;  top: 5rem !important; }
.indexPage .loginBox input { height: 4.6rem; }
.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; font-size: 2.5rem; }
.indexPage .indexLogo { width: 100% !important;}
.indexPage .loginBox hr { margin: 0rem; }	
.indexPage .loginBox .input-group { padding-bottom: 1rem; }
.indexPage .loginBox .input-group-addon { font-size: 3rem;}
.indexPage .loginBox .form-control { font-size: 2rem;}
.indexPage .loginBox p { font-size: 2rem;}
.indexPage .form-inline { display: inline-flex; flex-flow: row wrap; align-items: center; }
.indexPage .loginBox ul { list-style-type: none; padding:0rem; }
.indexPage .loginBox ul li { width: 50%; padding-right:1rem; display: flex; }
.indexPage .loginBox ul .form-check-input { display: none;}
.indexPage .loginBox .radioLabel  { width: 100%;  background: #eeeeee; color: #555555; margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
.indexPage .loginBox .active { background: #428bca; color: #ffffff; }


@media (min-width: 1525px) and (max-width: 1624px) 
{	
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !important; margin-bottom: 5rem; }
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  }
}

@media (min-width: 1425px) and (max-width: 1524px) 
{	
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !important; margin-bottom: 5rem; }
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
}

@media (min-width: 1325px) and (max-width: 1424px) 
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !important; margin-bottom: 5rem; }
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
}

@media (min-width: 1225px) and (max-width: 1324px)
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !important; margin-bottom: 5rem; }
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
}

@media (min-width: 1125px) and (max-width: 1224px) 
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !important; margin-bottom: 5rem; }
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
}

@media (min-width: 1024px) and (max-width: 1124px)
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !important; margin-bottom: 5rem; }
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
}